@boxcustodia/library 1.6.2 → 1.7.0

package/dist/index.es589.js

@@ -1,27 +1,34 @@
-import { __exports as e } from "./index.es672.js";
-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: {
-      constraints: ["scoped to the body element"],
-      name: "footer"
+import { __exports as e } from "./index.es762.js";
+var r;
+function n() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var t = {
+    abstract: !1,
+    accessibleNameRequired: !0,
+    baseConcepts: [],
+    childrenPresentational: !0,
+    nameFrom: ["author", "contents"],
+    prohibitedProps: [],
+    props: {},
+    relatedConcepts: [{
+      concept: {
+        name: "menuitem"
+      },
+      module: "ARIA"
+    }],
+    requireContextRole: ["group", "menu", "menubar"],
+    requiredContextRole: ["group", "menu", "menubar"],
+    requiredOwnedElements: [],
+    requiredProps: {
+      "aria-checked": null
     },
-    module: "HTML"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure", "section", "landmark"]]
-}, o = t;
-e.default = o;
+    superClass: [["roletype", "widget", "input", "checkbox"], ["roletype", "widget", "command", "menuitem"]]
+  }, o = t;
+  return e.default = o, e;
+}
+export {
+  n as __require
+};

package/dist/index.es59.js

@@ -1,36 +1,36 @@
-import { j as e } from "./index.es104.js";
+import { j as e } from "./index.es106.js";
 import { useControllableState as h } from "./index.es90.js";
 import * as U from "react";
-import { multiSelectVariants as g } from "./index.es149.js";
-import { useMultiSelect as W } from "./index.es150.js";
+import { multiSelectVariants as f } from "./index.es134.js";
+import { useMultiSelect as W } from "./index.es135.js";
 import { Tag as j } from "./index.es77.js";
-import X from "./index.es118.js";
+import X from "./index.es133.js";
 import { Divider as $ } from "./index.es43.js";
-import b from "./index.es134.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.es116.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.es124.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.es123.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
 };

package/dist/index.es590.js

@@ -1,26 +1,34 @@
-import { __exports as e } from "./index.es673.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !1,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author"],
-  prohibitedProps: [],
-  props: {},
-  relatedConcepts: [{
-    concept: {
-      name: "dd"
+import { __exports as e } from "./index.es763.js";
+var r;
+function i() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var t = {
+    abstract: !1,
+    accessibleNameRequired: !0,
+    baseConcepts: [],
+    childrenPresentational: !0,
+    nameFrom: ["author", "contents"],
+    prohibitedProps: [],
+    props: {},
+    relatedConcepts: [{
+      concept: {
+        name: "menuitem"
+      },
+      module: "ARIA"
+    }],
+    requireContextRole: ["group", "menu", "menubar"],
+    requiredContextRole: ["group", "menu", "menubar"],
+    requiredOwnedElements: [],
+    requiredProps: {
+      "aria-checked": null
     },
-    module: "HTML"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure", "section"]]
-}, t = r;
-e.default = t;
+    superClass: [["roletype", "widget", "input", "checkbox", "menuitemcheckbox"], ["roletype", "widget", "command", "menuitem", "menuitemcheckbox"], ["roletype", "widget", "input", "radio"]]
+  }, o = t;
+  return e.default = o, e;
+}
+export {
+  i as __require
+};

package/dist/index.es591.js

@@ -1,26 +1,38 @@
-import { __exports as e } from "./index.es674.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !1,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["prohibited"],
-  prohibitedProps: ["aria-label", "aria-labelledby"],
-  props: {},
-  relatedConcepts: [{
-    concept: {
-      name: "del"
+import { __exports as e } from "./index.es764.js";
+var r;
+function o() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var t = {
+    abstract: !1,
+    accessibleNameRequired: !0,
+    baseConcepts: [],
+    childrenPresentational: !0,
+    nameFrom: ["author"],
+    prohibitedProps: [],
+    props: {
+      "aria-valuetext": null,
+      "aria-valuemax": "100",
+      "aria-valuemin": "0"
     },
-    module: "HTML"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure", "section"]]
-}, t = r;
-e.default = t;
+    relatedConcepts: [{
+      concept: {
+        name: "meter"
+      },
+      module: "HTML"
+    }],
+    requireContextRole: [],
+    requiredContextRole: [],
+    requiredOwnedElements: [],
+    requiredProps: {
+      "aria-valuenow": null
+    },
+    superClass: [["roletype", "structure", "range"]]
+  }, a = t;
+  return e.default = a, e;
+}
+export {
+  o as __require
+};

package/dist/index.es592.js

@@ -1,26 +1,32 @@
-import { __exports as e } from "./index.es675.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !1,
-  accessibleNameRequired: !0,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author"],
-  prohibitedProps: [],
-  props: {},
-  relatedConcepts: [{
-    concept: {
-      name: "dialog"
-    },
-    module: "HTML"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "window"]]
-}, o = r;
-e.default = o;
+import { __exports as e } from "./index.es765.js";
+var r;
+function i() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var a = {
+    abstract: !1,
+    accessibleNameRequired: !1,
+    baseConcepts: [],
+    childrenPresentational: !1,
+    nameFrom: ["author"],
+    prohibitedProps: [],
+    props: {},
+    relatedConcepts: [{
+      concept: {
+        name: "nav"
+      },
+      module: "HTML"
+    }],
+    requireContextRole: [],
+    requiredContextRole: [],
+    requiredOwnedElements: [],
+    requiredProps: {},
+    superClass: [["roletype", "structure", "section", "landmark"]]
+  }, t = a;
+  return e.default = t, e;
+}
+export {
+  i as __require
+};

package/dist/index.es593.js

@@ -1,23 +1,27 @@
-import { __exports as e } from "./index.es676.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !1,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author"],
-  prohibitedProps: [],
-  props: {},
-  relatedConcepts: [{
-    module: "DAISY Guide"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure", "section", "list"]]
-}, t = r;
-e.default = t;
+import { __exports as e } from "./index.es766.js";
+var r;
+function s() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = void 0;
+  var o = {
+    abstract: !1,
+    accessibleNameRequired: !1,
+    baseConcepts: [],
+    childrenPresentational: !1,
+    nameFrom: [],
+    prohibitedProps: [],
+    props: {},
+    relatedConcepts: [],
+    requireContextRole: [],
+    requiredContextRole: [],
+    requiredOwnedElements: [],
+    requiredProps: {},
+    superClass: []
+  }, t = o;
+  return e.default = t, e;
+}
+export {
+  s as __require
+};