@npm-questionpro/wick-ui-lib 0.12.0 → 0.15.0

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

@@ -1,5 +1,11 @@
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    thumbColor?: string;
+    railColor?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    thumbColor?: string;
+    railColor?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as React from 'react';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

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

@@ -0,0 +1,25 @@
+import { VariantProps } from 'class-variance-authority';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface ISheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<ISheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };

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

@@ -0,0 +1,65 @@
+import { VariantProps } from 'class-variance-authority';
+import { TooltipContent } from './tooltip';
+import * as React from 'react';
+type ISidebarContext = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): ISidebarContext;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('./button').IButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };

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

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export { Skeleton };

package/dist/src/components/appHeader/hooks/useOnClickOutsideHook.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare function useOnClickOutside(ref: React.MutableRefObject<HTMLElement | null> | React.MutableRefObject<HTMLElement | null>[], handler: (event: MouseEvent | TouchEvent) => void): void;
+export declare function useOnClickOutside(ref: React.RefObject<HTMLElement | null> | React.RefObject<HTMLElement | null>[], handler: (event: MouseEvent | TouchEvent) => void): void;

package/dist/src/components/appHeader/hooks/useWindowSize.d.ts

@@ -0,0 +1,2 @@
+declare const useMediaQuery: (minWidth: number) => boolean;
+export default useMediaQuery;

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

@@ -3,5 +3,6 @@ export type { IWuAppHeaderBreadcrumbItem } from './types/WuAppHeaderBreadcrumbIt
 export type { IWuAppHeaderHelpMenu } from './types/WuAppHeaderHelpMenu';
 export type { IWuAppHeaderMenuItem } from './types/WuAppHeaderMenuItem';
 export { WuAppHeaderSearch } from './ui/WuAppHeaderSearch';
+export { WuTruncatedLabel } from './ui/WuTruncatedLabel';
 export { WuAppHeader } from './WuAppHeader';
 export type { IWuAppHeaderProps } from './WuAppHeader';

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

@@ -1,6 +1,6 @@
-interface IWuAppHeaderSearchProps {
-    placeholder?: string;
+interface IWuAppHeaderSearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     onSearch: (search: string) => void;
+    className?: string;
 }
 export declare const WuAppHeaderSearch: React.FC<IWuAppHeaderSearchProps>;
 export {};

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

@@ -1,3 +1,4 @@
 export declare const WuTruncatedLabel: React.FC<{
     label: string;
+    className?: string;
 }>;

package/dist/src/components/button/WuButton.d.ts

@@ -3,14 +3,15 @@ export interface IWuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEle
     variant?: 'primary' | 'secondary' | 'outline' | 'rounded' | 'link' | 'iconOnly';
     size?: 'md' | 'sm' | 'mobile';
     color?: 'primary' | 'upgrade' | 'error';
+    /**
+     * @deprecated Use `Icon` instead.
+     */
     icon?: ReactNode;
+    Icon?: ReactNode;
     iconPosition?: 'left' | 'right';
     floating?: boolean;
     disabled?: boolean;
     loading?: boolean;
     dir?: 'rtl' | 'ltr';
 }
-/**
- * This extends to HTML button. So it supports all attributes of button. Styles can be customized using className & style props.
- */
 export declare const WuButton: import('react').ForwardRefExoticComponent<IWuButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -7,7 +7,11 @@ export interface IWuComboboxProps<T> {
     };
     defaultValue?: T | T[];
     value?: T | T[];
+    /**
+     * @deprecated Use `Header` instead.
+     */
     header?: React.ReactNode;
+    Header?: React.ReactNode;
     virtualizedThreshold?: number;
     isEllipse?: boolean;
     placeholder?: string;
@@ -27,4 +31,4 @@ export interface IWuComboboxProps<T> {
     id?: string;
     disabled?: boolean;
 }
-export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, selectAll, id, disabled, }: IWuComboboxProps<T>) => React.JSX.Element;
+export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, Header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, selectAll, id, disabled, }: IWuComboboxProps<T>) => React.JSX.Element;

package/dist/src/components/footer/WuFooter.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface IWuFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    children?: React.ReactNode;
+}
+export declare const WuFooter: React.FC<IWuFooterProps>;

package/dist/src/components/footer/WuFooter.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { WuFooter } from './WuFooter';
+export type { IWuFooterProps } from './WuFooter';

package/dist/src/components/formFields/WuInput/WuInput.d.ts

@@ -2,18 +2,13 @@ import { default as React } from 'react';
 export interface IWuInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     labelPosition?: 'left' | 'top';
+    /**
+     * @deprecated Use `Icon` instead.
+     */
     icon?: React.ReactNode;
+    Icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
-    maxLength?: number;
     variant?: 'flat' | 'outlined';
     readonly?: boolean;
