@boxcustodia/library 0.2.12 → 0.3.0

package/dist/index.es75.js

@@ -1,23 +1,51 @@
-import { j as i } from "./index.es88.js";
-import { HeadingVariants as n } from "./index.es134.js";
-import { cn as e } from "./index.es78.js";
-const p = ({
-  className: o,
-  size: r,
-  weight: a,
-  as: m,
-  ...s
-}) => {
-  const t = m || "h2";
-  return /* @__PURE__ */ i.jsx(
-    t,
-    {
-      className: e(n({ size: r, weight: a }), o),
-      ...s
-    }
-  );
-};
-p.displayName = "Heading";
+import { j as i } from "./index.es92.js";
+import { forwardRef as u } from "react";
+import { toastVariants as n, toastIconVariants as c } from "./index.es144.js";
+import { ToastIcons as d } from "./index.es79.js";
+import { ToastClose as x } from "./index.es76.js";
+import { cn as a } from "./index.es82.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 {
-  p as Heading
+  f as Toast
 };

package/dist/index.es76.js

@@ -1,15 +1,28 @@
-import { j as i } from "./index.es88.js";
-import { cn as r } from "./index.es78.js";
-const o = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    className: r("ui-flex ui-items-center ui-justify-center", e),
-    ...t
-  }
-);
+import { j as o } from "./index.es92.js";
+import { useToastStore as s } from "./index.es78.js";
+import i from "./index.es107.js";
+import { Button as a } from "./index.es29.js";
+import { cn as m } from "./index.es82.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";
 export {
-  o as Center
+  l as ToastClose
 };

package/dist/index.es77.js

@@ -1,31 +1,29 @@
-import { j as e } from "./index.es88.js";
-import { Heading as a } from "./index.es75.js";
-import o from "./index.es138.js";
-import { cn as d } from "./index.es78.js";
-const c = ({
-  icon: t = /* @__PURE__ */ e.jsx(o, { className: "ui-h-12 ui-w-12" }),
-  title: i = "No hay resultados",
-  description: s,
-  className: r,
-  children: m,
-  ...u
-}) => /* @__PURE__ */ e.jsxs(
-  "div",
-  {
-    className: d(
-      "ui-flex ui-flex-col ui-gap-2 ui-justify-center ui-items-center",
-      r
-    ),
-    ...u,
-    children: [
-      /* @__PURE__ */ e.jsx("div", { className: "ui-text-muted-foreground", children: t }),
-      /* @__PURE__ */ e.jsx(a, { className: "empty:ui-hidden", children: i }),
-      /* @__PURE__ */ e.jsx("p", { className: "ui-text-center ui-text-sm ui-text-muted-foreground ui-py-1 empty:ui-hidden", children: s }),
-      m
-    ]
-  }
-);
-c.displayName = "EmptyState";
+import { j as r } from "./index.es92.js";
+import { createRef as e } from "react";
+import m from "./index.es184.js";
+import a from "./index.es159.js";
+import { Toast as n } from "./index.es75.js";
+import { useToastStore as p } from "./index.es78.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
+      );
+    }) })
+  ] });
+};
+u.displayName = "Toaster";
 export {
-  c as EmptyState
+  u as Toaster
 };

package/dist/index.es78.js

@@ -1,12 +1,37 @@
-import { clsx as e } from "./index.es86.js";
-import { extendTailwindMerge as t } from "./index.es87.js";
-const i = t({
-  prefix: "ui-"
-});
-function c(...r) {
-  return i(e(r));
-}
+import T from "./index.es189.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);
+};
+c.info = (s) => e.getState().info(s);
+c.error = (s) => e.getState().error(s);
+c.success = (s) => e.getState().success(s);
 export {
-  c as cn,
-  i as twMerge
+  c as toast,
+  e as useToastStore
 };

package/dist/index.es79.js

@@ -1,4 +1,11 @@
-const i = (t) => t.split(" ").map((a) => a.charAt(0)).join("");
+import o from "./index.es145.js";
+import r from "./index.es108.js";
+import m from "./index.es107.js";
+const f = {
+  info: o,
+  success: r,
+  error: m
+};
 export {
-  i as extractInitials
+  f as ToastIcons
 };

package/dist/index.es80.js

@@ -1,10 +1,50 @@
-function o(e) {
-  return (t) => {
-    e.forEach((n) => {
-      typeof n == "function" ? n(t) : n != null && (n.current = t);
-    });
-  };
-}
+import { j as o } from "./index.es92.js";
+import { useControllableState as a } from "./index.es105.js";
+import { PopoverAnchor as d } from "./index.es124.js";
+import { Slot as f } from "./index.es103.js";
+import { PopoverRoot as c, PopoverContent as h } from "./index.es59.js";
+import { cn as x } from "./index.es82.js";
+const j = ({
+  label: r,
+  open: t,
+  defaultOpen: i,
+  onOpenChange: p,
+  className: n,
+  side: s = "top",
+  offset: u,
+  ...l
+}) => {
+  const [m, e] = a({
+    prop: t,
+    onChange: p,
+    defaultProp: i
+  });
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs(c, { open: m, children: [
+    /* @__PURE__ */ o.jsx(d, { asChild: !0, children: /* @__PURE__ */ o.jsx(
+      f,
+      {
+        ...l,
+        onMouseEnter: () => e(!0),
+        onMouseLeave: () => e(!1),
+        onFocus: () => e(!0),
+        onBlur: () => e(!1)
+      }
+    ) }),
+    /* @__PURE__ */ o.jsx(
+      h,
+      {
+        side: s,
+        sideOffset: u,
+        className: x(
+          "ui-w-fit ui-whitespace-nowrap ui-px-2 ui-py-1 ui-rounded-md ui-border ui-border-border/20 ui-bg-popover ui-text-sm ui-text-popover-foreground ui-shadow-md",
+          n
+        ),
+        children: r
+      }
+    )
+  ] }) });
+};
+j.displayName = "Tooltip";
 export {
-  o as mergeRefs
+  j as Tooltip
 };

