@boxcustodia/library 0.2.6 → 0.2.7

package/dist/index.es67.js

@@ -1,78 +1,29 @@
-import { j as i } from "./index.es84.js";
-import { l as c } from "./index.es101.js";
-import { forwardRef as x } from "react";
-import { Tree as p } from "./index.es128.js";
-import f from "./index.es108.js";
-import { cn as d } from "./index.es74.js";
-const g = ({
-  rowClassName: r,
-  draggable: a,
-  parentIcon: o = (t, u) => /* @__PURE__ */ i.jsx(
-    f,
-    {
-      className: d("ui-transition-all", u && "ui-rotate-90")
-    }
-  ),
-  leaftIcon: n,
-  children: e,
-  search: s,
-  ...m
-}, l) => /* @__PURE__ */ i.jsx(
-  p,
-  {
-    ...m,
-    ref: l,
-    searchTerm: s,
-    disableDrag: !a,
-    indent: 30,
-    children: (t) => {
-      const u = {
-        ...t,
-        rowClassName: r,
-        parentIcon: o,
-        leaftIcon: n
-      };
-      return e ? c.isFunction(e) ? e(u) : e : /* @__PURE__ */ i.jsx(j, { ...u });
-    }
-  }
-), j = ({
-  node: r,
-  style: a,
-  dragHandle: o,
-  rowClassName: n,
-  leaftIcon: e,
-  parentIcon: s
-}) => {
-  const m = c.isFunction(s) ? s == null ? void 0 : s(r, r.isOpen) : s, { isLeaf: l } = r, t = c.isFunction(e) ? e == null ? void 0 : e(r) : e;
-  return /* @__PURE__ */ i.jsxs(
-    "div",
-    {
-      onClick: () => r.isInternal && r.toggle(),
-      style: a,
-      className: d(
-        "ui-flex ui-items-center ui-gap-1 ui-cursor-pointer",
-        n
-      ),
-      children: [
-        l && e ? t : null,
-        r.isInternal ? m : null,
-        /* @__PURE__ */ i.jsx(
-          "span",
-          {
-            ref: o,
-            "data-selected": r.isSelected,
-            className: d(
-              "ui-rounded ui-px-1 hover:ui-bg-muted",
-              "data-[selected=true]:ui-bg-accent data-[selected=true]:ui-text-accent-foreground"
-            ),
-            children: r.data.label
-          }
-        )
-      ]
-    }
-  );
-}, R = x(g);
+import { j as r } from "./index.es84.js";
+import { createRef as e } from "react";
+import m from "./index.es171.js";
+import a from "./index.es141.js";
+import { Toast as n } from "./index.es65.js";
+import { useToastStore as p } from "./index.es68.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 {
-  j as Node,
-  R as Tree
+  u as Toaster
 };

package/dist/index.es68.js

@@ -1,64 +1,37 @@
-import { j as i } from "./index.es84.js";
-import d from "react";
-import { cn as s } from "./index.es74.js";
-const t = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    ref: r,
-    className: s(
-      "ui-rounded-lg ui-border ui-bg-card ui-text-card-foreground ui-shadow-sm",
-      a
-    ),
-    ...e
+import T from "./index.es170.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);
   }
-));
-t.displayName = "Card";
-const o = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    ref: r,
-    className: s("ui-flex ui-flex-col ui-space-y-1.5 ui-p-6", a),
-    ...e
-  }
-));
-o.displayName = "CardHeader";
-const u = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
-  "h3",
-  {
-    ref: r,
-    className: s(
-      "ui-text-2xl ui-font-semibold ui-leading-none ui-tracking-tight",
-      a
-    ),
-    ...e
-  }
-));
-u.displayName = "CardTitle";
-const m = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
-  "p",
-  {
-    ref: r,
-    className: s("ui-text-sm ui-text-muted-foreground", a),
-    ...e
-  }
-));
-m.displayName = "CardDescription";
-const l = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx("div", { ref: r, className: s("ui-p-6 ui-pt-0", a), ...e }));
-l.displayName = "CardContent";
-const n = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    ref: r,
-    className: s("ui-flex ui-items-center ui-p-6 ui-pt-0", a),
-    ...e
-  }
-));
-n.displayName = "CardFooter";
+})), 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 {
-  t as Card,
-  l as CardContent,
-  m as CardDescription,
-  n as CardFooter,
-  o as CardHeader,
-  u as CardTitle
+  c as toast,
+  e as useToastStore
 };

package/dist/index.es69.js

