@boxcustodia/library 0.2.12 → 0.2.14

package/dist/index.es723.js

@@ -1,85 +1,25 @@
-function r(t) {
-  "@babel/helpers - typeof";
-  return r = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
-    return typeof e;
-  } : function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, r(t);
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
 }
-function a(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function o(t, e) {
-  for (var n = 0; n < e.length; n++) {
-    var i = e[n];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, f(i.key), i);
-  }
-}
-function l(t, e, n) {
-  return e && o(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
-}
-function s(t, e, n) {
-  return e = f(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
-}
-function f(t) {
-  var e = c(t, "string");
-  return r(e) === "symbol" ? e : String(e);
-}
-function c(t, e) {
-  if (r(t) !== "object" || t === null) return t;
-  var n = t[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var i = n.call(t, e || "default");
-    if (r(i) !== "object") return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(t);
-}
-var m = /* @__PURE__ */ function() {
-  function t() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-    a(this, t), s(this, "items", void 0), this.items = e;
-  }
-  return l(t, [{
-    key: "add",
-    value: function(n) {
-      return this.has(n) === !1 && this.items.push(n), this;
-    }
-  }, {
-    key: "clear",
-    value: function() {
-      this.items = [];
-    }
-  }, {
-    key: "delete",
-    value: function(n) {
-      var i = this.items.length;
-      return this.items = this.items.filter(function(u) {
-        return u !== n;
-      }), i !== this.items.length;
-    }
-  }, {
-    key: "forEach",
-    value: function(n) {
-      var i = this;
-      this.items.forEach(function(u) {
-        n(u, u, i);
-      });
-    }
-  }, {
-    key: "has",
-    value: function(n) {
-      return this.items.indexOf(n) !== -1;
-    }
-  }, {
-    key: "size",
-    get: function() {
-      return this.items.length;
-    }
-  }]), t;
-}();
-const h = typeof Set > "u" ? Set : m;
 export {
-  h as default
+  n as useCallbackRef
 };

package/dist/index.es726.js

@@ -1,25 +1,15 @@
-var a = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, e = function(t) {
-  return parseInt(t || "", 10) || 0;
-}, o = function(t) {
-  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
-  return [e(i), e(r), e(d)];
-}, f = function(t) {
-  if (t === void 0 && (t = "margin"), typeof window > "u")
-    return a;
-  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
-  return {
-    left: n[0],
-    top: n[1],
-    right: n[2],
-    gap: Math.max(0, r - i + n[2] - n[0])
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index.es727.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
   };
 };
 export {
-  f as getGapWidth,
-  a as zeroGap
+  i as styleHookSingleton
 };

package/dist/index.es727.js

@@ -1,15 +1,30 @@
-import * as o from "react";
-import { stylesheetSingleton as r } from "./index.es728.js";
-var i = function() {
-  var t = r();
-  return function(e, n) {
-    o.useEffect(function() {
-      return t.add(e), function() {
-        t.remove();
-      };
-    }, [e && n]);
+import { getNonce as o } from "./index.es728.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
   };
 };
 export {
-  i as styleHookSingleton
+  c as stylesheetSingleton
 };

package/dist/index.es728.js

@@ -1,30 +1,7 @@
-import { getNonce as o } from "./index.es729.js";
-function r() {
-  if (!document)
-    return null;
-  var t = document.createElement("style");
-  t.type = "text/css";
-  var e = o();
-  return e && t.setAttribute("nonce", e), t;
-}
-function l(t, e) {
-  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
-}
-function a(t) {
-  var e = document.head || document.getElementsByTagName("head")[0];
-  e.appendChild(t);
-}
-var c = function() {
-  var t = 0, e = null;
-  return {
-    add: function(n) {
-      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
-    },
-    remove: function() {
-      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
-    }
-  };
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
 };
 export {
-  c as stylesheetSingleton
+  e as getNonce
 };

package/dist/index.es729.js

@@ -1,7 +1,25 @@
-var e = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
 };
 export {
-  e as getNonce
+  f as getGapWidth,
+  a as zeroGap
 };

package/dist/index.es73.js

@@ -1,80 +1,87 @@
-import { j as e } from "./index.es88.js";
-import { useControllableState as x } from "./index.es95.js";
-import { multiSelectVariants as f } from "./index.es135.js";
-import { useMultiSelect as R } from "./index.es136.js";
-import { Badge as j } from "./index.es30.js";
-import g from "./index.es137.js";
-import T from "./index.es110.js";
-import { Divider as V } from "./index.es41.js";
-import N from "./index.es108.js";
-import { AutoCompleteRoot as X, AutoCompleteInput as _, AutoCompleteList as G, AutoCompleteEmpty as L, AutoCompleteGroup as U, AutoCompleteItem as b, AutoCompleteSeparator as W } from "./index.es26.js";
-import w from "./index.es102.js";
-import { PopoverRoot as $, PopoverTrigger as q, PopoverContent as z } from "./index.es51.js";
-import { Button as F } from "./index.es32.js";
-import { cn as l } from "./index.es78.js";
-const H = ({
-  items: n = [],
-  valueKey: o = "value",
-  labelKey: C = "label",
-  onChange: v,
+import { j as e } from "./index.es90.js";
+import { useControllableState as g } from "./index.es98.js";
+import * as _ from "react";
+import { multiSelectVariants as j } from "./index.es137.js";
+import { useMultiSelect as G } from "./index.es138.js";
+import { Badge as N } from "./index.es30.js";
+import b from "./index.es139.js";
+import L from "./index.es108.js";
+import { Divider as U } from "./index.es41.js";
+import w from "./index.es106.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.es105.js";
+import { PopoverRoot as J, PopoverTrigger as Q, PopoverContent as Y } from "./index.es51.js";
+import { Button as Z } from "./index.es32.js";
+import { cn as t } from "./index.es78.js";
+const K = ({
+  items: o = [],
+  valueKey: l = "value",
+  labelKey: y = "label",
+  onChange: P,
   variant: p,
-  defaultValue: y = [],
-  placeholder: P = "Seleccionar",
+  defaultValue: S = [],
+  placeholder: A = "Seleccionar",
   maxCount: a = 3,
-  className: S,
-  renderOption: s = (r) => r[C],
-  ...t
+  className: D,
+  renderOption: s = (r) => r[y],
+  withCheckbox: c = !1,
+  showSearch: I = !0,
+  showSelectAll: E = !0,
+  ...n
 }) => {
-  const [r = [], A] = x({
-    prop: t.value,
-    onChange: v,
-    defaultProp: y
-  }), [k, c] = x({
-    prop: t.open,
-    onChange: t.onOpenChange,
-    defaultProp: t.defaultOpen
-  }), {
-    handleInputKeyDown: D,
-    toggleOption: d,
-    handleClear: I,
-    handleTogglePopover: E,
-    clearExtraOptions: B,
-    toggleAll: M
-  } = R({
-    valueKey: o,
+  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: B,
+    toggleOption: f,
+    handleClear: T,
+    handleTogglePopover: k,
+    clearExtraOptions: V,
+    toggleAll: X
+  } = G({
+    valueKey: l,
     values: r,
-    setValues: A,
-    items: n,
+    setValues: M,
+    items: o,
     maxCount: a,
-    setIsPopoverOpen: c
+    setIsPopoverOpen: m
   });
-  return /* @__PURE__ */ e.jsxs($, { open: k, onOpenChange: c, children: [
-    /* @__PURE__ */ e.jsx(q, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      F,
+  return /* @__PURE__ */ e.jsxs(J, { open: R, onOpenChange: m, children: [
+    /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      Z,
       {
-        ...t,
-        onClick: E,
-        className: l(
+        ...n,
+        onClick: k,
+        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",
-          S
+          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 = n.find((m) => m[o] === i), h = u == null ? void 0 : u.icon;
+              const u = o.find((d) => d[l] === i), h = u == null ? void 0 : u.icon;
               return /* @__PURE__ */ e.jsxs(
-                j,
+                N,
                 {
-                  className: l(f({ variant: p })),
+                  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(
-                      g,
+                      b,
                       {
-                        className: "ui-ml-2 ui-h-4 ui-w-4 ui-cursor-pointer",
-                        onClick: (m) => {
-                          m.stopPropagation(), d(i);
+                        className: "ui-h-4 ui-w-4 ui-cursor-pointer",
+                        onClick: (d) => {
+                          d.stopPropagation(), f(i);
                         }
                       }
                     )
@@ -84,20 +91,20 @@ const H = ({
               );
             }),
             r.length > a && /* @__PURE__ */ e.jsxs(
-              j,
+              N,
               {
-                className: l(
+                className: t(
                   "ui-bg-transparent ui-text-foreground ui-border-foreground/1 hover:ui-bg-transparent",
-                  f({ variant: p })
+                  j({ variant: p })
                 ),
                 children: [
                   `+ ${r.length - a} más`,
                   /* @__PURE__ */ e.jsx(
-                    g,
+                    b,
                     {
                       className: "ui-ml-2 ui-h-4 ui-w-4 ui-cursor-pointer",
                       onClick: (i) => {
-                        i.stopPropagation(), B();
+                        i.stopPropagation(), V();
                       }
                     }
                   )
@@ -107,61 +114,64 @@ const H = ({
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
             /* @__PURE__ */ e.jsx(
-              T,
+              L,
               {
                 className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground",
                 onClick: (i) => {
-                  i.stopPropagation(), I();
+                  i.stopPropagation(), T();
                 }
               }
             ),
             /* @__PURE__ */ e.jsx(
-              V,
+              U,
               {
                 orientation: "vertical",
                 className: "ui-flex ui-min-h-6 ui-h-full"
               }
             ),
-            /* @__PURE__ */ e.jsx(N, { className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground" })
+            /* @__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: P }),
-          /* @__PURE__ */ e.jsx(N, { className: "ui-h-4 ui-cursor-pointer ui-text-muted-foreground ui-mx-2" })
+          /* @__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(
-      z,
+      Y,
       {
         className: "ui-p-0",
         matchTriggerWidth: !0,
         align: "start",
-        onEscapeKeyDown: () => c(!1),
-        children: /* @__PURE__ */ e.jsxs(X, { children: [
-          /* @__PURE__ */ e.jsx(
-            _,
+        onEscapeKeyDown: () => m(!1),
+        children: /* @__PURE__ */ e.jsxs(W, { children: [
+          I && /* @__PURE__ */ e.jsx(
+            $,
             {
               placeholder: "Buscar...",
-              onKeyDown: D
+              onKeyDown: B
             }
           ),
-          /* @__PURE__ */ e.jsxs(G, { children: [
-            /* @__PURE__ */ e.jsx(L, { children: "No results found." }),
-            /* @__PURE__ */ e.jsxs(U, { children: [
-              /* @__PURE__ */ e.jsxs(
-                b,
+          /* @__PURE__ */ e.jsxs(q, { children: [
+            /* @__PURE__ */ e.jsx(z, { children: "No results found." }),
+            /* @__PURE__ */ e.jsxs(F, { children: [
+              E && /* @__PURE__ */ e.jsxs(
+                v,
                 {
-                  onSelect: M,
-                  className: "ui-cursor-pointer",
+                  onSelect: X,
+                  className: t(
+                    "ui-cursor-pointer",
+                    !c && r.length === x.length && "ui-bg-accent ui-text-accent-foreground"
+                  ),
                   children: [
-                    /* @__PURE__ */ e.jsx(
+                    c && /* @__PURE__ */ e.jsx(
                       "div",
                       {
-                        className: l(
+                        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 === n.length ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
+                          r.length === x.length ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
                         ),
-                        children: /* @__PURE__ */ e.jsx(w, { className: "ui-h-4 ui-w-4" })
+                        children: /* @__PURE__ */ e.jsx(C, { className: "ui-h-4 ui-w-4" })
                       }
                     ),
                     /* @__PURE__ */ e.jsx("span", { children: "(Seleccionar todo)" })
@@ -169,40 +179,43 @@ const H = ({
                 },
                 "all"
               ),
-              n.map((i) => {
-                const u = r.includes(i[o]);
+              o.map((i) => {
+                const u = r.includes(i[l]);
                 return /* @__PURE__ */ e.jsxs(
-                  b,
+                  v,
                   {
-                    onSelect: () => d(i[o]),
-                    className: "ui-cursor-pointer",
+                    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: [
-                      /* @__PURE__ */ e.jsx(
+                      c && /* @__PURE__ */ e.jsx(
                         "div",
                         {
-                          className: l(
+                          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(w, { className: "ui-h-4 ui-w-4" })
+                          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[o]
+                  i[l]
                 );
               })
             ] }),
-            /* @__PURE__ */ e.jsx(W, {})
+            /* @__PURE__ */ e.jsx(H, {})
           ] })
         ] })
       }
     )
   ] });
 };
-H.displayName = "MultiSelect";
+K.displayName = "MultiSelect";
 export {
-  H as MultiSelect
+  K as MultiSelect
 };

package/dist/index.es74.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es88.js";
-import { KbdVariants as a } from "./index.es131.js";
+import { j as t } from "./index.es90.js";
+import { KbdVariants as a } from "./index.es140.js";
 import { cn as i } from "./index.es78.js";
 const p = ({ variant: m, size: o, className: r, ...s }) => /* @__PURE__ */ t.jsx("kbd", { className: i(a({ variant: m, size: o }), r), ...s });
 p.displayName = "Kbd";

package/dist/index.es75.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es88.js";
-import { HeadingVariants as n } from "./index.es134.js";
+import { j as i } from "./index.es90.js";
+import { HeadingVariants as n } from "./index.es141.js";
 import { cn as e } from "./index.es78.js";
 const p = ({
   className: o,

package/dist/index.es76.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es88.js";
+import { j as i } from "./index.es90.js";
 import { cn as r } from "./index.es78.js";
 const o = ({
   className: e,

package/dist/index.es77.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es88.js";
+import { j as e } from "./index.es90.js";
 import { Heading as a } from "./index.es75.js";
-import o from "./index.es138.js";
+import o from "./index.es142.js";
 import { cn as d } from "./index.es78.js";
 const c = ({
   icon: t = /* @__PURE__ */ e.jsx(o, { className: "ui-h-12 ui-w-12" }),

package/dist/index.es81.js

@@ -1,4 +1,4 @@
-import { j as o } from "./index.es88.js";
+import { j as o } from "./index.es90.js";
 import { isValidElement as f } from "react";
 const x = ({
   children: t,

package/dist/index.es84.js

@@ -1,4 +1,4 @@
-import { act as o } from "./index.es155.js";
+import { act as o } from "./index.es91.js";
 const i = (c) => o(() => c.click());
 export {
   i as click

package/dist/index.es85.js

@@ -1,4 +1,4 @@
-import { act as r, fireEvent as o } from "./index.es155.js";
+import { act as r, fireEvent as o } from "./index.es91.js";
 const c = (t, e) => r(() => {
   o.change(t, { target: { value: e } });
 });