@boxcustodia/library 0.2.14 → 0.3.0

package/dist/index.es73.js

@@ -1,221 +1,20 @@
-import { j as e } from "./index.es90.js";
-import { useControllableState as g } from "./index.es98.js";
-import * as _ from "react";
-import { multiSelectVariants as j } from "./index.es137.js";
-import { useMultiSelect as G } from "./index.es138.js";
-import { Badge as N } from "./index.es30.js";
-import b from "./index.es139.js";
-import L from "./index.es108.js";
-import { Divider as U } from "./index.es41.js";
-import w from "./index.es106.js";
-import { AutoCompleteRoot as W, AutoCompleteInput as $, AutoCompleteList as q, AutoCompleteEmpty as z, AutoCompleteGroup as F, AutoCompleteItem as v, AutoCompleteSeparator as H } from "./index.es26.js";
-import C from "./index.es105.js";
-import { PopoverRoot as J, PopoverTrigger as Q, PopoverContent as Y } from "./index.es51.js";
-import { Button as Z } from "./index.es32.js";
-import { cn as t } from "./index.es78.js";
-const K = ({
-  items: o = [],
-  valueKey: l = "value",
-  labelKey: y = "label",
-  onChange: P,
-  variant: p,
-  defaultValue: S = [],
-  placeholder: A = "Seleccionar",
-  maxCount: a = 3,
-  className: D,
-  renderOption: s = (r) => r[y],
-  withCheckbox: c = !1,
-  showSearch: I = !0,
-  showSelectAll: E = !0,
-  ...n
-}) => {
-  const [r = [], M] = g({
-    prop: n.value,
-    onChange: P,
-    defaultProp: S
-  }), [R, m] = g({
-    prop: n.open,
-    onChange: n.onOpenChange,
-    defaultProp: n.defaultOpen
-  }), x = _.useMemo(
-    () => o.filter((i) => !i.disabled),
-    [o]
-  ), {
-    handleInputKeyDown: B,
-    toggleOption: f,
-    handleClear: T,
-    handleTogglePopover: k,
-    clearExtraOptions: V,
-    toggleAll: X
-  } = G({
-    valueKey: l,
-    values: r,
-    setValues: M,
-    items: o,
-    maxCount: a,
-    setIsPopoverOpen: m
-  });
-  return /* @__PURE__ */ e.jsxs(J, { open: R, onOpenChange: m, children: [
-    /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      Z,
-      {
-        ...n,
-        onClick: k,
-        className: t(
-          "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",
-          D
-        ),
-        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 u = o.find((d) => d[l] === i), h = u == null ? void 0 : u.icon;
-              return /* @__PURE__ */ e.jsxs(
-                N,
-                {
-                  className: t(j({ variant: p })),
-                  children: [
-                    h && /* @__PURE__ */ e.jsx(h, { className: "ui-h-4 ui-w-4 ui-mr-2" }),
-                    u && (s == null ? void 0 : s(u)),
-                    /* @__PURE__ */ e.jsx(
-                      b,
-                      {
-                        className: "ui-h-4 ui-w-4 ui-cursor-pointer",
-                        onClick: (d) => {
-                          d.stopPropagation(), f(i);
-                        }
-                      }
-                    )
-                  ]
-                },
-                i
-              );
-            }),
-            r.length > a && /* @__PURE__ */ e.jsxs(
-              N,
-              {
-                className: t(
-                  "ui-bg-transparent ui-text-foreground ui-border-foreground/1 hover:ui-bg-transparent",
-                  j({ variant: p })
-                ),
-                children: [
-                  `+ ${r.length - a} más`,
-                  /* @__PURE__ */ e.jsx(
-                    b,
-                    {
-                      className: "ui-ml-2 ui-h-4 ui-w-4 ui-cursor-pointer",
-                      onClick: (i) => {
-                        i.stopPropagation(), V();
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
-            /* @__PURE__ */ e.jsx(
-              L,
-              {
-                className: "ui-h-4 ui-mx-2 ui-cursor-pointer ui-text-muted-foreground",
-                onClick: (i) => {
-                  i.stopPropagation(), T();
-                }
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              U,
-              {
-                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" })
-        ] })
+import { cva as r } from "./index.es143.js";
+const e = r(
+  "ui-inline-flex ui-items-center ui-rounded-full ui-border ui-gap-2 ui-px-2.5 ui-py-0.5 ui-text-xs ui-font-semibold ui-transition-colors focus:ui-outline-none focus:ui-ring-2 focus:ui-ring-ring focus:ui-ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "ui-border-transparent ui-bg-primary ui-text-primary-foreground hover:ui-bg-primary/80",
+        secondary: "ui-border-transparent ui-bg-secondary ui-text-secondary-foreground hover:ui-bg-secondary/80",
+        error: "ui-border-transparent ui-bg-error ui-text-error-foreground hover:ui-bg-error/80",
+        outline: "ui-text-foreground"
       }
-    ) }),
-    /* @__PURE__ */ e.jsx(
-      Y,
-      {
-        className: "ui-p-0",
-        matchTriggerWidth: !0,
-        align: "start",
-        onEscapeKeyDown: () => m(!1),
-        children: /* @__PURE__ */ e.jsxs(W, { children: [
-          I && /* @__PURE__ */ e.jsx(
-            $,
-            {
-              placeholder: "Buscar...",
-              onKeyDown: B
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(q, { children: [
-            /* @__PURE__ */ e.jsx(z, { children: "No results found." }),
-            /* @__PURE__ */ e.jsxs(F, { children: [
-              E && /* @__PURE__ */ e.jsxs(
-                v,
-                {
-                  onSelect: X,
-                  className: t(
-                    "ui-cursor-pointer",
-                    !c && r.length === x.length && "ui-bg-accent ui-text-accent-foreground"
-                  ),
-                  children: [
-                    c && /* @__PURE__ */ e.jsx(
-                      "div",
-                      {
-                        className: t(
-                          "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 === x.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 u = r.includes(i[l]);
-                return /* @__PURE__ */ e.jsxs(
-                  v,
-                  {
-                    onSelect: () => !i.disabled && f(i[l]),
-                    className: t(
-                      i.disabled ? "!ui-bg-neutral-50 !ui-text-neutral-400" : "ui-cursor-pointer",
-                      !c && u && "!ui-bg-accent !ui-text-accent-foreground"
-                    ),
-                    children: [
-                      c && /* @__PURE__ */ e.jsx(
-                        "div",
-                        {
-                          className: t(
-                            "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",
-                            u ? "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[l]
-                );
-              })
-            ] }),
-            /* @__PURE__ */ e.jsx(H, {})
-          ] })
-        ] })
-      }
-    )
-  ] });
-};
-K.displayName = "MultiSelect";
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
 export {
-  K as MultiSelect
+  e as tagVariants
 };

package/dist/index.es730.js

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/index.es731.js

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

package/dist/index.es732.js

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

package/dist/index.es733.js

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

package/dist/index.es734.js

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

package/dist/index.es735.js

@@ -0,0 +1,25 @@
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
+};
+export {
+  f as getGapWidth,
+  a as zeroGap
+};

package/dist/index.es736.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index.es737.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
+};
+export {
+  i as styleHookSingleton
+};

package/dist/index.es737.js

@@ -0,0 +1,30 @@
+import { getNonce as o } from "./index.es738.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/index.es738.js

@@ -0,0 +1,7 @@
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+export {
+  e as getNonce
+};

package/dist/index.es74.js

@@ -1,8 +1,22 @@
-import { j as t } from "./index.es90.js";
-import { KbdVariants as a } from "./index.es140.js";
-import { cn as i } from "./index.es78.js";
-const p = ({ variant: m, size: o, className: r, ...s }) => /* @__PURE__ */ t.jsx("kbd", { className: i(a({ variant: m, size: o }), r), ...s });
-p.displayName = "Kbd";
+import { j as u } from "./index.es92.js";
+import { forwardRef as o } from "react";
+import { cn as t } from "./index.es82.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
+    }
+  )
+);
+s.displayName = "TextArea";
 export {
-  p as Kbd
+  s as TextArea
 };

package/dist/index.es75.js

@@ -1,23 +1,51 @@
-import { j as i } from "./index.es90.js";
-import { HeadingVariants as n } from "./index.es141.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.es90.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.es90.js";
-import { Heading as a } from "./index.es75.js";
-import o from "./index.es142.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
 };