@moondreamsdev/dreamer-ui 1.7.10-test.21 → 1.7.10-test.23

package/dist/{Toast-1h4qbe8J.js → Toast-C8kn23N0.js}

@@ -1,18 +1,18 @@
 import { jsx as r, Fragment as q, jsxs as b } from "react/jsx-runtime";
-import H, { createContext as l, useId as D, useState as p, useEffect as g, useRef as P, useCallback as L, useMemo as E, useContext as X } from "react";
+import H, { createContext as e, useId as D, useState as p, useEffect as g, useRef as P, useCallback as L, useMemo as E, useContext as X } from "react";
 import { createPortal as F } from "react-dom";
-import { X as J, C as K, E as Q, I as U } from "./X-CIoyLewf.js";
-import { j as V } from "./join-BmgR_f4v.js";
-function N(...e) {
-  return e.filter((n) => typeof n == "string" && n).join(" ").trim() || void 0;
+import { X as J, C as K, E as Q, I as V } from "./X-CIoyLewf.js";
+import { j as Y } from "./join-BmgR_f4v.js";
+function N(...l) {
+  return l.filter((n) => typeof n == "string" && n).join(" ").trim() || void 0;
 }
-function Y({ size: e = 15, color: n = "currentColor", className: i = "inline", ...t }) {
+function Z({ size: l = 15, color: n = "currentColor", className: i = "inline", ...t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
       ...t,
-      width: e,
-      height: e,
+      width: l,
+      height: l,
       className: i,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
@@ -28,47 +28,49 @@ function Y({ size: e = 15, color: n = "currentColor", className: i = "inline", .
     }
   );
 }
-function x(...e) {
-  return e.filter((n) => typeof n == "string" && n).join(" ").trim() || void 0;
+function x(...l) {
+  return l.filter((n) => typeof n == "string" && n).join(" ").trim() || void 0;
 }
-l(void 0);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(void 0);
-l(void 0);
-l(null);
-l(void 0);
-l(void 0);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-l(null);
-function Z() {
-  const [e, n] = 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);
+function G() {
+  const [l, n] = p(0);
   return g(() => {
     const i = setInterval(() => {
       n((t) => (t + 1) % 3);
@@ -79,13 +81,13 @@ function Z() {
     {
       className: N(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        e === i && "transform -translate-y-1"
+        l === i && "transform -translate-y-1"
       )
     },
     i
   )) });
 }
-const G = {
+const U = {
   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",
@@ -113,7 +115,7 @@ const G = {
   rounded: "md"
 };
 function $({
-  variant: e = w.variant,
+  variant: l = w.variant,
   size: n,
   rounded: i = w.rounded,
   loading: t,
@@ -124,10 +126,10 @@ function $({
   ...d
 }) {
   let c;
-  e === "link" && !n ? c = "fitted" : c = n || w.size;
+  l === "link" && !n ? c = "fitted" : c = n || 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",
-    G[e],
+    U[l],
     W[c],
     _[i],
     t && "relative pointer-events-none",
@@ -146,7 +148,7 @@ function $({
       type: s,
       className: m,
       children: [
-        t && /* @__PURE__ */ r(Z, {}),
+        t && /* @__PURE__ */ r(G, {}),
         /* @__PURE__ */ r("span", { className: N(t && "invisible"), children: d.children }),
         a && !d.disabled && /* @__PURE__ */ r(
           "a",
@@ -162,25 +164,25 @@ function $({
     }
   );
 }
-function R(e) {
+function R(l) {
   const [n, i] = p(!1), [t, a] = p(!1);
   return g(() => {
-    e ? (a(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => a(!1), 150));
-  }, [e]), { show: n, shouldRender: t };
+    l ? (a(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => a(!1), 150));
+  }, [l]), { show: n, shouldRender: t };
 }
-function ee(e, n) {
+function ee(l, n) {
   g(() => {
     const i = (t) => {
-      t.key === "Escape" && e && n();
+      t.key === "Escape" && l && n();
     };
-    return document.addEventListener("keydown", i), e && (document.body.style.overflow = "hidden"), () => {
+    return document.addEventListener("keydown", i), l && (document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", i), document.body.style.overflow = "auto";
     };
-  }, [e, n]);
+  }, [l, n]);
 }
-function le(e, n) {
+function le(l, n) {
   const i = P(null), t = L(() => {
-    const a = document.getElementById(e);
+    const a = document.getElementById(l);
     if (!a) return;
     const o = a.querySelectorAll('[data-modal-action="true"]');
     if (o.length > 0) {
@@ -200,13 +202,13 @@ function le(e, n) {
       return;
     }
     a.focus();
-  }, [e]);
+  }, [l]);
   g(() => (n && (i.current = document.activeElement, t()), () => {
     document.body.style.overflow = "auto", i.current instanceof HTMLElement && i.current.focus();
   }), [n, t]);
 }
 function te({
-  id: e,
+  id: l,
   isOpen: n,
   onClose: i,
   title: t,
@@ -220,11 +222,11 @@ function te({
   ariaLabelledBy: f,
   ariaDescribedBy: h
 }) {
-  const v = D(), k = e || `modal-${v}`, C = e ? `${e}-title` : `modal-title-${v}`, { show: T, shouldRender: y } = R(n);
+  const v = D(), k = l || `modal-${v}`, C = l ? `${l}-title` : `modal-title-${v}`, { show: T, shouldRender: y } = R(n);
   if (le(k, y), ee(y, i), !y) return null;
-  const j = () => t ? H.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, I = () => 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((A, B) => {
-    const { label: O, className: M, ...S } = A;
-    return /* @__PURE__ */ r($, { className: M, type: "button", ...S, "data-modal-action": "true", children: O }, B);
+  const j = () => t ? H.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, I = () => 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((A, O) => {
+    const { label: B, className: M, ...S } = A;
+    return /* @__PURE__ */ r($, { className: M, type: "button", ...S, "data-modal-action": "true", children: B }, O);
   }) });
   return /* @__PURE__ */ r(q, { children: F(
     /* @__PURE__ */ r(
@@ -264,7 +266,7 @@ function te({
                     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(Y, { size: 18 })
+                    children: /* @__PURE__ */ r(Z, { size: 18 })
                   }
                 ),
                 j(),
@@ -280,7 +282,7 @@ function te({
   ) });
 }
 function de({
-  type: e,
+  type: l,
   message: n,
   cancelText: i,
   confirmText: t,
@@ -290,7 +292,7 @@ function de({
   title: u,
   ...d
 }) {
-  const c = E(() => e === "confirm" ? {
+  const c = E(() => l === "confirm" ? {
     confirm: t || "Confirm",
     cancel: i || "Cancel",
     defaultTitle: u || "Confirm Action"
@@ -298,7 +300,7 @@ function de({
     confirm: t || "OK",
     cancel: null,
     defaultTitle: u || "Alert"
-  }, [e, t, u, i]), m = E(
+  }, [l, t, u, i]), m = E(
     () => [
       ...c.cancel ? [
         {
@@ -324,21 +326,21 @@ function de({
       title: u || c.defaultTitle,
       onClose: o,
       actions: m,
-      disableCloseOnOverlayClick: e === "confirm",
-      hideCloseButton: e === "confirm",
+      disableCloseOnOverlayClick: l === "confirm",
+      hideCloseButton: l === "confirm",
       children: typeof n == "string" ? /* @__PURE__ */ r("p", { className: "text-sm", children: n }) : n
     }
   );
 }
-const re = l(null), ue = () => {
-  const e = X(re);
-  if (!e)
+const re = e(null), ue = () => {
+  const l = X(re);
+  if (!l)
     throw new Error("Tabs components must be used within a Tabs component");
-  return e;
+  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(U, { size: 20 })
+    icon: /* @__PURE__ */ r(V, { 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",
@@ -350,7 +352,7 @@ const re = l(null), ue = () => {
   }
 };
 function ce({
-  id: e,
+  id: l,
   title: n,
   description: i,
   type: t = "info",
@@ -362,9 +364,9 @@ function ce({
 }) {
   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 (o > 0) {
       const v = setTimeout(() => {
@@ -372,11 +374,11 @@ function ce({
       }, o);
       return () => clearTimeout(v);
     }
-  }, [o, e, s, f]), d)
+  }, [o, l, s, f]), d)
     return /* @__PURE__ */ r(
       d,
       {
-        id: e,
+        id: l,
         title: n,
         description: i,
         type: t,
@@ -391,7 +393,7 @@ function ce({
     {
       role: t === "error" ? "alert" : "status",
       "aria-live": t === "error" ? void 0 : "polite",
-      className: V(
+      className: Y(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
         a && "pb-3",
         h.className,
@@ -430,4 +432,4 @@ export {
   N as n,
   ue as u
 };
-//# sourceMappingURL=Toast-1h4qbe8J.js.map
+//# sourceMappingURL=Toast-C8kn23N0.js.map