@boxcustodia/library 0.3.6 → 0.5.1

package/dist/index.es58.js

@@ -1,88 +1,204 @@
-import { j as t } from "./index.es92.js";
-import { useControllableState as v } from "./index.es99.js";
-import { forwardRef as N } from "react";
-import { l as r } from "./index.es108.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.es30.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.es98.js";
+import { useControllableState as h } from "./index.es104.js";
+import * as G from "react";
+import { multiSelectVariants as g } from "./index.es138.js";
+import { useMultiSelect as L } from "./index.es139.js";
+import { Tag as j } from "./index.es74.js";
+import U from "./index.es121.js";
+import { Divider as W } from "./index.es42.js";
+import b from "./index.es119.js";
+import { AutoCompleteRoot as X, AutoCompleteInput as $, AutoCompleteList as k, AutoCompleteEmpty as q, AutoCompleteGroup as z, AutoCompleteItem as N, AutoCompleteSeparator as F } from "./index.es27.js";
+import v from "./index.es114.js";
+import { PopoverRoot as H, PopoverTrigger as J, PopoverContent as Q } from "./index.es61.js";
+import { Button as Y } from "./index.es31.js";
+import { cn as t } from "./index.es87.js";
+const Z = ({
+  items: o = [],
+  valueKey: l = "value",
+  labelKey: w = "label",
+  onChange: y,
+  variant: d,
+  defaultValue: C = [],
+  placeholder: S = "Seleccionar",
+  maxCount: a = 3,
+  className: P,
+  renderOption: s = (r) => r[w],
+  withCheckbox: c = !1,
+  showSearch: A = !0,
+  showSelectAll: D = !0,
+  ...n
+}) => {
+  const [r = [], I] = h({
+    prop: n.value,
+    onChange: y,
+    defaultProp: C
+  }), [E, m] = h({
+    prop: n.open,
+    onChange: n.onOpenChange,
+    defaultProp: n.defaultOpen
+  }), p = G.useMemo(
+    () => o.filter((i) => !i.disabled),
+    [o]
+  ), {
+    handleInputKeyDown: M,
+    toggleOption: x,
+    handleClear: R,
+    handleTogglePopover: T,
+    clearExtraOptions: B,
+    toggleAll: V
+  } = L({
+    valueKey: l,
+    values: r,
+    setValues: I,
+    items: o,
+    maxCount: a,
+    setIsPopoverOpen: m
+  });
+  return /* @__PURE__ */ e.jsxs(H, { open: E, onOpenChange: m, children: [
+    /* @__PURE__ */ e.jsx(J, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      Y,
+      {
+        ...n,
+        onClick: T,
+        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",
+          P
         ),
-        /* @__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((_) => _[l] === i), f = u == null ? void 0 : u.icon;
+              return /* @__PURE__ */ e.jsxs(
+                j,
+                {
+                  className: t(g({ variant: d })),
+                  closable: !0,
+                  onClose: () => x(i),
+                  children: [
+                    f && /* @__PURE__ */ e.jsx(f, { className: "ui-h-4 ui-w-4 ui-mr-2" }),
+                    u && (s == null ? void 0 : s(u))
+                  ]
+                },
+                i
+              );
+            }),
+            r.length > a && /* @__PURE__ */ e.jsx(
+              j,
+              {
+                className: t(
+                  "ui-bg-transparent ui-text-foreground ui-border-foreground/1 hover:ui-bg-transparent",
+                  g({ variant: d })
+                ),
+                closable: !0,
+                onClose: B,
+                children: `+ ${r.length - a} más`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
+            /* @__PURE__ */ e.jsx(
+              U,
+              {
+                className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground",
+                onClick: (i) => {
+                  i.stopPropagation(), R();
+                }
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              W,
+              {
+                orientation: "vertical",
+                className: "ui-flex ui-min-h-6 ui-h-full"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(b, { 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: S }),
+          /* @__PURE__ */ e.jsx(b, { className: "ui-h-4 ui-cursor-pointer ui-text-muted-foreground ui-mx-2" })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(
+      Q,
+      {
+        className: "ui-p-0",
+        matchTriggerWidth: !0,
+        align: "start",
+        onEscapeKeyDown: () => m(!1),
+        children: /* @__PURE__ */ e.jsxs(X, { children: [
+          A && /* @__PURE__ */ e.jsx(
+            $,
+            {
+              placeholder: "Buscar...",
+              onKeyDown: M
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(k, { children: [
+            /* @__PURE__ */ e.jsx(q, { children: "No results found." }),
+            /* @__PURE__ */ e.jsxs(z, { children: [
+              D && /* @__PURE__ */ e.jsxs(
+                N,
+                {
+                  onSelect: V,
+                  className: t(
+                    "ui-cursor-pointer",
+                    !c && r.length === p.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 === p.length ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
+                        ),
+                        children: /* @__PURE__ */ e.jsx(v, { 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(
+                  N,
+                  {
+                    onSelect: () => !i.disabled && x(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(v, { 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(F, {})
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+Z.displayName = "MultiSelect";
 export {
-  T as NumberInput
+  Z as MultiSelect
 };

package/dist/index.es580.js

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

package/dist/index.es582.js

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

package/dist/index.es584.js

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

package/dist/index.es587.js

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

package/dist/index.es59.js

@@ -1,98 +1,88 @@
-import { j as a } from "./index.es92.js";
-import { createElement as C } from "react";
-import { PaginationOption as i } from "./index.es136.js";
-import v, { DOTS as r } from "./index.es13.js";
-import N from "./index.es137.js";
-import y from "./index.es138.js";
-import k from "./index.es129.js";
-import I from "./index.es139.js";
-import { cn as n } from "./index.es82.js";
-const R = ({
-  optionProps: s,
-  className: x,
-  containerProps: l,
-  ...h
-}) => {
-  const {
-    paginationRange: j,
-    currentPage: t,
-    goTo: m,
-    maxPage: g,
-    next: f,
-    prev: u,
-    isLastPage: c,
-    isFirstPage: d
-  } = v(h);
-  return /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      ...l,
-      className: n(
-        "ui-flex ui-items-end ui-select-none ui-h-10",
-        l == null ? void 0 : l.className,
-        x
+import { j as t } from "./index.es98.js";
+import { useControllableState as v } from "./index.es104.js";
+import { forwardRef as N } from "react";
+import { l as r } from "./index.es99.js";
+import j from "./index.es129.js";
+import C from "./index.es130.js";
+import { cn as M } from "./index.es87.js";
+import { Button as d } from "./index.es31.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
+          )
+        }
       ),
-      children: [
-        /* @__PURE__ */ a.jsxs(
-          i,
+      /* @__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,
           {
-            ...s,
-            disabled: d,
-            onClick: () => m(1),
-            className: n("ui-rounded-l-md", s == null ? void 0 : s.className),
-            children: [
-              /* @__PURE__ */ a.jsx(N, {}),
-              /* @__PURE__ */ a.jsx("span", { className: "ui-sr-only", children: "Ir a primera página" })
-            ]
+            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, {})
           }
         ),
-        /* @__PURE__ */ a.jsxs(i, { ...s, onClick: u, disabled: d, children: [
-          /* @__PURE__ */ a.jsx(y, {}),
-          /* @__PURE__ */ a.jsx("span", { className: "ui-sr-only", children: "Ir a página anterior" })
-        ] }),
-        j.map((e) => /* @__PURE__ */ a.jsx(a.Fragment, { children: e === r ? /* @__PURE__ */ a.jsx(
-          i,
+        /* @__PURE__ */ t.jsx(
+          d,
           {
-            className: n("ui-pointer-events-none", s == null ? void 0 : s.className),
-            children: r
-          },
-          e
-        ) : /* @__PURE__ */ C(
-          i,
-          {
-            ...s,
-            isActive: e === t,
-            onClick: () => m(e),
-            key: e
-          },
-          e,
-          /* @__PURE__ */ a.jsxs("span", { className: "ui-sr-only", children: [
-            "Ir a la página ",
-            e
-          ] })
-        ) })),
-        /* @__PURE__ */ a.jsxs(i, { ...s, onClick: f, disabled: c, children: [
-          /* @__PURE__ */ a.jsx(k, {}),
-          /* @__PURE__ */ a.jsx("span", { className: "ui-sr-only", children: "Ir a próxima página" })
-        ] }),
-        /* @__PURE__ */ a.jsxs(
-          i,
-          {
-            ...s,
-            disabled: c,
-            onClick: () => m(g),
-            className: n("ui-rounded-r-md", s == null ? void 0 : s.className),
-            children: [
-              /* @__PURE__ */ a.jsx(I, {}),
-              /* @__PURE__ */ a.jsx("span", { className: "ui-sr-only", children: "Ir a última página" })
-            ]
+            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, {})
           }
         )
-      ]
-    }
-  );
-};
-R.displayName = "Pagination";
+      ] })
+    ] });
+  }
+);
+T.displayName = "NumberInput";
 export {
-  R as Pagination
+  T as NumberInput
 };

package/dist/index.es591.js

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

package/dist/index.es592.js

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

package/dist/index.es593.js

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

package/dist/index.es594.js

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

package/dist/index.es595.js

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

package/dist/index.es596.js

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

package/dist/index.es597.js

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

package/dist/index.es598.js

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

package/dist/index.es6.js

@@ -1,37 +1,15 @@
-import { useState as i, useCallback as n } from "react";
-function h(o) {
-  const [l, s] = i(/* @__PURE__ */ new Set()), S = n((e) => l.has(e), [l]), d = n((e) => {
-    s((c) => /* @__PURE__ */ new Set([...c, e]));
-  }, []), r = n((e) => {
-    s((c) => {
-      const t = new Set(c);
-      return t.delete(e), t;
-    });
-  }, []), w = n((e) => {
-    s((c) => {
-      const t = new Set(c);
-      return t.has(e) ? t.delete(e) : t.add(e), t;
-    });
-  }, []), a = n((e) => {
-    s(new Set(e));
-  }, []), u = n(() => {
-    s(
-      (e) => e.size === o.length ? /* @__PURE__ */ new Set() : new Set(o)
-    );
-  }, [o]), g = n(() => s(/* @__PURE__ */ new Set()), []);
-  return {
-    isAllSelected: l.size === o.length,
-    isNoneSelected: l.size === 0,
-    isSelected: S,
-    selected: [...l],
-    setSelected: a,
-    select: d,
-    unselect: r,
-    toggle: w,
-    toggleAll: u,
-    clear: g
-  };
+import { useRef as o, useCallback as n } from "react";
+function f(t, u) {
+  const e = o();
+  return n(
+    (...r) => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        t(...r);
+      }, u);
+    },
+    [t, u]
+  );
 }
 export {
-  h as default
+  f as default
 };