@boxcustodia/library 0.3.0 → 0.3.3

package/dist/index.es58.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.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 {
-    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.es95.js";
+import { useControllableState as v } from "./index.es102.js";
+import { forwardRef as N } from "react";
+import { l as r } from "./index.es93.js";
+import j from "./index.es134.js";
+import C from "./index.es135.js";
+import { cn as M } from "./index.es83.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
+          )
+        }
       ),
-      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.es59.js

@@ -1,38 +1,98 @@
-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,
+import { j as a } from "./index.es95.js";
+import { createElement as C } from "react";
+import { PaginationOption as i } from "./index.es137.js";
+import v, { DOTS as r } from "./index.es13.js";
+import N from "./index.es138.js";
+import y from "./index.es139.js";
+import k from "./index.es128.js";
+import I from "./index.es140.js";
+import { cn as n } from "./index.es83.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",
     {
-      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
+      ...l,
+      className: n(
+        "ui-flex ui-items-end ui-select-none ui-h-10",
+        l == null ? void 0 : l.className,
+        x
       ),
-      style: {
-        ...d,
-        ...a && {
-          width: "var(--radix-popper-anchor-width)"
-        }
-      },
-      ...n
+      children: [
+        /* @__PURE__ */ a.jsxs(
+          i,
+          {
+            ...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" })
+            ]
+          }
+        ),
+        /* @__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" })
+            ]
+          }
+        )
+      ]
     }
-  ) })
-);
-c.displayName = i.displayName;
+  );
+};
+R.displayName = "Pagination";
 export {
-  c as PopoverContent,
-  v as PopoverRoot,
-  R as PopoverTrigger
+  R as Pagination
 };

package/dist/index.es60.js

@@ -1,40 +1,38 @@
-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,
+import { j as o } from "./index.es95.js";
+import * as u from "react";
+import { Root as m, Trigger as p, Portal as l, Content as i } from "./index.es142.js";
+import { cn as f } from "./index.es83.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,
     {
-      asChild: i,
-      className: a,
-      ...t,
-      children: 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__ */ o.jsx(
-    j,
-    {
-      className: n,
-      matchTriggerWidth: m,
-      side: l,
-      sideOffset: x,
-      ...p,
-      children: r
-    }
-  )
-] });
-v.displayName = "Popover";
+  ) })
+);
+c.displayName = i.displayName;
 export {
-  v as Popover
+  c as PopoverContent,
+  v as PopoverRoot,
+  R as PopoverTrigger
 };

package/dist/index.es61.js

@@ -1,48 +1,40 @@
-import { j as t } from "./index.es92.js";
-import { createElement as v } from "react";
-import { useControllableState as E } from "./index.es105.js";
-import { SelectRoot as R, SelectTrigger as h, SelectValue as k, SelectContent as y, SelectGroup as G, SelectItem as I } from "./index.es62.js";
-const T = ({
-  items: r = [],
-  valueKey: o = "value",
-  labelKey: u = "label",
-  value: m,
-  onChange: c,
-  defaultValue: S,
-  renderOption: s = (e) => e == null ? void 0 : e[u],
-  triggerProps: x,
-  contentClassName: f,
-  contentProps: j,
-  itemClassName: i,
-  itemProps: p,
-  className: V,
-  placeholder: d = "Seleccionar",
-  ...N
-}) => {
-  const [e, b] = E({
-    prop: m,
-    onChange: (l) => {
-      if (!c) return;
-      const a = r.find((n) => n[o] === l);
-      c == null || c(l, a);
-    },
-    defaultProp: S
-  });
-  return /* @__PURE__ */ t.jsxs(R, { ...N, onValueChange: b, value: e, children: [
-    /* @__PURE__ */ t.jsx(h, { className: V, ...x, children: /* @__PURE__ */ t.jsx(k, { placeholder: d }) }),
-    /* @__PURE__ */ t.jsx(y, { className: f, ...j, children: /* @__PURE__ */ t.jsx(G, { children: r.map((l, a) => /* @__PURE__ */ v(
-      I,
-      {
-        ...p,
-        className: i,
-        key: a,
-        value: l[o]
-      },
-      s == null ? void 0 : s(l)
-    )) }) })
-  ] });
-};
-T.displayName = "Select";
+import { j as o } from "./index.es95.js";
+import { PopoverRoot as c, PopoverTrigger as d, PopoverContent as j } from "./index.es60.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,
+    {
+      asChild: i,
+      className: a,
+      ...t,
+      children: e
+    }
+  ),
+  /* @__PURE__ */ o.jsx(
+    j,
+    {
+      className: n,
+      matchTriggerWidth: m,
+      side: l,
+      sideOffset: x,
+      ...p,
+      children: r
+    }
+  )
+] });
+v.displayName = "Popover";
 export {
-  T as Select
+  v as Popover
 };

package/dist/index.es62.js

@@ -1,127 +1,48 @@
-import { j as e } from "./index.es92.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.es131.js";
-import v from "./index.es121.js";
-import C from "./index.es132.js";
-import B from "./index.es133.js";
-import { cn as u } from "./index.es82.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,
-        {
-          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
-        }
-      ),
-      /* @__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;
+import { j as t } from "./index.es95.js";
+import { createElement as v } from "react";
+import { useControllableState as E } from "./index.es102.js";
+import { SelectRoot as R, SelectTrigger as h, SelectValue as k, SelectContent as y, SelectGroup as G, SelectItem as I } from "./index.es63.js";
+const T = ({
+  items: r = [],
+  valueKey: o = "value",
+  labelKey: u = "label",
+  value: m,
+  onChange: c,
+  defaultValue: S,
+  renderOption: s = (e) => e == null ? void 0 : e[u],
+  triggerProps: x,
+  contentClassName: f,
+  contentProps: j,
+  itemClassName: i,
+  itemProps: p,
+  className: V,
+  placeholder: d = "Seleccionar",
+  ...N
+}) => {
+  const [e, b] = E({
+    prop: m,
+    onChange: (l) => {
+      if (!c) return;
+      const a = r.find((n) => n[o] === l);
+      c == null || c(l, a);
+    },
+    defaultProp: S
+  });
+  return /* @__PURE__ */ t.jsxs(R, { ...N, onValueChange: b, value: e, children: [
+    /* @__PURE__ */ t.jsx(h, { className: V, ...x, children: /* @__PURE__ */ t.jsx(k, { placeholder: d }) }),
+    /* @__PURE__ */ t.jsx(y, { className: f, ...j, children: /* @__PURE__ */ t.jsx(G, { children: r.map((l, a) => /* @__PURE__ */ v(
+      I,
+      {
+        ...p,
+        className: i,
+        key: a,
+        value: l[o]
+      },
+      s == null ? void 0 : s(l)
+    )) }) })
+  ] });
+};
+T.displayName = "Select";
 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
+  T as Select
 };