@boxcustodia/library 0.1.0 → 0.1.2

package/dist/index.es61.js

@@ -1,22 +1,83 @@
-import { j as u } from "./index.es85.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 n } from "./index.es84.js";
+import { useControllableState as f } from "./index.es91.js";
+import { useState as m, useRef as l, useEffect as p } from "react";
+import { TabsContextProvider as T, useTabsContext as c } from "./index.es127.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,
     {
-      ...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
-      ),
-      ref: e
+      value: { activeTab: r, setActiveTab: a, setTargetRef: d, targetRef: u },
+      children: /* @__PURE__ */ n.jsx("div", { ...o, children: t })
     }
-  )
-);
-s.displayName = "TextArea";
+  );
+};
+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",
+    {
+      ref: e,
+      className: "ui-transition-all ui-duration-300 ui-bg-primary ui-rounded ui-absolute ui-top-full ui-h-[3px]"
+    }
+  );
+};
+y.displayName = "TabContent";
 export {
-  s as TextArea
+  y as TabContent,
+  v as TabList,
+  j as TabTrigger,
+  x as Tabs
 };

package/dist/index.es611.js

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

package/dist/index.es612.js

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

package/dist/index.es615.js

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

package/dist/index.es618.js

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

package/dist/index.es62.js

@@ -1,51 +1,22 @@
-import { j as i } from "./index.es85.js";
-import { forwardRef as u } from "react";
-import { toastVariants as n, toastIconVariants as c } from "./index.es125.js";
-import { ToastIcons as d } from "./index.es66.js";
-import { ToastClose as x } from "./index.es63.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
-              }
-            ),
-            /* @__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 })
-        ]
-      }
-    );
-  }
+import { j as u } from "./index.es84.js";
+import { forwardRef as o } from "react";
+import { cn as t } from "./index.es74.js";
+const s = o(
+  ({ className: i, ...r }, e) => /* @__PURE__ */ u.jsx(
+    "textarea",
+    {
+      ...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
+      ),
+      ref: e
+    }
+  )
 );
-f.displayName = "Toast";
+s.displayName = "TextArea";
 export {
-  f as Toast
+  s as TextArea
 };

package/dist/index.es620.js

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

package/dist/index.es621.js

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

package/dist/index.es622.js

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

package/dist/index.es623.js

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

package/dist/index.es624.js

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

package/dist/index.es625.js

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

package/dist/index.es627.js

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

package/dist/index.es628.js

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

package/dist/index.es63.js

@@ -1,28 +1,51 @@
-import { j as o } from "./index.es85.js";
-import { useToastStore as s } from "./index.es65.js";
-import i from "./index.es106.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";
+import { j as i } from "./index.es84.js";
+import { forwardRef as u } from "react";
+import { toastVariants as n, toastIconVariants as c } from "./index.es125.js";
+import { ToastIcons as d } from "./index.es67.js";
+import { ToastClose as x } from "./index.es64.js";
+import { cn as a } from "./index.es74.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
+              }
+            ),
+            /* @__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";
 export {
-  l as ToastClose
+  f as Toast
 };

package/dist/index.es630.js

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

package/dist/index.es631.js

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

package/dist/index.es632.js

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

package/dist/index.es637.js

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

package/dist/index.es638.js

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

package/dist/index.es64.js

@@ -1,29 +1,28 @@
-import { j as r } from "./index.es85.js";
-import { createRef as e } from "react";
-import m from "./index.es165.js";
-import a from "./index.es145.js";
-import { Toast as n } from "./index.es62.js";
-import { useToastStore as p } from "./index.es65.js";
-const u = (i) => {
-  const s = p((t) => t.toasts);
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    i.children,
-    /* @__PURE__ */ r.jsx(m, { className: "empty:ui-hidden ui-fixed ui-pr-2 ui-pb-2 ui-bottom-0 ui-right-0 ui-space-y-2 ui-max-w-[350px] ui-w-full", children: s.map((t) => {
-      const o = e();
-      return /* @__PURE__ */ r.jsx(
-        a,
-        {
-          classNames: "toast",
-          timeout: 200,
-          nodeRef: o,
-          children: /* @__PURE__ */ r.jsx(n, { ...t, ref: o })
-        },
-        t.id
-      );
-    }) })
-  ] });
+import { j as o } from "./index.es84.js";
+import { useToastStore as s } from "./index.es66.js";
+import i from "./index.es106.js";
+import { Button as a } from "./index.es28.js";
+import { cn as m } from "./index.es74.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, {})
+    }
+  );
 };
-u.displayName = "Toaster";
+l.displayName = "ToastClose";
 export {
-  u as Toaster
+  l as ToastClose
 };

package/dist/index.es640.js

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

package/dist/index.es641.js

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

package/dist/index.es642.js

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

package/dist/index.es645.js

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

package/dist/index.es648.js

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

package/dist/index.es649.js

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

package/dist/index.es65.js

@@ -1,37 +1,29 @@
-import T from "./index.es166.js";
-const e = T((s, o) => ({
-  toasts: [],
-  addToast: ({
-    title: t,
-    description: r,
-    type: a,
-    duration: d = 3e3
-  }) => {
-    const i = Date.now();
-    s((n) => ({
-      toasts: [...n.toasts, { id: i, title: t, description: r, type: a }]
-    })), setTimeout(() => {
-      o().removeToast(i);
-    }, d);
-  },
-  removeToast: (t) => s((r) => ({
-    toasts: r.toasts.filter((a) => a.id !== t)
-  })),
-  info: (t) => o().addToastFromArgs(t, "info"),
-  error: (t) => o().addToastFromArgs(t, "error"),
-  success: (t) => o().addToastFromArgs(t, "success"),
-  addToastFromArgs: (t, r) => {
-    const d = typeof t == "string" ? { description: t, type: r } : { ...t, type: r };
-    o().addToast(d);
-  }
-})), c = (s) => {
-  const { type: o, ...t } = s;
-  e.getState().addToastFromArgs(t, o);
+import { j as r } from "./index.es84.js";
+import { createRef as e } from "react";
+import m from "./index.es168.js";
+import a from "./index.es139.js";
+import { Toast as n } from "./index.es63.js";
+import { useToastStore as p } from "./index.es66.js";
+const u = (i) => {
+  const s = p((t) => t.toasts);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    i.children,
+    /* @__PURE__ */ r.jsx(m, { className: "empty:ui-hidden ui-fixed ui-pr-2 ui-pb-2 ui-bottom-0 ui-right-0 ui-space-y-2 ui-max-w-[350px] ui-w-full", children: s.map((t) => {
+      const o = e();
+      return /* @__PURE__ */ r.jsx(
+        a,
+        {
+          classNames: "toast",
+          timeout: 200,
+          nodeRef: o,
+          children: /* @__PURE__ */ r.jsx(n, { ...t, ref: o })
+        },
+        t.id
+      );
+    }) })
+  ] });
 };
-c.info = (s) => e.getState().info(s);
-c.error = (s) => e.getState().error(s);
-c.success = (s) => e.getState().success(s);
+u.displayName = "Toaster";
 export {
-  c as toast,
-  e as useToastStore
+  u as Toaster
 };

package/dist/index.es650.js

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

package/dist/index.es651.js

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

package/dist/index.es653.js

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

package/dist/index.es654.js

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

package/dist/index.es655.js

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

package/dist/index.es656.js

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

package/dist/index.es657.js

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

package/dist/index.es658.js

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

package/dist/index.es659.js

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