@boxcustodia/library 0.2.5 → 0.2.7

package/dist/index.es59.js

@@ -1,83 +1,82 @@
-import { j as n } from "./index.es83.js";
-import { useControllableState as f } from "./index.es90.js";
-import { useState as m, useRef as l, useEffect as p } from "react";
-import { TabsContextProvider as T, useTabsContext as c } from "./index.es126.js";
-import { cn as b } from "./index.es73.js";
-const x = ({
-  children: t,
-  value: e,
-  onChange: s,
-  defaultValue: i,
-  ...o
-}) => {
-  const [r = "", a] = f({
-    prop: e,
-    onChange: s,
-    defaultProp: i
-  }), [u, d] = m(null);
-  return /* @__PURE__ */ n.jsx(
-    T,
+import { j as l } from "./index.es84.js";
+import { l as K } from "./index.es108.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.es74.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,
     {
-      value: { activeTab: r, setActiveTab: a, setTargetRef: d, targetRef: u },
-      children: /* @__PURE__ */ n.jsx("div", { ...o, children: t })
+      ...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
+        );
+      }) })
     }
-  );
-};
-x.displayName = "Tabs";
-const v = ({ children: t, className: e }) => {
-  const { targetRef: s } = c();
-  return /* @__PURE__ */ n.jsxs("div", { className: b("ui-relative ui-mb-4", e), children: [
-    /* @__PURE__ */ n.jsx("div", { className: "ui-flex", children: t }),
-    /* @__PURE__ */ n.jsx(h, { targetRef: s })
-  ] });
-};
-v.displayName = "TabList";
-const j = ({ value: t, className: e, ...s }) => {
-  const { activeTab: i, setActiveTab: o, setTargetRef: r } = c(), a = i === t;
-  return /* @__PURE__ */ n.jsx(
-    "button",
-    {
-      ...s,
-      type: "button",
-      ref: (u) => a && r(u),
-      onClick: () => o(t),
-      "data-tab": t,
-      className: b(
-        "ui-px-2 ui-py-2 ui-cursor-pointer ui-w-full ui-min-w-[100px] ui-text-center ui-rounded-t ui-font-semibold ui-select-none",
-        "hover:ui-bg-accent hover:ui-text-accent-foreground",
-        e
-      )
-    }
-  );
-};
-j.displayName = "TabTrigger";
-const y = ({ value: t, ...e }) => {
-  const { activeTab: s } = c();
-  return s === t ? /* @__PURE__ */ n.jsx("div", { ...e }) : null;
-}, h = ({ targetRef: t }) => {
-  const e = l(null), s = e == null ? void 0 : e.current, i = l(), o = () => {
-    if (!t || !s) return;
-    const r = t.offsetLeft, a = t.offsetWidth;
-    s.style.width = a + "px", s.style.left = r + "px";
-  };
-  return p(() => {
-    if (t)
-      return o(), i.current = new ResizeObserver(o), i.current.observe(t), () => {
-        var r;
-        (r = i.current) == null || r.disconnect();
-      };
-  }, [t]), /* @__PURE__ */ n.jsx(
-    "div",
+  ),
+  /* @__PURE__ */ l.jsx(
+    Q,
     {
-      ref: e,
-      className: "ui-transition-all ui-duration-300 ui-bg-primary ui-rounded ui-absolute ui-top-full ui-h-[3px]"
+      ...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
+      ))
     }
-  );
-};
-y.displayName = "TabContent";
+  )
+] });
+U.displayName = "Table";
 export {
-  y as TabContent,
-  v as TabList,
-  j as TabTrigger,
-  x as Tabs
+  U as Table
 };

package/dist/index.es591.js

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

package/dist/index.es592.js

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

package/dist/index.es593.js

