@neo4j-ndl/react 3.0.0-alpha-5f92d5f → 3.0.0-alpha-328a5a4

package/lib/types/banner/Banner.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes, type PolymorphicComponentProps, type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type PolymorphicPropsWithRef, type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -42,7 +42,6 @@ export type BannerActionsProps = {
 } | {
     as: React.ElementType;
 });
-type BannerActionsComponent = <T extends React.ElementType = 'a'>(props: PolymorphicComponentPropsWithRef<T, BannerActionsProps>) => React.ReactNode | null;
 export interface BannerCommonProps {
     /** Title of the banner */
     title?: string | React.ReactNode;
@@ -57,7 +56,6 @@ export interface BannerCommonProps {
     hasIcon?: boolean;
     /** Shows Action buttons in the footer */
     actions?: React.ComponentProps<typeof BannerActions>[];
-    htmlAttributes?: HtmlAttributes<'div'>;
     children?: React.ReactNode;
     className?: string;
 }
@@ -93,8 +91,12 @@ type NonCloseableBannerProps = {
 type BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;
 export type BannerProps = BannerCommonProps & BannerCloseProps & BannerUsageProps;
 export type BannerType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-declare const BannerActions: BannerActionsComponent;
-declare const BannerNamespace: React.ForwardRefExoticComponent<PolymorphicComponentProps<React.ElementType<any>, BannerProps> & React.RefAttributes<unknown>> & {
-    Actions: BannerActionsComponent;
+declare const BannerActions: PolymorphicForwardRefExoticComponent<'a', BannerActionsProps>;
+declare const BannerNamespace: Omit<React.ForwardRefExoticComponent<BannerProps & {
+    [key: string]: unknown;
+}>, "$$typeof"> & Omit<React.ExoticComponent<BannerProps & {
+    [key: string]: unknown;
+}>, never> & (<InstanceT extends React.ElementType = "div">(props: PolymorphicPropsWithRef<InstanceT, BannerProps>) => React.ReactElement | null) & {
+    Actions: PolymorphicForwardRefExoticComponent<"a", BannerActionsProps>;
 };
 export { BannerNamespace as Banner };

package/lib/types/breadcrumbs/Breadcrumbs.d.ts

@@ -20,7 +20,7 @@
  */
 import React from 'react';
 import { type ContextMenuProps } from '../context-menu';
-import { type PolymorphicComponentProps, type PolymorphicComponentPropsWithRef, type HtmlAttributes } from '../_common/types';
+import { type PolymorphicPropsWithRef, type PolymorphicForwardRefExoticComponent, type PolymorphicPropsWithoutRef, type HtmlAttributes } from '../_common/types';
 export interface BreadcrumbsBaseItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
     children?: React.ReactNode;
     className?: string;
@@ -28,8 +28,7 @@ export interface BreadcrumbsBaseItemProps extends Omit<React.HTMLProps<HTMLLIEle
     isCurrentPage?: boolean;
     onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href: string) => void;
 }
-type BreadcrumbsBaseItemComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, BreadcrumbsBaseItemProps>) => React.ReactNode | null;
-export interface BreadcrumbsGroupItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as'> {
+export interface BreadcrumbsGroupItemProps {
     children?: React.ReactNode;
     className?: string;
 }
@@ -57,7 +56,6 @@ export interface BreadcrumbsEllipsisMenuProps extends Omit<ContextMenuProps, 'is
     onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
 }
-type BreadcrumbsEllipsisMenuComponent = <T extends React.ElementType = 'span'>(props: PolymorphicComponentPropsWithRef<T, BreadcrumbsEllipsisMenuProps>) => React.ReactNode | null;
 export interface BreadcrumbsMenuItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
     children: React.ReactNode;
     className?: string;