-    /**
-     * @deprecated Please use WuFormGroup for error and hint. This is for custom design.
-     */
-    errorMessage?: string;
-    /**
-     * @deprecated Please use WuFormGroup for error and hint. This is for custom design.
-     */
-    showHint?: boolean;
 }
 export declare const WuInput: React.ForwardRefExoticComponent<IWuInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/formFields/WuTextarea/WuTextarea.d.ts

@@ -3,13 +3,5 @@ export interface IWuTextareaProps extends React.TextareaHTMLAttributes<HTMLTextA
     label?: string;
     variant?: 'flat' | 'outlined';
     readonly?: boolean;
-    /**
-     * @deprecated Please use WuFormGroup for error and hint. This is for custom design.
-     */
-    errorMessage?: string;
-    /**
-     * @deprecated Please use WuFormGroup for error and hint. This is for custom design.
-     */
-    showHint?: boolean;
 }
 export declare const WuTextarea: React.ForwardRefExoticComponent<IWuTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/formGroup/WuFormGroup.d.ts

@@ -1,9 +1,25 @@
 import { default as React } from 'react';
 export interface IWuFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @deprecated Use `Label` instead.
+     */
     labelNode?: React.ReactNode;
+    Label?: React.ReactNode;
+    /**
+     * @deprecated Use `Error` instead.
+     */
     errorNode?: React.ReactNode;
+    Error?: React.ReactNode;
+    /**
+     * @deprecated Use `Hint` instead.
+     */
     hintsNode?: React.ReactNode;
-    inputNode: React.ReactNode;
+    Hint?: React.ReactNode;
+    /**
+     * @deprecated Use `Input` instead.
+     */
+    inputNode?: React.ReactNode;
+    Input: React.ReactNode;
     labelPosition?: 'left' | 'top';
     dir?: 'ltr' | 'rtl';
 }

package/dist/src/components/loader/WuLoader.d.ts

@@ -3,5 +3,6 @@ export interface IWuLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: 'md' | 'lg' | 'sm' | string;
     color?: string;
     message?: string;
+    variant?: 'spinner' | 'dots';
 }
 export declare const WuLoader: React.ForwardRefExoticComponent<IWuLoaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/menu/WuMenu.d.ts

@@ -3,12 +3,20 @@ import { default as React } from 'react';
 export interface IWuMenuProps extends Omit<React.ComponentProps<typeof DropdownMenu>, 'open' | 'onOpenChange'> {
     name?: string;
     menuTitle?: string;
+    /**
+     * @deprecated Use `Trigger` instead.
+     */
     trigger?: React.ReactElement<HTMLBaseElement>;
+    Trigger?: React.ReactElement<HTMLBaseElement>;
     variant?: 'flat' | 'outlined';
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     height?: string;
     preventCloseOnClickOutside?: boolean;
     dir?: 'ltr' | 'rtl';
+    align?: 'start' | 'center' | 'end';
+    alignOffset?: number;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+    sideOffset?: number;
 }
 export declare const WuMenu: React.FC<IWuMenuProps>;

package/dist/src/components/menu/ui/WuMenuItem.d.ts

@@ -1,5 +1,9 @@
 export interface IWuMenuItemProps extends Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /**
+     * @deprecated Use `Icon` instead.
+     */
     icon?: React.ReactNode;
+    Icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     disabled?: boolean;
     onSelect?: (e: Event) => void;

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

@@ -13,7 +13,11 @@ declare const BUTTON_VARIANTS: {
 type IModalSize = keyof typeof MAX_WIDTH;
 type IButtonVariant = keyof typeof BUTTON_VARIANTS;
 export interface IWuModalProps extends React.ComponentProps<typeof Dialog> {
+    /**
+     * @deprecated Use `Trigger` instead.
+     */
     trigger?: ReactNode;
+    Trigger?: ReactNode;
     children?: ReactNode;
     size?: IModalSize;
     hideCloseButton?: boolean;

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

@@ -4,7 +4,11 @@ interface INavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     className?: string;
 }
 export interface IWuPrimaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    linkNodes: React.ReactElement<INavLinkProps>[];
+    /**
+     * @deprecated Use `Links` instead.
+     */
+    linkNodes?: React.ReactElement<INavLinkProps>[];
+    Links: React.ReactElement<INavLinkProps>[];
     children?: React.ReactNode;
     className?: string;
 }

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

@@ -11,7 +11,11 @@ export interface INavLinkNode {
     imgOrIcon: React.ReactElement<INavImageProps>;
 }
 export interface IWuSecondaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    linkNodes: INavLinkNode[];
+    /**
+     * @deprecated Use `Links` instead.
+     */
+    linkNodes?: INavLinkNode[];
+    Links: INavLinkNode[];
     children?: React.ReactNode;
 }
 export declare const WuSecondaryNavbar: React.FC<IWuSecondaryNavbarProps>;

package/dist/src/components/popover/WuPopover.d.ts