@@ -1,4 +1,4 @@
-var o = {};
+var e = {};
 export {
-  o as __exports
+  e 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 e = {};
+var o = {};
 export {
-  e as __exports
+  o 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 o = {};
+var e = {};
 export {
-  o as __exports
+  e as __exports
 };

package/dist/index.es60.js

@@ -1,22 +1,102 @@
-import { j as u } from "./index.es83.js";
-import { forwardRef as o } from "react";
-import { cn as t } from "./index.es73.js";
-const s = o(
-  ({ className: i, ...r }, e) => /* @__PURE__ */ u.jsx(
-    "textarea",
+import { j as t } from "./index.es84.js";
+import * as i from "react";
+import { cn as r } from "./index.es74.js";
+const d = i.forwardRef(
+  ({ className: e, containerClassName: a, containerProps: o, ...s }, l) => /* @__PURE__ */ t.jsx(
+    "div",
     {
-      ...r,
-      className: t(
-        "ui-min-h-[60px] ui-w-full ui-rounded-md ui-px-3 ui-py-2 ui-text-sm placeholder:ui-text-muted-foreground",
-        "ui-border ui-border-input ui-bg-background",
-        "ui-ring-offset-background focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-        i
+      className: r(
+        "ui-relative ui-w-full ui-overflow-auto ui-rounded-md ui-border",
+        a
       ),
-      ref: e
+      ...o,
+      children: /* @__PURE__ */ t.jsx(
+        "table",
+        {
+          ref: l,
+          className: r("ui-w-full caption-bottom ui-text-sm", e),
+          ...s
+        }
+      )
     }
   )
 );
-s.displayName = "TextArea";
+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";
 export {
-  s as TextArea
+  m as TableBody,
+  p as TableCaption,
+  n as TableCell,
+  b as TableFooter,
+  f as TableHead,
+  u as TableHeader,
+  d as TableRoot,
+  c as TableRow
 };

package/dist/index.es600.js

@@ -1,4 +1,4 @@
-var o = {};
+var e = {};
 export {
-  o 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 o = {};
+var e = {};
 export {
-  o as __exports
+  e as __exports
 };

package/dist/index.es604.js

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

package/dist/index.es607.js

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

package/dist/index.es608.js

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

package/dist/index.es609.js

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

package/dist/index.es61.js

@@ -1,51 +1,85 @@
-import { j as i } from "./index.es83.js";
-import { forwardRef as u } from "react";
-import { toastVariants as n, toastIconVariants as c } from "./index.es123.js";
-import { ToastIcons as d } from "./index.es65.js";
-import { ToastClose as x } from "./index.es62.js";
-import { cn as a } from "./index.es73.js";
-const f = u(
-  ({ id: e, title: o, description: r, type: t, ...s }, m) => {
-    const l = d[t];
-    return /* @__PURE__ */ i.jsxs(
-      "div",
-      {
-        ...s,
-        ref: m,
-        className: a(n({ variant: t }), s.className),
-        children: [
-          /* @__PURE__ */ i.jsx("div", { className: "ui-bg-white ui-grid ui-place-items-center ui-absolute ui-top-0 ui-left-0 ui-p-1 ui--translate-x-1/2 ui--translate-y-1/2 ui-shadow-md ui-rounded-full", children: /* @__PURE__ */ i.jsx(l, { className: a(c({ variant: t })) }) }),
-          /* @__PURE__ */ i.jsxs("div", { className: "ui-grid ui-gap-1 ui-grow ui-pr-1", children: [
-            o && /* @__PURE__ */ i.jsx(
-              "h4",
-              {
-                ...s.titleProps,
-                className: a(
-                  "ui-text-sm ui-font-semibold",
-                  s.titleClassName
-                ),
-                children: o
-              }
+import { j as i } from "./index.es84.js";
+import { useControllableState as j } from "./index.es91.js";
+import { TABLE_PAGE_SIZES as P } from "./index.es62.js";
+import S from "./index.es12.js";
+import z from "./index.es105.js";
+import C from "./index.es106.js";
+import { cn as s } from "./index.es74.js";
+import { Button as o } from "./index.es32.js";
+const N = ({
+  containerClassName: u,
+  containerProps: c,
+  selectClassName: l,
+  selectProps: g,
+  ...e
+}) => {
+  const [a = 10, m] = j({
+    onChange: e == null ? void 0 : e.setPageSize,
+    prop: e == null ? void 0 : e.pageSize
+  }), { range: r, next: d, prev: f, isFirstPage: b, isLastPage: x } = S({
+    ...e,
+    pageSize: a
+  }), h = (n) => {
+    const { value: t } = n.target, v = Number(t);
+    m(v);
+  };
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      ...c,
+      className: s(
+        "ui-flex ui-justify-center ui-items-center ui-gap-x-4 ui-bg-white ui-border ui-border-[#D9D9D9] ui-rounded-2xl ui-py-2",
+        u
+      ),
+      children: [
+        /* @__PURE__ */ i.jsx(
+          "select",
+          {
+            ...g,
+            value: a,
+            onChange: h,
+            className: s(
+              "ui-border ui-border-input ui-rounded-md ui-w-fit ui-min-w-[3rem] ui-bg-background ui-p-2 ui-ring-offset-background",
+              "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
+              l
             ),
-            /* @__PURE__ */ i.jsx(
-              "div",
-              {
-                ...s.descriptionProps,
-                className: a(
-                  "ui-text-sm ui-font-semibold ui-opacity-90 ui-p-0",
-                  s.descriptionClassName
-                ),
-                children: r
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i.jsx(x, { toastId: e })
-        ]
-      }
-    );
-  }
-);
-f.displayName = "Toast";
+            children: P.map((n, t) => /* @__PURE__ */ i.jsx("option", { value: n, children: n }, t))
+          }
+        ),
+        /* @__PURE__ */ i.jsxs("span", { children: [
+          r.start,
+          " - ",
+          r.end,
+          " de ",
+          e.totalItems
+        ] }),
+        /* @__PURE__ */ i.jsxs("div", { className: "ui-space-x-2", children: [
+          /* @__PURE__ */ i.jsx(
+            o,
+            {
+              size: "icon",
+              variant: "ghost",
+              disabled: b,
+              onClick: f,
+              children: /* @__PURE__ */ i.jsx(z, {})
+            }
+          ),
+          /* @__PURE__ */ i.jsx(
+            o,
+            {
+              size: "icon",
+              variant: "ghost",
+              disabled: x,
+              onClick: d,
+              children: /* @__PURE__ */ i.jsx(C, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+N.displayName = "TablePagination";
 export {
-  f as Toast
+  N as TablePagination
 };

package/dist/index.es611.js

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

package/dist/index.es615.js

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

package/dist/index.es617.js

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

package/dist/index.es619.js

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

package/dist/index.es62.js

@@ -1,28 +1,4 @@
-import { j as o } from "./index.es83.js";
-import { useToastStore as s } from "./index.es64.js";
-import i from "./index.es109.js";
-import { Button as a } from "./index.es28.js";
-import { cn as m } from "./index.es73.js";
-const l = ({ toastId: e, ...t }) => {
-  const { removeToast: r } = s();
-  return /* @__PURE__ */ o.jsx(
-    a,
-    {
-      title: "Cerrar alerta",
-      variant: "ghost",
-      size: "icon",
-      ...t,
-      type: "button",
-      onClick: () => r(e),
-      className: m(
-        "hover:ui-text-white hover:ui-bg-black/10 ui-rounded-full ui-self-center",
-        t.className
-      ),
-      children: /* @__PURE__ */ o.jsx(i, {})
-    }
-  );
-};
-l.displayName = "ToastClose";
+const E = [10, 25, 50];
 export {
-  l as ToastClose
+  E as TABLE_PAGE_SIZES
 };

package/dist/index.es621.js

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

package/dist/index.es622.js

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

package/dist/index.es623.js

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

package/dist/index.es625.js

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

package/dist/index.es626.js

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

package/dist/index.es627.js

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

package/dist/index.es629.js

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