@moondreamsdev/dreamer-ui 1.7.10-test.170 → 1.7.10-test.172

package/dist/{Toast-DJVcqZ--.js → Toast-DU6Oe330.js}

@@ -1,26 +1,26 @@
 import { jsx as t, Fragment as H, jsxs as b } from "react/jsx-runtime";
-import g, { createContext as l, useId as $, useState as x, useEffect as p, useRef as Q, useCallback as M, useMemo as z, useContext as j } from "react";
+import g, { createContext as l, useId as $, useState as x, useEffect as p, useRef as Q, useCallback as j, useMemo as T, useContext as A } from "react";
 import { createPortal as V } from "react-dom";
 import { X as Z, C as F, E as K, I as P } from "./X-CIoyLewf.js";
 import { j as X } from "./join-BmgR_f4v.js";
 function y(...n) {
-  return n.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
+  return n.filter((u) => typeof u == "string" && u).join(" ").trim() || void 0;
 }
-function Y({ size: n = 15, color: r = "currentColor", className: u = "inline", ...e }) {
+function Y({ size: n = 15, color: u = "currentColor", className: r = "inline", ...e }) {
   return /* @__PURE__ */ t(
     "svg",
     {
       ...e,
       width: n,
       height: n,
-      className: u,
+      className: r,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
       children: /* @__PURE__ */ t(
         "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: r,
+          fill: u,
           fillRule: "evenodd",
           clipRule: "evenodd"
         }
@@ -29,7 +29,7 @@ function Y({ size: n = 15, color: r = "currentColor", className: u = "inline", .
   );
 }
 function h(...n) {
-  return n.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
+  return n.filter((u) => typeof u == "string" && u).join(" ").trim() || void 0;
 }
 l(void 0);
 l(null);
@@ -292,22 +292,34 @@ l(null);
 l(null);
 l(void 0);
 l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
 function _() {
-  const [n, r] = x(0);
+  const [n, u] = x(0);
   return p(() => {
-    const u = setInterval(() => {
-      r((e) => (e + 1) % 3);
+    const r = setInterval(() => {
+      u((e) => (e + 1) % 3);
     }, 500);
-    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(
+    return () => clearInterval(r);
+  }, []), /* @__PURE__ */ t("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((r) => /* @__PURE__ */ t(
     "div",
     {
       className: y(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        n === u && "transform -translate-y-1"
+        n === r && "transform -translate-y-1"
       )
     },
-    u
+    r
   )) });
 }
 const G = {
@@ -339,19 +351,19 @@ const G = {
 };
 function W({
   variant: n = k.variant,
-  size: r,
-  rounded: u = k.rounded,
+  size: u,
+  rounded: r = k.rounded,
   loading: e,
   className: o,
   ...i
 }) {
   let a;
-  n === "link" && !r ? a = "fitted" : a = r || k.size;
+  n === "link" && !u ? a = "fitted" : a = u || k.size;
   const s = y(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
     G[n],
     J[a],
-    U[u],
+    U[r],
     e && "relative pointer-events-none",
     o
   );
@@ -368,12 +380,12 @@ function W({
         children: i.children
       }
     );
-  const d = i, c = () => d.children ? typeof d.children == "string" || typeof d.children == "number" || typeof d.children == "boolean" ? /* @__PURE__ */ t("span", { className: y(e && "invisible"), children: d.children }) : g.Children.map(d.children, (m, f) => {
+  const d = i, c = () => d.children ? typeof d.children == "string" || typeof d.children == "number" || typeof d.children == "boolean" ? /* @__PURE__ */ t("span", { className: y(e && "invisible"), children: d.children }) : g.Children.map(d.children, (m, v) => {
     if (g.isValidElement(m)) {
-      const v = m.props;
+      const f = m.props;
       return g.cloneElement(m, {
-        key: f,
-        className: y(e && "invisible", v.className)
+        key: v,
+        className: y(e && "invisible", f.className)
       });
     }
     return m;
@@ -396,23 +408,23 @@ function W({
   );
 }
 function R(n) {
-  const [r, u] = x(!1), [e, o] = x(!1);
+  const [u, r] = x(!1), [e, o] = x(!1);
   return p(() => {
-    n ? (o(!0), setTimeout(() => u(!0), 10)) : (u(!1), setTimeout(() => o(!1), 150));
-  }, [n]), { show: r, shouldRender: e };
+    n ? (o(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => o(!1), 150));
+  }, [n]), { show: u, shouldRender: e };
 }
-function ll(n, r) {
+function ll(n, u) {
   p(() => {
-    const u = (e) => {
-      e.key === "Escape" && n && r();
+    const r = (e) => {
+      e.key === "Escape" && n && u();
     };
-    return document.addEventListener("keydown", u), n && (document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", u), document.body.style.overflow = "auto";
+    return document.addEventListener("keydown", r), n && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", r), document.body.style.overflow = "auto";
     };
-  }, [n, r]);
+  }, [n, u]);
 }
-function nl(n, r) {
-  const u = Q(null), e = M(() => {
+function nl(n, u) {
+  const r = Q(null), e = j(() => {
     const o = document.getElementById(n);
     if (!o) return;
     const i = o.querySelectorAll('[data-modal-action="true"]');
@@ -434,14 +446,14 @@ function nl(n, r) {
     }
     o.focus();
   }, [n]);
-  p(() => (r && (u.current = document.activeElement, e()), () => {
-    document.body.style.overflow = "auto", u.current instanceof HTMLElement && u.current.focus();
-  }), [r, e]);
+  p(() => (u && (r.current = document.activeElement, e()), () => {
+    document.body.style.overflow = "auto", r.current instanceof HTMLElement && r.current.focus();
+  }), [u, e]);
 }
 function el({
   id: n,
-  isOpen: r,
-  onClose: u,
+  isOpen: u,
+  onClose: r,
   title: e,
   children: o,
   contentOnly: i = !1,
@@ -450,12 +462,12 @@ function el({
   containerClassName: d,
   hideCloseButton: c = !1,
   actions: m = [],
-  disableCloseOnOverlayClick: f = !1,
-  ariaLabelledBy: v,
+  disableCloseOnOverlayClick: v = !1,
+  ariaLabelledBy: f,
   ariaDescribedBy: w
 }) {
-  const C = $(), E = n || `modal-${C}`, L = n ? `${n}-title` : `modal-title-${C}`, { show: A, shouldRender: N } = R(r);
-  if (nl(E, N), ll(N, u), !N) return null;
+  const C = $(), E = n || `modal-${C}`, L = n ? `${n}-title` : `modal-title-${C}`, { show: M, shouldRender: N } = R(u);
+  if (nl(E, N), ll(N, r), !N) return null;
   const D = () => e ? g.isValidElement(e) ? /* @__PURE__ */ t("div", { className: "mb-4", children: e }) : /* @__PURE__ */ t("h2", { className: "mb-4 text-xl font-semibold", id: L, children: e }) : null, I = () => m.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: m.map((B, O) => {
     const { label: S, ...q } = B;
     return /* @__PURE__ */ t(W, { ...q, "data-modal-action": "true", children: S }, O);
@@ -464,7 +476,7 @@ function el({
     /* @__PURE__ */ t(
       "div",
       {
-        "aria-labelledby": v ?? e ? L : void 0,
+        "aria-labelledby": f ?? e ? L : void 0,
         "aria-describedby": w,
         role: "dialog",
         "aria-modal": "true",
@@ -475,7 +487,7 @@ function el({
             {
               className: h("fixed inset-0 bg-black/20 transition-all", s),
               onClick: () => {
-                f || u();
+                v || r();
               }
             }
           ),
@@ -487,7 +499,7 @@ function el({
               tabIndex: -1,
               className: h(
                 "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in duration-75",
-                A ? "opacity-100 scale-100" : "opacity-0 scale-90",
+                M ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 a
               ),
               children: [
@@ -495,7 +507,7 @@ function el({
                   "button",
                   {
                     type: "button",
-                    onClick: u,
+                    onClick: r,
                     "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(Y, { size: 18 })
@@ -515,8 +527,8 @@ function el({
 }
 function sl({
   type: n,
-  message: r,
-  cancelText: u,
+  message: u,
+  cancelText: r,
   confirmText: e,
   onConfirm: o,
   onClose: i,
@@ -524,15 +536,15 @@ function sl({
   title: s,
   ...d
 }) {
-  const c = z(() => n === "confirm" ? {
+  const c = T(() => n === "confirm" ? {
     confirm: e || "Confirm",
-    cancel: u || "Cancel",
+    cancel: r || "Cancel",
     defaultTitle: s || "Confirm Action"
   } : {
     confirm: e || "OK",
     cancel: null,
     defaultTitle: s || "Alert"
-  }, [n, e, s, u]), m = z(
+  }, [n, e, s, r]), m = T(
     () => [
       ...c.cancel ? [
         {
@@ -560,21 +572,21 @@ function sl({
       actions: m,
       disableCloseOnOverlayClick: n === "confirm",
       hideCloseButton: n === "confirm",
-      children: typeof r == "string" ? /* @__PURE__ */ t("p", { className: "text-sm", children: r }) : r
+      children: typeof u == "string" ? /* @__PURE__ */ t("p", { className: "text-sm", children: u }) : u
     }
   );
 }
 const tl = l(null), cl = () => {
-  const n = j(tl);
+  const n = A(tl);
   if (!n)
     throw new Error("DropdownMenu components must be used within a DropdownMenu component");
   return n;
-}, rl = l(null), ml = () => {
-  const n = j(rl);
+}, ul = l(null), ml = () => {
+  const n = A(ul);
   if (!n)
     throw new Error("Tabs components must be used within a Tabs component");
   return n;
-}, T = {
+}, 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(P, { size: 20 })
@@ -588,10 +600,10 @@ const tl = l(null), cl = () => {
     icon: /* @__PURE__ */ t(F, { size: 20 })
   }
 };
-function fl({
+function vl({
   id: n,
-  title: r,
-  description: u,
+  title: u,
+  description: r,
   type: e = "info",
   action: o,
   duration: i = 5e3,
@@ -599,7 +611,7 @@ function fl({
   customTypes: s,
   customComponent: d
 }) {
-  const [c, m] = x(!1), f = M(() => {
+  const [c, m] = x(!1), v = j(() => {
     m(!0), setTimeout(() => {
       a == null || a(n);
     }, 150);
@@ -607,24 +619,24 @@ function fl({
   if (p(() => {
     if (i > 0) {
       const w = setTimeout(() => {
-        f();
+        v();
       }, i);
       return () => clearTimeout(w);
     }
-  }, [i, n, a, f]), d)
+  }, [i, n, a, v]), d)
     return /* @__PURE__ */ t(
       d,
       {
         id: n,
-        title: r,
-        description: u,
+        title: u,
+        description: r,
         type: e,
         action: o,
         duration: i,
         onRemove: a
       }
     );
-  const v = (s == null ? void 0 : s[e]) || T[e] || T.info;
+  const f = (s == null ? void 0 : s[e]) || z[e] || z.info;
   return /* @__PURE__ */ b(
     "div",
     {
@@ -633,14 +645,14 @@ function fl({
       className: X(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
         o && "pb-3",
-        v.className,
+        f.className,
         c ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex-shrink-0 mr-3", children: v.icon }),
+        /* @__PURE__ */ t("div", { className: "flex-shrink-0 mr-3", children: f.icon }),
         /* @__PURE__ */ b("div", { className: "flex-grow min-w-0", children: [
-          /* @__PURE__ */ t("div", { className: "font-medium text-sm leading-5", children: r }),
-          u && /* @__PURE__ */ t("div", { className: "mt-1 text-sm opacity-90 leading-5", children: u }),
+          /* @__PURE__ */ t("div", { className: "font-medium text-sm leading-5", children: u }),
+          r && /* @__PURE__ */ t("div", { className: "mt-1 text-sm opacity-90 leading-5", children: r }),
           o && /* @__PURE__ */ t("div", { className: "mt-1.5", children: /* @__PURE__ */ t(
             "button",
             {
@@ -653,7 +665,7 @@ function fl({
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: f,
+            onClick: v,
             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(Z, { size: 16 })
           }
@@ -665,10 +677,10 @@ function fl({
 export {
   sl as A,
   tl as D,
-  fl as T,
-  rl as a,
+  vl as T,
+  ul as a,
   ml as b,
   y as n,
   cl as u
 };
-//# sourceMappingURL=Toast-DJVcqZ--.js.map
+//# sourceMappingURL=Toast-DU6Oe330.js.map