@@ -2,10 +2,17 @@ import { PopoverContentProps } from '@radix-ui/react-popover';
 import { default as React } from 'react';
 import { IWuButtonProps } from '../button';
 export interface IWuPopoverProps extends PopoverContentProps {
-    trigger: React.ReactNode;
+    /**
+     * @deprecated Use `Trigger` instead.
+     */
+    trigger?: React.ReactNode;
+    Trigger: React.ReactNode;
     children: React.ReactNode;
     className?: string;
     dir?: 'ltr' | 'rtl';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
 }
 export declare const WuPopover: React.FC<IWuPopoverProps>;
 export declare const WuPopoverClose: React.FC<IWuButtonProps>;

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

@@ -17,8 +17,16 @@ export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLS
     virtualizedThreshold?: number;
     maxHeight?: number;
     hasGroup?: boolean;
+    /**
+     * @deprecated Use `Header` instead.
+     */
     header?: React.ReactNode;
+    Header?: React.ReactNode;
+    /**
+     * @deprecated Use `CustomTrigger` instead.
+     */
     customTriggerChildren?: React.ReactNode;
+    CustomTrigger?: React.ReactNode;
     selectAll?: {
         enable: boolean;
         label?: string;
@@ -26,5 +34,5 @@ export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLS
         triggerText?: string;
     };
 }
-export declare const WuSelect: <T>({ data, onSelect, multiple, defaultValue, value: controlledValue, accessorKey, variant, dir, placeholder, label, virtualizedThreshold, maxHeight, hasGroup, header, customTriggerChildren, selectAll, disabled, ...rest }: IWuSelectProps<T>) => React.JSX.Element;
+export declare const WuSelect: <T>({ data, onSelect, multiple, defaultValue, value: controlledValue, accessorKey, variant, dir, placeholder, label, virtualizedThreshold, maxHeight, hasGroup, Header, CustomTrigger, selectAll, disabled, ...rest }: IWuSelectProps<T>) => React.JSX.Element;
 export {};

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

@@ -15,5 +15,6 @@ export interface IWuSelectTriggerProps<T> {
     disabled?: boolean;
     selectAll?: IWuSelectProps<T>['selectAll'];
     isCheckedAll?: boolean;
+    width?: number;
 }
-export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, id, disabled, selectAll, isCheckedAll, }: IWuSelectTriggerProps<T>) => React.JSX.Element;
+export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, id, disabled, selectAll, isCheckedAll, width, }: IWuSelectTriggerProps<T>) => React.JSX.Element;

package/dist/src/components/sidebar/WuSidebar.d.ts

@@ -0,0 +1,26 @@
+import { SidebarContent, SidebarFooter, SidebarGroup, SidebarMenu, SidebarMenuItem, SidebarTrigger } from '../../base/ui/sidebar';
+import { default as React } from 'react';
+export type IWuSidebarProps = {
+    children: React.ReactNode;
+    sidebar: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const WuSidebar: React.FC<IWuSidebarProps>;
+export declare const WuSidebarTrigger: React.FC<React.ComponentProps<typeof SidebarTrigger>>;
+export declare const WuSidebarContent: React.FC<React.ComponentProps<typeof SidebarContent>>;
+export declare const WuSidebarFooter: React.FC<React.ComponentProps<typeof SidebarFooter>>;
+export type IWuSidebarGroupProps = React.ComponentProps<typeof SidebarGroup> & {
+    label: string;
+};
+export declare const WuSidebarGroup: React.FC<IWuSidebarGroupProps>;
+export declare const WuSidebarMenu: React.FC<React.ComponentProps<typeof SidebarMenu>>;
+export type IWuSidebarItemProps = React.ComponentProps<typeof SidebarMenuItem> & {
+    Icon: React.ReactNode;
+    isActive?: boolean;
+    children?: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+};
+export declare const WuSidebarItem: React.FC<IWuSidebarItemProps>;

package/dist/src/components/sidebar/WuSidebar.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { useSidebar as useWuSidebar } from '../../base/ui/sidebar';
+export { WuSidebar, WuSidebarContent, WuSidebarFooter, WuSidebarGroup, WuSidebarItem, WuSidebarMenu, WuSidebarTrigger, type IWuSidebarGroupProps, type IWuSidebarItemProps, type IWuSidebarProps, } from './WuSidebar';

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

@@ -3,6 +3,7 @@ export interface IWuTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     content?: string | React.ReactNode;
     duration?: number;
     position?: 'top' | 'right' | 'bottom' | 'left';
+    positionOffset?: number;
     children: React.ReactNode;
     dir?: 'rtl' | 'ltr';
     showArrow?: boolean;

package/dist/src/hooks/useMobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/src/index.d.ts

@@ -3,6 +3,7 @@ export * from './components/button';
 export * from './components/calendar';
 export * from './components/checkbox';
 export * from './components/combobox';
+export * from './components/footer';
 export * from './components/formFields';
 export * from './components/formGroup';
 export * from './components/helpButton';
@@ -13,6 +14,7 @@ export * from './components/navbar';
 export * from './components/popover';
 export * from './components/radio';
 export * from './components/select';
+export * from './components/sidebar';
 export * from './components/stepper';
 export * from './components/switcher';
 export * from './components/toast';