@@ -1,268 +1,11 @@
-import { j as e } from "./index.es84.js";
-import { cva as M } from "./index.es87.js";
-import { useState as X } from "react";
-import { useControllableState as _ } from "./index.es88.js";
-import { Badge as b } from "./index.es26.js";
-import v from "./index.es127.js";
-import F from "./index.es105.js";
-import { Divider as N } from "./index.es37.js";
-import w from "./index.es96.js";
-import { AutoCompleteRoot as G, AutoCompleteInput as U, AutoCompleteList as W, AutoCompleteEmpty as $, AutoCompleteGroup as y, AutoCompleteItem as d, AutoCompleteSeparator as q } from "./index.es22.js";
-import C from "./index.es89.js";
-import { PopoverRoot as z, PopoverTrigger as H, PopoverContent as J } from "./index.es47.js";
-import { Button as Q } from "./index.es28.js";
-import { cn as c } from "./index.es74.js";
-const S = M(
-  "ui-m-1 ui-transition ui-ease-in-out ui-delay-150 ui-duration-300",
-  {
-    variants: {
-      variant: {
-        default: "ui-border-foreground/10 ui-text-foreground ui-bg-card hover:ui-bg-card/80",
-        secondary: "ui-border-foreground/10 ui-bg-secondary ui-text-secondary-foreground hover:ui-bg-secondary/80",
-        destructive: "ui-border-transparent ui-bg-destructive ui-text-destructive-foreground hover:ui-bg-destructive/80",
-        inverted: "ui-inverted"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), Y = ({
-  items: o = [],
-  valueKey: n = "value",
-  labelKey: P = "label",
-  onChange: p,
-  variant: h,
-  defaultValue: k = [],
-  placeholder: A = "Seleccionar",
-  maxCount: a = 3,
-  modalPopover: D = !1,
-  className: E,
-  renderOption: s = (r) => r[P],
-  ...g
-}) => {
-  const [r = [], u] = _({
-    prop: g.value,
-    onChange: (i) => {
-      if (!p) return;
-      p(i);
-    },
-    defaultProp: k
-  }), [I, l] = X(!1), B = (i) => {
-    if (i.key === "Enter")
-      l(!0);
-    else if (i.key === "Backspace" && !i.currentTarget.value) {
-      const t = [...r];
-      t.pop(), u == null || u(t);
-    }
-  }, j = (i) => {
-    const t = r.includes(i) ? r.filter((m) => m !== i) : [...r, i];
-    u == null || u(t);
-  }, f = () => {
-    u == null || u([]);
-  }, T = () => {
-    l((i) => !i);
-  }, R = () => {
-    const i = r.slice(0, a);
-    u == null || u(i);
-  }, L = () => {
-    if (r.length === o.length)
-      f();
-    else {
-      const i = o.map((t) => t[n]);
-      u == null || u(i);
-    }
-  };
-  return /* @__PURE__ */ e.jsxs(
-    z,
-    {
-      open: I,
-      onOpenChange: l,
-      modal: D,
-      children: [
-        /* @__PURE__ */ e.jsx(H, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-          Q,
-          {
-            ...g,
-            onClick: T,
-            className: c(
-              "ui-flex ui-w-full ui-p-1 ui-rounded-md ui-border ui-border-input ui-min-h-10 ui-h-auto ui-items-center ui-justify-between ui-bg-inherit hover:ui-bg-inherit",
-              E
-            ),
-            children: r.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-justify-between ui-items-center ui-w-full", children: [
-              /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-flex-wrap ui-items-center", children: [
-                r.slice(0, a).map((i) => {
-                  const t = o.find((x) => x[n] === i), m = t == null ? void 0 : t.icon;
-                  return /* @__PURE__ */ e.jsxs(
-                    b,
-                    {
-                      className: c(S({ variant: h })),
-                      children: [
-                        m && /* @__PURE__ */ e.jsx(m, { className: "ui-h-4 ui-w-4 ui-mr-2" }),
-                        t && (s == null ? void 0 : s(t)),
-                        /* @__PURE__ */ e.jsx(
-                          v,
-                          {
-                            className: "ui-ml-2 ui-h-4 ui-w-4 ui-cursor-pointer",
-                            onClick: (x) => {
-                              x.stopPropagation(), j(i);
-                            }
-                          }
-                        )
-                      ]
-                    },
-                    i
-                  );
-                }),
-                r.length > a && /* @__PURE__ */ e.jsxs(
-                  b,
-                  {
-                    className: c(
-                      "ui-bg-transparent ui-text-foreground ui-border-foreground/1 hover:ui-bg-transparent",
-                      S({ variant: h })
-                    ),
-                    children: [
-                      `+ ${r.length - a} más`,
-                      /* @__PURE__ */ e.jsx(
-                        v,
-                        {
-                          className: "ui-ml-2 ui-h-4 ui-w-4 ui-cursor-pointer",
-                          onClick: (i) => {
-                            i.stopPropagation(), R();
-                          }
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
-                /* @__PURE__ */ e.jsx(
-                  F,
-                  {
-                    className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground",
-                    onClick: (i) => {
-                      i.stopPropagation(), f();
-                    }
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  N,
-                  {
-                    orientation: "vertical",
-                    className: "ui-flex ui-min-h-6 ui-h-full"
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(w, { className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground" })
-              ] })
-            ] }) : /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between ui-w-full ui-mx-auto", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "ui-text-sm ui-text-foreground ui-font-normal ui-mx-2", children: A }),
-              /* @__PURE__ */ e.jsx(w, { className: "ui-h-4 ui-cursor-pointer ui-text-muted-foreground ui-mx-2" })
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          J,
-          {
-            className: "ui-p-0",
-            matchTriggerWidth: !0,
-            align: "start",
-            onEscapeKeyDown: () => l(!1),
-            children: /* @__PURE__ */ e.jsxs(G, { children: [
-              /* @__PURE__ */ e.jsx(
-                U,
-                {
-                  placeholder: "Buscar...",
-                  onKeyDown: B
-                }
-              ),
-              /* @__PURE__ */ e.jsxs(W, { children: [
-                /* @__PURE__ */ e.jsx($, { children: "No results found." }),
-                /* @__PURE__ */ e.jsxs(y, { children: [
-                  /* @__PURE__ */ e.jsxs(
-                    d,
-                    {
-                      onSelect: L,
-                      className: "ui-cursor-pointer",
-                      children: [
-                        /* @__PURE__ */ e.jsx(
-                          "div",
-                          {
-                            className: c(
-                              "ui-mr-2 ui-flex ui-h-4 ui-w-4 ui-items-center ui-justify-center ui-rounded-sm ui-border ui-border-primary",
-                              r.length === o.length ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
-                            ),
-                            children: /* @__PURE__ */ e.jsx(C, { className: "ui-h-4 ui-w-4" })
-                          }
-                        ),
-                        /* @__PURE__ */ e.jsx("span", { children: "(Seleccionar todo)" })
-                      ]
-                    },
-                    "all"
-                  ),
-                  o.map((i) => {
-                    const t = r.includes(i[n]);
-                    return /* @__PURE__ */ e.jsxs(
-                      d,
-                      {
-                        onSelect: () => j(i[n]),
-                        className: "ui-cursor-pointer",
-                        children: [
-                          /* @__PURE__ */ e.jsx(
-                            "div",
-                            {
-                              className: c(
-                                "ui-mr-2 ui-flex ui-h-4 ui-w-4 ui-items-center ui-justify-center ui-rounded-sm ui-border ui-border-primary",
-                                t ? "ui-bg-primary ui-text-primary-foreground" : "ui-opacity-50 [&_svg]:ui-invisible"
-                              ),
-                              children: /* @__PURE__ */ e.jsx(C, { className: "ui-h-4 ui-w-4" })
-                            }
-                          ),
-                          i.icon && /* @__PURE__ */ e.jsx(i.icon, { className: "ui-mr-2 ui-h-4 ui-w-4 ui-text-muted-foreground" }),
-                          /* @__PURE__ */ e.jsx("span", { children: s == null ? void 0 : s(i) })
-                        ]
-                      },
-                      i[n]
-                    );
-                  })
-                ] }),
-                /* @__PURE__ */ e.jsx(q, {}),
-                /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
-                  r.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                    /* @__PURE__ */ e.jsx(
-                      d,
-                      {
-                        onSelect: f,
-                        className: "ui-flex-1 ui-justify-center ui-items-center ui-cursor-pointer",
-                        children: "Limpiar"
-                      }
-                    ),
-                    /* @__PURE__ */ e.jsx(
-                      N,
-                      {
-                        orientation: "vertical",
-                        className: "ui-flex ui-min-h-6 ui-h-full"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ e.jsx(
-                    d,
-                    {
-                      onSelect: () => l(!1),
-                      className: "ui-flex-1 ui-justify-center ui-cursor-pointer ui-max-w-full",
-                      children: "Close"
-                    }
-                  )
-                ] }) })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
+import o from "./index.es127.js";
+import r from "./index.es95.js";
+import m from "./index.es94.js";
+const f = {
+  info: o,
+  success: r,
+  error: m
 };
-Y.displayName = "MultiSelect";
 export {
-  Y as MultiSelect
+  f as ToastIcons
 };

package/dist/index.es7.js

@@ -1,4 +1,4 @@
-import { l as u } from "./index.es101.js";
+import { l as u } from "./index.es108.js";
 import { useRef as o, useMemo as i } from "react";
 function m(e) {
   u.isFunction(e) || console.error(

package/dist/index.es70.js

@@ -1,15 +1,50 @@
-import { useRef as s, useEffect as o } from "react";
-const c = (r, t = !0) => {
-  const e = s(null), n = (u) => {
-    e.current && !e.current.contains(u.target) && r();
-  };
-  return o(() => {
-    if (t)
-      return document.addEventListener("mousedown", n), () => {
-        document.removeEventListener("mousedown", n);
-      };
-  }, [t]), e;
-}, d = c;
+import { j as o } from "./index.es84.js";
+import { useControllableState as a } from "./index.es91.js";
+import { PopoverAnchor as d } from "./index.es119.js";
+import { Slot as f } from "./index.es89.js";
+import { PopoverRoot as c, PopoverContent as h } from "./index.es51.js";
+import { cn as x } from "./index.es74.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 {
-  d as default
+  j as Tooltip
 };

package/dist/index.es71.js

@@ -1,37 +1,78 @@
-import { useMemo as D } from "react";
-import { l as a } from "./index.es101.js";
-import h from "./index.es11.js";
-const s = "...", u = ({
-  siblingCount: n = 1,
-  ...i
-}) => {
-  const c = h(i), { currentPage: r, maxPage: t } = c, { totalItems: R, pageSize: l } = i, f = D(() => {
-    const g = 2 + 3 * n, e = 1;
-    if (g >= t)
-      return a.range(e, t + 1);
-    const S = Math.max(r - n, 1), T = Math.min(r + n, t), m = S > 2, E = T < t - 2;
-    if (m && E) {
-      const o = a.range(S, T + 1);
-      return [e, s, ...o, s, t];
+import { j as i } from "./index.es84.js";
+import { l as c } from "./index.es108.js";
+import { forwardRef as x } from "react";
+import { Tree as p } from "./index.es125.js";
+import f from "./index.es106.js";
+import { cn as d } from "./index.es74.js";
+const g = ({
+  rowClassName: r,
+  draggable: a,
+  parentIcon: o = (t, u) => /* @__PURE__ */ i.jsx(
+    f,
+    {
+      className: d("ui-transition-all", u && "ui-rotate-90")
+    }
+  ),
+  leaftIcon: n,
+  children: e,
+  search: s,
+  ...m
+}, l) => /* @__PURE__ */ i.jsx(
+  p,
+  {
+    ...m,
+    ref: l,
+    searchTerm: s,
+    disableDrag: !a,
+    indent: 30,
+    children: (t) => {
+      const u = {
+        ...t,
+        rowClassName: r,
+        parentIcon: o,
+        leaftIcon: n
+      };
+      return e ? c.isFunction(e) ? e(u) : e : /* @__PURE__ */ i.jsx(j, { ...u });
     }
-    if (E)
-      return [...a.range(e, g + 1), s, t];
-    if (m) {
-      const o = a.range(t - g + 1, t + 1);
-      return [e, s, ...o];
+  }
+), j = ({
+  node: r,
+  style: a,
+  dragHandle: o,
+  rowClassName: n,
+  leaftIcon: e,
+  parentIcon: s
+}) => {
+  const m = c.isFunction(s) ? s == null ? void 0 : s(r, r.isOpen) : s, { isLeaf: l } = r, t = c.isFunction(e) ? e == null ? void 0 : e(r) : e;
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      onClick: () => r.isInternal && r.toggle(),
+      style: a,
+      className: d(
+        "ui-flex ui-items-center ui-gap-1 ui-cursor-pointer",
+        n
+      ),
+      children: [
+        l && e ? t : null,
+        r.isInternal ? m : null,
+        /* @__PURE__ */ i.jsx(
+          "span",
+          {
+            ref: o,
+            "data-selected": r.isSelected,
+            className: d(
+              "ui-rounded ui-px-1 hover:ui-bg-muted",
+              "data-[selected=true]:ui-bg-accent data-[selected=true]:ui-text-accent-foreground"
+            ),
+            children: r.data.label
+          }
+        )
+      ]
     }
-  }, [
-    R,
-    l,
-    r,
-    n
-  ]);
-  return {
-    ...c,
-    paginationRange: f ?? []
-  };
-}, x = u;
+  );
+}, R = x(g);
 export {
-  s as DOTS,
-  x as default
+  j as Node,
+  R as Tree
 };