@boxcustodia/library 1.0.0 → 1.2.0

package/dist/index.d.ts

@@ -197,7 +197,10 @@ declare const avatarVariants: (props?: ({
 
 export declare const BackgroundImage: ForwardRefExoticComponent<Omit<Props_4, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare const BaseButton: ForwardRefExoticComponent<Props_2 & RefAttributes<HTMLButtonElement>>;
+export declare const BaseButton: {
+    ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props_2): JSX.Element;
+    displayName: string;
+};
 
 declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
 
@@ -211,13 +214,17 @@ declare type BaseProps = {
     rounded?: TagVariant["rounded"];
 } & StyleProps & React.HTMLAttributes<HTMLDivElement>;
 
-export declare const Button: ForwardRefExoticComponent<Omit<Props, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const Button: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
 
 declare type ButtonProps = ComponentProps<typeof Button>;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    shape?: "circle" | "rounded" | "square" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Calendar: {
@@ -644,7 +651,10 @@ declare type HotkeyOptions = {
 
 export declare type ID = string | number;
 
-export declare const Input: ForwardRefExoticComponent<Omit<Props_15, "ref"> & RefAttributes<HTMLInputElement>>;
+export declare const Input: {
+    ({ value: prop, onChange, defaultValue: defaultProp, ...rest }: Props_15): JSX.Element;
+    displayName: string;
+};
 
 declare interface ItemTimeline {
     content?: ReactNode;
@@ -885,8 +895,10 @@ declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonE
     isActive?: boolean;
 }
 
+export declare const Password: ForwardRefExoticComponent<Omit<Props_20, "ref"> & RefAttributes<HTMLInputElement>>;
+
 export declare const Popover: {
-    ({ trigger, children, rootProps, triggerProps, contentProps, triggerAsChild, matchTriggerWidth, triggerClassName, contentClassName, side, offset, }: Props_20): JSX.Element;
+    (props: Props_21): JSX.Element;
     displayName: string;
 };
 
@@ -967,13 +979,31 @@ declare interface Props_19 extends useRangePaginationProps {
     containerProps?: HTMLProps<HTMLDivElement>;
 }
 
-declare interface Props_2 extends ButtonHTMLAttributes<HTMLButtonElement> {
+declare interface Props_2 extends ComponentProps<"button"> {
     asChild?: boolean;
     loading?: boolean;
     showLoader?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    loaderReplace?: true;
 }
 
-declare interface Props_20 {
+declare type Props_20 = OverrideProps<ComponentProps<typeof Input>, {
+    /** Clase CSS para el contenedor */
+    containerClassName?: string;
+    /** Ícono para mostrar la contraseña */
+    showIcon?: ReactNode;
+    /** Ícono para ocultar la contraseña */
+    hideIcon?: ReactNode;
+    /** Callback cuando se muestra la contraseña */
+    onShow?: () => void;
+    /** Callback cuando se oculta la contraseña */
+    onHide?: () => void;
+    /** Habilita/deshabilita el botón de mostrar/ocultar contraseña */
+    toggleable?: boolean;
+}>;
+
+declare interface Props_21 {
     trigger?: ReactNode;
     children: ReactNode;
     rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
@@ -987,12 +1017,12 @@ declare interface Props_20 {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 }
 
-declare interface Props_21 extends ComponentPropsWithoutRef<typeof Slot> {
+declare interface Props_22 extends ComponentPropsWithoutRef<typeof Slot> {
     /** Si el componente está presente o no */
     when: ComponentProps<typeof Presence>["present"];
 }
 
-declare interface Props_22 extends HTMLProps<HTMLDivElement> {
+declare interface Props_23 extends HTMLProps<HTMLDivElement> {
     /**
      * Determina si el skeleton es isCircle para redondearlo
      */
@@ -1011,7 +1041,7 @@ declare interface Props_22 extends HTMLProps<HTMLDivElement> {
     isLoading?: boolean;
 }
 
-declare type Props_23 = OverrideProps<ComponentProps<"input">, {
+declare type Props_24 = OverrideProps<ComponentProps<"input">, {
     checked?: boolean;
     onChange?: (value: boolean) => void;
     defaultChecked?: boolean;
@@ -1019,21 +1049,21 @@ declare type Props_23 = OverrideProps<ComponentProps<"input">, {
     containerProps?: Omit<ComponentProps<"div">, "className">;
 }>;
 
-declare type Props_24<T> = {
+declare type Props_25<T> = {
     data: T[];
     columns: ColumnDef<T>[];
     onRowClick?: (row: T) => void;
     selected?: (row: T) => boolean;
 } & ExtendedProps_3 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected">;
 
-declare type Props_25 = {
+declare type Props_26 = {
     setPageSize?: (value: PageSize) => void;
     pageSize?: PageSize;
 } & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
 
-declare type Props_26 = ClosableProps | NonClosableProps;
+declare type Props_27 = ClosableProps | NonClosableProps;
 
-declare type Props_27 = {
+declare type Props_28 = {
     titleClassName?: ClassName;
     titleProps?: HTMLProps<HTMLHeadingElement>;
     descriptionClassName?: ClassName;
@@ -1041,7 +1071,7 @@ declare type Props_27 = {
     iconClassName?: ClassName;
 } & Omit_2<HTMLProps<HTMLDivElement>, "id"> & Omit_2<IToast, "id">;
 
-declare type Props_28 = ComponentProps<typeof PopoverAnchor> & {
+declare type Props_29 = ComponentProps<typeof PopoverAnchor> & {
     /**
      * El texto que aparecera en el tooltip
      */
@@ -1053,10 +1083,6 @@ declare type Props_28 = ComponentProps<typeof PopoverAnchor> & {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 };
 
-declare type Props_29<T extends TreeNode> = TreeRootProps & {
-    items: T[];
-};
-
 declare interface Props_3 extends ExtendedProps {
     items: AutoCompleteItem[];
     placeholder?: string;
@@ -1064,7 +1090,11 @@ declare interface Props_3 extends ExtendedProps {
     onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
 }
 
-declare interface Props_30<T> extends UseAsyncOptions<T> {
+declare type Props_30<T extends TreeNode> = TreeRootProps & {
+    items: T[];
+};
+
+declare interface Props_31<T> extends UseAsyncOptions<T> {
     fn: () => Promise<T>;
     dependencies?: DependencyList;
 }
@@ -1146,6 +1176,8 @@ declare type Props_9 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedPro
     focus?: boolean;
 };
 
+declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
+
 export declare type RangeDateValue = {
     value?: DateRange;
     defaultValue?: DateRange;
@@ -1269,7 +1301,7 @@ declare type Shortcut = Partial<{
 }>;
 
 export declare const Show: {
-    (props: Props_21): JSX.Element;
+    (props: Props_22): JSX.Element;
     displayName: string;
 };
 
@@ -1280,7 +1312,7 @@ export declare type SingleDateValue = {
 };
 
 export declare const Skeleton: {
-    ({ isCircle, width, height, isLoading, ...props }: Props_22): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element;
+    ({ isCircle, width, height, isLoading, ...props }: Props_23): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element;
     displayName: string;
 };
 
@@ -1371,7 +1403,7 @@ declare interface StepperTriggerProps {
 declare type StyleProps = ColorProps | VariantProps_2;
 
 export declare const Switch: {
-    ({ className, children, containerProps, containerClassName, ...props }: Props_23): JSX.Element;
+    ({ className, children, containerProps, containerClassName, ...props }: Props_24): JSX.Element;
     displayName: string;
 };
 
@@ -1385,7 +1417,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
 }
 
 export declare const Table: {
-    <T>({ data, columns, onRowClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_24<T>): JSX.Element;
+    <T>({ data, columns, onRowClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_25<T>): JSX.Element;
     displayName: string;
 };
 
@@ -1404,7 +1436,7 @@ export declare const TableHead: React_2.ForwardRefExoticComponent<React_2.ThHTML
 export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
 
 export declare const TablePagination: {
-    ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_25): JSX.Element;
+    ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_26): JSX.Element;
     displayName: string;
 };
 
@@ -1462,7 +1494,7 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
     value: string;
 }
 
-export declare const Tag: ForwardRefExoticComponent<Props_26 & RefAttributes<HTMLDivElement>>;
+export declare const Tag: ForwardRefExoticComponent<Props_27 & RefAttributes<HTMLDivElement>>;
 
 export declare type TagVariant = VariantProps<typeof tagVariants>;
 
@@ -1475,6 +1507,22 @@ export declare const TextArea: ForwardRefExoticComponent<Omit<TextAreaProps, "re
 
 declare type TextAreaProps = HTMLProps<HTMLTextAreaElement>;
 
+export declare type Theme = {
+    Button?: ThemeProps<ComponentProps<typeof Button>, "asChild" | "loading">;
+    Input?: Partial<PropsWithoutValue<ComponentProps<typeof Input>>>;
+    Tooltip?: ThemeProps<ComponentProps<typeof Tooltip>, "label" | "open" | "defaultOpen" | "onOpenChange">;
+    Popover?: ThemeProps<ComponentProps<typeof Popover>, "open" | "defaultOpen" | "onOpenChange" | "trigger">;
+};
+
+declare type ThemeProps<T, TOverridden> = Partial<Omit<T, keyof TOverridden>>;
+
+export declare const ThemeProvider: ({ children, theme, }: ThemeProviderProps) => JSX.Element;
+
+declare type ThemeProviderProps = {
+    children: ReactNode;
+    theme?: Theme;
+};
+
 export declare const Timeline: ({ items, classNameContainer, containerProps, ...itemsProps }: TimelineProps) => JSX.Element;
 
 export declare const TimelineItemContent: (props: HTMLProps<HTMLDivElement>) => JSX.Element;
@@ -1515,7 +1563,7 @@ declare interface TimelineProps {
 
 export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX.Element;
 
-export declare const Toast: ForwardRefExoticComponent<globalThis.Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Toast: ForwardRefExoticComponent<globalThis.Omit<Props_28, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const toast: ((args: ToastProperties) => number) & {
     info: (args: ToastArgs) => number;
@@ -1560,11 +1608,11 @@ declare interface ToastStore {
 export declare type ToastType = "info" | "success" | "error" | "loading";
 
 export declare const Tooltip: {
-    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_28): JSX.Element;
+    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, ...rest }: Props_29): JSX.Element;
     displayName: string;
 };
 
-export declare function Tree<T extends TreeNode>({ items, ...props }: Props_29<T>): JSX.Element;
+export declare function Tree<T extends TreeNode>({ items, ...props }: Props_30<T>): JSX.Element;
 
 export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
     id: string | number;
@@ -1651,7 +1699,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
     readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
 }];
 
-export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_30<T>): AsyncState<T>;
+export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_31<T>): AsyncState<T>;
 
 declare interface UseAsyncOptions<T> {
     onError?: (error: Error) => void;
@@ -1831,6 +1879,20 @@ export declare function useSelection<T>(items: T[]): Return_2<T>;
 
 export declare function useStep<T = ReactNode>(steps: T[], amountSteps?: number): Return_3<T>;
 
+export declare const useTheme: () => {
+    theme: Theme;
+};
+
+/**
+ * Hook que permite obtener y combinar las propiedades de un componente con las del tema.
+ *
+ * El orden de prioridad de las propiedades es:
+ * 1. Props pasadas directamente al componente
+ * 2. Props definidas en el ThemeProvider
+ * 3. Props por defecto del componente
+ */
+export declare const useThemeProps: <TComponent extends keyof Theme, TProps>(componentName: TComponent, props: TProps, defaultProps?: Partial<TProps>) => TProps;
+
 export declare const useToastStore: UseBoundStore<StoreApi<ToastStore>>;
 
 export declare function useToggle(initialValue?: boolean): Return_4;

package/dist/index.es.js

@@ -10,11 +10,11 @@ import { default as C } from "./index.es10.js";
 import { default as b } from "./index.es11.js";
 import { default as I } from "./index.es12.js";
 import { default as M } from "./index.es13.js";
-import { default as R } from "./index.es14.js";
+import { default as P } from "./index.es14.js";
 import { default as L } from "./index.es15.js";
 import { default as k } from "./index.es16.js";
-import { useMutation as B } from "./index.es17.js";
-import { default as w } from "./index.es18.js";
+import { useMutation as h } from "./index.es17.js";
+import { default as B } from "./index.es18.js";
 import { default as H } from "./index.es19.js";
 import { default as G } from "./index.es20.js";
 import { default as V } from "./index.es21.js";
@@ -32,8 +32,8 @@ import { Button as ge } from "./index.es32.js";
 import { BaseButton as Se } from "./index.es33.js";
 import { Calendar as De } from "./index.es34.js";
 import { monthNames as Fe, weeksDays as Me } from "./index.es35.js";
-import { Card as Re, CardContent as Pe, CardDescription as Le, CardFooter as ye, CardHeader as ke, CardTitle as ve } from "./index.es36.js";
-import { Center as he } from "./index.es37.js";
+import { Card as Pe, CardContent as Re, CardDescription as Le, CardFooter as ye, CardHeader as ke, CardTitle as ve } from "./index.es36.js";
+import { Center as we } from "./index.es37.js";
 import { Checkbox as Ee } from "./index.es38.js";
 import { Combobox as Ue } from "./index.es39.js";
 import { DatePicker as Oe } from "./index.es40.js";
@@ -46,10 +46,10 @@ import { FileType as no, FileTypeGroups as so } from "./index.es46.js";
 import { EmptyState as To } from "./index.es47.js";
 import { Field as go } from "./index.es48.js";
 import { Form as So, FormControl as bo, FormDescription as Do, FormField as Io, FormItem as Fo, FormLabel as Mo, FormMessage as Ao } from "./index.es49.js";
-import { useForm as Po } from "./index.es50.js";
+import { useForm as Ro } from "./index.es50.js";
 import { useFormField as yo } from "./index.es51.js";
 import { Heading as vo } from "./index.es52.js";
-import { Input as ho } from "./index.es53.js";
+import { Input as wo } from "./index.es53.js";
 import { Kbd as Eo } from "./index.es54.js";
 import { Label as Uo } from "./index.es55.js";
 import { Loader as Oo } from "./index.es56.js";
@@ -58,42 +58,45 @@ import { Menu as tr } from "./index.es58.js";
 import { MultiSelect as pr } from "./index.es59.js";
 import { NumberInput as lr } from "./index.es60.js";
 import { Pagination as ur } from "./index.es61.js";
-import { PopoverContent as nr, PopoverRoot as sr, PopoverTrigger as ir } from "./index.es62.js";
-import { Popover as Tr } from "./index.es63.js";
-import { Select as gr } from "./index.es64.js";
-import { SelectContent as Sr, SelectGroup as br, SelectItem as Dr, SelectLabel as Ir, SelectRoot as Fr, SelectScrollDownButton as Mr, SelectScrollUpButton as Ar, SelectSeparator as Rr, SelectTrigger as Pr, SelectValue as Lr } from "./index.es65.js";
-import { Show as kr } from "./index.es66.js";
-import { Skeleton as Br } from "./index.es67.js";
-import { Stack as wr } from "./index.es68.js";
-import { Switch as Hr } from "./index.es69.js";
-import { Table as Gr } from "./index.es70.js";
-import { TableBody as Vr, TableCaption as jr, TableCell as zr, TableFooter as Nr, TableHead as _r, TableHeader as Kr, TableRoot as Qr, TableRow as Wr } from "./index.es71.js";
-import { TablePagination as qr } from "./index.es72.js";
-import { TABLE_PAGE_SIZES as Xr } from "./index.es73.js";
-import { TabContent as $r, TabList as et, TabTrigger as ot, Tabs as rt } from "./index.es74.js";
-import { Tag as at } from "./index.es75.js";
-import { tagVariants as mt } from "./index.es76.js";
-import { TextArea as ft } from "./index.es77.js";
-import { Toast as xt } from "./index.es78.js";
-import { Toaster as st } from "./index.es79.js";
-import { useToastStore as dt } from "./index.es80.js";
-import { toast as ct } from "./index.es81.js";
-import { ToastIcons as Ct } from "./index.es82.js";
-import { Tooltip as bt } from "./index.es83.js";
-import { Tree as It } from "./index.es84.js";
-import { Collection as Mt } from "./index.es85.js";
-import { TreeItem as Rt, TreeItemContent as Pt, TreeItemIndicator as Lt, TreeItemLabel as yt, TreeRoot as kt } from "./index.es86.js";
-import { Stepper as Bt, StepperContainer as ht, StepperContent as wt, StepperList as Et, StepperTrigger as Ht } from "./index.es87.js";
-import { Timeline as Gt, TimelineItemContent as Ot, TimelineItemDot as Vt, TimelineListItem as jt, TimelineRoot as zt } from "./index.es88.js";
-import { useControllableState as _t } from "./index.es89.js";
-import { cn as Qt, twMerge as Wt } from "./index.es90.js";
-import { extractInitials as qt } from "./index.es91.js";
-import { mergeRefs as Xt } from "./index.es92.js";
-import { ensureReactElement as $t } from "./index.es93.js";
-import { createSafeContext as oa } from "./index.es94.js";
-import { getFormData as ta } from "./index.es95.js";
-import { click as pa } from "./index.es96.js";
-import { type as la } from "./index.es97.js";
+import { Password as nr } from "./index.es62.js";
+import { PopoverContent as ir, PopoverRoot as dr, PopoverTrigger as Tr } from "./index.es63.js";
+import { Popover as gr } from "./index.es64.js";
+import { Select as Sr } from "./index.es65.js";
+import { SelectContent as Dr, SelectGroup as Ir, SelectItem as Fr, SelectLabel as Mr, SelectRoot as Ar, SelectScrollDownButton as Pr, SelectScrollUpButton as Rr, SelectSeparator as Lr, SelectTrigger as yr, SelectValue as kr } from "./index.es66.js";
+import { Show as hr } from "./index.es67.js";
+import { Skeleton as Br } from "./index.es68.js";
+import { Stack as Hr } from "./index.es69.js";
+import { Stepper as Gr, StepperContainer as Or, StepperContent as Vr, StepperList as jr, StepperTrigger as zr } from "./index.es70.js";
+import { Switch as _r } from "./index.es71.js";
+import { Table as Qr } from "./index.es72.js";
+import { TableBody as Zr, TableCaption as qr, TableCell as Jr, TableFooter as Xr, TableHead as Yr, TableHeader as $r, TableRoot as et, TableRow as ot } from "./index.es73.js";
+import { TablePagination as tt } from "./index.es74.js";
+import { TABLE_PAGE_SIZES as pt } from "./index.es75.js";
+import { TabContent as lt, TabList as ft, TabTrigger as ut, Tabs as xt } from "./index.es76.js";
+import { Tag as st } from "./index.es77.js";
+import { tagVariants as dt } from "./index.es78.js";
+import { TextArea as ct } from "./index.es79.js";
+import { Timeline as Ct, TimelineItemContent as St, TimelineItemDot as bt, TimelineListItem as Dt, TimelineRoot as It } from "./index.es80.js";
+import { Toast as Mt } from "./index.es81.js";
+import { Toaster as Pt } from "./index.es82.js";
+import { useToastStore as Lt } from "./index.es83.js";
+import { toast as kt } from "./index.es84.js";
+import { ToastIcons as ht } from "./index.es85.js";
+import { Tooltip as Bt } from "./index.es86.js";
+import { Tree as Ht } from "./index.es87.js";
+import { Collection as Gt } from "./index.es88.js";
+import { TreeItem as Vt, TreeItemContent as jt, TreeItemIndicator as zt, TreeItemLabel as Nt, TreeRoot as _t } from "./index.es89.js";
+import { useControllableState as Qt } from "./index.es90.js";
+import { cn as Zt, twMerge as qt } from "./index.es91.js";
+import { ThemeProvider as Xt, useTheme as Yt } from "./index.es92.js";
+import { useThemeProps as ea } from "./index.es93.js";
+import { extractInitials as ra } from "./index.es94.js";
+import { mergeRefs as aa } from "./index.es95.js";
+import { ensureReactElement as ma } from "./index.es96.js";
+import { createSafeContext as fa } from "./index.es97.js";
+import { getFormData as xa } from "./index.es98.js";
+import { click as sa } from "./index.es99.js";
+import { type as da } from "./index.es100.js";
 export {
   $ as AlertDialog,
   ne as AutoComplete,
@@ -111,15 +114,15 @@ export {
   Se as BaseButton,
   ge as Button,
   De as Calendar,
-  Re as Card,
-  Pe as CardContent,
+  Pe as Card,
+  Re as CardContent,
   Le as CardDescription,
   ye as CardFooter,
   ke as CardHeader,
   ve as CardTitle,
-  he as Center,
+  we as Center,
   Ee as Checkbox,
-  Mt as Collection,
+  Gt as Collection,
   Ue as Combobox,
   z as DOTS,
   Oe as DatePicker,
@@ -148,7 +151,7 @@ export {
   Mo as FormLabel,
   Ao as FormMessage,
   vo as Heading,
-  ho as Input,
+  wo as Input,
   Eo as Kbd,
   Uo as Label,
   Oo as Loader,
@@ -171,108 +174,112 @@ export {
   pr as MultiSelect,
   lr as NumberInput,
   ur as Pagination,
-  Tr as Popover,
-  nr as PopoverContent,
-  sr as PopoverRoot,
-  ir as PopoverTrigger,
-  gr as Select,
-  Sr as SelectContent,
-  br as SelectGroup,
-  Dr as SelectItem,
-  Ir as SelectLabel,
-  Fr as SelectRoot,
-  Mr as SelectScrollDownButton,
-  Ar as SelectScrollUpButton,
-  Rr as SelectSeparator,
-  Pr as SelectTrigger,
-  Lr as SelectValue,
-  kr as Show,
+  nr as Password,
+  gr as Popover,
+  ir as PopoverContent,
+  dr as PopoverRoot,
+  Tr as PopoverTrigger,
+  Sr as Select,
+  Dr as SelectContent,
+  Ir as SelectGroup,
+  Fr as SelectItem,
+  Mr as SelectLabel,
+  Ar as SelectRoot,
+  Pr as SelectScrollDownButton,
+  Rr as SelectScrollUpButton,
+  Lr as SelectSeparator,
+  yr as SelectTrigger,
+  kr as SelectValue,
+  hr as Show,
   Br as Skeleton,
-  wr as Stack,
-  Bt as Stepper,
-  ht as StepperContainer,
-  wt as StepperContent,
-  Et as StepperList,
-  Ht as StepperTrigger,
-  Hr as Switch,
-  Xr as TABLE_PAGE_SIZES,
-  $r as TabContent,
-  et as TabList,
-  ot as TabTrigger,
-  Gr as Table,
-  Vr as TableBody,
-  jr as TableCaption,
-  zr as TableCell,
-  Nr as TableFooter,
-  _r as TableHead,
-  Kr as TableHeader,
-  qr as TablePagination,
-  Qr as TableRoot,
-  Wr as TableRow,
-  rt as Tabs,
-  at as Tag,
-  ft as TextArea,
-  Gt as Timeline,
-  Ot as TimelineItemContent,
-  Vt as TimelineItemDot,
-  jt as TimelineListItem,
-  zt as TimelineRoot,
-  xt as Toast,
-  Ct as ToastIcons,
-  st as Toaster,
-  bt as Tooltip,
-  It as Tree,
-  Rt as TreeItem,
-  Pt as TreeItemContent,
-  Lt as TreeItemIndicator,
-  yt as TreeItemLabel,
-  kt as TreeRoot,
+  Hr as Stack,
+  Gr as Stepper,
+  Or as StepperContainer,
+  Vr as StepperContent,
+  jr as StepperList,
+  zr as StepperTrigger,
+  _r as Switch,
+  pt as TABLE_PAGE_SIZES,
+  lt as TabContent,
+  ft as TabList,
+  ut as TabTrigger,
+  Qr as Table,
+  Zr as TableBody,
+  qr as TableCaption,
+  Jr as TableCell,
+  Xr as TableFooter,
+  Yr as TableHead,
+  $r as TableHeader,
+  tt as TablePagination,
+  et as TableRoot,
+  ot as TableRow,
+  xt as Tabs,
+  st as Tag,
+  ct as TextArea,
+  Xt as ThemeProvider,
+  Ct as Timeline,
+  St as TimelineItemContent,
+  bt as TimelineItemDot,
+  Dt as TimelineListItem,
+  It as TimelineRoot,
+  Mt as Toast,
+  ht as ToastIcons,
+  Pt as Toaster,
+  Bt as Tooltip,
+  Ht as Tree,
+  Vt as TreeItem,
+  jt as TreeItemContent,
+  zt as TreeItemIndicator,
+  Nt as TreeItemLabel,
+  _t as TreeRoot,
   ro as UploadAcceptedFiles,
   to as UploadContent,
   ao as UploadItem,
   po as UploadRejectedFiles,
   mo as UploadRoot,
   lo as UploadTrigger,
-  pa as click,
-  Qt as cn,
-  oa as createSafeContext,
-  $t as ensureReactElement,
-  qt as extractInitials,
-  ta as getFormData,
-  Xt as mergeRefs,
+  sa as click,
+  Zt as cn,
+  fa as createSafeContext,
+  ma as ensureReactElement,
+  ra as extractInitials,
+  xa as getFormData,
+  aa as mergeRefs,
   Fe as monthNames,
-  mt as tagVariants,
-  ct as toast,
-  Wt as twMerge,
-  la as type,
+  dt as tagVariants,
+  kt as toast,
+  qt as twMerge,
+  da as type,
   r as useArray,
   a as useAsync,
   m as useClickOutside,
   f as useClipboard,
-  _t as useControllableState,
+  Qt as useControllableState,
   x as useDebouncedCallback,
   s as useDebouncedValue,
   d as useDisclosure,
   c as useDocumentTitle,
   C as useEventListener,
   X as useFocusTrap,
-  Po as useForm,
+  Ro as useForm,
   yo as useFormField,
   b as useHotkey,
   I as useHover,
   M as useIsVisible,
-  R as useLocalStorage,
+  P as useLocalStorage,
   L as useMediaQuery,
   k as useMemoizedFn,
-  B as useMutation,
-  w as useObject,
+  h as useMutation,
+  B as useObject,
   H as usePagination,
   G as usePortal,
   V as usePreventCloseWindow,
   N as useRangePagination,
   K as useSelection,
   W as useStep,
-  dt as useToastStore,
+  Yt as useTheme,
+  ea as useThemeProps,
+  Lt as useToastStore,
   q as useToggle,
   Me as weeksDays
 };

package/dist/index.es100.js

@@ -1,13 +1,7 @@
-import * as r from "react";
-function o(t) {
-  const e = r.useRef(t);
-  return r.useEffect(() => {
-    e.current = t;
-  }), r.useMemo(() => (...n) => {
-    var u;
-    return (u = e.current) == null ? void 0 : u.call(e, ...n);
-  }, []);
-}
+import { act as r, fireEvent as o } from "./index.es158.js";
+const c = (t, e) => r(() => {
+  o.change(t, { target: { value: e } });
+});
 export {
-  o as useCallbackRef
+  c as type
 };