@boxcustodia/library 0.3.6 → 0.5.1

package/dist/index.es56.js

@@ -1,31 +1,152 @@
-import { j as e } from "./index.es92.js";
-import x from "react";
-import { MenuRoot as f, MenuTrigger as j, MenuContent as M, MenuShortcut as u } from "./index.es55.js";
-import { renderMenuItem as g } from "./index.es131.js";
-const R = ({
-  trigger: i,
-  items: m,
-  contentProps: s,
-  side: d = "bottom",
-  offset: t
-}) => /* @__PURE__ */ e.jsxs(f, { children: [
-  /* @__PURE__ */ e.jsx(j, { asChild: !0, children: i }),
-  /* @__PURE__ */ e.jsx(M, { side: d, sideOffset: t, ...s, children: m.map(
-    ({ shortcut: r, onShortcut: n, shortcutOptions: a, ...l }, o) => /* @__PURE__ */ e.jsx(x.Fragment, { children: g(
-      l,
-      r && /* @__PURE__ */ e.jsx(
-        u,
-        {
-          keys: r,
-          handler: (p) => n == null ? void 0 : n(p),
-          options: a,
-          children: r
-        }
-      )
-    ) }, o)
-  ) })
-] });
-R.displayName = "Menu";
+import { j as a } from "./index.es98.js";
+import * as s from "react";
+import { Root as g, Trigger as h, Group as y, Portal as r, Sub as j, RadioGroup as w, SubTrigger as d, SubContent as l, Content as m, Item as c, CheckboxItem as p, ItemIndicator as f, RadioItem as x, Label as b, Separator as N } from "./index.es134.js";
+import R from "./index.es135.js";
+import M from "./index.es114.js";
+import S from "./index.es136.js";
+import v from "./index.es11.js";
+import { cn as o } from "./index.es87.js";
+const K = g, O = h, Q = y, U = r, V = j, W = w, I = s.forwardRef(({ className: e, inset: i, children: t, ...u }, n) => /* @__PURE__ */ a.jsxs(
+  d,
+  {
+    ref: n,
+    className: o(
+      "ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none focus:ui-bg-accent data-[state='open']:bg-accent",
+      i && "ui-pl-8",
+      e
+    ),
+    ...u,
+    children: [
+      t,
+      /* @__PURE__ */ a.jsx(R, { className: "ui-ml-auto ui-h-4 ui-w-4" })
+    ]
+  }
+));
+I.displayName = d.displayName;
+const C = s.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ a.jsx(
+  l,
+  {
+    ref: t,
+    className: o(
+      "ui-z-50 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-p-1 ui-text-popover-foreground ui-shadow-lg data-[state='open']:ui-animate-in data-[state='closed']:ui-animate-out data-[state='closed']:ui-fade-out-0 data-[state='open']:ui-fade-in-0 data-[state='closed']:ui-zoom-out-95 data-[state='open']:ui-zoom-in-95 data-[side=bottom]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
+      e
+    ),
+    ...i
+  }
+));
+C.displayName = l.displayName;
+const k = s.forwardRef(({ className: e, sideOffset: i = 4, ...t }, u) => /* @__PURE__ */ a.jsx(r, { children: /* @__PURE__ */ a.jsx(
+  m,
+  {
+    ref: u,
+    sideOffset: i,
+    className: o(
+      "ui-z-50 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-p-1 ui-text-popover-foreground ui-shadow-md data-[state='open']:ui-animate-in data-[state='closed']:ui-animate-out data-[state='closed']:ui-fade-out-0 data-[state='open']:ui-fade-in-0 data-[state='closed']:ui-zoom-out-95 data-[state='open']:ui-zoom-in-95 data-[side=bottom]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+) }));
+k.displayName = m.displayName;
+const z = s.forwardRef(({ className: e, inset: i, ...t }, u) => /* @__PURE__ */ a.jsx(
+  c,
+  {
+    ref: u,
+    className: o(
+      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
+      i && "ui-pl-8",
+      e
+    ),
+    ...t
+  }
+));
+z.displayName = c.displayName;
+const G = s.forwardRef(({ className: e, children: i, checked: t, ...u }, n) => /* @__PURE__ */ a.jsxs(
+  p,
+  {
+    ref: n,
+    className: o(
+      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-pl-8 ui-pr-2 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
+      e
+    ),
+    checked: t,
+    ...u,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "ui-absolute ui-left-2 ui-flex ui-h-3.5 ui-w-3.5 ui-items-center ui-justify-center", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsx(M, { className: "ui-h-4 ui-w-4" }) }) }),
+      i
+    ]
+  }
+));
+G.displayName = p.displayName;
+const T = s.forwardRef(({ className: e, children: i, ...t }, u) => /* @__PURE__ */ a.jsxs(
+  x,
+  {
+    ref: u,
+    className: o(
+      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-pl-8 ui-pr-2 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "ui-absolute ui-left-2 ui-flex ui-h-3.5 ui-w-3.5 ui-items-center ui-justify-center", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsx(S, { className: "ui-h-2 ui-w-2 ui-fill-current" }) }) }),
+      i
+    ]
+  }
+));
+T.displayName = x.displayName;
+const L = s.forwardRef(({ className: e, inset: i, ...t }, u) => /* @__PURE__ */ a.jsx(
+  b,
+  {
+    ref: u,
+    className: o(
+      "ui-px-2 ui-py-1.5 ui-text-sm ui-font-semibold",
+      i && "ui-pl-8",
+      e
+    ),
+    ...t
+  }
+));
+L.displayName = b.displayName;
+const P = s.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ a.jsx(
+  N,
+  {
+    ref: t,
+    className: o("ui--mx-1 ui-my-1 ui-h-px ui-bg-muted", e),
+    ...i
+  }
+));
+P.displayName = N.displayName;
+const D = ({
+  className: e,
+  keys: i,
+  handler: t,
+  options: u = {},
+  ...n
+}) => (v(i, t, u), /* @__PURE__ */ a.jsx(
+  "span",
+  {
+    className: o(
+      "ui-ml-auto ui-text-xs ui-tracking-widest ui-opacity-60",
+      e
+    ),
+    ...n
+  }
+));
+D.displayName = "DropdownMenuShortcut";
 export {
-  R as Menu
+  G as MenuCheckboxItem,
+  k as MenuContent,
+  Q as MenuGroup,
+  z as MenuItem,
+  L as MenuLabel,
+  U as MenuPortal,
+  W as MenuRadioGroup,
+  T as MenuRadioItem,
+  K as MenuRoot,
+  P as MenuSeparator,
+  D as MenuShortcut,
+  V as MenuSub,
+  C as MenuSubContent,
+  I as MenuSubTrigger,
+  O as MenuTrigger
 };

