@moondreamsdev/dreamer-ui 1.7.10-test.111 → 1.7.10-test.112

package/dist/{Toast-CO6YHXyI.js → Toast-Bc0ZiTYw.js}

@@ -1,19 +1,19 @@
 import { jsx as t, Fragment as S, jsxs as b } from "react/jsx-runtime";
 import $, { createContext as l, useId as q, useState as v, useEffect as p, useRef as H, useCallback as L, useMemo as E, useContext as T } from "react";
-import { createPortal as P } from "react-dom";
-import { X, C as F, E as G, I as K } from "./X-CIoyLewf.js";
+import { createPortal as X } from "react-dom";
+import { X as F, C as G, E as K, I as P } from "./X-CIoyLewf.js";
 import { j as U } from "./join-BmgR_f4v.js";
 function N(...e) {
   return e.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
 }
-function V({ size: e = 15, color: r = "currentColor", className: i = "inline", ...n }) {
+function V({ size: e = 15, color: r = "currentColor", className: u = "inline", ...n }) {
   return /* @__PURE__ */ t(
     "svg",
     {
       ...n,
       width: e,
       height: e,
-      className: i,
+      className: u,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
       children: /* @__PURE__ */ t(
@@ -154,22 +154,24 @@ l(null);
 l(null);
 l(null);
 l(null);
+l(null);
+l(null);
 function Y() {
   const [e, r] = v(0);
   return p(() => {
-    const i = setInterval(() => {
+    const u = setInterval(() => {
       r((n) => (n + 1) % 3);
     }, 500);
-    return () => clearInterval(i);
-  }, []), /* @__PURE__ */ t("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((i) => /* @__PURE__ */ t(
+    return () => clearInterval(u);
+  }, []), /* @__PURE__ */ t("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((u) => /* @__PURE__ */ t(
     "div",
     {
       className: N(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        e === i && "transform -translate-y-1"
+        e === u && "transform -translate-y-1"
       )
     },
-    i
+    u
   )) });
 }
 const Z = {
@@ -202,10 +204,10 @@ const Z = {
 function Q({
   variant: e = w.variant,
   size: r,
-  rounded: i = w.rounded,
+  rounded: u = w.rounded,
   loading: n,
   className: o,
-  ...u
+  ...i
 }) {
   let a;
   e === "link" && !r ? a = "fitted" : a = r || w.size;
@@ -213,24 +215,24 @@ function Q({
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
     Z[e],
     _[a],
-    J[i],
+    J[u],
     n && "relative pointer-events-none",
     o
   );
-  if (u.href && !u.disabled)
+  if (i.href && !i.disabled)
     return /* @__PURE__ */ t(
       "a",
       {
-        ...u,
-        rel: u.rel ? u.rel : u.target === "_blank" ? "noopener noreferrer" : void 0,
-        "aria-label": u["aria-label"],
-        "aria-description": u["aria-description"],
-        href: u.href,
+        ...i,
+        rel: i.rel ? i.rel : i.target === "_blank" ? "noopener noreferrer" : void 0,
+        "aria-label": i["aria-label"],
+        "aria-description": i["aria-description"],
+        href: i.href,
         className: s,
-        children: u.children
+        children: i.children
       }
     );
-  const d = u;
+  const d = i;
   return /* @__PURE__ */ b(
     "button",
     {
@@ -248,29 +250,29 @@ function Q({
     }
   );
 }
-function W(e) {
-  const [r, i] = v(!1), [n, o] = v(!1);
+function R(e) {
+  const [r, u] = v(!1), [n, o] = v(!1);
   return p(() => {
-    e ? (o(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => o(!1), 150));
+    e ? (o(!0), setTimeout(() => u(!0), 10)) : (u(!1), setTimeout(() => o(!1), 150));
   }, [e]), { show: r, shouldRender: n };
 }
-function R(e, r) {
+function W(e, r) {
   p(() => {
-    const i = (n) => {
+    const u = (n) => {
       n.key === "Escape" && e && r();
     };
-    return document.addEventListener("keydown", i), e && (document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", i), document.body.style.overflow = "auto";
+    return document.addEventListener("keydown", u), e && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", u), document.body.style.overflow = "auto";
     };
   }, [e, r]);
 }
 function ll(e, r) {
-  const i = H(null), n = L(() => {
+  const u = H(null), n = L(() => {
     const o = document.getElementById(e);
     if (!o) return;
-    const u = o.querySelectorAll('[data-modal-action="true"]');
-    if (u.length > 0) {
-      u[0].focus();
+    const i = o.querySelectorAll('[data-modal-action="true"]');
+    if (i.length > 0) {
+      i[0].focus();
       return;
     }
     const a = o.querySelectorAll(
@@ -287,17 +289,17 @@ function ll(e, r) {
     }
     o.focus();
   }, [e]);
-  p(() => (r && (i.current = document.activeElement, n()), () => {
-    document.body.style.overflow = "auto", i.current instanceof HTMLElement && i.current.focus();
+  p(() => (r && (u.current = document.activeElement, n()), () => {
+    document.body.style.overflow = "auto", u.current instanceof HTMLElement && u.current.focus();
   }), [r, n]);
 }
 function el({
   id: e,
   isOpen: r,
-  onClose: i,
+  onClose: u,
   title: n,
   children: o,
-  contentOnly: u = !1,
+  contentOnly: i = !1,
   className: a,
   overlayClassName: s,
   hideCloseButton: d = !1,
@@ -306,13 +308,13 @@ function el({
   ariaLabelledBy: f,
   ariaDescribedBy: g
 }) {
-  const h = q(), k = e || `modal-${h}`, C = e ? `${e}-title` : `modal-title-${h}`, { show: j, shouldRender: x } = W(r);
-  if (ll(k, x), R(x, i), !x) return null;
+  const h = q(), k = e || `modal-${h}`, C = e ? `${e}-title` : `modal-title-${h}`, { show: j, shouldRender: x } = R(r);
+  if (ll(k, x), W(x, u), !x) return null;
   const I = () => n ? $.isValidElement(n) ? /* @__PURE__ */ t("div", { className: "mb-4", children: n }) : /* @__PURE__ */ t("h2", { className: "mb-4 text-xl font-semibold", id: C, children: n }) : null, M = () => c.length === 0 ? null : /* @__PURE__ */ t("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, B) => {
     const { label: O, ...D } = A;
     return /* @__PURE__ */ t(Q, { ...D, "data-modal-action": "true", children: O }, B);
   }) });
-  return /* @__PURE__ */ t(S, { children: P(
+  return /* @__PURE__ */ t(S, { children: X(
     /* @__PURE__ */ t(
       "div",
       {
@@ -327,12 +329,12 @@ function el({
             {
               className: y("fixed inset-0 bg-black/20 transition-all", s),
               onClick: () => {
-                m || i();
+                m || u();
               }
             }
           ),
-          u && /* @__PURE__ */ t("div", { className: y("relative w-fit", a), children: o }),
-          !u && /* @__PURE__ */ b(
+          i && /* @__PURE__ */ t("div", { className: y("relative w-fit", a), children: o }),
+          !i && /* @__PURE__ */ b(
             "div",
             {
               id: k,
@@ -347,7 +349,7 @@ function el({
                   "button",
                   {
                     type: "button",
-                    onClick: i,
+                    onClick: u,
                     "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__ */ t(V, { size: 18 })
@@ -368,47 +370,47 @@ function el({
 function sl({
   type: e,
   message: r,
-  cancelText: i,
+  cancelText: u,
   confirmText: n,
   onConfirm: o,
-  onClose: u,
+  onClose: i,
   destructive: a = !1,
   title: s,
   ...d
 }) {
   const c = E(() => e === "confirm" ? {
     confirm: n || "Confirm",
-    cancel: i || "Cancel",
+    cancel: u || "Cancel",
     defaultTitle: s || "Confirm Action"
   } : {
     confirm: n || "OK",
     cancel: null,
     defaultTitle: s || "Alert"
-  }, [e, n, s, i]), m = E(
+  }, [e, n, s, u]), m = E(
     () => [
       ...c.cancel ? [
         {
           label: c.cancel,
           variant: "secondary",
-          onClick: u
+          onClick: i
         }
       ] : [],
       {
         label: c.confirm,
         variant: a ? "destructive" : "primary",
         onClick: () => {
-          o == null || o(), u();
+          o == null || o(), i();
         }
       }
     ],
-    [c, a, o, u]
+    [c, a, o, i]
   );
   return /* @__PURE__ */ t(
     el,
     {
       ...d,
       title: s || c.defaultTitle,
-      onClose: u,
+      onClose: i,
       actions: m,
       disableCloseOnOverlayClick: e === "confirm",
       hideCloseButton: e === "confirm",
@@ -429,24 +431,24 @@ const nl = l(null), dl = () => {
 }, 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__ */ t(K, { size: 20 })
+    icon: /* @__PURE__ */ t(P, { 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__ */ t(G, { size: 20 })
+    icon: /* @__PURE__ */ t(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__ */ t(F, { size: 20 })
+    icon: /* @__PURE__ */ t(G, { size: 20 })
   }
 };
 function ml({
   id: e,
   title: r,
-  description: i,
+  description: u,
   type: n = "info",
   action: o,
-  duration: u = 5e3,
+  duration: i = 5e3,
   onRemove: a,
   customTypes: s,
   customComponent: d
@@ -457,22 +459,22 @@ function ml({
     }, 150);
   }, [e, a]);
   if (p(() => {
-    if (u > 0) {
+    if (i > 0) {
       const h = setTimeout(() => {
         f();
-      }, u);
+      }, i);
       return () => clearTimeout(h);
     }
-  }, [u, e, a, f]), d)
+  }, [i, e, a, f]), d)
     return /* @__PURE__ */ t(
       d,
       {
         id: e,
         title: r,
-        description: i,
+        description: u,
         type: n,
         action: o,
-        duration: u,
+        duration: i,
         onRemove: a
       }
     );
@@ -492,7 +494,7 @@ function ml({
         /* @__PURE__ */ t("div", { className: "flex-shrink-0 mr-3", children: g.icon }),
         /* @__PURE__ */ b("div", { className: "flex-grow min-w-0", children: [
           /* @__PURE__ */ t("div", { className: "font-medium text-sm leading-5", children: r }),
-          i && /* @__PURE__ */ t("div", { className: "mt-1 text-sm opacity-90 leading-5", children: i }),
+          u && /* @__PURE__ */ t("div", { className: "mt-1 text-sm opacity-90 leading-5", children: u }),
           o && /* @__PURE__ */ t("div", { className: "mt-1.5", children: /* @__PURE__ */ t(
             "button",
             {
@@ -507,7 +509,7 @@ function ml({
           {
             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__ */ t(X, { size: 16 })
+            children: /* @__PURE__ */ t(F, { size: 16 })
           }
         )
       ]
@@ -523,4 +525,4 @@ export {
   N as n,
   dl as u
 };
-//# sourceMappingURL=Toast-CO6YHXyI.js.map
+//# sourceMappingURL=Toast-Bc0ZiTYw.js.map