@boxcustodia/library 0.5.6 → 0.6.1-canary.1

package/dist/index.es71.js

@@ -1,102 +1,99 @@
 import { j as t } from "./index.es101.js";
-import * as i from "react";
+import * as l from "react";
 import { cn as r } from "./index.es90.js";
-const d = i.forwardRef(
-  ({ className: e, containerClassName: a, containerProps: o, ...l }, s) => /* @__PURE__ */ t.jsx(
+const m = l.forwardRef(
+  ({ className: e, containerClassName: a, containerProps: o, ...s }, d) => /* @__PURE__ */ t.jsx(
     "div",
     {
       className: r(
-        "ui-relative ui-w-full ui-overflow-auto ui-rounded-md ui-border",
+        "relative w-full overflow-auto rounded-md border",
         a
       ),
       ...o,
       children: /* @__PURE__ */ t.jsx(
         "table",
         {
-          ref: s,
-          className: r("ui-w-full caption-bottom ui-text-sm", e),
-          ...l
+          ref: d,
+          className: r("w-full caption-bottom text-sm", e),
+          ...s
         }
       )
     }
   )
 );
-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(
+m.displayName = "Table";
+const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
+b.displayName = "TableHeader";
+const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "tbody",
   {
     ref: o,
-    className: r("[&_tr:last-child]:ui-border-0", e),
+    className: r("[&_tr:last-child]:border-0", e),
     ...a
   }
 ));
-m.displayName = "TableBody";
-const b = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
+c.displayName = "TableBody";
+const i = l.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",
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
       e
     ),
     ...a
   }
 ));
-b.displayName = "TableFooter";
-const c = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
+i.displayName = "TableFooter";
+const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "tr",
   {
     ref: o,
     className: r(
-      "ui-border-b ui-transition-colors hover:ui-bg-muted data-[selected=true]:ui-bg-muted",
+      "border-b transition-colors hover:bg-muted data-[selected=true]:bg-muted",
       e
     ),
     ...a
   }
 ));
-c.displayName = "TableRow";
-const f = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
+f.displayName = "TableRow";
+const n = l.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",
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground sticky top-0 bg-background [&:has([role=checkbox])]:pr-0",
       e
     ),
     ...a
   }
 ));
-f.displayName = "TableHead";
-const n = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
+n.displayName = "TableHead";
+const p = l.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
-    ),
+    className: r("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
     ...a
   }
 ));
-n.displayName = "TableCell";
-const p = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
+p.displayName = "TableCell";
+const x = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "caption",
   {
     ref: o,
-    className: r("ui-mt-4 ui-text-sm text-muted-foreground", e),
+    className: r("mt-4 text-sm text-muted-foreground", e),
     ...a
   }
 ));
-p.displayName = "TableCaption";
+x.displayName = "TableCaption";
 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
+  c as TableBody,
+  x as TableCaption,
+  p as TableCell,
+  i as TableFooter,
+  n as TableHead,
+  b as TableHeader,
+  m as TableRoot,
+  f as TableRow
 };

package/dist/index.es711.js

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

package/dist/index.es712.js

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

package/dist/index.es714.js

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

package/dist/index.es716.js

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

package/dist/index.es717.js

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

package/dist/index.es719.js

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

package/dist/index.es72.js

@@ -1,78 +1,78 @@
-import { j as i } from "./index.es101.js";
+import { j as e } from "./index.es101.js";
 import { useControllableState as z } from "./index.es89.js";
 import { TABLE_PAGE_SIZES as s } from "./index.es73.js";
 import C from "./index.es19.js";
-import N from "./index.es142.js";
-import k from "./index.es134.js";
-import { cn as u } from "./index.es90.js";
+import N from "./index.es148.js";
+import k from "./index.es136.js";
+import { cn as l } from "./index.es90.js";
 import { Button as c } from "./index.es32.js";
 const w = ({
-  containerClassName: l,
-  containerProps: g,
-  selectClassName: m,
-  selectProps: d,
+  containerClassName: g,
+  containerProps: m,
+  selectClassName: d,
+  selectProps: f,
   sizes: a = s,
-  ...e
+  ...i
 }) => {
-  const [o = s[0], f] = z({
-    onChange: e == null ? void 0 : e.setPageSize,
-    prop: e == null ? void 0 : e.pageSize
+  const [o = s[0], u] = z({
+    onChange: i == null ? void 0 : i.setPageSize,
+    prop: i == null ? void 0 : i.pageSize
   }), { range: r, next: b, prev: x, isFirstPage: h, isLastPage: v, goTo: j } = C({
-    ...e,
+    ...i,
     pageSize: o
   }), P = (n) => {
     const { value: t } = n.target, S = Number(t);
-    f(S), j(1);
+    u(S), j(1);
   };
-  return /* @__PURE__ */ i.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ...g,
-      className: u(
-        "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",
-        l
+      ...m,
+      className: l(
+        "flex justify-center items-center gap-x-4 bg-white border border-[#D9D9D9] rounded-2xl py-2",
+        g
       ),
       children: [
-        a && /* @__PURE__ */ i.jsx(
+        a && /* @__PURE__ */ e.jsx(
           "select",
           {
-            ...d,
+            ...f,
             value: o,
             onChange: P,
-            className: u(
-              "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",
-              m
+            className: l(
+              "border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              d
             ),
-            children: a.map((n, t) => /* @__PURE__ */ i.jsx("option", { value: n, children: n }, t))
+            children: a.map((n, t) => /* @__PURE__ */ e.jsx("option", { value: n, children: n }, t))
           }
         ),
-        /* @__PURE__ */ i.jsxs("span", { children: [
+        /* @__PURE__ */ e.jsxs("span", { children: [
           r.start,
           " - ",
           r.end,
           " de ",
-          e.totalItems
+          i.totalItems
         ] }),
-        /* @__PURE__ */ i.jsxs("div", { className: "ui-space-x-2", children: [
-          /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e.jsx(
             c,
             {
               size: "icon",
               variant: "ghost",
               disabled: h,
               onClick: x,
-              children: /* @__PURE__ */ i.jsx(N, {})
+              children: /* @__PURE__ */ e.jsx(N, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ e.jsx(
             c,
             {
               size: "icon",
               variant: "ghost",
               disabled: v,
               onClick: b,
-              children: /* @__PURE__ */ i.jsx(k, {})
+              children: /* @__PURE__ */ e.jsx(k, {})
             }
           )
         ] })

package/dist/index.es720.js

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

package/dist/index.es721.js

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

package/dist/index.es722.js

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

package/dist/index.es723.js

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

package/dist/index.es724.js

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

package/dist/index.es725.js

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

package/dist/index.es726.js

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

package/dist/index.es728.js

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

package/dist/index.es730.js

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

package/dist/index.es733.js

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

package/dist/index.es734.js

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

package/dist/index.es735.js

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

package/dist/index.es736.js

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

package/dist/index.es737.js

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

package/dist/index.es739.js

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

package/dist/index.es74.js

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

package/dist/index.es740.js

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

package/dist/index.es741.js

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

package/dist/index.es742.js

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

package/dist/index.es743.js

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

package/dist/index.es745.js

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

package/dist/index.es746.js

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

package/dist/index.es748.js

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

package/dist/index.es749.js

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