@boxcustodia/library 0.3.0 → 0.3.3

package/dist/index.es56.js

@@ -1,221 +1,31 @@
-import { j as e } from "./index.es92.js";
-import { useControllableState as g } from "./index.es105.js";
-import * as _ from "react";
-import { multiSelectVariants as j } from "./index.es139.js";
-import { useMultiSelect as G } from "./index.es140.js";
-import N from "./index.es141.js";
-import b from "./index.es142.js";
-import L from "./index.es107.js";
-import { Divider as U } from "./index.es40.js";
-import w from "./index.es121.js";
-import { AutoCompleteRoot as W, AutoCompleteInput as $, AutoCompleteList as q, AutoCompleteEmpty as z, AutoCompleteGroup as F, AutoCompleteItem as v, AutoCompleteSeparator as H } from "./index.es25.js";
-import C from "./index.es108.js";
-import { PopoverRoot as J, PopoverTrigger as Q, PopoverContent as Y } from "./index.es59.js";
-import { Button as Z } from "./index.es29.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.es95.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.es130.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.es57.js

@@ -1,88 +1,221 @@
-import { j as t } from "./index.es92.js";
-import { useControllableState as v } from "./index.es105.js";
-import { forwardRef as N } from "react";
-import { l as r } from "./index.es109.js";
-import j from "./index.es132.js";
-import C from "./index.es133.js";
-import { cn as M } from "./index.es82.js";
-import { Button as d } from "./index.es29.js";
-const T = N(
-  (l, m) => {
-    const {
-      value: c,
-      onChange: f,
-      defaultValue: p,
-      className: b,
-      min: i,
-      max: n
-    } = l, [s, u] = v({
-      prop: c,
-      onChange: f,
-      defaultProp: p
-    }), a = s ?? i ?? 0, h = (e) => {
-      const o = parseInt(e.target.value, 10);
-      u(o);
-    }, x = () => {
-      if (r.isUndefined(s) && r.isNumber(i)) return u(i ?? 0);
-      const e = a + 1;
-      (r.isUndefined(n) || e <= n) && u(e);
-    }, g = () => {
-      if (r.isUndefined(s) && r.isNumber(n)) return u(n ?? 0);
-      const e = a - 1;
-      (r.isUndefined(i) || e >= i) && u(e);
-    }, w = () => {
-      const e = r.isNumber(i) && a < i, o = r.isNumber(n) && a > n;
-      e ? u(i) : o && u(n);
-    };
-    return /* @__PURE__ */ t.jsxs("div", { className: "ui-relative ui-w-full", children: [
-      /* @__PURE__ */ t.jsx(
-        "input",
-        {
-          ...l,
-          ref: m,
-          type: "number",
-          value: s,
-          onChange: h,
-          onBlur: w,
-          min: i,
-          max: n,
-          className: M(
-            "numberInput",
-            "ui-h-10 ui-w-full ui-rounded-md ui-border ui-border-input ui-bg-background ui-px-3 ui-py-2 ui-text-sm ui-ring-offset-background placeholder:ui-text-muted-foreground",
-            "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-            "file:ui-border-0 file:ui-bg-transparent file:ui-text-sm file:ui-font-medium",
-            b
-          )
-        }
-      ),
-      /* @__PURE__ */ t.jsxs("div", { className: "ui-absolute ui-right-0 ui-top-0 ui-h-full ui-w-6 ui-py-1 ui-gap-px ui-justify-center ui-items-center ui-flex ui-flex-col ui-border-l ui-border-input ui-overflow-hidden", children: [
-        /* @__PURE__ */ t.jsx(
-          d,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: x,
-            className: "ui-h-4 ui-w-4 ui-grow ui-rounded-sm",
-            "data-testid": "increment-button",
-            children: /* @__PURE__ */ t.jsx(j, {})
-          }
+import { j as e } from "./index.es95.js";
+import { useControllableState as g } from "./index.es102.js";
+import * as _ from "react";
+import { multiSelectVariants as j } from "./index.es131.js";
+import { useMultiSelect as G } from "./index.es132.js";
+import { Tag as N } from "./index.es73.js";
+import b from "./index.es133.js";
+import L from "./index.es111.js";
+import { Divider as U } from "./index.es41.js";
+import w from "./index.es116.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.es109.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.es83.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
         ),
-        /* @__PURE__ */ t.jsx(
-          d,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: g,
-            className: "ui-h-4 ui-w-4 ui-grow ui-rounded-sm",
-            "data-testid": "decrement-button",
-            children: /* @__PURE__ */ t.jsx(C, {})
-          }
-        )
-      ] })
-    ] });
-  }
-);
-T.displayName = "NumberInput";
+        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";
 export {
-  T as NumberInput
+  K as MultiSelect
 };