@boxcustodia/library 1.1.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;
@@ -888,7 +898,7 @@ declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonE
 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_21): JSX.Element;
+    (props: Props_21): JSX.Element;
     displayName: string;
 };
 
@@ -969,10 +979,13 @@ 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 type Props_20 = OverrideProps<ComponentProps<typeof Input>, {
@@ -1163,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;
@@ -1492,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;
@@ -1577,7 +1608,7 @@ 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_29): JSX.Element;
+    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, ...rest }: Props_29): JSX.Element;
     displayName: string;
 };
 
@@ -1848,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 w } from "./index.es17.js";
-import { default as h } 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 Be } 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 Bo } 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";
@@ -62,9 +62,9 @@ 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 Rr, SelectScrollUpButton as Pr, SelectSeparator as Lr, SelectTrigger as yr, SelectValue as kr } from "./index.es66.js";
-import { Show as wr } from "./index.es67.js";
-import { Skeleton as hr } from "./index.es68.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";
@@ -78,23 +78,25 @@ 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 Rt } from "./index.es82.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 wt } from "./index.es85.js";
-import { Tooltip as ht } from "./index.es86.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 { extractInitials as Xt } from "./index.es92.js";
-import { mergeRefs as $t } from "./index.es93.js";
-import { ensureReactElement as oa } from "./index.es94.js";
-import { createSafeContext as ta } from "./index.es95.js";
-import { getFormData as pa } from "./index.es96.js";
-import { click as la } from "./index.es97.js";
-import { type as ua } from "./index.es98.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,
@@ -112,13 +114,13 @@ 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,
-  Be as Center,
+  we as Center,
   Ee as Checkbox,
   Gt as Collection,
   Ue as Combobox,
@@ -149,7 +151,7 @@ export {
   Mo as FormLabel,
   Ao as FormMessage,
   vo as Heading,
-  Bo as Input,
+  wo as Input,
   Eo as Kbd,
   Uo as Label,
   Oo as Loader,
@@ -183,13 +185,13 @@ export {
   Fr as SelectItem,
   Mr as SelectLabel,
   Ar as SelectRoot,
-  Rr as SelectScrollDownButton,
-  Pr as SelectScrollUpButton,
+  Pr as SelectScrollDownButton,
+  Rr as SelectScrollUpButton,
   Lr as SelectSeparator,
   yr as SelectTrigger,
   kr as SelectValue,
-  wr as Show,
-  hr as Skeleton,
+  hr as Show,
+  Br as Skeleton,
   Hr as Stack,
   Gr as Stepper,
   Or as StepperContainer,
@@ -214,15 +216,16 @@ export {
   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,
-  wt as ToastIcons,
-  Rt as Toaster,
-  ht as Tooltip,
+  ht as ToastIcons,
+  Pt as Toaster,
+  Bt as Tooltip,
   Ht as Tree,
   Vt as TreeItem,
   jt as TreeItemContent,
@@ -235,18 +238,18 @@ export {
   po as UploadRejectedFiles,
   mo as UploadRoot,
   lo as UploadTrigger,
-  la as click,
+  sa as click,
   Zt as cn,
-  ta as createSafeContext,
-  oa as ensureReactElement,
-  Xt as extractInitials,
-  pa as getFormData,
-  $t as mergeRefs,
+  fa as createSafeContext,
+  ma as ensureReactElement,
+  ra as extractInitials,
+  xa as getFormData,
+  aa as mergeRefs,
   Fe as monthNames,
   dt as tagVariants,
   kt as toast,
   qt as twMerge,
-  ua as type,
+  da as type,
   r as useArray,
   a as useAsync,
   m as useClickOutside,
@@ -258,22 +261,24 @@ export {
   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,
-  w as useMutation,
-  h 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,
+  Yt as useTheme,
+  ea as useThemeProps,
   Lt as useToastStore,
   q as useToggle,
   Me as weeksDays