@npm-questionpro/wick-ui-lib 0.5.0 → 0.8.0

package/dist/src/base/ui/command.d.ts

@@ -0,0 +1,80 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/src/base/ui/dialog.d.ts

@@ -1,21 +1,22 @@
+import { default as React, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as React from 'react';
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+interface IDialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     hideCloseButton?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+}
+export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<IDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare const DialogFooter: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/src/components/appHeader/WuAppHeader.d.ts

@@ -12,5 +12,9 @@ export interface IWuAppHeaderProps extends React.HTMLAttributes<HTMLBaseElement>
     onLogout?: () => void;
     homeLink?: string;
     dir?: 'ltr' | 'rtl';
+    brandColor?: {
+        base: string;
+        hover: string;
+    };
 }
 export declare const WuAppHeader: React.FC<IWuAppHeaderProps>;

package/dist/src/components/appHeader/ui/WuAppHeaderMenu.d.ts

@@ -5,6 +5,10 @@ interface IWuAppHeaderMenuProps {
     productName: string;
     homeLink?: string;
     dir?: 'ltr' | 'rtl';
+    brandColor?: {
+        base: string;
+        hover: string;
+    };
 }
 export declare const WuAppHeaderMenu: React.FC<IWuAppHeaderMenuProps>;
 export {};

package/dist/src/components/calendar/components/datePicker/WuDatePicker.d.ts

@@ -8,6 +8,10 @@ export type IWuDatePickerProps = {
     maxDate?: Date;
     className?: string;
     dir?: 'ltr' | 'rtl';
-    onChange?: (date: Date) => void;
+    onChange?: (date?: Date) => void;
+    label?: string;
+    labelPosition?: 'top' | 'left';
+    onReset?: () => void;
+    showResetButton?: boolean;
 };
 export declare const WuDatePicker: React.FC<IWuDatePickerProps>;

package/dist/src/components/calendar/components/dateRangePicker/WuDateRangePicker.d.ts

@@ -9,12 +9,17 @@ export interface IWuDateRangePickerProps {
     maxDate?: Date;
     className?: string;
     dir?: 'ltr' | 'rtl';
-    onChange?: (date: DateRange) => void;
+    onChange?: (date: DateRange | undefined) => void;
     minDateToSelect?: number;
     maxDateToSelect?: number;
     presetRanges?: {
         label: string;
         value: number;
     }[];
+    label?: string;
+    labelPosition?: 'top' | 'left';
+    onReset?: () => void;
+    showResetButton?: boolean;
+    placeholder?: string;
 }
 export declare const WuDateRangePicker: React.FC<IWuDateRangePickerProps>;

package/dist/src/components/calendar/ui/_footer.d.ts

@@ -1,6 +1,8 @@
 interface IWuDatePickerFooterProps {
     handleDateChange: () => void;
+    onReset?: () => void;
     disabled?: boolean;
+    showResetButton?: boolean;
 }
 export declare const WuDatePickerFooter: React.FC<IWuDatePickerFooterProps>;
 export {};

package/dist/src/components/calendar/ui/_sidebar.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DateRange } from 'react-day-picker';
 
-export interface IWuDateRangePickerSidebarProps {
-    current: DateRange;
+interface IWuDateRangePickerSidebarProps {
+    current?: DateRange;
     onSelect: (date: DateRange) => void;
     presetRanges?: {
         label: string;
@@ -10,3 +10,4 @@ export interface IWuDateRangePickerSidebarProps {
     }[];
 }
 export declare const WuDateRangeSidebar: React.FC<IWuDateRangePickerSidebarProps>;
+export {};

package/dist/src/components/calendar/ui/_trigger.d.ts

@@ -1,4 +1,5 @@
 export declare const WuDatePickerTrigger: React.FC<{
     formattedString: string;
     dir: 'ltr' | 'rtl';
+    placeholder?: string;
 }>;

package/dist/src/components/combobox/WuCombobox.d.ts

@@ -0,0 +1,21 @@
+export interface IWuComboboxProps<T> {
+    data: T[];
+    accessorKey: {
+        value: string;
+        label: string;
+    };
+    defaultValue?: T | T[];
+    value?: T | T[];
+    header?: React.ReactNode;
+    virtualizedThreshold?: number;
+    isEllipse?: boolean;
+    placeholder?: string;
+    variant?: 'flat' | 'outlined';
+    dir?: 'ltr' | 'rtl';
+    label?: string;
+    maxHeight?: number;
+    onSelect?: (value: T | T[]) => void;
+    multiple?: boolean;
+    hasGroup?: boolean;
+}
+export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, }: IWuComboboxProps<T>) => JSX.Element;