package/dist/index.es81.js

@@ -1,13 +1,61 @@
-import { j as o } from "./index.es88.js";
-import { isValidElement as f } from "react";
-const x = ({
-  children: t,
-  as: s = "div",
-  props: i
+import { j as r } from "./index.es92.js";
+import { useCallback as S, Fragment as v } from "react";
+import { TreeNode as N } from "./index.es146.js";
+import { useControllableTreeState as E } from "./index.es147.js";
+import F from "./index.es133.js";
+import R from "./index.es129.js";
+const z = ({
+  data: l,
+  multiSelect: m = !1,
+  defaultExpandedKeys: a = [],
+  defaultSelectedKeys: h = [],
+  selectedKeys: p,
+  expandedKeys: x,
+  expandedIcon: f = F,
+  collapsedIcon: u = R,
+  leafIcon: g,
+  onSelect: j,
+  onExpand: y,
+  className: C,
+  renderClassName: K
 }) => {
-  let e;
-  return typeof t == "string" ? e = /* @__PURE__ */ o.jsx(s, { children: t }) : f(t) ? e = t : typeof t == "function" ? e = t(i) : e = /* @__PURE__ */ o.jsx(s, { children: t }), f(e) ? e : /* @__PURE__ */ o.jsx(s, { children: e });
+  const { expandedKeys: s, selectedKeys: i, handleToggle: n, handleSelect: o } = E({
+    defaultExpandedKeys: a,
+    defaultSelectedKeys: h,
+    selectedKeys: p,
+    expandedKeys: x,
+    multiSelect: m,
+    onSelect: j,
+    onExpand: y
+  }), t = S(
+    (e) => {
+      const c = e.children && e.children.length > 0, d = s.has(e.id), b = i.has(e.id);
+      return /* @__PURE__ */ r.jsxs(v, { children: [
+        /* @__PURE__ */ r.jsx(
+          N,
+          {
+            id: e.id,
+            label: e.label,
+            icon: e.icon,
+            isExpanded: d,
+            isSelected: b,
+            hasChildren: c || !1,
+            expandedIcon: f,
+            collapsedIcon: u,
+            defaultLeafIcon: g,
+            onSelect: o,
+            onToggle: n,
+            className: C,
+            renderClassName: K
+          }
+        ),
+        c && d && /* @__PURE__ */ r.jsx("div", { className: "ui-ml-[1.20rem] ui-pl-px ui-border-l-2", children: e.children.map((T) => t(T)) })
+      ] }, e.id);
+    },
+    [s, i, n, o]
+  );
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: l == null ? void 0 : l.map((e) => t(e)) });
 };
 export {
-  x as ensureReactElement
+  z as Tree
 };

package/dist/index.es82.js

@@ -1,13 +1,12 @@
-import n from "react";
-const u = () => {
-  const t = n.createContext(null);
-  return [() => {
-    const e = n.useContext(t);
-    if (e === null)
-      throw new Error("Context value is null");
-    return e;
-  }, t.Provider];
-};
+import { clsx as e } from "./index.es90.js";
+import { extendTailwindMerge as t } from "./index.es91.js";
+const i = t({
+  prefix: "ui-"
+});
+function c(...r) {
+  return i(e(r));
+}
 export {
-  u as createSafeContext
+  c as cn,
+  i as twMerge
 };

package/dist/index.es83.js

@@ -1,11 +1,4 @@
-const o = (e) => {
-  e.preventDefault();
-  const a = e.currentTarget.elements, r = {};
-  return Array.from(a).forEach((n) => {
-    const t = n;
-    t.name && (r[t.name] = t.value);
-  }), r;
-};
+const i = (t) => t.split(" ").map((a) => a.charAt(0)).join("");
 export {
-  o as getFormData
+  i as extractInitials
 };

package/dist/index.es84.js

@@ -1,5 +1,10 @@
-import { act as o } from "./index.es155.js";
-const i = (c) => o(() => c.click());
+function o(e) {
+  return (t) => {
+    e.forEach((n) => {
+      typeof n == "function" ? n(t) : n != null && (n.current = t);
+    });
+  };
+}
 export {
-  i as click
+  o as mergeRefs
 };

package/dist/index.es85.js

@@ -1,7 +1,13 @@
-import { act as r, fireEvent as o } from "./index.es155.js";
-const c = (t, e) => r(() => {
-  o.change(t, { target: { value: e } });
-});
+import { j as o } from "./index.es92.js";
+import { isValidElement as f } from "react";
+const x = ({
+  children: t,
+  as: s = "div",
+  props: i
+}) => {
+  let e;
+  return typeof t == "string" ? e = /* @__PURE__ */ o.jsx(s, { children: t }) : f(t) ? e = t : typeof t == "function" ? e = t(i) : e = /* @__PURE__ */ o.jsx(s, { children: t }), f(e) ? e : /* @__PURE__ */ o.jsx(s, { children: e });
+};
 export {
-  c as type
+  x as ensureReactElement
 };

package/dist/index.es86.js

@@ -1,17 +1,13 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+import n from "react";
+const u = () => {
+  const t = n.createContext(null);
+  return [() => {
+    const e = n.useContext(t);
+    if (e === null)
+      throw new Error("Context value is null");
+    return e;
+  }, t.Provider];
+};
 export {
-  i as clsx,
-  i as default
+  u as createSafeContext
 };