@boxcustodia/library 0.2.14 → 0.3.0

package/dist/index.es55.js

@@ -1,127 +1,31 @@
-import { j as e } from "./index.es90.js";
-import * as a from "react";
-import { Root as g, Group as w, Value as N, Trigger as r, Icon as j, ScrollUpButton as l, ScrollDownButton as d, Portal as b, Content as n, Viewport as S, Label as c, Item as m, ItemText as R, Separator as p } from "./index.es132.js";
-import v from "./index.es106.js";
-import C from "./index.es133.js";
-import B from "./index.es119.js";
-import { cn as u } from "./index.es78.js";
-const P = g, q = ({
-  heading: t,
-  children: o,
-  ...i
-}) => /* @__PURE__ */ e.jsxs(w, { ...i, children: [
-  t && /* @__PURE__ */ e.jsx(h, { children: t }),
-  o
-] }), A = N, D = a.forwardRef(({ className: t, children: o, ...i }, s) => /* @__PURE__ */ e.jsxs(
-  r,
-  {
-    ref: s,
-    className: u(
-      "ui-flex ui-h-10 ui-w-full ui-items-center ui-justify-between 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:ui-outline-none focus:ui-ring-2 focus:ui-ring-ring focus:ui-ring-offset-2 disabled:ui-cursor-not-allowed disabled:ui-opacity-50 [&>span]:line-clamp-1",
-      t
-    ),
-    ...i,
-    children: [
-      o,
-      /* @__PURE__ */ e.jsx(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { className: "ui-h-4 ui-w-4 ui-shrink-0 ui-opacity-50" }) })
-    ]
-  }
-));
-D.displayName = r.displayName;
-const f = a.forwardRef(({ className: t, ...o }, i) => /* @__PURE__ */ e.jsx(
-  l,
-  {
-    ref: i,
-    className: u(
-      "ui-flex ui-cursor-default ui-items-center ui-justify-center ui-py-1",
-      t
-    ),
-    ...o,
-    children: /* @__PURE__ */ e.jsx(C, { className: "ui-h-4 ui-w-4" })
-  }
-));
-f.displayName = l.displayName;
-const x = a.forwardRef(({ className: t, ...o }, i) => /* @__PURE__ */ e.jsx(
-  d,
-  {
-    ref: i,
-    className: u(
-      "ui-flex ui-cursor-default ui-items-center ui-justify-center ui-py-1",
-      t
-    ),
-    ...o,
-    children: /* @__PURE__ */ e.jsx(B, { className: "ui-h-4 ui-w-4" })
-  }
-));
-x.displayName = d.displayName;
-const I = a.forwardRef(({ className: t, children: o, position: i = "popper", ...s }, y) => /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(
-  n,
-  {
-    ref: y,
-    className: u(
-      "ui-relative ui-z-50 ui-max-h-96 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-text-popover-foreground ui-shadow-md open:ui-animate-in closed:ui-animate-out closed:ui-fade-out-0 open:ui-fade-in-0 closed:ui-zoom-out-95 open:ui-zoom-in-95 data-[side=bottom]:slide-in-from-top-2 ui-data-[side=left]:slide-in-from-right-2 ui-data-[side=right]:slide-in-from-left-2 ui-data-[side=top]:slide-in-from-bottom-2",
-      i === "popper" && "data-[side=bottom]:ui-translate-y-1 data-[side=left]:ui--translate-x-1 data-[side=right]:ui-translate-x-1 data-[side=top]:ui--translate-y-1",
-      t
-    ),
-    position: i,
-    ...s,
-    children: [
-      /* @__PURE__ */ e.jsx(f, {}),
-      /* @__PURE__ */ e.jsx(
-        S,
+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.es54.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,
         {
-          className: u(
-            "ui-p-1",
-            i === "popper" && "ui-h-[var(--radix-select-trigger-height)] ui-w-full ui-min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children: o
+          keys: r,
+          handler: (p) => n == null ? void 0 : n(p),
+          options: a,
+          children: r
         }
-      ),
-      /* @__PURE__ */ e.jsx(x, {})
-    ]
-  }
-) }));
-I.displayName = n.displayName;
-const h = a.forwardRef(({ className: t, ...o }, i) => /* @__PURE__ */ e.jsx(
-  c,
-  {
-    ref: i,
-    className: u("ui-py-1.5 ui-px-2 ui-text-sm ui-font-semibold", t),
-    ...o
-  }
-));
-h.displayName = c.displayName;
-const U = a.forwardRef(({ className: t, children: o, ...i }, s) => /* @__PURE__ */ e.jsx(
-  m,
-  {
-    ref: s,
-    className: u(
-      "ui-relative ui-flex ui-w-full ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-px-2 ui-text-sm ui-outline-none focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
-      t
-    ),
-    ...i,
-    children: /* @__PURE__ */ e.jsx(R, { children: o })
-  }
-));
-U.displayName = m.displayName;
-const k = a.forwardRef(({ className: t, ...o }, i) => /* @__PURE__ */ e.jsx(
-  p,
-  {
-    ref: i,
-    className: u("ui--mx-1 ui-my-1 ui-h-px ui-bg-muted", t),
-    ...o
-  }
-));
-k.displayName = p.displayName;
+      )
+    ) }, o)
+  ) })
+] });
+R.displayName = "Menu";
 export {
-  I as SelectContent,
-  q as SelectGroup,
-  U as SelectItem,
-  h as SelectLabel,
-  P as SelectRoot,
-  x as SelectScrollDownButton,
-  f as SelectScrollUpButton,
-  k as SelectSeparator,
-  D as SelectTrigger,
-  A as SelectValue
+  R as Menu
 };

