@boxcustodia/library 0.2.12 → 0.3.0

package/dist/index.es57.js

@@ -1,26 +1,88 @@
-import { j as f } from "./index.es88.js";
-import { forwardRef as m } from "react";
-const c = m(
-  ({
-    inline: t = !1,
-    justify: e,
-    align: o,
-    direction: i = "horizontal",
-    gap: r = 8,
-    style: s,
-    ...l
-  }, n) => {
-    const a = {
-      display: t ? "inline-flex" : "flex",
-      flexDirection: i === "vertical" ? "column" : "row",
-      justifyContent: e,
-      alignItems: o,
-      gap: r
+import { j as t } from "./index.es92.js";
+import { useControllableState as v } from "./index.es105.js";
+import { forwardRef as N } from "react";
+import { l as r } from "./index.es109.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.es29.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__ */ f.jsx("div", { ref: n, style: { ...a, ...s }, ...l });
+    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, {})
+          }
+        ),
+        /* @__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, {})
+          }
+        )
+      ] })
+    ] });
   }
 );
-c.displayName = "Stack";
+T.displayName = "NumberInput";
 export {
-  c as Stack
+  T as NumberInput
 };

package/dist/index.es570.js

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

package/dist/index.es571.js

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

package/dist/index.es572.js

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

package/dist/index.es573.js

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

package/dist/index.es576.js

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

package/dist/index.es578.js

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

package/dist/index.es58.js

@@ -1,70 +1,98 @@
-import { j as t } from "./index.es88.js";
-import { useControllableState as b } from "./index.es95.js";
-import { useId as f } from "react";
-import { cn as i } from "./index.es78.js";
-import { Label as x } from "./index.es46.js";
-const k = ({
-  className: u,
-  children: n,
-  containerProps: c,
-  containerClassName: l,
-  ...e
+import { j as a } from "./index.es92.js";
+import { createElement as C } from "react";
+import { PaginationOption as i } from "./index.es126.js";
+import v, { DOTS as r } from "./index.es13.js";
+import N from "./index.es127.js";
+import y from "./index.es128.js";
+import k from "./index.es129.js";
+import I from "./index.es130.js";
+import { cn as n } from "./index.es82.js";
+const R = ({
+  optionProps: s,
+  className: x,
+  containerProps: l,
+  ...h
 }) => {
-  const h = f(), [r = !1, s] = b({
-    prop: e.checked,
-    onChange: e.onChange,
-    defaultProp: e.defaultChecked
-  }), m = () => !e.disabled && s((a) => !a), d = r ? "checked" : "unchecked", o = e.id ?? h;
-  return /* @__PURE__ */ t.jsxs(
+  const {
+    paginationRange: j,
+    currentPage: t,
+    goTo: m,
+    maxPage: g,
+    next: f,
+    prev: u,
+    isLastPage: c,
+    isFirstPage: d
+  } = v(h);
+  return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ...c,
-      className: i("ui-flex ui-gap-x-2 ui-items-center", l),
+      ...l,
+      className: n(
+        "ui-flex ui-items-end ui-select-none ui-h-10",
+        l == null ? void 0 : l.className,
+        x
+      ),
       children: [
-        /* @__PURE__ */ t.jsxs(
-          "button",
+        /* @__PURE__ */ a.jsxs(
+          i,
           {
-            disabled: e.disabled,
-            onClick: m,
-            "data-state": d,
-            type: "button",
-            className: i(
-              "ui-peer ui-w-11 ui-h-6 ui-bg-input ui-rounded-full ui-border-2 ui-border-transparent ui-transition-colors",
-              "data-[state=checked]:ui-bg-primary",
-              u
-            ),
+            ...s,
+            disabled: d,
+            onClick: () => m(1),
+            className: n("ui-rounded-l-md", s == null ? void 0 : s.className),
             children: [
-              /* @__PURE__ */ t.jsx(
-                "div",
-                {
-                  "data-state": d,
-                  className: i(
-                    "ui-w-5 ui-h-5 ui-pointers-event-none ui-bg-primary-foreground ui-rounded-full ui-transition-all",
-                    "ui-transition-transform data-[state=checked]:ui-translate-x-5 data-[state=unchecked]:ui-translate-x-0"
-                  )
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                "input",
-                {
-                  ...e,
-                  id: o,
-                  checked: r,
-                  onChange: (a) => s(a.currentTarget.checked),
-                  type: "checkbox",
-                  className: "ui-sr-only",
-                  "aria-hidden": !0
-                }
-              )
+              /* @__PURE__ */ a.jsx(N, {}),
+              /* @__PURE__ */ a.jsx("span", { className: "ui-sr-only", children: "Ir a primera página" })
             ]
           }
         ),
-        n && /* @__PURE__ */ t.jsx(x, { htmlFor: o, children: n })
+        /* @__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,
+          {
+            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" })
+            ]
+          }
+        )
       ]
     }
   );
 };
-k.displayName = "Switch";
+R.displayName = "Pagination";
 export {
-  k as Switch
+  R as Pagination
 };

package/dist/index.es580.js

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

package/dist/index.es582.js

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

package/dist/index.es586.js

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

package/dist/index.es589.js

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

package/dist/index.es59.js

@@ -1,82 +1,38 @@
-import { j as l } from "./index.es88.js";
-import { l as K } from "./index.es103.js";
-import { TableRoot as L, TableHeader as M, TableRow as q, TableHead as O, TableBody as Q, TableCell as S } from "./index.es60.js";
-import { cn as m } from "./index.es78.js";
-const U = ({
-  data: v = [],
-  columns: H = [],
-  onRowClick: f,
-  selected: h,
-  theadClassName: z,
-  theadProps: x,
-  tbodyClassName: A,
-  tbodyProps: j,
-  trClassName: B,
-  trProps: i,
-  thClassName: D,
-  thProps: T,
-  tdClassName: G,
-  tdProps: e,
-  ...c
-}) => /* @__PURE__ */ l.jsxs(L, { ...c, className: m(c == null ? void 0 : c.className), children: [
-  /* @__PURE__ */ l.jsx(
-    M,
+import { j as o } from "./index.es92.js";
+import * as u from "react";
+import { Root as m, Trigger as p, Portal as l, Content as i } from "./index.es124.js";
+import { cn as f } from "./index.es82.js";
+const v = m, R = p, c = u.forwardRef(
+  ({
+    className: e,
+    align: t = "center",
+    sideOffset: r = 4,
+    matchTriggerWidth: a = !1,
+    style: d,
+    ...n
+  }, s) => /* @__PURE__ */ o.jsx(l, { children: /* @__PURE__ */ o.jsx(
+    i,
     {
-      ...x,
-      className: m(x == null ? void 0 : x.className, z),
-      children: /* @__PURE__ */ l.jsx(q, { ...i, className: m(i == null ? void 0 : i.className, B), children: H.map((a, E) => {
-        var N;
-        return /* @__PURE__ */ l.jsx(
-          O,
-          {
-            ...T,
-            className: m(T == null ? void 0 : T.className, D),
-            style: {
-              width: a.width
-            },
-            children: K.isFunction(a.header) ? (N = a.header) == null ? void 0 : N.call(a) : a.header
-          },
-          E
-        );
-      }) })
+      ref: s,
+      align: t,
+      sideOffset: r,
+      className: f(
+        "ui-z-50 ui-w-72 ui-p-4 ui-rounded-md ui-border ui-bg-popover ui-text-popover-foreground ui-shadow-md ui-outline-none 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]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
+        e
+      ),
+      style: {
+        ...d,
+        ...a && {
+          width: "var(--radix-popper-anchor-width)"
+        }
+      },
+      ...n
     }
-  ),
-  /* @__PURE__ */ l.jsx(
-    Q,
-    {
-      ...j,
-      className: m(j == null ? void 0 : j.className, A),
-      children: v.map((a, E) => /* @__PURE__ */ l.jsx(
-        q,
-        {
-          ...i,
-          "data-selected": h == null ? void 0 : h(a),
-          className: m(i == null ? void 0 : i.className, B),
-          children: H.map((N, I) => {
-            var F;
-            return /* @__PURE__ */ l.jsx(
-              S,
-              {
-                ...e,
-                onClick: (J) => {
-                  var g;
-                  (g = e == null ? void 0 : e.onClick) == null || g.call(e, J), f == null || f(a);
-                },
-                className: m(e == null ? void 0 : e.className, G),
-                children: ((F = N.cell) == null ? void 0 : F.call(N, {
-                  row: a
-                })) || a[N.key]
-              },
-              I
-            );
-          })
-        },
-        E
-      ))
-    }
-  )
-] });
-U.displayName = "Table";
+  ) })
+);
+c.displayName = i.displayName;
 export {
-  U as Table
+  c as PopoverContent,
+  v as PopoverRoot,
+  R as PopoverTrigger
 };

package/dist/index.es590.js

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

package/dist/index.es591.js

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

package/dist/index.es592.js

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

package/dist/index.es594.js

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

package/dist/index.es599.js

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

package/dist/index.es60.js

@@ -1,102 +1,40 @@
-import { j as t } from "./index.es88.js";
-import * as i from "react";
-import { cn as r } from "./index.es78.js";
-const d = i.forwardRef(
-  ({ className: e, containerClassName: a, containerProps: o, ...s }, l) => /* @__PURE__ */ t.jsx(
-    "div",
+import { j as o } from "./index.es92.js";
+import { PopoverRoot as c, PopoverTrigger as d, PopoverContent as j } from "./index.es59.js";
+const v = ({
+  trigger: e,
+  children: r,
+  rootProps: s,
+  triggerProps: t,
+  contentProps: p,
+  triggerAsChild: i = !0,
+  matchTriggerWidth: m,
+  triggerClassName: a,
+  contentClassName: n,
+  side: l = "bottom",
+  offset: x
+}) => /* @__PURE__ */ o.jsxs(c, { ...s, children: [
+  /* @__PURE__ */ o.jsx(
+    d,
     {
-      className: r(
-        "ui-relative ui-w-full ui-overflow-auto ui-rounded-md ui-border",
-        a
-      ),
-      ...o,
-      children: /* @__PURE__ */ t.jsx(
-        "table",
-        {
-          ref: l,
-          className: r("ui-w-full caption-bottom ui-text-sm", e),
-          ...s
-        }
-      )
+      asChild: i,
+      className: a,
+      ...t,
+      children: e
+    }
+  ),
+  /* @__PURE__ */ o.jsx(
+    j,
+    {
+      className: n,
+      matchTriggerWidth: m,
+      side: l,
+      sideOffset: x,
+      ...p,
+      children: r
     }
   )
-);
-d.displayName = "Table";
-const u = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx("thead", { ref: o, className: r("[&_tr]:ui-border-b", e), ...a }));
-u.displayName = "TableHeader";
-const m = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
-  "tbody",
-  {
-    ref: o,
-    className: r("[&_tr:last-child]:ui-border-0", e),
-    ...a
-  }
-));
-m.displayName = "TableBody";
-const b = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
-  "tfoot",
-  {
-    ref: o,
-    className: r(
-      "ui-border-t bg-muted/50 ui-font-medium [&>tr]:last:ui-border-b-0",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "TableFooter";
-const c = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
-  "tr",
-  {
-    ref: o,
-    className: r(
-      "ui-border-b ui-transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      e
-    ),
-    ...a
-  }
-));
-c.displayName = "TableRow";
-const f = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
-  "th",
-  {
-    ref: o,
-    className: r(
-      "ui-h-12 ui-px-4 ui-text-left ui-align-middle ui-font-medium ui-text-muted-foreground ui-sticky ui-top-0 ui-bg-background [&:has([role=checkbox])]:ui-pr-0",
-      e
-    ),
-    ...a
-  }
-));
-f.displayName = "TableHead";
-const n = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
-  "td",
-  {
-    ref: o,
-    className: r(
-      "ui-p-4 ui-align-middle [&:has([role=checkbox])]:ui-pr-0",
-      e
-    ),
-    ...a
-  }
-));
-n.displayName = "TableCell";
-const p = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
-  "caption",
-  {
-    ref: o,
-    className: r("ui-mt-4 ui-text-sm text-muted-foreground", e),
-    ...a
-  }
-));
-p.displayName = "TableCaption";
+] });
+v.displayName = "Popover";
 export {
-  m as TableBody,
-  p as TableCaption,
-  n as TableCell,
-  b as TableFooter,
-  f as TableHead,
-  u as TableHeader,
-  d as TableRoot,
-  c as TableRow
+  v as Popover
 };

package/dist/index.es601.js

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

package/dist/index.es602.js

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

package/dist/index.es603.js

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