@boxcustodia/library 0.3.5 → 0.3.8

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ButtonHTMLAttributes } from 'react';
 import { ClassNameValue } from 'tailwind-merge';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { Collection } from 'react-aria-components';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentType } from 'react';
@@ -40,6 +41,9 @@ import { SetStateAction } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { SlotProps } from '@radix-ui/react-slot';
 import { StoreApi } from 'zustand';
+import { TreeItemProps } from 'react-aria-components';
+import { TreeProps } from 'react-aria-components';
+import { UNSTABLE_TreeItemContent } from 'react-aria-components';
 import { UseBoundStore } from 'zustand';
 import { UseFormProps } from 'react-hook-form';
 import { UseFormReturn } from 'react-hook-form';
@@ -281,6 +285,8 @@ declare type ClosableProps = BaseProps & {
 
 export declare function cn(...args: ClassValue[]): string;
 
+export { Collection }
+
 export declare type ColumnDef<T> = {
     /**
      * Header de la columna
@@ -528,7 +534,7 @@ export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
 
 export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
 
-export declare const Form: <TFieldValues extends FieldValues>({ onSubmit, form, children, className, }: Props_13<TFieldValues>) => JSX_2.Element;
+export declare const Form: <TFieldValues extends FieldValues>({ onSubmit, id, form, children, className, }: Props_13<TFieldValues>) => JSX_2.Element;
 
 export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
 
@@ -788,14 +794,6 @@ declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promis
 
 declare type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
 
-declare interface Node_2 {
-    id: string;
-    label: string;
-    children?: Node_2[];
-    icon?: LucideIcon;
-}
-export { Node_2 as Node }
-
 declare type NonClosableProps = BaseProps & {
     closable?: false;
     onClose?: never;
@@ -877,6 +875,7 @@ declare type Props_13<TFieldValues extends FieldValues> = {
     form: UseFormReturn<TFieldValues>;
     children: React_2.ReactNode;
     className?: string;
+    id?: string;
 };
 
 declare type Props_14<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
@@ -1005,13 +1004,17 @@ declare type Props_28 = ComponentProps<typeof PopoverAnchor> & {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 };
 
-declare interface Props_29<T> extends UseAsyncOptions<T> {
+declare type Props_29<T extends TreeNode> = TreeRootProps & {
+    items: T[];
+};
+
+declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
+
+declare interface Props_30<T> extends UseAsyncOptions<T> {
     fn: () => Promise<T>;
     dependencies?: DependencyList;
 }
 
-declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
-
 declare interface Props_4 extends ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
     loading?: boolean;
@@ -1383,28 +1386,28 @@ export declare const Tooltip: {
     displayName: string;
 };
 
-export declare const Tree: ({ data, multiSelect, defaultExpandedKeys, defaultSelectedKeys, selectedKeys: selectedKeysProp, expandedKeys: expandedKeysProp, expandedIcon, collapsedIcon, leafIcon, onSelect, onExpand, className, renderClassName, }: TreeProps) => JSX_2.Element;
+export declare function Tree<T extends TreeNode>({ items, ...props }: Props_29<T>): JSX_2.Element;
 
-export declare interface TreeIconProps {
-    expandedIcon?: LucideIcon;
-    collapsedIcon?: LucideIcon;
-    leafIcon?: LucideIcon;
-}
+export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
+    id: string | number;
+}>) => JSX_2.Element;
 
-export declare interface TreeProps extends TreeIconProps {
-    data: Node_2[];
-    multiSelect?: boolean;
-    defaultExpandedKeys?: string[];
-    defaultSelectedKeys?: string[];
-    selectedKeys?: string[];
-    expandedKeys?: string[];
-    expandedAll?: boolean;
-    onSelect?: (selectedKeys: string[]) => void;
-    onExpand?: (expandedKeys: string[]) => void;
-    className?: string;
-    renderClassName?: (node: Node_2) => string;
+export declare const TreeItemContent: (props: React_2.ComponentProps<typeof UNSTABLE_TreeItemContent>) => JSX_2.Element;
+
+export declare const TreeItemIndicator: () => JSX_2.Element;
+
+export declare const TreeItemLabel: (props: React_2.HtmlHTMLAttributes<HTMLSpanElement>) => JSX_2.Element;
+
+export declare interface TreeNode {
+    id: string | number;
+    title: string;
+    children: TreeNode[];
 }
 
+export declare const TreeRoot: <T extends object>({ className, ...props }: TreeProps<T>) => JSX_2.Element;
+
+declare type TreeRootProps = React_2.ComponentProps<typeof TreeRoot>;
+
 export declare const twMerge: (...classLists: ClassNameValue[]) => string;
 
 export declare const type: (element: HTMLElement, value: string) => void;
@@ -1468,7 +1471,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_29<T>): AsyncState<T>;
+export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_30<T>): AsyncState<T>;
 
 declare interface UseAsyncOptions<T> {
     onError?: (error: Error) => void;

package/dist/index.es.js

@@ -3,16 +3,16 @@ import { default as a } from "./index.es3.js";
 import { default as m } from "./index.es4.js";
 import { default as f } from "./index.es5.js";
 import { default as x } from "./index.es6.js";
-import { default as n } from "./index.es7.js";
+import { default as s } from "./index.es7.js";
 import { default as d } from "./index.es8.js";
-import { default as c } from "./index.es9.js";
-import { default as T } from "./index.es10.js";
+import { default as g } from "./index.es9.js";
+import { default as C } from "./index.es10.js";
 import { default as b } from "./index.es11.js";
 import { default as M } from "./index.es12.js";
-import { DOTS as A, default as I } from "./index.es13.js";
-import { default as R } from "./index.es14.js";
-import { default as k } from "./index.es15.js";
-import { default as L } from "./index.es16.js";
+import { DOTS as I, default as A } from "./index.es13.js";
+import { default as P } from "./index.es14.js";
+import { default as L } from "./index.es15.js";
+import { default as v } from "./index.es16.js";
 import { default as h } from "./index.es17.js";
 import { default as E } from "./index.es18.js";
 import { default as U } from "./index.es19.js";
@@ -25,14 +25,14 @@ import { AlertDialog as q } from "./index.es25.js";
 import { AutoCompleteDialog as X, AutoCompleteEmpty as Y, AutoCompleteGroup as $, AutoCompleteInput as ee, AutoCompleteItem as oe, AutoCompleteList as re, AutoCompleteRoot as te, AutoCompleteSeparator as ae, AutoCompleteShortcut as pe } from "./index.es26.js";
 import { AutoComplete as le } from "./index.es27.js";
 import { Avatar as ue } from "./index.es28.js";
-import { BackgroundImage as se } from "./index.es29.js";
+import { BackgroundImage as ne } from "./index.es29.js";
 import { Button as ie } from "./index.es30.js";
-import { BaseButton as ge } from "./index.es31.js";
-import { Calendar as Ce } from "./index.es32.js";
+import { BaseButton as ce } from "./index.es31.js";
+import { Calendar as Te } from "./index.es32.js";
 import { monthNames as Se, weeksDays as be } from "./index.es33.js";
-import { Card as Me, CardContent as Fe, CardDescription as Ae, CardFooter as Ie, CardHeader as Pe, CardTitle as Re } from "./index.es34.js";
-import { Center as ke } from "./index.es35.js";
-import { Checkbox as Le } from "./index.es36.js";
+import { Card as Me, CardContent as Fe, CardDescription as Ie, CardFooter as Ae, CardHeader as Re, CardTitle as Pe } from "./index.es34.js";
+import { Center as Le } from "./index.es35.js";
+import { Checkbox as ve } from "./index.es36.js";
 import { Combobox as he } from "./index.es37.js";
 import { DatePicker as Ee } from "./index.es38.js";
 import { DialogClose as Ue, DialogContent as Ge, DialogDescription as Oe, DialogFooter as Ve, DialogHeader as je, DialogOverlay as ze, DialogPortal as Ne, DialogRoot as _e, DialogTitle as Ke, DialogTrigger as Qe } from "./index.es39.js";
@@ -42,13 +42,13 @@ import { UploadAcceptedFiles as Ye, UploadContent as $e, UploadItem as eo, Uploa
 import { Dropzone as po } from "./index.es43.js";
 import { FileType as lo, FileTypeGroups as fo } from "./index.es44.js";
 import { EmptyState as xo } from "./index.es45.js";
-import { Field as no } from "./index.es46.js";
-import { Form as go, FormControl as co, FormDescription as Co, FormField as To, FormItem as So, FormLabel as bo, FormMessage as Do } from "./index.es47.js";
+import { Field as so } from "./index.es46.js";
+import { Form as co, FormControl as go, FormDescription as To, FormField as Co, FormItem as So, FormLabel as bo, FormMessage as Do } from "./index.es47.js";
 import { useForm as Fo } from "./index.es48.js";
-import { useFormField as Io } from "./index.es49.js";
-import { Heading as Ro } from "./index.es50.js";
-import { Input as ko } from "./index.es51.js";
-import { Kbd as Lo } from "./index.es52.js";
+import { useFormField as Ao } from "./index.es49.js";
+import { Heading as Po } from "./index.es50.js";
+import { Input as Lo } from "./index.es51.js";
+import { Kbd as vo } from "./index.es52.js";
 import { Label as ho } from "./index.es53.js";
 import { Loader as Eo } from "./index.es54.js";
 import { MenuCheckboxItem as Uo, MenuContent as Go, MenuGroup as Oo, MenuItem as Vo, MenuLabel as jo, MenuPortal as zo, MenuRadioGroup as No, MenuRadioItem as _o, MenuRoot as Ko, MenuSeparator as Qo, MenuShortcut as Wo, MenuSub as Zo, MenuSubContent as qo, MenuSubTrigger as Jo, MenuTrigger as Xo } from "./index.es55.js";
@@ -57,12 +57,12 @@ import { MultiSelect as or } from "./index.es57.js";
 import { NumberInput as tr } from "./index.es58.js";
 import { Pagination as pr } from "./index.es59.js";
 import { PopoverContent as lr, PopoverRoot as fr, PopoverTrigger as ur } from "./index.es60.js";
-import { Popover as sr } from "./index.es61.js";
+import { Popover as nr } from "./index.es61.js";
 import { Select as ir } from "./index.es62.js";
-import { SelectContent as gr, SelectGroup as cr, SelectItem as Cr, SelectLabel as Tr, SelectRoot as Sr, SelectScrollDownButton as br, SelectScrollUpButton as Dr, SelectSeparator as Mr, SelectTrigger as Fr, SelectValue as Ar } from "./index.es63.js";
-import { Show as Pr } from "./index.es64.js";
+import { SelectContent as cr, SelectGroup as gr, SelectItem as Tr, SelectLabel as Cr, SelectRoot as Sr, SelectScrollDownButton as br, SelectScrollUpButton as Dr, SelectSeparator as Mr, SelectTrigger as Fr, SelectValue as Ir } from "./index.es63.js";
+import { Show as Rr } from "./index.es64.js";
 import { Skeleton as yr } from "./index.es65.js";
-import { Stack as vr } from "./index.es66.js";
+import { Stack as kr } from "./index.es66.js";
 import { Switch as Br } from "./index.es67.js";
 import { Table as wr } from "./index.es68.js";
 import { TableBody as Hr, TableCaption as Ur, TableCell as Gr, TableFooter as Or, TableHead as Vr, TableHeader as jr, TableRoot as zr, TableRow as Nr } from "./index.es69.js";
@@ -74,18 +74,20 @@ import { tagVariants as rt } from "./index.es74.js";
 import { TextArea as at } from "./index.es75.js";
 import { Toast as mt } from "./index.es76.js";
 import { Toaster as ft } from "./index.es77.js";
-import { toast as xt, useToastStore as st } from "./index.es78.js";
+import { toast as xt, useToastStore as nt } from "./index.es78.js";
 import { ToastIcons as it } from "./index.es79.js";
-import { Tooltip as gt } from "./index.es80.js";
-import { Tree as Ct } from "./index.es81.js";
-import { cn as St, twMerge as bt } from "./index.es82.js";
-import { extractInitials as Mt } from "./index.es83.js";
-import { mergeRefs as At } from "./index.es84.js";
-import { ensureReactElement as Pt } from "./index.es85.js";
-import { createSafeContext as yt } from "./index.es86.js";
-import { getFormData as vt } from "./index.es87.js";
-import { click as Bt } from "./index.es88.js";
-import { type as wt } from "./index.es89.js";
+import { Tooltip as ct } from "./index.es80.js";
+import { Tree as Tt } from "./index.es81.js";
+import { Collection as St } from "./index.es82.js";
+import { TreeItem as Dt, TreeItemContent as Mt, TreeItemIndicator as Ft, TreeItemLabel as It, TreeRoot as At } from "./index.es83.js";
+import { cn as Pt, twMerge as yt } from "./index.es84.js";
+import { extractInitials as kt } from "./index.es85.js";
+import { mergeRefs as Bt } from "./index.es86.js";
+import { ensureReactElement as wt } from "./index.es87.js";
+import { createSafeContext as Ht } from "./index.es88.js";
+import { getFormData as Gt } from "./index.es89.js";
+import { click as Vt } from "./index.es90.js";
+import { type as zt } from "./index.es91.js";
 export {
   q as AlertDialog,
   le as AutoComplete,
@@ -99,20 +101,21 @@ export {
   ae as AutoCompleteSeparator,
   pe as AutoCompleteShortcut,
   ue as Avatar,
-  se as BackgroundImage,
-  ge as BaseButton,
+  ne as BackgroundImage,
+  ce as BaseButton,
   ie as Button,
-  Ce as Calendar,
+  Te as Calendar,
   Me as Card,
   Fe as CardContent,
-  Ae as CardDescription,
-  Ie as CardFooter,
-  Pe as CardHeader,
-  Re as CardTitle,
-  ke as Center,
-  Le as Checkbox,
+  Ie as CardDescription,
+  Ae as CardFooter,
+  Re as CardHeader,
+  Pe as CardTitle,
+  Le as Center,
+  ve as Checkbox,
+  St as Collection,
   he as Combobox,
-  A as DOTS,
+  I as DOTS,
   Ee as DatePicker,
   Ze as Dialog,
   Ue as DialogClose,
@@ -128,19 +131,19 @@ export {
   Je as Divider,
   po as Dropzone,
   xo as EmptyState,
-  no as Field,
+  so as Field,
   lo as FileType,
   fo as FileTypeGroups,
-  go as Form,
-  co as FormControl,
-  Co as FormDescription,
-  To as FormField,
+  co as Form,
+  go as FormControl,
+  To as FormDescription,
+  Co as FormField,
   So as FormItem,
   bo as FormLabel,
   Do as FormMessage,
-  Ro as Heading,
-  ko as Input,
-  Lo as Kbd,
+  Po as Heading,
+  Lo as Input,
+  vo as Kbd,
   ho as Label,
   Eo as Loader,
   $o as Menu,
@@ -162,24 +165,24 @@ export {
   or as MultiSelect,
   tr as NumberInput,
   pr as Pagination,
-  sr as Popover,
+  nr as Popover,
   lr as PopoverContent,
   fr as PopoverRoot,
   ur as PopoverTrigger,
   ir as Select,
-  gr as SelectContent,
-  cr as SelectGroup,
-  Cr as SelectItem,
-  Tr as SelectLabel,
+  cr as SelectContent,
+  gr as SelectGroup,
+  Tr as SelectItem,
+  Cr as SelectLabel,
   Sr as SelectRoot,
   br as SelectScrollDownButton,
   Dr as SelectScrollUpButton,
   Mr as SelectSeparator,
   Fr as SelectTrigger,
-  Ar as SelectValue,
-  Pr as Show,
+  Ir as SelectValue,
+  Rr as Show,
   yr as Skeleton,
-  vr as Stack,
+  kr as Stack,
   Br as Switch,
   Wr as TABLE_PAGE_SIZES,
   qr as TabContent,
@@ -201,51 +204,56 @@ export {
   mt as Toast,
   it as ToastIcons,
   ft as Toaster,
-  gt as Tooltip,
-  Ct as Tree,
+  ct as Tooltip,
+  Tt as Tree,
+  Dt as TreeItem,
+  Mt as TreeItemContent,
+  Ft as TreeItemIndicator,
+  It as TreeItemLabel,
+  At as TreeRoot,
   Ye as UploadAcceptedFiles,
   $e as UploadContent,
   eo as UploadItem,
   oo as UploadRejectedFiles,
   ro as UploadRoot,
   to as UploadTrigger,
-  Bt as click,
-  St as cn,
-  yt as createSafeContext,
-  Pt as ensureReactElement,
-  Mt as extractInitials,
-  vt as getFormData,
-  At as mergeRefs,
+  Vt as click,
+  Pt as cn,
+  Ht as createSafeContext,
+  wt as ensureReactElement,
+  kt as extractInitials,
+  Gt as getFormData,
+  Bt as mergeRefs,
   Se as monthNames,
   rt as tagVariants,
   xt as toast,
-  bt as twMerge,
-  wt as type,
-  k as useArray,
+  yt as twMerge,
+  zt as type,
+  L as useArray,
   U as useAsync,
   b as useClickOutside,
   m as useClipboard,
   j as useDebounce,
   f as useDisclosure,
   W as useDocumentTitle,
-  c as useEventListener,
+  g as useEventListener,
   Fo as useForm,
-  Io as useFormField,
+  Ao as useFormField,
   h as useHotkey,
-  R as useHover,
+  P as useHover,
   O as useIsVisible,
   K as useLocalStorage,
   E as useMediaQuery,
-  n as useMemoizedFn,
+  s as useMemoizedFn,
   N as useMutation,
-  L as useObject,
+  v as useObject,
   M as usePagination,
   a as usePortal,
   d as usePreventCloseWindow,
-  I as useRangePagination,
+  A as useRangePagination,
   x as useSelection,
-  T as useStep,
-  st as useToastStore,
+  C as useStep,
+  nt as useToastStore,
   r as useToggle,
   be as weeksDays
 };

package/dist/index.es10.js

@@ -1,5 +1,5 @@
 import { useState as a } from "react";
-import { l as i } from "./index.es116.js";
+import { l as i } from "./index.es94.js";
 function l(n, c) {
   const [e, r] = a(0), o = c ?? n.length, d = () => {
     r((t) => t >= o - 1 ? t : t + 1);

package/dist/index.es100.js

@@ -1,57 +1,32 @@
-import { useControllableState as b } from "./index.es99.js";
-import { l as o } from "./index.es116.js";
-import { createContext as h } from "react";
-import { isDateRange as f } from "./index.es119.js";
-import w from "./index.es158.js";
-import y from "./index.es159.js";
-import A from "./index.es160.js";
-import { isDate as u } from "./index.es121.js";
-const B = h({
-  defaultStartDate: /* @__PURE__ */ new Date(),
-  mode: "single",
-  isSingleMode: !1,
-  isRangeMode: !1,
-  selected: void 0,
-  selectDate: () => {
-  },
-  isSelected: () => !1,
-  isFirstDayFromRange: () => !1,
-  isLastDayFromRange: () => !1,
-  isInRange: () => !1
-});
-function G(d) {
-  const { mode: r, value: c, defaultValue: g, onChange: m, disabled: p } = d, a = r === "single", s = r === "range", l = r === "multiple", [e, n] = b({
-    prop: c,
-    onChange: m,
-    defaultProp: g
-  }), { selectSingleDate: D, isSingleSelected: S } = A(
-    u(e) ? e : void 0,
-    n
-  ), { selectRangeDate: C, isInRange: i, ...M } = y(
-    f(e) ? e : void 0,
-    n,
-    p
-  ), { selectMultipleDate: R, isMultipleSelected: v } = w(
-    o.isArray(e) ? e : void 0,
-    n
-  ), x = (t) => {
-    if (a) return D(t);
-    if (s) return C(t);
-    if (l) return R(t);
-  }, F = (t) => a ? S(t) : s ? i(t) : l ? v(t) : !1;
-  return {
-    defaultStartDate: u(e) ? e : o.isArray(e) ? e[0] : f(e) && e.start ? e.start : /* @__PURE__ */ new Date(),
-    isSingleMode: a,
-    isRangeMode: s,
-    selected: e,
-    isSelected: F,
-    selectDate: x,
-    isInRange: i,
-    mode: r,
-    ...M
-  };
+import * as l from "react";
+import { useCallbackRef as f } from "./index.es161.js";
+function R({
+  prop: t,
+  defaultProp: r,
+  onChange: s = () => {
+  }
+}) {
+  const [e, n] = v({ defaultProp: r, onChange: s }), o = t !== void 0, i = o ? t : e, u = f(s), d = l.useCallback(
+    (c) => {
+      if (o) {
+        const a = typeof c == "function" ? c(t) : c;
+        a !== t && u(a);
+      } else
+        n(c);
+    },
+    [o, t, n, u]
+  );
+  return [i, d];
+}
+function v({
+  defaultProp: t,
+  onChange: r
+}) {
+  const s = l.useState(t), [e] = s, n = l.useRef(e), o = f(r);
+  return l.useEffect(() => {
+    n.current !== e && (o(e), n.current = e);
+  }, [e, n, o]), s;
 }
 export {
-  B as CalendarContext,
-  G as default
+  R as useControllableState
 };