package/dist/index.es562.js

@@ -1,4 +1,4 @@
-var o = {};
+var e = {};
 export {
-  o as __exports
+  e as __exports
 };

package/dist/index.es563.js

@@ -1,4 +1,4 @@
-var o = {};
+var e = {};
 export {
-  o as __exports
+  e as __exports
 };

package/dist/index.es566.js

@@ -1,4 +1,4 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };

package/dist/index.es568.js

@@ -1,4 +1,4 @@
-var e = {};
+var o = {};
 export {
-  e as __exports
+  o as __exports
 };

package/dist/index.es569.js

@@ -1,4 +1,4 @@
-var o = {};
+var e = {};
 export {
-  o as __exports
+  e as __exports
 };

package/dist/index.es57.js

@@ -1,221 +1,31 @@
-import { j as e } from "./index.es92.js";
-import { useControllableState as g } from "./index.es99.js";
-import * as _ from "react";
-import { multiSelectVariants as j } from "./index.es125.js";
-import { useMultiSelect as G } from "./index.es126.js";
-import { Tag as N } from "./index.es73.js";
-import b from "./index.es127.js";
-import L from "./index.es114.js";
-import { Divider as U } from "./index.es41.js";
-import w from "./index.es107.js";
-import { AutoCompleteRoot as W, AutoCompleteInput as $, AutoCompleteList as q, AutoCompleteEmpty as z, AutoCompleteGroup as F, AutoCompleteItem as v, AutoCompleteSeparator as H } from "./index.es26.js";
-import C from "./index.es106.js";
-import { PopoverRoot as J, PopoverTrigger as Q, PopoverContent as Y } from "./index.es60.js";
-import { Button as Z } from "./index.es30.js";
-import { cn as t } from "./index.es82.js";
-const K = ({
-  items: o = [],
-  valueKey: l = "value",
-  labelKey: y = "label",
-  onChange: P,
-  variant: p,
-  defaultValue: S = [],
-  placeholder: A = "Seleccionar",
-  maxCount: a = 3,
-  className: D,
-  renderOption: s = (r) => r[y],
-  withCheckbox: c = !1,
-  showSearch: I = !0,
-  showSelectAll: E = !0,
-  ...n
-}) => {
-  const [r = [], M] = g({
-    prop: n.value,
-    onChange: P,
-    defaultProp: S
-  }), [R, m] = g({
-    prop: n.open,
-    onChange: n.onOpenChange,
-    defaultProp: n.defaultOpen
-  }), x = _.useMemo(
-    () => o.filter((i) => !i.disabled),
-    [o]
-  ), {
-    handleInputKeyDown: T,
-    toggleOption: f,
-    handleClear: k,
-    handleTogglePopover: B,
-    clearExtraOptions: V,
-    toggleAll: X
-  } = G({
-    valueKey: l,
-    values: r,
-    setValues: M,
-    items: o,
-    maxCount: a,
-    setIsPopoverOpen: m
-  });
-  return /* @__PURE__ */ e.jsxs(J, { open: R, onOpenChange: m, children: [
-    /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      Z,
-      {
-        ...n,
-        onClick: B,
-        className: t(
-          "ui-flex ui-w-full ui-p-1 ui-rounded-md ui-border ui-border-input ui-min-h-10 ui-h-auto ui-items-center ui-justify-between ui-bg-inherit hover:ui-bg-inherit",
-          D
-        ),
-        children: r.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-justify-between ui-items-center ui-w-full", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-flex-wrap ui-items-center", children: [
-            r.slice(0, a).map((i) => {
-              const u = o.find((d) => d[l] === i), h = u == null ? void 0 : u.icon;
-              return /* @__PURE__ */ e.jsxs(
-                N,
-                {
-                  className: t(j({ variant: p })),
-                  children: [
-                    h && /* @__PURE__ */ e.jsx(h, { className: "ui-h-4 ui-w-4 ui-mr-2" }),
-                    u && (s == null ? void 0 : s(u)),
-                    /* @__PURE__ */ e.jsx(
-                      b,
-                      {
-                        className: "ui-h-4 ui-w-4 ui-cursor-pointer",
-                        onClick: (d) => {
-                          d.stopPropagation(), f(i);
-                        }
-                      }
-                    )
-                  ]
-                },
-                i
-              );
-            }),
-            r.length > a && /* @__PURE__ */ e.jsxs(
-              N,
-              {
-                className: t(
-                  "ui-bg-transparent ui-text-foreground ui-border-foreground/1 hover:ui-bg-transparent",
-                  j({ variant: p })
-                ),
-                children: [
-                  `+ ${r.length - a} más`,
-                  /* @__PURE__ */ e.jsx(
-                    b,
-                    {
-                      className: "ui-ml-2 ui-h-4 ui-w-4 ui-cursor-pointer",
-                      onClick: (i) => {
-                        i.stopPropagation(), V();
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
-            /* @__PURE__ */ e.jsx(
-              L,
-              {
-                className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground",
-                onClick: (i) => {
-                  i.stopPropagation(), k();
-                }
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              U,
-              {
-                orientation: "vertical",
-                className: "ui-flex ui-min-h-6 ui-h-full"
-              }
-            ),
-            /* @__PURE__ */ e.jsx(w, { className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground" })
-          ] })
-        ] }) : /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between ui-w-full ui-mx-auto", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ui-text-sm ui-text-foreground ui-font-normal ui-mx-2", children: A }),
-          /* @__PURE__ */ e.jsx(w, { className: "ui-h-4 ui-cursor-pointer ui-text-muted-foreground ui-mx-2" })
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx(
-      Y,
-      {
-        className: "ui-p-0",
-        matchTriggerWidth: !0,
-        align: "start",
-        onEscapeKeyDown: () => m(!1),
-        children: /* @__PURE__ */ e.jsxs(W, { children: [
-          I && /* @__PURE__ */ e.jsx(
-            $,
-            {
-              placeholder: "Buscar...",
-              onKeyDown: T
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(q, { children: [
-            /* @__PURE__ */ e.jsx(z, { children: "No results found." }),
-            /* @__PURE__ */ e.jsxs(F, { children: [
-              E && /* @__PURE__ */ e.jsxs(
-                v,
-                {
-                  onSelect: X,
-                  className: t(
-                    "ui-cursor-pointer",
-                    !c && r.length === x.length && "ui-bg-accent ui-text-accent-foreground"
-                  ),
-                  children: [
-                    c && /* @__PURE__ */ e.jsx(
-                      "div",
-                      {
-                        className: t(
-                          "ui-mr-2 ui-flex ui-h-4 ui-w-4 ui-items-center ui-justify-center ui-rounded-sm ui-border ui-border-primary",
-                          r.length === x.length ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
-                        ),
-                        children: /* @__PURE__ */ e.jsx(C, { className: "ui-h-4 ui-w-4" })
-                      }
-                    ),
-                    /* @__PURE__ */ e.jsx("span", { children: "(Seleccionar todo)" })
-                  ]
-                },
-                "all"
-              ),
-              o.map((i) => {
-                const u = r.includes(i[l]);
-                return /* @__PURE__ */ e.jsxs(
-                  v,
-                  {
-                    onSelect: () => !i.disabled && f(i[l]),
-                    className: t(
-                      i.disabled ? "!ui-bg-neutral-50 !ui-text-neutral-400" : "ui-cursor-pointer",
-                      !c && u && "!ui-bg-accent !ui-text-accent-foreground"
-                    ),
-                    children: [
-                      c && /* @__PURE__ */ e.jsx(
-                        "div",
-                        {
-                          className: t(
-                            "ui-mr-2 ui-flex ui-h-4 ui-w-4 ui-items-center ui-justify-center ui-rounded-sm ui-border ui-border-primary",
-                            u ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
-                          ),
-                          children: /* @__PURE__ */ e.jsx(C, { className: "ui-h-4 ui-w-4" })
-                        }
-                      ),
-                      i.icon && /* @__PURE__ */ e.jsx(i.icon, { className: "ui-mr-2 ui-h-4 ui-w-4 ui-text-muted-foreground" }),
-                      /* @__PURE__ */ e.jsx("span", { children: s == null ? void 0 : s(i) })
-                    ]
-                  },
-                  i[l]
-                );
-              })
-            ] }),
-            /* @__PURE__ */ e.jsx(H, {})
-          ] })
-        ] })
-      }
-    )
-  ] });
-};
-K.displayName = "MultiSelect";
+import { j as e } from "./index.es98.js";
+import x from "react";
+import { MenuRoot as f, MenuTrigger as j, MenuContent as M, MenuShortcut as u } from "./index.es56.js";
+import { renderMenuItem as g } from "./index.es137.js";
+const R = ({
+  trigger: i,
+  items: m,
+  contentProps: s,
+  side: d = "bottom",
+  offset: t
+}) => /* @__PURE__ */ e.jsxs(f, { children: [
+  /* @__PURE__ */ e.jsx(j, { asChild: !0, children: i }),
+  /* @__PURE__ */ e.jsx(M, { side: d, sideOffset: t, ...s, children: m.map(
+    ({ shortcut: r, onShortcut: n, shortcutOptions: a, ...l }, o) => /* @__PURE__ */ e.jsx(x.Fragment, { children: g(
+      l,
+      r && /* @__PURE__ */ e.jsx(
+        u,
+        {
+          keys: r,
+          handler: (p) => n == null ? void 0 : n(p),
+          options: a,
+          children: r
+        }
+      )
+    ) }, o)
+  ) })
+] });
+R.displayName = "Menu";
 export {
-  K as MultiSelect
+  R as Menu
 };

package/dist/index.es571.js

@@ -1,4 +1,4 @@
-var o = {};
+var e = {};
 export {
-  o as __exports
+  e as __exports
 };

package/dist/index.es575.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };

package/dist/index.es576.js

@@ -1,4 +1,4 @@
-var e = {};
+var o = {};
 export {
-  e as __exports
+  o as __exports
 };

package/dist/index.es577.js

@@ -1,4 +1,4 @@
-var e = {};
+var a = {};
 export {
-  e as __exports
+  a as __exports
 };

package/dist/index.es578.js

@@ -1,4 +1,4 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };