@boxcustodia/library 0.2.4 → 0.2.6

package/dist/index.d.ts

@@ -289,7 +289,7 @@ export declare type ColumnDef<T> = {
     width?: string | number;
 };
 
-export declare function Combobox<TItem extends Record<string, any>>({ items, valueKey, labelKey, placeholder, searchPlaceholder, emptyMessage, searchProps, className, triggerProps, itemProps, itemClassName, contentProps, contentClassName, value: prop, onChange, defaultValue: defaultProp, renderLabel, commandProps, ...props }: Props_10<TItem>): JSX_2.Element;
+export declare function Combobox<TItem extends Record<string, any>>({ items, valueKey, labelKey, placeholder, searchPlaceholder, emptyMessage, searchProps, className, triggerProps, itemProps, itemClassName, contentProps, contentClassName, value: prop, onChange, defaultValue: defaultProp, renderOption, commandProps, ...props }: Props_10<TItem>): JSX_2.Element;
 
 declare type ContainerProps = React_2.ComponentPropsWithoutRef<"div">;
 
@@ -612,6 +612,40 @@ export declare type MultipleDateValue = {
     onChange?: (dates: Date[]) => void;
 };
 
+export declare const MultiSelect: {
+    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, modalPopover, className, renderOption, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
+    displayName: string;
+};
+
+/**
+ * Props for MultiSelect component
+ */
+declare type MultiSelectProps<TItem extends Record<string, any>> = OverrideProps<React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof multiSelectVariants>, {
+    items: TItem[];
+    /**
+     * Identificador del valor del elemento
+     * @default "value"
+     */
+    valueKey?: keyof TItem;
+    /**
+     * Identificador del label del elemento
+     * @default "label"
+     */
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    defaultValue?: string[];
+    labelKey?: keyof TItem;
+    placeholder?: string;
+    maxCount?: number;
+    modalPopover?: boolean;
+    className?: string;
+    renderOption?: (item: TItem) => React_2.ReactNode;
+}>;
+
+declare const multiSelectVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "inverted" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promise<TReturn>;
 
 declare type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
@@ -703,7 +737,7 @@ declare type Props_11<TItem extends Record<string, any>> = OverrideProps<Compone
      * Función que renderiza el label del elemento
      * Por defecto renderiza el label del elemento
      */
-    renderLabel?: (item: TItem) => ReactNode;
+    renderOption?: (item: TItem) => ReactNode;
     className?: ClassName;
     triggerProps?: ComponentProps<typeof SelectTrigger>;
     contentClassName?: ClassName;
@@ -994,7 +1028,7 @@ declare interface SearchProps {
 }
 
 export declare const Select: {
-    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, value: prop, onChange, defaultValue: defaultProp, renderLabel, triggerProps, contentClassName, contentProps, itemClassName, itemProps, className, placeholder, ...props }: Props_11<TItem>): JSX_2.Element;
+    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, value: prop, onChange, defaultValue: defaultProp, renderOption, triggerProps, contentClassName, contentProps, itemClassName, itemProps, className, placeholder, ...props }: Props_11<TItem>): JSX_2.Element;
     displayName: string;
 };
 

package/dist/index.es.js

@@ -6,7 +6,7 @@ import { default as x } from "./index.es6.js";
 import { default as n } 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 S } from "./index.es10.js";
 import { default as b } from "./index.es11.js";
 import { default as M } from "./index.es12.js";
 import { default as F } from "./index.es13.js";
@@ -29,7 +29,7 @@ import { BaseButton as xe } from "./index.es29.js";
 import { Calendar as ne } from "./index.es30.js";
 import { monthNames as de, weeksDays as ge } from "./index.es31.js";
 import { Checkbox as Ce } from "./index.es32.js";
