@moondreamsdev/dreamer-ui 1.7.19-test.18 → 1.7.19-test.19

package/dist/{Toast-Bvx_q5ey.js → Toast-B5-TSrGE.js}

@@ -1,13 +1,13 @@
-import { jsx as i, Fragment as q, jsxs as b } from "react/jsx-runtime";
+import { jsx as o, Fragment as q, jsxs as b } from "react/jsx-runtime";
 import g, { createContext as l, useId as F, useState as x, useEffect as p, useRef as H, useCallback as j, useMemo as z, useContext as A } from "react";
-import { createPortal as V } from "react-dom";
-import { X as Y, C as Z, E as K, I as P } from "./X-CIoyLewf.js";
-import { j as Q } from "./join-BmgR_f4v.js";
+import { createPortal as Z } from "react-dom";
+import { X as V, C as K, E as P, I as Q } from "./X-CIoyLewf.js";
+import { j as X } from "./join-BmgR_f4v.js";
 function y(...n) {
-  return n.filter((o) => typeof o == "string" && o).join(" ").trim() || void 0;
+  return n.filter((i) => typeof i == "string" && i).join(" ").trim() || void 0;
 }
-function X({ size: n = 15, color: o = "currentColor", className: u = "inline", ...e }) {
-  return /* @__PURE__ */ i(
+function Y({ size: n = 15, color: i = "currentColor", className: u = "inline", ...e }) {
+  return /* @__PURE__ */ o(
     "svg",
     {
       ...e,
@@ -16,11 +16,11 @@ function X({ size: n = 15, color: o = "currentColor", className: u = "inline", .
       className: u,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ o(
         "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: o,
+          fill: i,
           fillRule: "evenodd",
           clipRule: "evenodd"
         }
@@ -29,7 +29,7 @@ function X({ size: n = 15, color: o = "currentColor", className: u = "inline", .
   );
 }
 function h(...n) {
-  return n.filter((o) => typeof o == "string" && o).join(" ").trim() || void 0;
+  return n.filter((i) => typeof i == "string" && i).join(" ").trim() || void 0;
 }
 l(void 0);
 l(null);
@@ -476,14 +476,19 @@ l(null);
 l(void 0);
 l(void 0);
 l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(void 0);
 function _() {
-  const [n, o] = x(0);
+  const [n, i] = x(0);
   return p(() => {
     const u = setInterval(() => {
-      o((e) => (e + 1) % 3);
+      i((e) => (e + 1) % 3);
     }, 500);
     return () => clearInterval(u);
-  }, []), /* @__PURE__ */ i("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((u) => /* @__PURE__ */ i(
+  }, []), /* @__PURE__ */ o("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((u) => /* @__PURE__ */ o(
     "div",
     {
       className: y(
@@ -496,12 +501,12 @@ function _() {
 }
 const G = {
   base: "",
-  primary: "bg-primary text-primary-foreground hover:bg-primary/80 outline-primary outline-offset-2 disabled:bg-muted disabled:text-muted-foreground",
-  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 outline-secondary outline-offset-2 disabled:bg-muted/80 disabled:text-muted-foreground/80",
-  tertiary: "text-primary hover:text-primary/80 disabled:text-muted-foreground outline-primary",
-  outline: "border border-primary text-primary hover:border-primary/80 hover:text-primary/80 outline-primary outline-offset-2 disabled:border-muted-foreground disabled:text-muted-foreground",
-  link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground",
-  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 outline-destructive outline-offset-2 disabled:bg-muted disabled:text-muted-foreground"
+  primary: "bg-primary text-primary-foreground hover:bg-primary/80 focus:outline-primary outline-offset-2 disabled:bg-muted disabled:text-muted-foreground",
+  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 focus:outline-secondary outline-offset-2 disabled:bg-muted/80 disabled:text-muted-foreground/80",
+  tertiary: "text-primary hover:text-primary/80 disabled:text-muted-foreground focus:outline-primary",
+  outline: "border border-primary text-primary hover:border-primary/80 hover:text-primary/80 focus:outline-primary outline-offset-2 disabled:border-muted-foreground disabled:text-muted-foreground",
+  link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground focus:outline-current",
+  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 focus:outline-destructive outline-offset-2 disabled:bg-muted disabled:text-muted-foreground"
 }, J = {
   stripped: "",
   fitted: "size-fit leading-0",
@@ -523,16 +528,16 @@ const G = {
 };
 function W({
   variant: n = k.variant,
-  size: o,
+  size: i,
   rounded: u = k.rounded,
   loading: e,
   className: t,
   ...d
 }) {
   let a;
-  n === "link" && !o ? a = "fitted" : a = o || k.size;
+  n === "link" && !i ? a = "fitted" : a = i || k.size;
   const s = y(
-    "appearance-none not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
+    "appearance-none not-disabled:hover:cursor-pointer outline outline-transparent disabled:opacity-50 disabled:cursor-not-allowed transition-all",
     G[n],
     J[a],
     U[u],
@@ -540,7 +545,7 @@ function W({
     t
   );
   if (d.href && !d.disabled)
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ o(
       "a",
       {
         ...d,
@@ -552,12 +557,12 @@ function W({
         children: d.children
       }
     );
-  const r = d, v = () => r.children ? typeof r.children == "string" || typeof r.children == "number" || typeof r.children == "boolean" ? /* @__PURE__ */ i("span", { className: y(e && "invisible"), children: r.children }) : g.Children.map(r.children, (c, m) => {
+  const r = d, v = () => r.children ? typeof r.children == "string" || typeof r.children == "number" || typeof r.children == "boolean" ? /* @__PURE__ */ o("span", { className: y(e && "invisible"), children: r.children }) : g.Children.map(r.children, (c, f) => {
     if (g.isValidElement(c)) {
-      const f = c.props;
+      const m = c.props;
       return g.cloneElement(c, {
-        key: m,
-        className: y(e && "invisible", f.className)
+        key: f,
+        className: y(e && "invisible", m.className)
       });
     }
     return c;
@@ -573,29 +578,29 @@ function W({
       type: r.type ?? "button",
       className: s,
       children: [
-        e && /* @__PURE__ */ i(_, {}),
+        e && /* @__PURE__ */ o(_, {}),
         v()
       ]
     }
   );
 }
 function R(n) {
-  const [o, u] = x(!1), [e, t] = x(!1);
+  const [i, u] = x(!1), [e, t] = x(!1);
   return p(() => {
     n ? (t(!0), setTimeout(() => u(!0), 10)) : (u(!1), setTimeout(() => t(!1), 150));
-  }, [n]), { show: o, shouldRender: e };
+  }, [n]), { show: i, shouldRender: e };
 }
-function ll(n, o) {
+function ll(n, i) {
   p(() => {
     const u = (e) => {
-      e.key === "Escape" && n && o();
+      e.key === "Escape" && n && i();
     };
     return document.addEventListener("keydown", u), n && (document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", u), document.body.style.overflow = "auto";
     };
-  }, [n, o]);
+  }, [n, i]);
 }
-function nl(n, o) {
+function nl(n, i) {
   const u = H(null), e = j(() => {
     const t = document.getElementById(n);
     if (!t) return;
@@ -618,13 +623,13 @@ function nl(n, o) {
     }
     t.focus();
   }, [n]);
-  p(() => (o && (u.current = document.activeElement, e()), () => {
+  p(() => (i && (u.current = document.activeElement, e()), () => {
     document.body.style.overflow = "auto", u.current instanceof HTMLElement && u.current.focus();
-  }), [o, e]);
+  }), [i, e]);
 }
 function el({
   id: n,
-  isOpen: o,
+  isOpen: i,
   onClose: u,
   title: e,
   children: t,
@@ -634,36 +639,36 @@ function el({
   containerClassName: r,
   hideCloseButton: v = !1,
   actions: c = [],
-  disableCloseOnOverlayClick: m = !1,
-  ariaLabelledBy: f,
+  disableCloseOnOverlayClick: f = !1,
+  ariaLabelledBy: m,
   ariaDescribedBy: w
 }) {
-  const C = F(), E = n || `modal-${C}`, L = n ? `${n}-title` : `modal-title-${C}`, { show: M, shouldRender: N } = R(o);
+  const C = F(), E = n || `modal-${C}`, L = n ? `${n}-title` : `modal-title-${C}`, { show: M, shouldRender: N } = R(i);
   if (nl(E, N), ll(N, u), !N) return null;
-  const I = () => e ? g.isValidElement(e) ? /* @__PURE__ */ i("div", { className: "mb-4", children: e }) : /* @__PURE__ */ i("h2", { className: "mb-4 text-xl font-semibold", id: L, children: e }) : null, B = () => c.length === 0 ? null : /* @__PURE__ */ i("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((D, O) => {
+  const I = () => e ? g.isValidElement(e) ? /* @__PURE__ */ o("div", { className: "mb-4", children: e }) : /* @__PURE__ */ o("h2", { className: "mb-4 text-xl font-semibold", id: L, children: e }) : null, B = () => c.length === 0 ? null : /* @__PURE__ */ o("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((D, O) => {
     const { label: S, ...$ } = D;
-    return /* @__PURE__ */ i(W, { ...$, "data-modal-action": "true", children: S }, O);
+    return /* @__PURE__ */ o(W, { ...$, "data-modal-action": "true", children: S }, O);
   }) });
-  return /* @__PURE__ */ i(q, { children: V(
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(q, { children: Z(
+    /* @__PURE__ */ o(
       "div",
       {
-        "aria-labelledby": f ?? e ? L : void 0,
+        "aria-labelledby": m ?? e ? L : void 0,
         "aria-describedby": w,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
         children: /* @__PURE__ */ b("div", { className: h("flex min-h-screen items-center justify-center p-4", r), children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ o(
             "div",
             {
               className: h("fixed inset-0 bg-black/20 transition-all", s),
               onClick: () => {
-                m || u();
+                f || u();
               }
             }
           ),
-          d && /* @__PURE__ */ i("div", { className: h("relative w-fit", a), children: t }),
+          d && /* @__PURE__ */ o("div", { className: h("relative w-fit", a), children: t }),
           !d && /* @__PURE__ */ b(
             "div",
             {
@@ -675,14 +680,14 @@ function el({
                 a
               ),
               children: [
-                !v && /* @__PURE__ */ i(
+                !v && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
                     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__ */ i(X, { size: 18 })
+                    children: /* @__PURE__ */ o(Y, { size: 18 })
                   }
                 ),
                 I(),
@@ -699,7 +704,7 @@ function el({
 }
 function sl({
   type: n,
-  message: o,
+  message: i,
   cancelText: u,
   confirmText: e,
   onConfirm: t,
@@ -735,7 +740,7 @@ function sl({
     ],
     [v, a, t, d]
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     el,
     {
       ...r,
@@ -744,37 +749,37 @@ function sl({
       actions: c,
       disableCloseOnOverlayClick: n === "confirm",
       hideCloseButton: n === "confirm",
-      children: typeof o == "string" ? /* @__PURE__ */ i("p", { className: "text-sm", children: o }) : o
+      children: typeof i == "string" ? /* @__PURE__ */ o("p", { className: "text-sm", children: i }) : i
     }
   );
 }
-const il = l(null), vl = () => {
-  const n = A(il);
+const ol = l(null), vl = () => {
+  const n = A(ol);
   if (!n)
     throw new Error("DropdownMenu components must be used within a DropdownMenu component");
   return n;
-}, ol = l(null), cl = () => {
-  const n = A(ol);
+}, il = l(null), cl = () => {
+  const n = A(il);
   if (!n)
     throw new Error("Tabs components must be used within a Tabs component");
   return n;
 }, T = {
   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__ */ i(P, { size: 20 })
+    icon: /* @__PURE__ */ o(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__ */ i(K, { size: 20 })
+    icon: /* @__PURE__ */ o(P, { 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__ */ i(Z, { size: 20 })
+    icon: /* @__PURE__ */ o(K, { size: 20 })
   }
 };
-function ml({
+function fl({
   id: n,
-  title: o,
+  title: i,
   description: u,
   type: e = "info",
   action: t,
@@ -783,7 +788,7 @@ function ml({
   customTypes: s,
   customComponent: r
 }) {
-  const [v, c] = x(!1), m = j(() => {
+  const [v, c] = x(!1), f = j(() => {
     c(!0), setTimeout(() => {
       a == null || a(n);
     }, 150);
@@ -791,16 +796,16 @@ function ml({
   if (p(() => {
     if (d > 0) {
       const w = setTimeout(() => {
-        m();
+        f();
       }, d);
       return () => clearTimeout(w);
     }
-  }, [d, n, a, m]), r)
-    return /* @__PURE__ */ i(
+  }, [d, n, a, f]), r)
+    return /* @__PURE__ */ o(
       r,
       {
         id: n,
-        title: o,
+        title: i,
         description: u,
         type: e,
         action: t,
@@ -808,24 +813,24 @@ function ml({
         onRemove: a
       }
     );
-  const f = (s == null ? void 0 : s[e]) || T[e] || T.info;
+  const m = (s == null ? void 0 : s[e]) || T[e] || T.info;
   return /* @__PURE__ */ b(
     "div",
     {
       role: e === "error" ? "alert" : "status",
       "aria-live": e === "error" ? void 0 : "polite",
-      className: Q(
+      className: X(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all ease-in-out",
         t && "pb-3",
-        f.className,
+        m.className,
         v ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex-shrink-0 mr-3", children: f.icon }),
+        /* @__PURE__ */ o("div", { className: "flex-shrink-0 mr-3", children: m.icon }),
         /* @__PURE__ */ b("div", { className: "flex-grow min-w-0", children: [
-          /* @__PURE__ */ i("div", { className: "font-medium text-sm leading-5", children: o }),
-          u && /* @__PURE__ */ i("div", { className: "mt-1 text-sm opacity-90 leading-5", children: u }),
-          t && /* @__PURE__ */ i("div", { className: "mt-1.5", children: /* @__PURE__ */ i(
+          /* @__PURE__ */ o("div", { className: "font-medium text-sm leading-5", children: i }),
+          u && /* @__PURE__ */ o("div", { className: "mt-1 text-sm opacity-90 leading-5", children: u }),
+          t && /* @__PURE__ */ o("div", { className: "mt-1.5", children: /* @__PURE__ */ o(
             "button",
             {
               onClick: t.onClick,
@@ -834,12 +839,12 @@ function ml({
             }
           ) })
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "button",
           {
-            onClick: m,
+            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__ */ i(Y, { size: 16 })
+            children: /* @__PURE__ */ o(V, { size: 16 })
           }
         )
       ]
@@ -848,11 +853,11 @@ function ml({
 }
 export {
   sl as A,
-  il as D,
-  ml as T,
+  ol as D,
+  fl as T,
   cl as a,
-  ol as b,
+  il as b,
   y as n,
   vl as u
 };
-//# sourceMappingURL=Toast-Bvx_q5ey.js.map
+//# sourceMappingURL=Toast-B5-TSrGE.js.map