package/dist/src/components/combobox/WuCombobox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/combobox/index.d.ts

@@ -0,0 +1,3 @@
+export type { IWuComboboxDivider, IWuComboboxGroup, IWuComboboxItem, IWuComboboxOption, } from './types/IWuComboboxOptions';
+export { WuCombobox } from './WuCombobox';
+export type { IWuComboboxProps } from './WuCombobox';

package/dist/src/components/combobox/types/IWuComboboxOptions.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+export type IWuComboboxItem<T> = T & {
+    type?: 'option';
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    isAdmin?: boolean;
+};
+export interface IWuComboboxGroup<T> {
+    type: 'group';
+    label: string;
+    options: IWuComboboxItem<T>[];
+}
+export interface IWuComboboxDivider {
+    type: 'divider';
+}
+export type IWuComboboxOption<T> = IWuComboboxItem<T> | IWuComboboxGroup<T> | IWuComboboxDivider;

package/dist/src/components/combobox/ui/_item.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { IWuComboboxItem } from '../types/IWuComboboxOptions';
+
+export interface IWuComboboxItemProps<T> {
+    option: IWuComboboxItem<T>;
+    accessorKey: {
+        value: string;
+        label: string;
+    };
+    value?: IWuComboboxItem<T> | IWuComboboxItem<T>[];
+    multiple?: boolean;
+    onSelect: (value: IWuComboboxItem<T>) => void;
+    dir?: 'ltr' | 'rtl';
+}
+export declare const WuComboboxItem: <T>({ option, value, multiple, onSelect, accessorKey, dir, }: IWuComboboxItemProps<T>) => React.JSX.Element;

package/dist/src/components/combobox/ui/_tags.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+export declare const WuRenderTags: React.FC<{
+    tags: string[];
+    triggerRef: React.RefObject<HTMLButtonElement>;
+}>;

package/dist/src/components/combobox/ui/_trigger.d.ts

@@ -0,0 +1,15 @@
+import { IWuComboboxItem } from '../types/IWuComboboxOptions';
+
+export interface IWuComboboxTriggerProps<T> {
+    accessorKey: {
+        label: string;
+        value: string;
+    };
+    placeholder?: string;
+    isEllipse?: boolean;
+    selectedOptions?: IWuComboboxItem<T> | IWuComboboxItem<T>[];
+    variant?: 'flat' | 'outlined';
+    dir?: 'ltr' | 'rtl';
+    multiple?: boolean;
+}
+export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, }: IWuComboboxTriggerProps<T>) => JSX.Element;

package/dist/src/components/combobox/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './renderItems';
+export * from './separateOptions';

package/dist/src/components/combobox/utils/renderItems.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IWuComboboxOption } from '../types/IWuComboboxOptions';
+import { IWuComboboxItemProps } from '../ui/_item';
+
+type IRenderComboboxItemsProps<T> = Omit<IWuComboboxItemProps<T>, 'option'> & {
+    option: IWuComboboxOption<T>;
+};
+export declare const RenderItems: <T>(props: IRenderComboboxItemsProps<T>) => React.JSX.Element;
+export {};

package/dist/src/components/combobox/utils/separateOptions.d.ts

@@ -0,0 +1,7 @@
+import { IWuComboboxDivider, IWuComboboxGroup, IWuComboboxItem, IWuComboboxOption } from '../types/IWuComboboxOptions';
+
+export declare const separateOptions: <T>(options: IWuComboboxOption<T>[]) => {
+    groups: IWuComboboxGroup<T>[];
+    dividers: IWuComboboxDivider[];
+    allOptions: IWuComboboxItem<T>[];
+};

package/dist/src/components/combobox/utils/useResizeContent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const useResizeContent: (parentRef: React.RefObject<HTMLDivElement>) => number;

package/dist/src/components/modal/WuModal.d.ts

@@ -1,27 +1,37 @@
-import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from '../../base/ui/dialog';
-import { default as React } from 'react';
+import { Dialog, DialogClose } from '../../base/ui/dialog';
+import { default as React, FC, ReactNode } from 'react';
 