-import { Combobox as Se } from "./index.es33.js";
+import { Combobox as Te } from "./index.es33.js";
 import { DatePicker as De } from "./index.es34.js";
 import { DialogClose as Ae, DialogContent as Fe, DialogDescription as Pe, DialogFooter as Ie, DialogHeader as Re, DialogOverlay as ke, DialogPortal as ve, DialogRoot as Le, DialogTitle as ye, DialogTrigger as Be } from "./index.es35.js";
 import { Dialog as we } from "./index.es36.js";
@@ -41,7 +41,7 @@ import { Input as Ke } from "./index.es41.js";
 import { Label as Ye } from "./index.es42.js";
 import { Loader as eo } from "./index.es43.js";
 import { MenuCheckboxItem as ro, MenuContent as to, MenuGroup as ao, MenuItem as mo, MenuLabel as po, MenuPortal as lo, MenuRadioGroup as fo, MenuRadioItem as uo, MenuRoot as xo, MenuSeparator as so, MenuShortcut as no, MenuSub as io, MenuSubContent as go, MenuSubTrigger as co, MenuTrigger as Co } from "./index.es44.js";
-import { Menu as So } from "./index.es45.js";
+import { Menu as To } from "./index.es45.js";
 import { Pagination as Do } from "./index.es46.js";
 import { PopoverContent as Ao, PopoverRoot as Fo, PopoverTrigger as Po } from "./index.es47.js";
 import { Popover as Ro } from "./index.es48.js";
@@ -57,7 +57,7 @@ import { TablePagination as lr } from "./index.es57.js";
 import { TABLE_PAGE_SIZES as ur } from "./index.es58.js";
 import { TabContent as sr, TabList as nr, TabTrigger as ir, Tabs as dr } from "./index.es59.js";
 import { TextArea as cr } from "./index.es60.js";
-import { Toast as Tr } from "./index.es61.js";
+import { Toast as Sr } from "./index.es61.js";
 import { ToastClose as br } from "./index.es62.js";
 import { Toaster as Mr } from "./index.es63.js";
 import { toast as Fr, useToastStore as Pr } from "./index.es64.js";
@@ -65,18 +65,19 @@ import { ToastIcons as Rr } from "./index.es65.js";
 import { Tooltip as vr } from "./index.es66.js";
 import { Node as yr, Tree as Br } from "./index.es67.js";
 import { Card as wr, CardContent as Er, CardDescription as Hr, CardFooter as Gr, CardHeader as Or, CardTitle as Vr } from "./index.es68.js";
-import { default as _r } from "./index.es69.js";
-import { DOTS as zr, default as Qr } from "./index.es70.js";
-import { default as Wr } from "./index.es71.js";
+import { MultiSelect as _r } from "./index.es69.js";
+import { default as zr } from "./index.es70.js";
+import { DOTS as Ur, default as Wr } from "./index.es71.js";
 import { default as qr } from "./index.es72.js";
