@neo4j-ndl/react 3.0.0-alpha-73cdbc3 → 3.0.0-alpha-328a5a4

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>) => void;
+    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;
@@ -45,7 +43,8 @@ export interface ContextMenuProps {
     minWidth?: number;
     className?: string;
     title?: string;
-    description?: string;
+    isDisabled?: boolean;
+    description?: React.ReactNode;
 }
 export interface MenuItemsProps {
     children: React.ReactNode;
@@ -55,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/data-grid/Components.d.ts

@@ -33,7 +33,7 @@ export interface CommonInnerProps<T = HTMLDivElement> {
     innerProps?: {
         className?: string;
         style?: React.CSSProperties;
-        onClick?: (e: React.MouseEvent<T>) => void;
+        onClick?: (e: React.MouseEvent<T, MouseEvent>) => void;
         htmlAttributes?: React.HTMLAttributes<T>;
     };
 }

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>;

package/lib/types/popover/Popover.d.ts

@@ -20,6 +20,7 @@
  */
 import React from 'react';
 import { type OffsetOptions } from '@floating-ui/react';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export type PlacementOptions = 'bottom-end-top-end' | 'bottom-start-top-start' | 'bottom-middle-top-middle' | 'top-end-bottom-end' | 'top-start-bottom-start' | 'top-middle-bottom-middle' | 'bottom-start-bottom-end' | 'top-start-top-end' | 'middle-start-middle-end' | 'bottom-end-bottom-start' | 'top-end-top-start' | 'middle-end-middle-start';
 export interface PopoverProps {
     /** if the popover is open */
@@ -44,10 +45,7 @@ export declare const usePopoverContext: () => import("./use-popover").UsePopover
 export declare const Popover: {
     ({ children, anchorElement, placement, isOpen, offset, hasAnchorPortal, shouldCaptureFocus, onOpenChange, role, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLElement>>;
-    Content: React.ForwardRefExoticComponent<{
-        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & PopoverContentProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Content: PolymorphicForwardRefExoticComponent<"div", PopoverContentProps>;
 };
 export interface PopoverTriggerProps {
     children: React.ReactNode;

package/lib/types/progress-bar/ProgressBar.d.ts

@@ -18,8 +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 HtmlAttributes } from '../_common/types';
+
+import { type HtmlAttributes, type PolymorphicForwardRefExoticComponent } from '../_common/types';
 export interface ProgressBarProps {
     heading?: string;
     value: number;
@@ -28,7 +28,4 @@ export interface ProgressBarProps {
     /** HTML attributes */
     htmlAttributes?: HtmlAttributes<'div'>;
 }
-export declare const ProgressBar: React.ForwardRefExoticComponent<{
-    htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
-    as?: React.ElementType<any> | undefined;
-} & ProgressBarProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+export declare const ProgressBar: PolymorphicForwardRefExoticComponent<'div', ProgressBarProps>;

package/lib/types/segmented-control/SegmentedControl.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 } from '../_common/types';
+import { type PolymorphicForwardRefExoticComponent } from '../_common/types';
 type SegmentedControlID = string | number;
 export interface SegmentedControlProps<T extends SegmentedControlID> {
     className?: string;
@@ -38,16 +38,17 @@ export interface SegmentedControlProps<T extends SegmentedControlID> {
     /** If the component is in a floating state*/
     isFloating?: boolean;
 }
-type SegmentControlComponent = <U extends SegmentedControlID, T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, SegmentedControlProps<U>>) => React.ReactNode | null;
-declare const SegmentedControl: SegmentControlComponent & {
-    Item: React.ForwardRefExoticComponent<{
-        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & {
-        as?: string | React.ComponentType<any>;
-        className?: string;
-        children?: React.ReactNode;
-        value: string;
-    } & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+type SegmentedControlItemProps = {
+    className?: string;
+    children?: React.ReactNode;
+    value: string;
+};
+declare const SegmentedControl: (<T extends SegmentedControlID, U extends React.ElementType = "div">(props: SegmentedControlProps<T> & {
+    as?: U | undefined;
+    htmlAttributes?: import("../_common/types").HtmlAttributes<U> | undefined;
+    className?: string;
+    style?: React.CSSProperties;
+} & React.RefAttributes<unknown>) => React.ReactElement | null) & {
+    Item: PolymorphicForwardRefExoticComponent<"button", SegmentedControlItemProps>;
 };
 export { SegmentedControl };

package/lib/types/{dropdown → select}/Overrides.d.ts

@@ -20,9 +20,9 @@
  */
 
 import { type ClearIndicatorProps, type DropdownIndicatorProps, type GroupBase, type MultiValueRemoveProps, type OptionProps, type PlaceholderProps } from 'react-select';
-import { type DropdownOverrideCustomProps } from './types';
-export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: MultiValueRemoveProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: PlaceholderProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomOption: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: OptionProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+import { type SelectOverrideCustomProps } from './types';
+export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: MultiValueRemoveProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: PlaceholderProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomOption: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: OptionProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;

package/lib/types/{dropdown/Dropdown.d.ts → select/Select.d.ts}

@@ -20,8 +20,6 @@
  */
 import React from 'react';
 import { type GroupBase } from 'react-select';
-import { type DropdownProps } from './types';
-import { type PolymorphicComponentPropsWithRef } from '../_common/types';
-type DividerComponent = <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>, T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, DropdownProps<OptionType, IsMulti, GroupType>>) => React.ReactNode | null;
-export declare const Dropdown: DividerComponent;
-export {};
+import { type SelectProps } from './types';
+import { type PolymorphicPropsWithoutRef } from '../_common/types';
+export declare const Select: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>, T extends React.ElementType = "div">(props: PolymorphicPropsWithoutRef<T, SelectProps<OptionType, IsMulti, GroupType>> & React.RefAttributes<unknown>) => React.ReactElement | null;

package/lib/types/{dropdown → select}/index.d.ts

@@ -18,4 +18,4 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export * from './Dropdown';
+export * from './Select';