package/dist/index.es550.js

@@ -1,4 +1,27 @@
-var o = {};
-export {
-  o as __exports
-};
+import { __exports as e } from "./index.es633.js";
+Object.defineProperty(e, "__esModule", {
+  value: !0
+});
+e.default = void 0;
+var r = {
+  abstract: !1,
+  accessibleNameRequired: !0,
+  baseConcepts: [],
+  childrenPresentational: !1,
+  nameFrom: ["author"],
+  prohibitedProps: [],
+  props: {
+    "aria-errormessage": null,
+    "aria-invalid": null,
+    "aria-multiselectable": null,
+    "aria-required": null,
+    "aria-orientation": "vertical"
+  },
+  relatedConcepts: [],
+  requireContextRole: [],
+  requiredContextRole: [],
+  requiredOwnedElements: [["treeitem", "group"], ["treeitem"]],
+  requiredProps: {},
+  superClass: [["roletype", "widget", "composite", "select"], ["roletype", "structure", "section", "group", "select"]]
+}, t = r;
+e.default = t;

package/dist/index.es551.js

@@ -1,4 +1,21 @@
-var e = {};
-export {
-  e as __exports
-};
+import { __exports as e } from "./index.es634.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: [],
+  requireContextRole: [],
+  requiredContextRole: [],
+  requiredOwnedElements: [["row"], ["row", "rowgroup"]],
+  requiredProps: {},
+  superClass: [["roletype", "widget", "composite", "grid"], ["roletype", "structure", "section", "table", "grid"], ["roletype", "widget", "composite", "select", "tree"], ["roletype", "structure", "section", "group", "select", "tree"]]
+}, t = r;
+e.default = t;

package/dist/index.es552.js

@@ -1,4 +1,26 @@
-var e = {};
-export {
-  e as __exports
-};
+import { __exports as e } from "./index.es635.js";
+Object.defineProperty(e, "__esModule", {
+  value: !0
+});
+e.default = void 0;
+var r = {
+  abstract: !1,
+  accessibleNameRequired: !0,
+  baseConcepts: [],
+  childrenPresentational: !1,
+  nameFrom: ["author", "contents"],
+  prohibitedProps: [],
+  props: {
+    "aria-expanded": null,
+    "aria-haspopup": null
+  },
+  relatedConcepts: [],
+  requireContextRole: ["group", "tree"],
+  requiredContextRole: ["group", "tree"],
+  requiredOwnedElements: [],
+  requiredProps: {
+    "aria-selected": null
+  },
+  superClass: [["roletype", "structure", "section", "listitem"], ["roletype", "widget", "input", "option"]]
+}, t = r;
+e.default = t;

package/dist/index.es554.js

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

package/dist/index.es555.js

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

package/dist/index.es556.js

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

package/dist/index.es559.js

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

package/dist/index.es56.js

@@ -1,32 +1,221 @@
-import { j as l } from "./index.es90.js";
-import { cn as s } from "./index.es78.js";
-const m = ({
-  isCircle: i,
-  width: t,
-  height: u,
-  isLoading: n = !1,
-  ...e
+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 a = {
-    width: t,
-    height: u,
-    ...e.style
-  };
-  return !n && e.children ? e.children : /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      ...e,
-      className: s(
-        "[&>*]:ui-opacity-0 ui-w-fit",
-        "ui-rounded ui-w-full ui-animate-pulse ui-bg-muted ui-min-h-[1.5em]",
-        i && "ui-rounded-[50%] ui-aspect-square",
-        e.className
-      ),
-      style: a
-    }
-  );
+  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, {})
+          ] })
+        ] })
+      }
+    )
+  ] });
 };
-m.displayName = "Skeleton";
+K.displayName = "MultiSelect";
 export {
-  m as Skeleton
+  K as MultiSelect
 };

package/dist/index.es560.js

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

package/dist/index.es562.js

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

package/dist/index.es565.js

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

package/dist/index.es567.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 a = {};
+var e = {};
 export {
-  a as __exports
+  e as __exports
 };