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

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

@@ -1,16 +1,16 @@
 import { jsx as r, Fragment as q, jsxs as b } from "react/jsx-runtime";
-import D, { createContext as t, useId as H, useState as p, useEffect as g, useRef as P, useCallback as T, useMemo as E, useContext as X } from "react";
+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 { createPortal as F } from "react-dom";
-import { X as G, C as J, E as K, I as Q } from "./X-CIoyLewf.js";
-import { j as U } from "./join-BmgR_f4v.js";
+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;
 }
-function V({ size: e = 15, color: n = "currentColor", className: i = "inline", ...l }) {
+function Y({ size: e = 15, color: n = "currentColor", className: i = "inline", ...t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      ...l,
+      ...t,
       width: e,
       height: e,
       className: i,
@@ -31,46 +31,47 @@ function V({ size: e = 15, color: n = "currentColor", className: i = "inline", .
 function x(...e) {
   return e.filter((n) => typeof n == "string" && n).join(" ").trim() || void 0;
 }
-t(void 0);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(void 0);
-t(void 0);
-t(null);
-t(void 0);
-t(void 0);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-t(null);
-function Y() {
+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);
   return g(() => {
     const i = setInterval(() => {
-      n((l) => (l + 1) % 3);
+      n((t) => (t + 1) % 3);
     }, 500);
     return () => clearInterval(i);
   }, []), /* @__PURE__ */ r("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((i) => /* @__PURE__ */ r(
@@ -84,7 +85,7 @@ function Y() {
     i
   )) });
 }
-const Z = {
+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",
@@ -111,11 +112,11 @@ const Z = {
   size: "md",
   rounded: "md"
 };
-function R({
+function $({
   variant: e = w.variant,
   size: n,
   rounded: i = w.rounded,
-  loading: l,
+  loading: t,
   linkTo: a,
   linkProps: o,
   type: s = "button",
@@ -126,10 +127,10 @@ function R({
   e === "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",
-    Z[e],
+    G[e],
     W[c],
     _[i],
-    l && "relative pointer-events-none",
+    t && "relative pointer-events-none",
     a && "relative",
     u
   );
@@ -140,13 +141,13 @@ function R({
       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 || l,
-      "aria-busy": l,
+      "aria-disabled": d.disabled || t,
+      "aria-busy": t,
       type: s,
       className: m,
       children: [
-        l && /* @__PURE__ */ r(Y, {}),
-        /* @__PURE__ */ r("span", { className: N(l && "invisible"), children: d.children }),
+        t && /* @__PURE__ */ r(Z, {}),
+        /* @__PURE__ */ r("span", { className: N(t && "invisible"), children: d.children }),
         a && !d.disabled && /* @__PURE__ */ r(
           "a",
           {
@@ -161,24 +162,24 @@ function R({
     }
   );
 }
-function $(e) {
-  const [n, i] = p(!1), [l, a] = p(!1);
+function R(e) {
+  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: l };
+  }, [e]), { show: n, shouldRender: t };
 }
 function ee(e, n) {
   g(() => {
-    const i = (l) => {
-      l.key === "Escape" && e && n();
+    const i = (t) => {
+      t.key === "Escape" && e && n();
     };
     return document.addEventListener("keydown", i), e && (document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", i), document.body.style.overflow = "auto";
     };
   }, [e, n]);
 }
-function te(e, n) {
-  const i = P(null), l = T(() => {
+function le(e, n) {
+  const i = P(null), t = L(() => {
     const a = document.getElementById(e);
     if (!a) return;
     const o = a.querySelectorAll('[data-modal-action="true"]');
@@ -200,15 +201,15 @@ function te(e, n) {
     }
     a.focus();
   }, [e]);
-  g(() => (n && (i.current = document.activeElement, l()), () => {
+  g(() => (n && (i.current = document.activeElement, t()), () => {
     document.body.style.overflow = "auto", i.current instanceof HTMLElement && i.current.focus();
-  }), [n, l]);
+  }), [n, t]);
 }
-function le({
+function te({
   id: e,
   isOpen: n,
   onClose: i,
-  title: l,
+  title: t,
   children: a,
   contentOnly: o = !1,
   className: s,
@@ -217,20 +218,20 @@ function le({
   actions: c = [],
   disableCloseOnOverlayClick: m = !1,
   ariaLabelledBy: f,
-  ariaDescribedBy: v
+  ariaDescribedBy: h
 }) {
-  const h = H(), k = e || `modal-${h}`, C = e ? `${e}-title` : `modal-title-${h}`, { show: z, shouldRender: y } = $(n);
-  if (te(k, y), ee(y, i), !y) return null;
-  const j = () => l ? D.isValidElement(l) ? /* @__PURE__ */ r("div", { className: "mb-4", children: l }) : /* @__PURE__ */ r("h2", { className: "mb-4 text-xl font-semibold", id: C, children: l }) : 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 v = D(), k = e || `modal-${v}`, C = e ? `${e}-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(R, { className: M, type: "button", ...S, "data-modal-action": "true", children: O }, B);
+    return /* @__PURE__ */ r($, { className: M, type: "button", ...S, "data-modal-action": "true", children: O }, B);
   }) });
   return /* @__PURE__ */ r(q, { children: F(
     /* @__PURE__ */ r(
       "div",
       {
-        "aria-labelledby": f ?? l ? C : void 0,
-        "aria-describedby": v,
+        "aria-labelledby": f ?? t ? C : void 0,
+        "aria-describedby": h,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
@@ -252,7 +253,7 @@ function le({
               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: [
@@ -263,7 +264,7 @@ function le({
                     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(V, { size: 18 })
+                    children: /* @__PURE__ */ r(Y, { size: 18 })
                   }
                 ),
                 j(),
@@ -282,7 +283,7 @@ function de({
   type: e,
   message: n,
   cancelText: i,
-  confirmText: l,
+  confirmText: t,
   onConfirm: a,
   onClose: o,
   destructive: s = !1,
@@ -290,14 +291,14 @@ function de({
   ...d
 }) {
   const c = E(() => e === "confirm" ? {
-    confirm: l || "Confirm",
+    confirm: t || "Confirm",
     cancel: i || "Cancel",
     defaultTitle: u || "Confirm Action"
   } : {
-    confirm: l || "OK",
+    confirm: t || "OK",
     cancel: null,
     defaultTitle: u || "Alert"
-  }, [e, l, u, i]), m = E(
+  }, [e, t, u, i]), m = E(
     () => [
       ...c.cancel ? [
         {
@@ -317,7 +318,7 @@ function de({
     [c, s, a, o]
   );
   return /* @__PURE__ */ r(
-    le,
+    te,
     {
       ...d,
       title: u || c.defaultTitle,
@@ -329,47 +330,47 @@ function de({
     }
   );
 }
-const re = t(null), ue = () => {
+const re = l(null), ue = () => {
   const e = X(re);
   if (!e)
     throw new Error("Tabs components must be used within a Tabs component");
   return e;
-}, 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(Q, { size: 20 })
+    icon: /* @__PURE__ */ r(U, { 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(K, { size: 20 })
+    icon: /* @__PURE__ */ r(Q, { 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(J, { size: 20 })
+    icon: /* @__PURE__ */ r(K, { size: 20 })
   }
 };
 function ce({
   id: e,
   title: n,
   description: i,
-  type: l = "info",
+  type: t = "info",
   action: a,
   duration: o = 5e3,
   onRemove: s,
   customTypes: u,
   customComponent: d
 }) {
-  const [c, m] = p(!1), f = T(() => {
+  const [c, m] = p(!1), f = L(() => {
     m(!0), setTimeout(() => {
       s == null || s(e);
     }, 150);
   }, [e, s]);
   if (g(() => {
     if (o > 0) {
-      const h = setTimeout(() => {
+      const v = setTimeout(() => {
         f();
       }, o);
-      return () => clearTimeout(h);
+      return () => clearTimeout(v);
     }
   }, [o, e, s, f]), d)
     return /* @__PURE__ */ r(
@@ -378,26 +379,26 @@ function ce({
         id: e,
         title: n,
         description: i,
-        type: l,
+        type: t,
         action: a,
         duration: o,
         onRemove: s
       }
     );
-  const v = (u == null ? void 0 : u[l]) || L[l] || L.info;
+  const h = (u == null ? void 0 : u[t]) || z[t] || z.info;
   return /* @__PURE__ */ b(
     "div",
     {
-      role: l === "error" ? "alert" : "status",
-      "aria-live": l === "error" ? void 0 : "polite",
-      className: U(
+      role: t === "error" ? "alert" : "status",
+      "aria-live": t === "error" ? void 0 : "polite",
+      className: V(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
         a && "pb-3",
-        v.className,
+        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__ */ r("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: n }),
           i && /* @__PURE__ */ r("div", { className: "mt-1 text-sm opacity-90 leading-5", children: i }),
@@ -415,7 +416,7 @@ function ce({
           {
             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(G, { size: 16 })
+            children: /* @__PURE__ */ r(J, { size: 16 })
           }
         )
       ]
@@ -429,4 +430,4 @@ export {
   N as n,
   ue as u
 };
-//# sourceMappingURL=Toast-DPHHf09f.js.map
+//# sourceMappingURL=Toast-1h4qbe8J.js.map