+declare const MAX_WIDTH: {
+    readonly sm: "400px";
+    readonly md: "600px";
+    readonly lg: "1200px";
+};
+declare const BUTTON_VARIANTS: {
+    readonly primary: "bg-primary-500 text-white hover:bg-opacity-70";
+    readonly secondary: "hover:bg-primary-500 hover:bg-gray-100 text-primary-500";
+    readonly iconOnly: "p-2 hover:bg-text-200 min-w-[auto] disabled:grayscale disabled:opacity-80 focus-visible:ring-offset-0 focus:bg-primary-100";
+};
+type IModalSize = keyof typeof MAX_WIDTH;
+type IButtonVariant = keyof typeof BUTTON_VARIANTS;
 export interface IWuModalProps extends React.ComponentProps<typeof Dialog> {
-    trigger?: React.ReactNode;
-    children?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg';
+    trigger?: ReactNode;
+    children?: ReactNode;
+    size?: IModalSize;
     hideCloseButton?: boolean;
     preventClickOutside?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     dir?: 'ltr' | 'rtl';
+    maxWidth?: string;
+    maxHeight?: string;
 }
-/** Modal component */
-export declare const WuModal: React.FC<IWuModalProps>;
-/** Model Body component */
-export declare const WuModalContent: React.FC<React.ComponentProps<typeof DialogContent>>;
-/** Modal Header component */
-export declare const WuModalHeader: React.FC<React.ComponentProps<typeof DialogHeader>>;
-/** Modal Footer component */
-export declare const WuModalFooter: React.FC<React.ComponentProps<typeof DialogFooter>>;
-/** Modal Close button component */
-export interface IWuModalCloseProps extends React.ComponentProps<typeof DialogClose> {
-    children?: React.ReactNode;
-    variant?: 'primary' | 'secondary' | 'iconOnly';
+export declare const WuModal: FC<IWuModalProps>;
+export declare const WuModalContent: FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const WuModalHeader: FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const WuModalFooter: FC<React.HTMLAttributes<HTMLDivElement>>;
+interface IModalCloseProps extends React.ComponentProps<typeof DialogClose> {
+    children?: ReactNode;
+    variant?: IButtonVariant;
 }
-export declare const WuModalClose: React.FC<IWuModalCloseProps>;
+export declare const WuModalClose: FC<IModalCloseProps>;
+export {};

package/dist/src/components/navbar/primaryNavbar/WuPrimaryNavbar.d.ts

@@ -3,6 +3,7 @@ import { default as React } from 'react';
 export interface IWuPrimaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
     linkNodes: React.ReactElement[];
     children?: React.ReactNode;
+    className?: string;
 }
 /**
  * This is the primary navbar component. Every link supports custom style and className.

package/dist/src/components/navbar/secondaryNavbar/WuSecondaryNavbar.d.ts

@@ -6,5 +6,6 @@ export interface IWuSecondaryNavbarProps extends React.HTMLAttributes<HTMLDivEle
         imgOrIcon: React.ReactElement;
     }[];
     children?: React.ReactNode;
+    className?: string;
 }
 export declare const WuSecondaryNavbar: React.FC<IWuSecondaryNavbarProps>;

package/dist/src/components/select/WuSelect.d.ts

@@ -1,18 +1,25 @@
 import { default as React } from 'react';
-import { IWuSelectOption } from './types/IWuSelectOptions';
 
-export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'onSelect' | 'defaultValue' | 'value'> {
-    options: IWuSelectOption<T>[];
-    placeholder?: string;
-    multiple?: boolean;
-    defaultValue?: T | T[];
-    onSelect?: (value: T | T[]) => void;
-    width?: number;
-    maxHeight?: number;
-    virtualizedThreshold?: number;
+type IValue<T> = T | T[];
+export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'defaultValue' | 'onSelect'> {
+    defaultValue?: IValue<T>;
     label?: string;
+    value?: IValue<T>;
+    data: T[];
+    accessorKey: {
+        value: string;
+        label: string;
+    };
+    onSelect?: (value: IValue<T>) => void;
+    multiple?: boolean;
     variant?: 'flat' | 'outlined';
     dir?: 'ltr' | 'rtl';
-    value?: T | T[];
+    placeholder?: string;
+    virtualizedThreshold?: number;
+    maxHeight?: number;
+    hasGroup?: boolean;
+    header?: React.ReactNode;
+    customTriggerChildren?: React.ReactNode;
 }
-export declare const WuSelect: <T>({ placeholder, options, onSelect, multiple, defaultValue, width, maxHeight, virtualizedThreshold, label, variant, dir, value, }: IWuSelectProps<T>) => JSX.Element;
+export declare const WuSelect: <T>({ data, onSelect, multiple, defaultValue, value: controlledValue, accessorKey, variant, dir, placeholder, label, virtualizedThreshold, maxHeight, hasGroup, header, customTriggerChildren, ...rest }: IWuSelectProps<T>) => React.JSX.Element;
+export {};

package/dist/src/components/select/types/IWuSelectOptions.d.ts

@@ -1,19 +1,17 @@
 import { default as React } from 'react';
 
-export interface IWuOption<T> {
+export type IWuSelectItem<T> = T & {
     type?: 'option';
-    value: T;
-    label: string;
     disabled?: boolean;
     icon?: React.ReactNode;
     isAdmin?: boolean;
-}
-export interface IWuGroup<T> {
+};
+export interface IWuSelectGroupItem<T> {
     type: 'group';
     label: string;
-    options: IWuOption<T>[];
+    options: IWuSelectItem<T>[];
 }
-export interface IWuDivider {
+export interface IWuSelectDivider {
     type: 'divider';
 }
-export type IWuSelectOption<T> = IWuOption<T> | IWuGroup<T> | IWuDivider;
+export type IWuSelectOption<T> = IWuSelectItem<T> | IWuSelectGroupItem<T> | IWuSelectDivider;

package/dist/src/components/select/ui/_item.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { IWuSelectItem } from '../types/IWuSelectOptions';
+
+export interface IWuSelectItemProps<T> {
+    option: IWuSelectItem<T>;
+    accessorKey: {
+        value: string;
+        label: string;
+    };
+    value: unknown | unknown[];
+    multiple?: boolean;
+    onSelect: (value: IWuSelectItem<T>) => void;
+    dir: 'ltr' | 'rtl';
+}
+export declare const WuSelectItem: <T>({ option, value, multiple, onSelect, accessorKey, dir, }: IWuSelectItemProps<T>) => React.JSX.Element;

package/dist/src/components/select/ui/_trigger.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface IWuSelectTriggerProps<T> {
+    placeholder: string;
+    value: T | T[];
+    multiple?: boolean;
+    variant?: 'flat' | 'outlined';
+    dir?: 'ltr' | 'rtl';
+    accessorKey: {
+        value: string;
+        label: string;
+    };
+    customTriggerChildren?: React.ReactNode;
+}
+export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, }: IWuSelectTriggerProps<T>) => React.JSX.Element;

package/dist/src/components/select/utils/renderItems.d.ts

@@ -0,0 +1,8 @@
+import { IWuSelectOption } from '../types/IWuSelectOptions';
+import { IWuSelectItemProps } from '../ui/_item';
+
+type IRenderSelectItemsProps<T> = Omit<IWuSelectItemProps<T>, 'option'> & {
+    option: IWuSelectOption<T>;
+};
+export declare const RenderItems: <T>(props: IRenderSelectItemsProps<T>) => React.JSX.Element;
+export {};

package/dist/src/components/select/utils/useOptionDestructure.d.ts

@@ -0,0 +1,3 @@
+import { IWuSelectOption } from '../types/IWuSelectOptions';
+
+export declare const useOptionDestructure: <T>(options: IWuSelectOption<T>[]) => [number, number, number];

package/dist/src/components/select/utils/useResizeContent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const useResizeContent: (parentRef: React.RefObject<HTMLDivElement>) => number;

package/dist/src/components/stepper/WuStepper.d.ts

@@ -8,6 +8,7 @@ export interface IWuStepperProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     label?: string;
     defaultValue: number;
     dir?: 'ltr' | 'rtl';
+    labelPosition?: 'left' | 'top';
 }
 /**
  * This extends the native input element. So it supports all attributes of input.

package/dist/src/components/tooltip/WuTooltip.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 
-export interface IWuTooltipProps extends React.HTMLAttributes<HTMLBaseElement> {
-    content: string;
+export interface IWuTooltipProps extends Omit<React.HTMLAttributes<HTMLBaseElement>, 'content'> {
+    content: string | React.ReactNode;
     duration?: number;
     position?: 'top' | 'right' | 'bottom' | 'left';
     children: React.ReactNode;

package/dist/src/components/virtualScroll/WuVirtualScroll.d.ts

@@ -6,5 +6,6 @@ export interface IWuVirtualScrollProps {
     list: unknown[];
     callback: (index: number, item: unknown) => JSX.Element;
     dir?: 'rtl' | 'ltr';
+    className?: string;
 }
 export declare const WuVirtualScroll: React.ForwardRefExoticComponent<IWuVirtualScrollProps & React.RefAttributes<VirtuosoHandle>>;

package/dist/src/docs/Icons.d.ts

@@ -1 +1,3 @@
-export declare const IconExample: () => JSX.Element;
+import { default as React } from 'react';
+
+export declare const IconExample: React.FC;

package/dist/src/docs/iconClasses.d.ts

@@ -0,0 +1 @@
+export declare const ICON_CLASSES: string[];

package/dist/src/index.d.ts

@@ -17,3 +17,4 @@ export * from './components/toast';
 export * from './components/toggle';
 export * from './components/tooltip';
 export * from './components/virtualScroll';
+export * from './components/combobox';