-import { cn as Kr, twMerge as Xr } from "./index.es73.js";
-import { extractInitials as $r } from "./index.es74.js";
-import { mergeRefs as ot } from "./index.es75.js";
-import { ensureReactElement as tt } from "./index.es76.js";
-import { createSafeContext as mt } from "./index.es77.js";
-import { getFormData as lt } from "./index.es78.js";
-import { click as ut } from "./index.es79.js";
-import { type as st } from "./index.es80.js";
+import { default as Kr } from "./index.es73.js";
+import { cn as Yr, twMerge as $r } from "./index.es74.js";
+import { extractInitials as ot } from "./index.es75.js";
+import { mergeRefs as tt } from "./index.es76.js";
+import { ensureReactElement as mt } from "./index.es77.js";
+import { createSafeContext as lt } from "./index.es78.js";
+import { getFormData as ut } from "./index.es79.js";
+import { click as st } from "./index.es80.js";
+import { type as it } from "./index.es81.js";
 export {
   N as AlertDialog,
   Y as AutoComplete,
@@ -102,8 +103,8 @@ export {
   Or as CardHeader,
   Vr as CardTitle,
   Ce as Checkbox,
-  Se as Combobox,
-  zr as DOTS,
+  Te as Combobox,
+  Ur as DOTS,
   De as DatePicker,
   we as Dialog,
   Ae as DialogClose,
@@ -128,7 +129,7 @@ export {
   Ke as Input,
   Ye as Label,
   eo as Loader,
-  So as Menu,
+  To as Menu,
   ro as MenuCheckboxItem,
   to as MenuContent,
   ao as MenuGroup,
@@ -144,6 +145,7 @@ export {
   go as MenuSubContent,
   co as MenuSubTrigger,
   Co as MenuTrigger,
+  _r as MultiSelect,
   yr as Node,
   Do as Pagination,
   Ro as Popover,
@@ -181,27 +183,27 @@ export {
   mr as TableRow,
   dr as Tabs,
   cr as TextArea,
-  Tr as Toast,
+  Sr as Toast,
   br as ToastClose,
   Rr as ToastIcons,
   Mr as Toaster,
   vr as Tooltip,
   Br as Tree,
   pe as badgeVariants,
-  ut as click,
-  Kr as cn,
-  mt as createSafeContext,
-  tt as ensureReactElement,
-  $r as extractInitials,
-  lt as getFormData,
-  ot as mergeRefs,
+  st as click,
+  Yr as cn,
+  lt as createSafeContext,
+  mt as ensureReactElement,
+  ot as extractInitials,
+  ut as getFormData,
+  tt as mergeRefs,
   de as monthNames,
   Fr as toast,
-  Xr as twMerge,
-  st as type,
+  $r as twMerge,
+  it as type,
   F as useArray,
   L as useAsync,
-  _r as useClickOutside,
+  zr as useClickOutside,
   p as useClipboard,
   w as useDebounce,
   f as useDisclosure,
@@ -212,16 +214,16 @@ export {
   M as useHover,
   B as useIsVisible,
   H as useLocalStorage,
-  Wr as useMediaQuery,
+  qr as useMediaQuery,
   n as useMemoizedFn,
-  qr as useMutation,
+  Kr as useMutation,
   I as useObject,
   b as usePagination,
   a as usePortal,
   d as usePreventCloseWindow,
-  Qr as useRangePagination,
+  Wr as useRangePagination,
   x as useSelection,
-  T as useStep,
+  S as useStep,
   Pr as useToastStore,
   r as useToggle,
   ge as weeksDays

package/dist/index.es101.js

@@ -1,5 +1,5 @@
-import { commonjsGlobal as jt } from "./index.es152.js";
-import { __module as Je } from "./index.es153.js";
+import { commonjsGlobal as jt } from "./index.es144.js";
+import { __module as Je } from "./index.es145.js";
 /**
  * @license
  * Lodash <https://lodash.com/>

package/dist/index.es102.js

@@ -1,4 +1,4 @@
-import { createSafeContext as e } from "./index.es77.js";
+import { createSafeContext as e } from "./index.es78.js";
 const [t, r] = e();
 export {
   r as FormFieldContextProvider,

package/dist/index.es103.js

@@ -1,4 +1,4 @@
-import { createSafeContext as t } from "./index.es77.js";
+import { createSafeContext as t } from "./index.es78.js";
 const [o, r] = t();
 export {
   r as FormItemContextProvider,

package/dist/index.es104.js

@@ -1,11 +1,261 @@
-import e from "./index.es237.js";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = e("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es146.js";
+import { useComposedRefs as C } from "./index.es142.js";
+import { createContextScope as B, createContext as H } from "./index.es147.js";
+import { useId as x } from "./index.es148.js";
+import { useControllableState as V } from "./index.es88.js";
+import { DismissableLayer as q } from "./index.es149.js";
+import { FocusScope as K } from "./index.es150.js";
+import { Portal as U } from "./index.es151.js";
+import { Presence as R } from "./index.es120.js";
+import { Primitive as m } from "./index.es152.js";
+import { useFocusGuards as Y } from "./index.es153.js";
+import Z from "./index.es154.js";
+import { hideOthers as z } from "./index.es155.js";
+import { Slot as J } from "./index.es98.js";
+import { j as i } from "./index.es84.js";
+var _ = "Dialog", [P, _e] = B(_), [Q, u] = P(_), y = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g = !1, v] = V({
+    prop: a,
+    defaultProp: r,
+    onChange: t
+  });
+  return /* @__PURE__ */ i.jsx(
+    Q,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: x(),
+      titleId: x(),
+      descriptionId: x(),
+      open: g,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v(($) => !$), [v]),
+      modal: c,
+      children: n
+    }
+  );
+};
+y.displayName = _;
+var I = "DialogTrigger", O = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(I, n), t = C(o, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": N(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+O.displayName = I;
+var h = "DialogPortal", [X, A] = P(h, {
+  forceMount: void 0
+}), j = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(h, o);
+  return /* @__PURE__ */ i.jsx(X, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(R, { present: n || t.open, children: /* @__PURE__ */ i.jsx(U, { asChild: !0, container: r, children: c }) })) });
+};
+j.displayName = h;
+var D = "DialogOverlay", T = s.forwardRef(
+  (e, o) => {
+    const n = A(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: /* @__PURE__ */ i.jsx(ee, { ...r, ref: o }) }) : null;
+  }
+);
+T.displayName = D;
+var ee = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i.jsx(Z, { as: J, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+        m.div,
+        {
+          "data-state": N(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", b = s.forwardRef(
+  (e, o) => {
+    const n = A(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(te, { ...r, ref: o }) : /* @__PURE__ */ i.jsx(oe, { ...r, ref: o }) });
+  }
+);
+b.displayName = f;
+var te = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = C(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return z(t);
+    }, []), /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
+          var c;
+          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
+          const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && t.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), oe = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var d, g;
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), M = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = C(o, d);
+    return Y(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        K,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i.jsx(
+            q,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": N(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(re, { titleId: l.titleId }),
+        /* @__PURE__ */ i.jsx(ae, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), E = "DialogTitle", w = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(E, n);
+    return /* @__PURE__ */ i.jsx(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+w.displayName = E;
+var F = "DialogDescription", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(F, n);
+    return /* @__PURE__ */ i.jsx(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+S.displayName = F;
+var W = "DialogClose", k = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(W, n);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+k.displayName = W;
+function N(e) {
+  return e ? "open" : "closed";
+}
+var G = "DialogTitleWarning", [he, L] = H(G, {
+  contentName: f,
+  titleName: E,
+  docsSlug: "dialog"
+}), re = ({ titleId: e }) => {
+  const o = L(G), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, ne = "DialogDescriptionWarning", ae = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${L(ne).contentName}}.`;
+  return s.useEffect(() => {
+    var t;
+    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, Ee = y, Ne = O, Pe = j, ye = T, Ie = b, Oe = w, Ae = S, je = k;
 export {
-  t as default
+  je as Close,
+  Ie as Content,
+  Ae as Description,
+  y as Dialog,
+  k as DialogClose,
+  b as DialogContent,
+  S as DialogDescription,
+  T as DialogOverlay,
+  j as DialogPortal,
+  w as DialogTitle,
+  O as DialogTrigger,
+  ye as Overlay,
+  Pe as Portal,
+  Ee as Root,
+  Oe as Title,
+  Ne as Trigger,
+  he as WarningProvider,
+  _e as createDialogScope
 };

package/dist/index.es105.js

@@ -1,6 +1,14 @@
-function t(n) {
-  return !!(n && typeof n == "object" && "start" in n && "end" in n);
-}
+import e from "./index.es186.js";
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = e("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
 export {
-  t as isDateRange
+  a as default
 };