feat: added polymorphic props to Toggletip (#18756)

* feat: added polymorphic props to Toggletip

* fix: remove test story

Author: riddhybansal

packages/react/src/components/Toggletip/__tests__/Toggletip-test.js

@@ -82,6 +82,15 @@ describe('Toggletip', () => {
     expect(container.firstChild).not.toHaveClass(`${prefix}--popover--open`);
   });
 
+  it('should render with custom element using as prop', () => {
+    const CustomElement = forwardRef((props, ref) => (
+      <div data-testid="custom-toggletip" ref={ref} {...props} />
+    ));
+
+    render(<Toggletip as={CustomElement}>Content</Toggletip>);
+    expect(screen.getByTestId('custom-toggletip')).toBeInTheDocument();
+  });
+
   describe('Component API', () => {
     it('should support custom elements with the `as` prop', () => {
       const CustomComponent = forwardRef((props, ref) => {

packages/react/src/components/Toggletip/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import PropTypes from 'prop-types';
+import PropTypes, { WeakValidationMap } from 'prop-types';
 import React, {
   type ElementType,
   useContext,
@@ -23,6 +23,7 @@ import { useWindowEvent } from '../../internal/useEvent';
 import { useId } from '../../internal/useId';
 import { usePrefix } from '../../internal/usePrefix';
 import { PolymorphicProps } from '../../types/common';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 
 type ToggletipLabelProps<E extends ElementType> = {
   as?: E;
@@ -84,16 +85,18 @@ function useToggletip() {
   return useContext(ToggletipContext);
 }
 
-export interface ToggletipProps<E extends ElementType> {
+export interface ToggletipBaseProps {
   align?: PopoverAlignment;
   alignmentAxisOffset?: number;
-  as?: E;
   autoAlign?: boolean;
   className?: string;
   children?: ReactNode;
   defaultOpen?: boolean;
 }
 
+export type ToggletipProps<T extends ElementType> =
+  PolymorphicComponentPropWithRef<T, ToggletipBaseProps>;
+
 /**
  * Used as a container for the button and content of a toggletip. This component
  * is responsible for coordinating between interactions with the button and the