@boxcustodia/library 0.2.6 → 0.2.7

package/dist/index.es55.js

@@ -1,82 +1,127 @@
-import { j as l } from "./index.es84.js";
-import { l as K } from "./index.es101.js";
-import { TableRoot as L, TableHeader as M, TableRow as q, TableHead as O, TableBody as Q, TableCell as S } from "./index.es56.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,
-    {
-      ...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
-        );
-      }) })
-    }
-  ),
-  /* @__PURE__ */ l.jsx(
-    Q,
-    {
-      ...j,
-      className: m(j == null ? void 0 : j.className, A),
-      children: v.map((a, E) => /* @__PURE__ */ l.jsx(
-        q,
+import { j as e } from "./index.es84.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.es120.js";
+import v from "./index.es92.js";
+import C from "./index.es121.js";
+import B from "./index.es122.js";
+import { cn as u } from "./index.es74.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,
         {
-          ...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";
+          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;
 export {
-  U as Table
+  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
 };

package/dist/index.es56.js

@@ -1,102 +1,32 @@
-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(
+import { j as l } from "./index.es84.js";
+import { cn as s } from "./index.es74.js";
+const m = ({
+  isCircle: i,
+  width: t,
+  height: u,
+  isLoading: n = !1,
+  ...e
+}) => {
+  const a = {
+    width: t,
+    height: u,
+    ...e.style
+  };
+  return !n && e.children ? e.children : /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: r(
-        "ui-relative ui-w-full ui-overflow-auto ui-rounded-md ui-border",
-        a
+      ...e,
+      className: s(
+        "[&>*]:ui-opacity-0 ui-w-fit",
+        "ui-rounded ui-w-full ui-animate-pulse ui-bg-muted ui-min-h-[1.5em]",
+        i && "ui-rounded-[50%] ui-aspect-square",
+        e.className
       ),
-      ...o,
-      children: /* @__PURE__ */ t.jsx(
-        "table",
-        {
-          ref: l,
-          className: r("ui-w-full caption-bottom ui-text-sm", e),
-          ...s
-        }
-      )
+      style: a
     }
-  )
-);
-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";
+  );
+};
+m.displayName = "Skeleton";
 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
+  m as Skeleton
 };

package/dist/index.es57.js

@@ -1,85 +1,26 @@
-import { j as i } from "./index.es84.js";
-import { useControllableState as j } from "./index.es88.js";
-import { TABLE_PAGE_SIZES as P } from "./index.es58.js";
-import S from "./index.es11.js";
-import z from "./index.es114.js";
-import C from "./index.es108.js";
-import { cn as s } from "./index.es74.js";
-import { Button as o } from "./index.es28.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
-            ),
-            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";
+import { j as f } from "./index.es84.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
+    };
+    return /* @__PURE__ */ f.jsx("div", { ref: n, style: { ...a, ...s }, ...l });
+  }
+);
+c.displayName = "Stack";
 export {
-  N as TablePagination
+  c as Stack
 };

package/dist/index.es58.js

@@ -1,4 +1,70 @@
-const E = [10, 25, 50];
+import { j as t } from "./index.es84.js";
+import { useControllableState as b } from "./index.es91.js";
+import { useId as f } from "react";
+import { cn as i } from "./index.es74.js";
+import { Label as x } from "./index.es46.js";
+const k = ({
+  className: u,
+  children: n,
+  containerProps: c,
+  containerClassName: l,
+  ...e
+}) => {
+  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(
+    "div",
+    {
+      ...c,
+      className: i("ui-flex ui-gap-x-2 ui-items-center", l),
+      children: [
+        /* @__PURE__ */ t.jsxs(
+          "button",
+          {
+            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
+            ),
+            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
+                }
+              )
+            ]
+          }
+        ),
+        n && /* @__PURE__ */ t.jsx(x, { htmlFor: o, children: n })
+      ]
+    }
+  );
+};
+k.displayName = "Switch";
 export {
-  E as TABLE_PAGE_SIZES
+  k as Switch
 };

package/dist/index.es59.js

@@ -1,83 +1,82 @@
-import { j as n } from "./index.es84.js";
-import { useControllableState as f } from "./index.es88.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.es74.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
 };