@moondreamsdev/dreamer-ui 1.7.10-test.3 → 1.7.10-test.31

package/dist/{Toast-BSraKTG9.js → Toast-Bsg0i0i0.js}

@@ -1,26 +1,26 @@
-import { jsx as r, Fragment as q, jsxs as b } from "react/jsx-runtime";
-import $, { createContext as o, useId as D, useState as p, useEffect as g, useRef as H, useCallback as L, useMemo as E, useContext as P } from "react";
-import { createPortal as Q } from "react-dom";
-import { X, C as Z, E as F, I as J } from "./X-CIoyLewf.js";
-import { j as K } from "./join-BmgR_f4v.js";
-function N(...e) {
-  return e.filter((l) => typeof l == "string" && l).join(" ").trim() || void 0;
+import { jsx as n, Fragment as q, jsxs as b } from "react/jsx-runtime";
+import P, { createContext as e, useId as $, useState as p, useEffect as g, useRef as H, useCallback as L, useMemo as E, useContext as X } from "react";
+import { createPortal as D } from "react-dom";
+import { X as F, C as J, E as K, I as Q } from "./X-CIoyLewf.js";
+import { j as V } from "./join-BmgR_f4v.js";
+function N(...l) {
+  return l.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
 }
-function U({ size: e = 15, color: l = "currentColor", className: n = "inline", ...t }) {
-  return /* @__PURE__ */ r(
+function Y({ size: l = 15, color: r = "currentColor", className: i = "inline", ...t }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       ...t,
-      width: e,
-      height: e,
-      className: n,
+      width: l,
+      height: l,
+      className: i,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
-          fill: l,
+          fill: r,
           fillRule: "evenodd",
           clipRule: "evenodd"
         }
@@ -28,49 +28,73 @@ function U({ size: e = 15, color: l = "currentColor", className: n = "inline", .
     }
   );
 }
-function x(...e) {
-  return e.filter((l) => typeof l == "string" && l).join(" ").trim() || void 0;
+function x(...l) {
+  return l.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
 }
-o(void 0);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(null);
-o(void 0);
-o(void 0);
-o(null);
-o(void 0);
-o(void 0);
-function V() {
-  const [e, l] = p(0);
+e(void 0);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(void 0);
+e(void 0);
+e(null);
+e(void 0);
+e(void 0);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+e(null);
+function Z() {
+  const [l, r] = p(0);
   return g(() => {
-    const n = setInterval(() => {
-      l((t) => (t + 1) % 3);
+    const i = setInterval(() => {
+      r((t) => (t + 1) % 3);
     }, 500);
-    return () => clearInterval(n);
-  }, []), /* @__PURE__ */ r("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((n) => /* @__PURE__ */ r(
+    return () => clearInterval(i);
+  }, []), /* @__PURE__ */ n("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((i) => /* @__PURE__ */ n(
     "div",
     {
       className: N(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        e === n && "transform -translate-y-1"
+        l === i && "transform -translate-y-1"
       )
     },
-    n
+    i
   )) });
 }
-const _ = {
+const G = {
   base: "",
   primary: "bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",
   secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",
@@ -78,7 +102,7 @@ const _ = {
   outline: "border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",
   link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted",
   destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"
-}, G = {
+}, U = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -97,49 +121,49 @@ const _ = {
   size: "md",
   rounded: "md"
 };
-function Y({
-  variant: e = w.variant,
-  size: l,
-  rounded: n = w.rounded,
+function _({
+  variant: l = w.variant,
+  size: r,
+  rounded: i = w.rounded,
   loading: t,
-  linkTo: i,
-  linkProps: a,
+  linkTo: a,
+  linkProps: o,
   type: s = "button",
   className: u,
   ...d
 }) {
   let c;
-  e === "link" && !l ? c = "fitted" : c = l || w.size;
+  l === "link" && !r ? c = "fitted" : c = r || w.size;
   const m = N(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    _[e],
-    G[c],
-    W[n],
+    G[l],
+    U[c],
+    W[i],
     t && "relative pointer-events-none",
-    i && "relative",
+    a && "relative",
     u
   );
   return /* @__PURE__ */ b(
     "button",
     {
       ...d,
-      role: i ? "link" : d.role,
-      "aria-label": d["aria-label"] || (a == null ? void 0 : a["aria-label"]),
-      "aria-description": d["aria-description"] || (a == null ? void 0 : a["aria-description"]),
+      role: a ? "link" : d.role,
+      "aria-label": d["aria-label"] || (o == null ? void 0 : o["aria-label"]),
+      "aria-description": d["aria-description"] || (o == null ? void 0 : o["aria-description"]),
       "aria-disabled": d.disabled || t,
       "aria-busy": t,
       type: s,
       className: m,
       children: [
-        t && /* @__PURE__ */ r(V, {}),
-        /* @__PURE__ */ r("span", { className: N(t && "invisible"), children: d.children }),
-        i && !d.disabled && /* @__PURE__ */ r(
+        t && /* @__PURE__ */ n(Z, {}),
+        /* @__PURE__ */ n("span", { className: N(t && "invisible"), children: d.children }),
+        a && !d.disabled && /* @__PURE__ */ n(
           "a",
           {
-            ...a,
+            ...o,
             "aria-hidden": !0,
-            href: i,
-            rel: (a == null ? void 0 : a.rel) || "noreferrer",
+            href: a,
+            rel: (o == null ? void 0 : o.rel) || "noreferrer",
             className: "absolute inset-0"
           }
         )
@@ -147,32 +171,32 @@ function Y({
     }
   );
 }
-function R(e) {
-  const [l, n] = p(!1), [t, i] = p(!1);
+function R(l) {
+  const [r, i] = p(!1), [t, a] = p(!1);
   return g(() => {
-    e ? (i(!0), setTimeout(() => n(!0), 10)) : (n(!1), setTimeout(() => i(!1), 150));
-  }, [e]), { show: l, shouldRender: t };
+    l ? (a(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => a(!1), 150));
+  }, [l]), { show: r, shouldRender: t };
 }
-function ee(e, l) {
+function ee(l, r) {
   g(() => {
-    const n = (t) => {
-      t.key === "Escape" && e && l();
+    const i = (t) => {
+      t.key === "Escape" && l && r();
     };
-    return document.addEventListener("keydown", n), e && (document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", n), document.body.style.overflow = "auto";
+    return document.addEventListener("keydown", i), l && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", i), document.body.style.overflow = "auto";
     };
-  }, [e, l]);
+  }, [l, r]);
 }
-function te(e, l) {
-  const n = H(null), t = L(() => {
-    const i = document.getElementById(e);
-    if (!i) return;
-    const a = i.querySelectorAll('[data-modal-action="true"]');
-    if (a.length > 0) {
-      a[0].focus();
+function le(l, r) {
+  const i = H(null), t = L(() => {
+    const a = document.getElementById(l);
+    if (!a) return;
+    const o = a.querySelectorAll('[data-modal-action="true"]');
+    if (o.length > 0) {
+      o[0].focus();
       return;
     }
-    const s = i.querySelectorAll(
+    const s = a.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     if (s.length > 0) {
@@ -184,77 +208,77 @@ function te(e, l) {
       s[0].focus();
       return;
     }
-    i.focus();
-  }, [e]);
-  g(() => (l && (n.current = document.activeElement, t()), () => {
-    document.body.style.overflow = "auto", n.current instanceof HTMLElement && n.current.focus();
-  }), [l, t]);
+    a.focus();
+  }, [l]);
+  g(() => (r && (i.current = document.activeElement, t()), () => {
+    document.body.style.overflow = "auto", i.current instanceof HTMLElement && i.current.focus();
+  }), [r, t]);
 }
-function re({
-  id: e,
-  isOpen: l,
-  onClose: n,
+function te({
+  id: l,
+  isOpen: r,
+  onClose: i,
   title: t,
-  children: i,
-  contentOnly: a = !1,
+  children: a,
+  contentOnly: o = !1,
   className: s,
   overlayClassName: u,
   hideCloseButton: d = !1,
   actions: c = [],
   disableCloseOnOverlayClick: m = !1,
   ariaLabelledBy: f,
-  ariaDescribedBy: v
+  ariaDescribedBy: h
 }) {
-  const h = D(), k = e || `modal-${h}`, C = e ? `${e}-title` : `modal-title-${h}`, { show: z, shouldRender: y } = R(l);
-  if (te(k, y), ee(y, n), !y) return null;
-  const j = () => t ? $.isValidElement(t) ? /* @__PURE__ */ r("div", { className: "mb-4", children: t }) : /* @__PURE__ */ r("h2", { className: "mb-4 text-xl font-semibold", id: C, children: t }) : null, A = () => c.length === 0 ? null : /* @__PURE__ */ r("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: c.map((I, B) => {
-    const { label: O, className: M, ...S } = I;
-    return /* @__PURE__ */ r(Y, { className: M, type: "button", ...S, "data-modal-action": "true", children: O }, B);
+  const v = $(), k = l || `modal-${v}`, C = l ? `${l}-title` : `modal-title-${v}`, { show: T, shouldRender: y } = R(r);
+  if (le(k, y), ee(y, i), !y) return null;
+  const j = () => t ? P.isValidElement(t) ? /* @__PURE__ */ n("div", { className: "mb-4", children: t }) : /* @__PURE__ */ n("h2", { className: "mb-4 text-xl font-semibold", id: C, children: t }) : null, I = () => c.length === 0 ? null : /* @__PURE__ */ n("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: c.map((A, O) => {
+    const { label: B, className: S, ...M } = A;
+    return /* @__PURE__ */ n(_, { className: S, type: "button", ...M, "data-modal-action": "true", children: B }, O);
   }) });
-  return /* @__PURE__ */ r(q, { children: Q(
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(q, { children: D(
+    /* @__PURE__ */ n(
       "div",
       {
         "aria-labelledby": f ?? t ? C : void 0,
-        "aria-describedby": v,
+        "aria-describedby": h,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
         children: /* @__PURE__ */ b("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "div",
             {
               className: x("fixed inset-0 bg-black/20 transition-all", u),
               onClick: () => {
-                m || n();
+                m || i();
               }
             }
           ),
-          a && /* @__PURE__ */ r("div", { className: x("relative w-fit", s), children: i }),
-          !a && /* @__PURE__ */ b(
+          o && /* @__PURE__ */ n("div", { className: x("relative w-fit", s), children: a }),
+          !o && /* @__PURE__ */ b(
             "div",
             {
               id: k,
               tabIndex: -1,
               className: x(
                 "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75",
-                z ? "opacity-100 scale-100" : "opacity-0 scale-90",
+                T ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 s
               ),
               children: [
-                !d && /* @__PURE__ */ r(
+                !d && /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    onClick: n,
+                    onClick: i,
                     "data-modal-close-button": "true",
                     className: "rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",
-                    children: /* @__PURE__ */ r(U, { size: 18 })
+                    children: /* @__PURE__ */ n(Y, { size: 18 })
                   }
                 ),
                 j(),
-                i,
-                A()
+                a,
+                I()
               ]
             }
           )
@@ -265,143 +289,143 @@ function re({
   ) });
 }
 function de({
-  type: e,
-  message: l,
-  cancelText: n,
+  type: l,
+  message: r,
+  cancelText: i,
   confirmText: t,
-  onConfirm: i,
-  onClose: a,
+  onConfirm: a,
+  onClose: o,
   destructive: s = !1,
   title: u,
   ...d
 }) {
-  const c = E(() => e === "confirm" ? {
+  const c = E(() => l === "confirm" ? {
     confirm: t || "Confirm",
-    cancel: n || "Cancel",
+    cancel: i || "Cancel",
     defaultTitle: u || "Confirm Action"
   } : {
     confirm: t || "OK",
     cancel: null,
     defaultTitle: u || "Alert"
-  }, [e, t, u, n]), m = E(
+  }, [l, t, u, i]), m = E(
     () => [
       ...c.cancel ? [
         {
           label: c.cancel,
           variant: "secondary",
-          onClick: a
+          onClick: o
         }
       ] : [],
       {
         label: c.confirm,
         variant: s ? "destructive" : "primary",
         onClick: () => {
-          i == null || i(), a();
+          a == null || a(), o();
         }
       }
     ],
-    [c, s, i, a]
+    [c, s, a, o]
   );
-  return /* @__PURE__ */ r(
-    re,
+  return /* @__PURE__ */ n(
+    te,
     {
       ...d,
       title: u || c.defaultTitle,
-      onClose: a,
+      onClose: o,
       actions: m,
-      disableCloseOnOverlayClick: e === "confirm",
-      hideCloseButton: e === "confirm",
-      children: typeof l == "string" ? /* @__PURE__ */ r("p", { className: "text-sm", children: l }) : l
+      disableCloseOnOverlayClick: l === "confirm",
+      hideCloseButton: l === "confirm",
+      children: typeof r == "string" ? /* @__PURE__ */ n("p", { className: "text-sm", children: r }) : r
     }
   );
 }
-const le = o(null), ue = () => {
-  const e = P(le);
-  if (!e)
+const ne = e(null), ue = () => {
+  const l = X(ne);
+  if (!l)
     throw new Error("Tabs components must be used within a Tabs component");
-  return e;
-}, T = {
+  return l;
+}, z = {
   info: {
     className: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100",
-    icon: /* @__PURE__ */ r(J, { size: 20 })
+    icon: /* @__PURE__ */ n(Q, { size: 20 })
   },
   warning: {
     className: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100",
-    icon: /* @__PURE__ */ r(F, { size: 20 })
+    icon: /* @__PURE__ */ n(K, { size: 20 })
   },
   error: {
     className: "bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100",
-    icon: /* @__PURE__ */ r(Z, { size: 20 })
+    icon: /* @__PURE__ */ n(J, { size: 20 })
   }
 };
 function ce({
-  id: e,
-  title: l,
-  description: n,
+  id: l,
+  title: r,
+  description: i,
   type: t = "info",
-  action: i,
-  duration: a = 5e3,
+  action: a,
+  duration: o = 5e3,
   onRemove: s,
   customTypes: u,
   customComponent: d
 }) {
   const [c, m] = p(!1), f = L(() => {
     m(!0), setTimeout(() => {
-      s == null || s(e);
+      s == null || s(l);
     }, 150);
-  }, [e, s]);
+  }, [l, s]);
   if (g(() => {
-    if (a > 0) {
-      const h = setTimeout(() => {
+    if (o > 0) {
+      const v = setTimeout(() => {
         f();
-      }, a);
-      return () => clearTimeout(h);
+      }, o);
+      return () => clearTimeout(v);
     }
-  }, [a, e, s, f]), d)
-    return /* @__PURE__ */ r(
+  }, [o, l, s, f]), d)
+    return /* @__PURE__ */ n(
       d,
       {
-        id: e,
-        title: l,
-        description: n,
+        id: l,
+        title: r,
+        description: i,
         type: t,
-        action: i,
-        duration: a,
+        action: a,
+        duration: o,
         onRemove: s
       }
     );
-  const v = (u == null ? void 0 : u[t]) || T[t] || T.info;
+  const h = (u == null ? void 0 : u[t]) || z[t] || z.info;
   return /* @__PURE__ */ b(
     "div",
     {
       role: t === "error" ? "alert" : "status",
       "aria-live": t === "error" ? void 0 : "polite",
-      className: K(
+      className: V(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
-        i && "pb-3",
-        v.className,
+        a && "pb-3",
+        h.className,
         c ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex-shrink-0 mr-3", children: v.icon }),
+        /* @__PURE__ */ n("div", { className: "flex-shrink-0 mr-3", children: h.icon }),
         /* @__PURE__ */ b("div", { className: "flex-grow min-w-0", children: [
-          /* @__PURE__ */ r("div", { className: "font-medium text-sm leading-5", children: l }),
-          n && /* @__PURE__ */ r("div", { className: "mt-1 text-sm opacity-90 leading-5", children: n }),
-          i && /* @__PURE__ */ r("div", { className: "mt-1.5", children: /* @__PURE__ */ r(
+          /* @__PURE__ */ n("div", { className: "font-medium text-sm leading-5", children: r }),
+          i && /* @__PURE__ */ n("div", { className: "mt-1 text-sm opacity-90 leading-5", children: i }),
+          a && /* @__PURE__ */ n("div", { className: "mt-1.5", children: /* @__PURE__ */ n(
             "button",
             {
-              onClick: i.onClick,
+              onClick: a.onClick,
               className: "text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer",
-              children: i.label
+              children: a.label
             }
           ) })
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           "button",
           {
             onClick: f,
             className: "flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0",
-            children: /* @__PURE__ */ r(X, { size: 16 })
+            children: /* @__PURE__ */ n(F, { size: 16 })
           }
         )
       ]
@@ -411,8 +435,8 @@ function ce({
 export {
   de as A,
   ce as T,
-  le as a,
+  ne as a,
   N as n,
   ue as u
 };
-//# sourceMappingURL=Toast-BSraKTG9.js.map
+//# sourceMappingURL=Toast-Bsg0i0i0.js.map