@boxcustodia/library 1.6.3 → 1.7.1-canary.0

package/dist/index.es588.js

@@ -1,98 +1,54 @@
-import { __exports as r } from "./index.es777.js";
-/** @license React v17.0.2
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var m;
-function ee() {
-  return m ? r : (m = 1, process.env.NODE_ENV !== "production" && function() {
-    var _ = 60103, v = 60106, n = 60107, c = 60108, i = 60114, s = 60109, o = 60110, u = 60112, f = 60113, R = 60120, E = 60115, d = 60116, l = 60121, P = 60122, A = 60117, x = 60129, M = 60131;
-    if (typeof Symbol == "function" && Symbol.for) {
-      var a = Symbol.for;
-      _ = a("react.element"), v = a("react.portal"), n = a("react.fragment"), c = a("react.strict_mode"), i = a("react.profiler"), s = a("react.provider"), o = a("react.context"), u = a("react.forward_ref"), f = a("react.suspense"), R = a("react.suspense_list"), E = a("react.memo"), d = a("react.lazy"), l = a("react.block"), P = a("react.server.block"), A = a("react.fundamental"), a("react.scope"), a("react.opaque.id"), x = a("react.debug_trace_mode"), a("react.offscreen"), M = a("react.legacy_hidden");
-    }
-    var I = !1;
-    function $(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === i || e === x || e === c || e === f || e === R || e === M || I || typeof e == "object" && e !== null && (e.$$typeof === d || e.$$typeof === E || e.$$typeof === s || e.$$typeof === o || e.$$typeof === u || e.$$typeof === A || e.$$typeof === l || e[0] === P));
-    }
-    function t(e) {
-      if (typeof e == "object" && e !== null) {
-        var C = e.$$typeof;
-        switch (C) {
-          case _:
-            var T = e.type;
-            switch (T) {
-              case n:
-              case i:
-              case c:
-              case f:
-              case R:
-                return T;
-              default:
-                var Y = T && T.$$typeof;
-                switch (Y) {
-                  case o:
-                  case u:
-                  case d:
-                  case E:
-                  case s:
-                    return Y;
-                  default:
-                    return C;
-                }
-            }
-          case v:
-            return C;
-        }
-      }
-    }
-    var L = o, O = s, w = _, h = u, D = n, N = d, g = E, z = v, V = i, q = c, G = f, S = !1, p = !1;
-    function U(e) {
-      return S || (S = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
-    }
-    function B(e) {
-      return p || (p = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
-    }
-    function W(e) {
-      return t(e) === o;
-    }
-    function k(e) {
-      return t(e) === s;
-    }
-    function K(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
-    }
-    function H(e) {
-      return t(e) === u;
-    }
-    function X(e) {
-      return t(e) === n;
-    }
-    function Z(e) {
-      return t(e) === d;
-    }
-    function j(e) {
-      return t(e) === E;
-    }
-    function J(e) {
-      return t(e) === v;
-    }
-    function Q(e) {
-      return t(e) === i;
-    }
-    function b(e) {
-      return t(e) === c;
-    }
-    function F(e) {
-      return t(e) === f;
-    }
-    r.ContextConsumer = L, r.ContextProvider = O, r.Element = w, r.ForwardRef = h, r.Fragment = D, r.Lazy = N, r.Memo = g, r.Portal = z, r.Profiler = V, r.StrictMode = q, r.Suspense = G, r.isAsyncMode = U, r.isConcurrentMode = B, r.isContextConsumer = W, r.isContextProvider = k, r.isElement = K, r.isForwardRef = H, r.isFragment = X, r.isLazy = Z, r.isMemo = j, r.isPortal = J, r.isProfiler = Q, r.isStrictMode = b, r.isSuspense = F, r.isValidElementType = $, r.typeOf = t;
-  }(), r);
+import { __exports as e } from "./index.es780.js";
+var r;
+function s() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var t = {
+    abstract: !1,
+    accessibleNameRequired: !1,
+    baseConcepts: [],
+    childrenPresentational: !1,
+    nameFrom: ["author"],
+    prohibitedProps: [],
+    props: {},
+    relatedConcepts: [{
+      concept: {
+        attributes: [{
+          constraints: ["set"],
+          name: "aria-label"
+        }],
+        name: "form"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        attributes: [{
+          constraints: ["set"],
+          name: "aria-labelledby"
+        }],
+        name: "form"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        attributes: [{
+          constraints: ["set"],
+          name: "name"
+        }],
+        name: "form"
+      },
+      module: "HTML"
+    }],
+    requireContextRole: [],
+    requiredContextRole: [],
+    requiredOwnedElements: [],
+    requiredProps: {},
+    superClass: [["roletype", "structure", "section", "landmark"]]
+  }, a = t;
+  return e.default = a, e;
 }
 export {
-  ee as __require
+  s as __require
 };

package/dist/index.es589.js

@@ -1,4 +1,124 @@
-var r = {};
+import { __exports as e } from "./index.es781.js";
+var o;
+function c() {
+  if (o) return e;
+  o = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var n = {
+    abstract: !1,
+    accessibleNameRequired: !1,
+    baseConcepts: [],
+    childrenPresentational: !1,
+    nameFrom: ["prohibited"],
+    prohibitedProps: ["aria-label", "aria-labelledby"],
+    props: {},
+    relatedConcepts: [{
+      concept: {
+        name: "a"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "area"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "aside"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "b"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "bdo"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "body"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "data"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "div"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        constraints: ["scoped to the main element", "scoped to a sectioning content element", "scoped to a sectioning root element other than body"],
+        name: "footer"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        constraints: ["scoped to the main element", "scoped to a sectioning content element", "scoped to a sectioning root element other than body"],
+        name: "header"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "hgroup"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "i"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "pre"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "q"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "samp"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "section"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "small"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "span"
+      },
+      module: "HTML"
+    }, {
+      concept: {
+        name: "u"
+      },
+      module: "HTML"
+    }],
+    requireContextRole: [],
+    requiredContextRole: [],
+    requiredOwnedElements: [],
+    requiredProps: {},
+    superClass: [["roletype", "structure"]]
+  }, t = n;
+  return e.default = t, e;
+}
 export {
-  r as __exports
+  c as __require
 };

package/dist/index.es59.js

@@ -1,36 +1,36 @@
 import { j as e } from "./index.es104.js";
 import { useControllableState as h } from "./index.es90.js";
 import * as U from "react";
-import { multiSelectVariants as g } from "./index.es150.js";
-import { useMultiSelect as W } from "./index.es151.js";
+import { multiSelectVariants as f } from "./index.es140.js";
+import { useMultiSelect as W } from "./index.es141.js";
 import { Tag as j } from "./index.es77.js";
-import X from "./index.es124.js";
+import X from "./index.es113.js";
 import { Divider as $ } from "./index.es43.js";
-import b from "./index.es127.js";
-import { AutoCompleteRoot as k, AutoCompleteInput as q, AutoCompleteList as z, AutoCompleteEmpty as F, AutoCompleteGroup as H, AutoCompleteItem as N, AutoCompleteSeparator as J } from "./index.es28.js";
-import w from "./index.es107.js";
-import { PopoverRoot as Q, PopoverTrigger as Y, PopoverContent as Z } from "./index.es63.js";
-import { Button as K } from "./index.es32.js";
-import { cn as o } from "./index.es91.js";
-const O = ({
-  items: n = [],
+import b from "./index.es123.js";
+import { AutoCompleteRoot as k, AutoCompleteInput as q, AutoCompleteList as z, AutoCompleteEmpty as F, AutoCompleteGroup as H, AutoCompleteItem as N } from "./index.es28.js";
+import y from "./index.es115.js";
+import { PopoverRoot as J, PopoverTrigger as Q, PopoverContent as Y } from "./index.es63.js";
+import { Button as Z } from "./index.es32.js";
+import { cn as r } from "./index.es91.js";
+const K = ({
+  items: a = [],
   value: v,
-  valueKey: a = "value",
-  labelKey: y = "label",
+  valueKey: c = "value",
+  labelKey: w = "label",
   onChange: C,
   variant: u,
   defaultValue: S = [],
   placeholder: P = "Seleccionar",
-  maxCount: c = 3,
+  maxCount: i = 3,
   className: A,
-  renderOption: l = (s) => s[y],
-  withCheckbox: i = !1,
+  renderOption: o = (l) => l[w],
+  withCheckbox: n = !1,
   showSearch: D = !0,
   showSelectAll: I = !0,
   rootProps: E,
   ...m
 }) => {
-  const [s = [], M] = h({
+  const [l = [], M] = h({
     prop: v,
     onChange: C,
     defaultProp: S
@@ -39,127 +39,169 @@ const O = ({
     onChange: m.onOpenChange,
     defaultProp: m.defaultOpen
   }), p = U.useMemo(
-    () => n.filter((r) => !r.disabled),
-    [n]
+    () => a.filter((t) => !t.disabled),
+    [a]
   ), {
     handleInputKeyDown: T,
-    toggleOption: x,
+    toggleOption: g,
     handleClear: B,
     handleTogglePopover: V,
     clearExtraOptions: _,
     toggleAll: G
   } = W({
-    valueKey: a,
-    values: s,
+    valueKey: c,
+    values: l,
     setValues: M,
-    items: n,
-    maxCount: c,
+    items: a,
+    maxCount: i,
     setIsPopoverOpen: d
   });
   return /* @__PURE__ */ e.jsxs(
-    Q,
+    J,
     {
       open: R,
       onOpenChange: d,
+      "data-slot": "multi-select",
       ...E,
       children: [
-        /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-          K,
+        /* @__PURE__ */ e.jsx(Q, { asChild: !0, "data-slot": "multi-select-trigger", children: /* @__PURE__ */ e.jsx(
+          Z,
           {
             ...m,
             onClick: V,
-            className: o(
+            className: r(
               "flex w-full p-1 rounded-md border border-input min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit",
               A
             ),
-            children: s.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center w-full", children: [
-              /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap items-center", children: [
-                s.slice(0, c).map((r) => {
-                  const t = n.find((L) => L[a] === r), f = t == null ? void 0 : t.icon;
-                  return /* @__PURE__ */ e.jsxs(
-                    j,
-                    {
-                      className: o(g({ variant: u })),
-                      closable: !0,
-                      onClose: () => x(r),
-                      children: [
-                        f && /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4 mr-2" }),
-                        t && (l == null ? void 0 : l(t))
-                      ]
-                    },
-                    r
-                  );
-                }),
-                s.length > c && /* @__PURE__ */ e.jsx(
-                  j,
-                  {
-                    className: o(g({ variant: u })),
-                    closable: !0,
-                    onClose: _,
-                    children: `+ ${s.length - c} más`
-                  }
-                )
-              ] }),
+            children: l.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center w-full", children: [
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: "flex flex-wrap items-center",
+                  "data-slot": "multi-select-tags",
+                  children: [
+                    l.slice(0, i).map((t) => {
+                      const s = a.find((L) => L[c] === t), x = s == null ? void 0 : s.icon;
+                      return /* @__PURE__ */ e.jsxs(
+                        j,
+                        {
+                          "data-slot": "multi-select-tag",
+                          className: r(f({ variant: u })),
+                          closable: !0,
+                          onClose: () => g(t),
+                          children: [
+                            x && /* @__PURE__ */ e.jsx(x, { className: "h-4 w-4 mr-2" }),
+                            s && (o == null ? void 0 : o(s))
+                          ]
+                        },
+                        t
+                      );
+                    }),
+                    l.length > i && /* @__PURE__ */ e.jsx(
+                      j,
+                      {
+                        "data-slot": "multi-select-tag",
+                        className: r(f({ variant: u })),
+                        closable: !0,
+                        onClose: _,
+                        children: `+ ${l.length - i} más`
+                      }
+                    )
+                  ]
+                }
+              ),
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ e.jsx(
                   X,
                   {
+                    "data-slot": "multi-select-clear",
                     className: "h-4 mx-2 cursor-pointer text-muted-foreground",
-                    onClick: (r) => {
-                      r.stopPropagation(), B();
+                    onClick: (t) => {
+                      t.stopPropagation(), B();
                     }
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
                   $,
                   {
+                    "data-slot": "multi-select-divider",
                     orientation: "vertical",
                     className: "flex min-h-6 h-full"
                   }
                 ),
-                /* @__PURE__ */ e.jsx(b, { className: "h-4 mx-2 cursor-pointer text-muted-foreground" })
+                /* @__PURE__ */ e.jsx(
+                  b,
+                  {
+                    "data-slot": "multi-select-trigger-icon",
+                    className: "h-4 mx-2 cursor-pointer text-muted-foreground"
+                  }
+                )
               ] })
-            ] }) : /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between w-full mx-auto", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "text-sm text-foreground font-normal mx-2", children: P }),
-              /* @__PURE__ */ e.jsx(b, { className: "h-4 cursor-pointer text-muted-foreground mx-2" })
-            ] })
+            ] }) : /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between w-full mx-auto",
+                "data-slot": "multi-select-trigger-empty",
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    "span",
+                    {
+                      className: "text-sm text-foreground font-normal mx-2",
+                      "data-slot": "multi-select-placeholder",
+                      children: P
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    b,
+                    {
+                      "data-slot": "multi-select-trigger-icon",
+                      className: "h-4 cursor-pointer text-muted-foreground mx-2"
+                    }
+                  )
+                ]
+              }
+            )
           }
         ) }),
         /* @__PURE__ */ e.jsx(
-          Z,
+          Y,
           {
+            "data-slot": "multi-select-content",
             className: "p-0",
             matchTriggerWidth: !0,
             align: "start",
+            asChild: !0,
             onEscapeKeyDown: () => d(!1),
             children: /* @__PURE__ */ e.jsxs(k, { children: [
               D && /* @__PURE__ */ e.jsx(
                 q,
                 {
+                  "data-slot": "multi-select-input",
                   placeholder: "Buscar...",
                   onKeyDown: T
                 }
               ),
-              /* @__PURE__ */ e.jsxs(z, { children: [
-                /* @__PURE__ */ e.jsx(F, { children: "No results found." }),
-                /* @__PURE__ */ e.jsxs(H, { children: [
+              /* @__PURE__ */ e.jsxs(z, { "data-slot": "multi-select-list", children: [
+                /* @__PURE__ */ e.jsx(F, { "data-slot": "multi-select-empty", children: "No results found." }),
+                /* @__PURE__ */ e.jsxs(H, { "data-slot": "multi-select-group", children: [
                   I && /* @__PURE__ */ e.jsxs(
                     N,
                     {
+                      "data-slot": "multi-select-item",
                       onSelect: G,
-                      className: o(
+                      className: r(
                         "cursor-pointer",
-                        !i && s.length === p.length && "bg-accent text-accent-foreground"
+                        !n && l.length === p.length && "bg-accent text-accent-foreground"
                       ),
                       children: [
-                        i && /* @__PURE__ */ e.jsx(
+                        n && /* @__PURE__ */ e.jsx(
                           "div",
                           {
-                            className: o(
+                            className: r(
                               "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                              s.length === p.length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                              l.length === p.length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
                             ),
-                            children: /* @__PURE__ */ e.jsx(w, { className: "h-4 w-4" })
+                            children: /* @__PURE__ */ e.jsx(y, { className: "h-4 w-4" })
                           }
                         ),
                         /* @__PURE__ */ e.jsx("span", { children: "(Seleccionar todo)" })
@@ -167,36 +209,36 @@ const O = ({
                     },
                     "all"
                   ),
-                  n.map((r) => {
-                    const t = s.includes(r[a]);
+                  a.map((t) => {
+                    const s = l.includes(t[c]);
                     return /* @__PURE__ */ e.jsxs(
                       N,
                       {
-                        onSelect: () => !r.disabled && x(r[a]),
-                        className: o(
-                          r.disabled ? "!bg-neutral-50 !text-neutral-400" : "cursor-pointer",
-                          !i && t && "!bg-accent !text-accent-foreground"
+                        "data-slot": "multi-select-item",
+                        onSelect: () => !t.disabled && g(t[c]),
+                        className: r(
+                          t.disabled ? "!bg-neutral-50 !text-neutral-400" : "cursor-pointer",
+                          !n && s && "!bg-accent !text-accent-foreground"
                         ),
                         children: [
-                          i && /* @__PURE__ */ e.jsx(
+                          n && /* @__PURE__ */ e.jsx(
                             "div",
                             {
-                              className: o(
+                              className: r(
                                 "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                                t ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                                s ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
                               ),
-                              children: /* @__PURE__ */ e.jsx(w, { className: "h-4 w-4" })
+                              children: /* @__PURE__ */ e.jsx(y, { className: "h-4 w-4" })
                             }
                           ),
-                          r.icon && /* @__PURE__ */ e.jsx(r.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                          /* @__PURE__ */ e.jsx("span", { children: l == null ? void 0 : l(r) })
+                          t.icon && /* @__PURE__ */ e.jsx(t.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                          /* @__PURE__ */ e.jsx("span", { children: o == null ? void 0 : o(t) })
                         ]
                       },
-                      r[a]
+                      t[c]
                     );
                   })
-                ] }),
-                /* @__PURE__ */ e.jsx(J, {})
+                ] })
               ] })
             ] })
           }
@@ -205,7 +247,7 @@ const O = ({
     }
   );
 };
-O.displayName = "MultiSelect";
+K.displayName = "MultiSelect";
 export {
-  O as MultiSelect
+  K as MultiSelect
 };