@@ -70,25 +68,25 @@ export interface BreadcrumbsProps {
     className?: string;
 }
 declare const Breadcrumbs: {
-    <T extends React.ElementType = "nav">({ as, children, className, htmlAttributes, }: PolymorphicComponentProps<T, BreadcrumbsMenuItemProps>): import("react/jsx-runtime").JSX.Element;
+    <T extends React.ElementType = "nav">({ as, children, className, htmlAttributes, }: PolymorphicPropsWithoutRef<T, BreadcrumbsMenuItemProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {
-    BaseItem: BreadcrumbsBaseItemComponent;
+    BaseItem: PolymorphicForwardRefExoticComponent<"a", BreadcrumbsBaseItemProps>;
     GroupItem: {
-        <T extends React.ElementType = "li">({ as, children, className, htmlAttributes, }: PolymorphicComponentProps<T, BreadcrumbsGroupItemProps>): import("react/jsx-runtime").JSX.Element;
+        ({ as, children, className, style, htmlAttributes, }: PolymorphicPropsWithRef<"li", BreadcrumbsGroupItemProps>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
-        <T extends React.ElementType = "a">({ as, children, className, hasSeparator, href, isCurrentPage, onClick, htmlAttributes, }: PolymorphicComponentProps<T, BreadcrumbsItemProps>): import("react/jsx-runtime").JSX.Element;
+        <T extends React.ElementType = "a">({ as, children, className, hasSeparator, href, isCurrentPage, onClick, htmlAttributes, }: PolymorphicPropsWithRef<T, BreadcrumbsItemProps>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     ItemMenu: {
         ({ children, className, isOpen, onClick, onClose, htmlAttributes, }: BreadcrumbsItemMenuProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    EllipsisMenu: BreadcrumbsEllipsisMenuComponent;
+    EllipsisMenu: <T extends React.ElementType = "span">({ as, children, className, isOpen, onClick, onClose, onKeyDown, htmlAttributes, }: PolymorphicPropsWithoutRef<T, BreadcrumbsEllipsisMenuProps>) => import("react/jsx-runtime").JSX.Element;
     MenuItem: {
-        <T extends React.ElementType = "span">({ as, children, className, href, isCurrentPage, onClick, htmlAttributes, }: PolymorphicComponentProps<T, BreadcrumbsMenuItemProps>): import("react/jsx-runtime").JSX.Element;
+        <T extends React.ElementType = "span">({ as, children, className, href, isCurrentPage, onClick, htmlAttributes, }: PolymorphicPropsWithoutRef<T, BreadcrumbsMenuItemProps>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/lib/types/button/Button.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type PolymorphicComponentPropsWithRef, type HtmlAttributes } from '../_common/types';
+import { type HtmlAttributes, type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -65,6 +65,5 @@ type FilledButtonProps = BaseButtonProps & {
     color?: 'primary' | 'danger';
 };
 export type ButtonProps = OutlinedButtonProps | TextButtonProps | FilledButtonProps;
-type ButtonComponent = <C extends React.ElementType = 'button'>(props: PolymorphicComponentPropsWithRef<C, ButtonProps>) => React.ReactNode | null;
-export declare const Button: ButtonComponent;
+export declare const Button: PolymorphicForwardRefExoticComponent<'button', ButtonProps>;
 export {};

package/lib/types/button/IconButton.d.ts

@@ -20,7 +20,7 @@
  */
 import React from 'react';
 import { type ButtonSizes } from '../button';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -28,7 +28,7 @@ import { type PolymorphicComponentPropsWithRef } from '../_common/types';
  *
  *
  */
-export interface IconButtonProps {
+export type IconButtonProps = {
     children: React.ReactNode;
     /** If the icon button is in disabled state */
     isDisabled?: boolean;
@@ -48,21 +48,7 @@ export interface IconButtonProps {
     isActive?: boolean;
     /** aria-label - {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */
     ariaLabel: string;
-    /** classNames */
-    className?: string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-}
-interface IconButtonAsButtonProps {
-    as?: 'button';
-    type?: 'button' | 'submit' | 'reset';
-}
-interface IconButtonAsAnchorProps {
-    as: 'a';
-    href: string;
-}
-type IconButtonComponent = <C extends React.ElementType = 'button'>(props: PolymorphicComponentPropsWithRef<C, IconButtonProps & (IconButtonAsButtonProps | IconButtonAsAnchorProps | {
-    as: React.ElementType;
-})>) => React.ReactNode | null;
-export declare const IconButton: IconButtonComponent;
-export {};
+};
+export declare const IconButton: PolymorphicForwardRefExoticComponent<'button', IconButtonProps>;

package/lib/types/button/IconButtonArray.d.ts

@@ -20,6 +20,7 @@
  */
 import React from 'react';
 import { type IconButtonProps } from './IconButton';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  * Types
  */
@@ -33,14 +34,12 @@ export interface IconButtonArrayProps {
 export interface CollapsibleButtonWrapperProps {
     children: React.ReactElement<IconButtonProps> | React.ReactElement<IconButtonProps>[];
 }
-export declare const IconButtonArrayComponent: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-declare const IconButtonArray: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
+export declare const IconButtonArrayComponent: PolymorphicForwardRefExoticComponent<'div', IconButtonArrayProps>;
+declare const IconButtonArray: Omit<React.ForwardRefExoticComponent<IconButtonArrayProps & {
+    [key: string]: unknown;
+}>, "$$typeof"> & Omit<React.ExoticComponent<IconButtonArrayProps & {
+    [key: string]: unknown;
+}>, never> & (<InstanceT extends React.ElementType = "div">(props: import("../_common/types").PolymorphicPropsWithRef<InstanceT, IconButtonArrayProps>) => React.ReactElement | null) & {
     CollapsibleButtonWrapper: React.FC<CollapsibleButtonWrapperProps>;
 };
 export { IconButtonArray };

package/lib/types/callout/Callout.d.ts

@@ -19,6 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -45,7 +46,4 @@ export type CalloutType = 'note' | 'important' | 'example' | 'tip';
  *
  *
  */
-export declare const Callout: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & CalloutProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+export declare const Callout: PolymorphicForwardRefExoticComponent<'div', CalloutProps>;

package/lib/types/charts/ChartTooltip.d.ts

@@ -27,10 +27,15 @@ export interface ChartTooltipProps {
     isOpen?: boolean;
     style: React.CSSProperties;
 }
-export declare const ChartTooltipComponent: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+export declare const ChartTooltipComponent: React.ForwardRefExoticComponent<ChartTooltipProps & {
     as?: React.ElementType<any> | undefined;
-} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+    className?: string;
+    style?: React.CSSProperties;
+} & React.RefAttributes<unknown>>;
+type ChartTooltipTitleProps = {
+    children: React.ReactNode;
+};
 export type ChartTooltipContentProps = {
     leftElement?: React.ReactNode;
     rightElement?: React.ReactNode;
@@ -41,18 +46,20 @@ export type ChartTooltipContentProps = {
         type: 'warning' | 'danger';
     };
 };
-declare const ChartTooltip: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+declare const ChartTooltip: React.ForwardRefExoticComponent<ChartTooltipProps & {
     as?: React.ElementType<any> | undefined;
-} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
-    Title: React.ForwardRefExoticComponent<{
-        children: React.ReactNode;
-    } & React.RefAttributes<unknown>>;
+    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+    className?: string;
+    style?: React.CSSProperties;
+} & React.RefAttributes<unknown>> & {
+    Title: React.ForwardRefExoticComponent<ChartTooltipTitleProps & React.RefAttributes<HTMLSpanElement>>;
     Content: React.ForwardRefExoticComponent<ChartTooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<{
-        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+    Link: React.ForwardRefExoticComponent<Omit<import("../text-link").TextLinkProps & {
         as?: React.ElementType<any> | undefined;
-    } & import("../text-link").TextLinkProps & import("../_common/types").CommonComponentProps & {
+        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+        className?: string;
+        style?: React.CSSProperties;
+    } & {
         ref?: any;
     }, "ref"> & React.RefAttributes<unknown>>;
 };

package/lib/types/charts/Charts.d.ts

@@ -73,10 +73,12 @@ export interface ChartsProps {
     height?: number;
 }
 export declare const ChartsContext: import("react").Context<ChartsContextType>;
-declare const Charts: import("react").ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<import("react").ElementType<any>> | undefined;
+declare const Charts: import("react").ForwardRefExoticComponent<ChartsProps & {
     as?: import("react").ElementType<any> | undefined;
-} & ChartsProps & import("../_common/types").CommonComponentProps & import("react").RefAttributes<unknown>> & {
+    htmlAttributes?: import("../_common/types").HtmlAttributes<import("react").ElementType<any>> | undefined;
+    className?: string;
+    style?: import("react").CSSProperties;
+} & import("react").RefAttributes<unknown>> & {
     Chart: import("react").ForwardRefExoticComponent<import("./Chart").ChartProps & import("react").RefAttributes<unknown>> & {
         Line: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Line").LineProps & import("react").RefAttributes<SVGPathElement>>>;
     };

package/lib/types/code/Code.d.ts

@@ -21,7 +21,7 @@
 import React from 'react';
 import { type IconButton } from '../button';
 import { type LanguageProp } from './languages';
-import { type PolymorphicComponentProps } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export interface InlineProps {
     type: 'inline';
     maxHeight?: never;
@@ -52,5 +52,5 @@ export interface CommonProps {
 }
 type ConditionalProps = InlineProps | BlockProps;
 type Props = CommonProps & ConditionalProps;
-export declare const Code: React.ForwardRefExoticComponent<PolymorphicComponentProps<React.ElementType<any>, Props> & React.RefAttributes<unknown>>;
+export declare const Code: PolymorphicForwardRefExoticComponent<'button', Props>;
 export {};

package/lib/types/context-menu/ContextMenu.d.ts

@@ -21,20 +21,18 @@
 
 import React from 'react';
 import { type DividerProps } from '../divider';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export interface MenuItemProps {
-    title: string | React.ReactNode;
+    title: React.ReactNode;
     icon?: React.ReactNode;
-    description?: string;
+    description?: React.ReactNode;
     isDisabled?: boolean;
     className?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
     children?: React.ReactNode;
 }
-declare const MenuItem: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+declare const MenuItem: PolymorphicForwardRefExoticComponent<'button', MenuItemProps>;
 export type NestedMenuItemProps = Omit<React.ComponentProps<typeof MenuItem>, 'children'>;
 export interface ContextMenuProps {
     isOpen?: boolean;
@@ -46,7 +44,7 @@ export interface ContextMenuProps {
     className?: string;
     title?: string;
     isDisabled?: boolean;
-    description?: string;
+    description?: React.ReactNode;
 }
 export interface MenuItemsProps {
     children: React.ReactNode;
@@ -56,26 +54,17 @@ export interface MenuSubheaderProps {
 }
 export interface MenuHeaderProps {
     /** Header title text */
-    title: string | React.ReactNode;
+    title: React.ReactNode;
     /** Header description text */
-    description?: string | React.ReactNode;
+    description?: React.ReactNode;
     /** Additional classes */
     className?: string;
 }
-declare const Menu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLElement>> & {
-    Item: React.ForwardRefExoticComponent<{
-        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-    Items: React.ForwardRefExoticComponent<{
-        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & MenuItemsProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-    Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+declare const Menu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: PolymorphicForwardRefExoticComponent<"button", MenuItemProps>;
+    Items: PolymorphicForwardRefExoticComponent<"div", MenuItemsProps>;
+    Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
     Subheader: (props: MenuSubheaderProps) => import("react/jsx-runtime").JSX.Element;
-    Header: React.ForwardRefExoticComponent<{
-        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & MenuHeaderProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Header: PolymorphicForwardRefExoticComponent<"div", MenuHeaderProps>;
 };
 export { Menu };

package/lib/types/dialog/Dialog.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes } from '../_common/types';
+import { type HtmlAttributes, type PolymorphicForwardRefExoticComponent } from '../_common/types';
 import { type ModalProps } from '../modal';
 export interface DialogBaseProps {
     className?: string;
@@ -42,26 +42,13 @@ export interface DialogProps extends Omit<ModalProps, 'onClose'> {
 }
 export declare const Dialog: {
     ({ isOpen, onClose, children, type, size, hasDisabledCloseButton, modalProps, htmlAttributes, }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
-    Actions: React.ForwardRefExoticComponent<{
-        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-    Header: React.ForwardRefExoticComponent<{
-        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & Omit<DialogBaseProps, "children"> & {
-        children?: React.ReactNode;
-    } & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-    Subtitle: React.ForwardRefExoticComponent<{
-        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-    Description: React.ForwardRefExoticComponent<{
-        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
-    Content: React.ForwardRefExoticComponent<{
-        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Actions: PolymorphicForwardRefExoticComponent<"div", DialogBaseProps>;
+    Header: PolymorphicForwardRefExoticComponent<"h4", DialogHeaderProps>;
+    Subtitle: PolymorphicForwardRefExoticComponent<"div", DialogBaseProps>;
+    Description: PolymorphicForwardRefExoticComponent<"div", DialogBaseProps>;
+    Content: PolymorphicForwardRefExoticComponent<"div", DialogBaseProps>;
 };
+type DialogHeaderProps = Omit<DialogBaseProps, 'children'> & {
+    children?: React.ReactNode;
+};
+export {};

package/lib/types/divider/Divider.d.ts

@@ -19,11 +19,8 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export interface DividerProps {
     orientation?: 'horizontal' | 'vertical';
 }
-type DividerComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, DividerProps>) => React.ReactNode | null;
-export declare const Divider: DividerComponent;
-export {};
+export declare const Divider: PolymorphicForwardRefExoticComponent<'div', DividerProps>;

package/lib/types/drawer/Drawer.d.ts

@@ -20,8 +20,8 @@
  */
 import { FloatingPortal } from '@floating-ui/react';
 import { type ResizableProps } from 're-resizable';
-import React, { type ComponentProps, type ComponentPropsWithoutRef } from 'react';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+import React, { type ComponentProps } from 'react';
+import { type HtmlAttributes, type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export type DrawerPosition = 'left' | 'right';
 export type DrawerType = 'overlay' | 'push';
 export interface DrawerProps {
@@ -49,12 +49,27 @@ export interface DrawerProps {
      */
     portalProps?: ComponentProps<typeof FloatingPortal>;
 }
-type DrawerComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, DrawerProps>) => React.ReactNode | null;
-export declare const DrawerComponent: DrawerComponent;
-type DrawerHeaderProps = ComponentPropsWithoutRef<'h5'>;
-type DrawerActionsProps = ComponentPropsWithoutRef<'div'>;
-type DrawerBodyProps = ComponentPropsWithoutRef<'div'>;
-declare const Drawer: DrawerComponent & {
+export declare const DrawerComponent: PolymorphicForwardRefExoticComponent<'div', DrawerProps>;
+type DrawerHeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+    htmlAttributes?: HtmlAttributes<'h5'>;
+};
+type DrawerActionsProps = {
+    children: React.ReactNode;
+    className?: string;
+    htmlAttributes?: HtmlAttributes<'div'>;
+};
+type DrawerBodyProps = {
+    children: React.ReactNode;
+    className?: string;
+    htmlAttributes?: HtmlAttributes<'div'>;
+};
+declare const Drawer: Omit<React.ForwardRefExoticComponent<DrawerProps & {
+    [key: string]: unknown;
+}>, "$$typeof"> & Omit<React.ExoticComponent<DrawerProps & {
+    [key: string]: unknown;
+}>, never> & (<InstanceT extends React.ElementType = "div">(props: import("../_common/types").PolymorphicPropsWithRef<InstanceT, DrawerProps>) => React.ReactElement | null) & {
     Header: ({ children, className, ...restProps }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
     Actions: ({ children, className, ...restProps }: DrawerActionsProps) => import("react/jsx-runtime").JSX.Element;
     Body: ({ children, className, ...restProps }: DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/dropdown-button/DropdownButton.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { type ReactElement } from 'react';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -50,6 +50,4 @@ export interface DropdownButtonProps {
  *
  *
  */
-type DropdownButtonComponent = <T extends React.ElementType = 'button'>(props: PolymorphicComponentPropsWithRef<T, DropdownButtonProps>) => React.ReactNode | null;
-export declare const DropdownButton: DropdownButtonComponent;
-export {};
+export declare const DropdownButton: PolymorphicForwardRefExoticComponent<'button', DropdownButtonProps>;

package/lib/types/graph-label/GraphLabel.d.ts

@@ -20,7 +20,7 @@
  */
 
 import React from 'react';
-import { type PolymorphicComponentProps } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -41,6 +41,5 @@ type GraphLabelProps = {
     /** If the element is selected */
     isSelected?: boolean;
 };
-type GraphLabelComponent = <T extends React.ElementType = 'button'>(props: PolymorphicComponentProps<T, GraphLabelProps>) => React.ReactNode | null;
-export declare const GraphLabel: GraphLabelComponent;
+export declare const GraphLabel: PolymorphicForwardRefExoticComponent<'button', GraphLabelProps>;
 export {};

package/lib/types/index.d.ts

@@ -39,7 +39,7 @@ export * from './data-grid';
 export * from './text-input';
 export * from './text-area';
 export * from './text-link';
-export * from './dropdown';
+export * from './select';
 export * from './tag';
 export * from './theme';
 export * from './widget';

package/lib/types/inline-edit/InlineEdit.d.ts

@@ -19,10 +19,11 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode } from 'react';
 import { type TooltipObjectProps } from '../_common/input/types';
 import { Typography } from '../typography';
 import { type TypographyVariants } from '../typography/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export interface InlineEditProps {
     /** Label text */
     label?: ReactNode;
@@ -80,7 +81,4 @@ export interface InlineEditProps {
     /** View mode Typography's props */
     typographyProps?: ComponentPropsWithoutRef<typeof Typography>;
 }
-export declare const InlineEdit: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & InlineEditProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+export declare const InlineEdit: PolymorphicForwardRefExoticComponent<'div', InlineEditProps>;

package/lib/types/label/Label.d.ts

@@ -19,6 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -37,7 +38,4 @@ export interface EventTypeLabelProps {
     /** If label should have an icon */
     hasIcon?: boolean;
 }
-export declare const Label: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & EventTypeLabelProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+export declare const Label: PolymorphicForwardRefExoticComponent<'span', EventTypeLabelProps>;

package/lib/types/layout/Box.d.ts

@@ -20,7 +20,7 @@
  */
 import React from 'react';
 import { type Radius, type Spacing } from './types';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 type BaseBoxProps = {
     /**
      * @default tokens.space['4']
@@ -53,10 +53,9 @@ type BaseBoxProps = {
     children?: React.ReactNode;
     style?: React.CSSProperties;
 };
-type BoxComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, BaseBoxProps>) => React.ReactNode | null;
 /**
  * Box is a general-purpose container that allows for controlled use of design tokens.
  * Use the given props to configure display behavior and styling that aligns with Needle's tokens.
  */
-export declare const Box: BoxComponent;
+export declare const Box: PolymorphicForwardRefExoticComponent<'div', BaseBoxProps>;
 export {};

package/lib/types/layout/Flex.d.ts

@@ -21,8 +21,7 @@
 
 import React from 'react';
 import { type Radius, type Spacing } from './types';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
-type AllowedFlexElements = 'div' | 'span' | 'ul' | 'ol' | 'li';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 type BaseFlexProps = {
     /**
      * @default tokens.space['4']
@@ -67,10 +66,9 @@ type BaseFlexProps = {
     children?: React.ReactNode;
     style?: React.CSSProperties;
 };
-type FlexComponent = <T extends AllowedFlexElements = 'div'>(props: PolymorphicComponentPropsWithRef<T, BaseFlexProps>) => React.ReactNode | null;
 /**
  * Flex is a general-purpose container that helps
  * lay out components with consistent spacing in a row or column.
  */
-export declare const Flex: FlexComponent;
+export declare const Flex: PolymorphicForwardRefExoticComponent<'div', BaseFlexProps>;
 export {};

package/lib/types/loading-spinner/LoadingSpinner.d.ts

@@ -18,7 +18,8 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React from 'react';
+
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 /**
  *
  *
@@ -36,7 +37,4 @@ export type LoadingSpinnerProps = {
  *
  *
  */
-export declare const LoadingSpinner: React.ForwardRefExoticComponent<{
-    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & LoadingSpinnerProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+export declare const LoadingSpinner: PolymorphicForwardRefExoticComponent<'div', LoadingSpinnerProps>;