@npm-questionpro/wick-ui-lib 0.5.1 → 0.8.3

package/dist/fonts/wick-icon.svg

@@ -48,4 +48,5 @@
 <glyph unicode="&#xe916;" glyph-name="settings" d="M614.4 844.66c36.669-9.429 72.284-24.011 105.697-43.746l81.536 81.532 144.814-144.816-81.531-81.532c19.732-33.415 34.314-69.031 43.745-105.698h115.338v-204.8h-115.338c-9.431-36.669-24.013-72.284-43.745-105.697l81.531-81.536-144.814-144.814-81.536 81.531c-33.413-19.732-69.028-34.314-105.697-43.745v-115.338h-204.8v115.338c-36.667 9.431-72.284 24.013-105.698 43.745l-81.532-81.531-144.816 144.814 81.532 81.536c-19.735 33.413-34.317 69.028-43.746 105.697h-115.34v204.8h115.34c9.429 36.667 24.011 72.284 43.746 105.698l-81.532 81.532 144.816 144.816 81.532-81.532c33.415 19.735 69.031 34.317 105.698 43.746v115.34h204.8v-115.34zM330.981 266.982c99.974-99.978 262.064-99.978 362.037 0 99.978 99.973 99.978 262.063 0 362.037-99.973 99.975-262.063 99.975-362.037 0s-99.975-262.064 0-362.037z" />
 <glyph unicode="&#xe917;" glyph-name="view" d="M1024 448c0 128-229.233 384-512 384-282.77 0-512-256-512-384s229.23-384 512-384c282.767 0 512 256 512 384zM766.756 601.393l-1.275 10.264c76.913-54.751 130.519-121.473 130.519-163.655 0-81.829-201.718-256.001-384-256.001-182.28 0-384 174.172-384 256.001 0 42.183 53.604 108.904 130.457 163.611-1.62-11.638-2.457-23.527-2.457-35.611 0-141.385 114.615-256.001 256-256.001s256 114.616 256 256.001c0 8.569-0.42 17.039-1.244 25.392z" />
 <glyph unicode="&#xe918;" glyph-name="no-view" d="M68.377 908.816l893.328-893.328-68.378-68.378-139.156 139.156c-72.105-37.724-154.568-62.295-242.171-62.295-282.77 0-512 256-512 384 0 69.211 67.015 175.84 173.274 259.191l-173.274 173.275 68.377 68.377zM656.778 183.66l-100.188 100.188c-14.479-2.545-29.379-3.871-44.59-3.871-141.385 0-256 114.611-256 255.998 0 12.084 0.837 23.973 2.457 35.611-76.853-54.707-130.457-121.428-130.457-163.609 0-81.833 201.72-256 384-256 48.266 0 97.889 12.211 144.778 31.683zM896 407.977c0-32.036-30.92-78.228-79.483-122.578l88.658-88.663c74.184 73.339 118.825 154.752 118.825 211.236 0 128.003-229.233 384.003-512 384.003-60.017 0-117.621-11.532-171.134-30.925l377.117-377.116c31.432 42.516 50.017 95.109 50.017 152.041 0 8.569-0.42 17.039-1.244 25.392l-1.275 10.264c76.913-54.751 130.519-121.473 130.519-163.654z" />
+<glyph unicode="&#xe919;" glyph-name="refresh" d="M510.933 70.4q-155.733 0-265.6 109.867t-109.867 265.6 109.867 267.733 265.6 112q74.667 0 142.933-30.933t121.6-82.133v56.533q0 23.467 16.533 40t40 16.533 40-16.533 16.533-40v-243.2q0-23.467-16.533-40t-40-16.533h-243.2q-23.467 0-40 16.533t-16.533 40 16.533 40 40 16.533h144q-36.267 57.6-94.933 90.667t-126.933 33.067q-109.867 0-186.133-75.733t-76.267-184.533q0-109.867 76.267-186.133t186.133-76.267q70.4 0 130.667 34.667t94.4 95.467q11.733 19.2 32 26.667t41.6 0 31.467-27.2 0.533-38.933q-48-92.8-136-148.267t-194.667-55.467z" />
 </font></defs></svg>

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/calendar/components/datePicker/WuDatePicker.d.ts

@@ -8,6 +8,11 @@ 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;
+    placeholder?: string;
 };
 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,7 @@
+import { default as React } from 'react';
+
+export declare const WuRenderTags: React.FC<{
+    tags: string[];
+    triggerRef: React.RefObject<HTMLButtonElement>;
+    dir?: 'ltr' | 'rtl';
+}>;

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