@moondreamsdev/dreamer-ui 1.7.9 → 1.7.10-test.1

package/dist/{Toast-B83cGTb3.js → Toast-C0wOVeh0.js}

@@ -1,12 +1,12 @@
 import { jsx as r, Fragment as q, jsxs as b } from "react/jsx-runtime";
-import F, { createContext as u, useId as H, useState as v, useEffect as g, useRef as P, useCallback as T, useMemo as E, useContext as K } from "react";
-import { createPortal as D } from "react-dom";
-import { X as J, C as V, E as X, I as Y } from "./X-CIoyLewf.js";
-import { join as Z } from "./utils.esm.js";
+import $, { createContext as o, useId as D, useState as v, useEffect as g, useRef as H, useCallback as L, useMemo as E, useContext as P } from "react";
+import { createPortal as Q } from "react-dom";
+import { X, C as Z, E as F, I as J } from "./X-CIoyLewf.js";
+import { join as K } from "./utils.esm.js";
 function N(...e) {
   return e.filter((l) => typeof l == "string" && l).join(" ").trim() || void 0;
 }
-function $({ size: e = 15, color: l = "currentColor", className: n = "inline", ...t }) {
+function U({ size: e = 15, color: l = "currentColor", className: n = "inline", ...t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -31,21 +31,25 @@ function $({ size: e = 15, color: l = "currentColor", className: n = "inline", .
 function x(...e) {
   return e.filter((l) => typeof l == "string" && l).join(" ").trim() || void 0;
 }
-u(void 0);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-u(null);
-function G() {
+o(void 0);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(null);
+o(void 0);
+o(void 0);
+function V() {
   const [e, l] = v(0);
   return g(() => {
     const n = setInterval(() => {
@@ -63,7 +67,7 @@ function G() {
     n
   )) });
 }
-const Q = {
+const _ = {
   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",
@@ -71,7 +75,7 @@ const Q = {
   outline: "border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",
   link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted",
   destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"
-}, U = {
+}, G = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -90,43 +94,43 @@ const Q = {
   size: "md",
   rounded: "md"
 };
-function _({
+function Y({
   variant: e = w.variant,
   size: l,
   rounded: n = w.rounded,
   loading: t,
   linkTo: i,
   linkProps: a,
-  type: o = "button",
-  className: d,
-  ...s
+  type: s = "button",
+  className: u,
+  ...d
 }) {
   let c;
   e === "link" && !l ? c = "fitted" : c = l || 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",
-    Q[e],
-    U[c],
+    _[e],
+    G[c],
     W[n],
     t && "relative pointer-events-none",
     i && "relative",
-    d
+    u
   );
   return /* @__PURE__ */ b(
     "button",
     {
-      ...s,
-      role: i ? "link" : s.role,
-      "aria-label": s["aria-label"] || (a == null ? void 0 : a["aria-label"]),
-      "aria-description": s["aria-description"] || (a == null ? void 0 : a["aria-description"]),
-      "aria-disabled": s.disabled || t,
+      ...d,
+      role: i ? "link" : d.role,
+      "aria-label": d["aria-label"] || (a == null ? void 0 : a["aria-label"]),
+      "aria-description": d["aria-description"] || (a == null ? void 0 : a["aria-description"]),
+      "aria-disabled": d.disabled || t,
       "aria-busy": t,
-      type: o,
+      type: s,
       className: m,
       children: [
-        t && /* @__PURE__ */ r(G, {}),
-        /* @__PURE__ */ r("span", { className: N(t && "invisible"), children: s.children }),
-        i && !s.disabled && /* @__PURE__ */ r(
+        t && /* @__PURE__ */ r(V, {}),
+        /* @__PURE__ */ r("span", { className: N(t && "invisible"), children: d.children }),
+        i && !d.disabled && /* @__PURE__ */ r(
           "a",
           {
             ...a,
@@ -157,7 +161,7 @@ function ee(e, l) {
   }, [e, l]);
 }
 function te(e, l) {
-  const n = P(null), t = T(() => {
+  const n = H(null), t = L(() => {
     const i = document.getElementById(e);
     if (!i) return;
     const a = i.querySelectorAll('[data-modal-action="true"]');
@@ -165,16 +169,16 @@ function te(e, l) {
       a[0].focus();
       return;
     }
-    const o = i.querySelectorAll(
+    const s = i.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
-    if (o.length > 0) {
-      const d = Array.from(o).filter((s) => !(s instanceof HTMLButtonElement && s.getAttribute("data-modal-close-button") === "true"));
-      if (d.length > 0) {
-        d[0].focus();
+    if (s.length > 0) {
+      const u = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
+      if (u.length > 0) {
+        u[0].focus();
         return;
       }
-      o[0].focus();
+      s[0].focus();
       return;
     }
     i.focus();
@@ -190,21 +194,21 @@ function re({
   title: t,
   children: i,
   contentOnly: a = !1,
-  className: o,
-  overlayClassName: d,
-  hideCloseButton: s = !1,
+  className: s,
+  overlayClassName: u,
+  hideCloseButton: d = !1,
   actions: c = [],
   disableCloseOnOverlayClick: m = !1,
   ariaLabelledBy: f,
   ariaDescribedBy: h
 }) {
-  const p = H(), k = e || `modal-${p}`, C = e ? `${e}-title` : `modal-title-${p}`, { show: z, shouldRender: y } = R(l);
+  const p = D(), k = e || `modal-${p}`, C = e ? `${e}-title` : `modal-title-${p}`, { show: z, shouldRender: y } = R(l);
   if (te(k, y), ee(y, n), !y) return null;
-  const I = () => t ? F.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, j = () => 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);
+  const j = () => t ? $.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, A = () => 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((I, B) => {
+    const { label: O, className: M, ...S } = I;
+    return /* @__PURE__ */ r(Y, { className: M, type: "button", ...S, "data-modal-action": "true", children: O }, B);
   }) });
-  return /* @__PURE__ */ r(q, { children: D(
+  return /* @__PURE__ */ r(q, { children: Q(
     /* @__PURE__ */ r(
       "div",
       {
@@ -217,13 +221,13 @@ function re({
           /* @__PURE__ */ r(
             "div",
             {
-              className: x("fixed inset-0 bg-black/20 transition-all", d),
+              className: x("fixed inset-0 bg-black/20 transition-all", u),
               onClick: () => {
                 m || n();
               }
             }
           ),
-          a && /* @__PURE__ */ r("div", { className: x("relative w-fit", o), children: i }),
+          a && /* @__PURE__ */ r("div", { className: x("relative w-fit", s), children: i }),
           !a && /* @__PURE__ */ b(
             "div",
             {
@@ -232,22 +236,22 @@ function re({
               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",
-                o
+                s
               ),
               children: [
-                !s && /* @__PURE__ */ r(
+                !d && /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
                     onClick: n,
                     "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($, { size: 18 })
+                    children: /* @__PURE__ */ r(U, { size: 18 })
                   }
                 ),
-                I(),
+                j(),
                 i,
-                j()
+                A()
               ]
             }
           )
@@ -264,19 +268,19 @@ function de({
   confirmText: t,
   onConfirm: i,
   onClose: a,
-  destructive: o = !1,
-  title: d,
-  ...s
+  destructive: s = !1,
+  title: u,
+  ...d
 }) {
   const c = E(() => e === "confirm" ? {
     confirm: t || "Confirm",
     cancel: n || "Cancel",
-    defaultTitle: d || "Confirm Action"
+    defaultTitle: u || "Confirm Action"
   } : {
     confirm: t || "OK",
     cancel: null,
-    defaultTitle: d || "Alert"
-  }, [e, t, d, n]), m = E(
+    defaultTitle: u || "Alert"
+  }, [e, t, u, n]), m = E(
     () => [
       ...c.cancel ? [
         {
@@ -287,19 +291,19 @@ function de({
       ] : [],
       {
         label: c.confirm,
-        variant: o ? "destructive" : "primary",
+        variant: s ? "destructive" : "primary",
         onClick: () => {
           i == null || i(), a();
         }
       }
     ],
-    [c, o, i, a]
+    [c, s, i, a]
   );
   return /* @__PURE__ */ r(
     re,
     {
-      ...s,
-      title: d || c.defaultTitle,
+      ...d,
+      title: u || c.defaultTitle,
       onClose: a,
       actions: m,
       disableCloseOnOverlayClick: e === "confirm",
@@ -308,23 +312,23 @@ function de({
     }
   );
 }
-const le = u(null), ue = () => {
-  const e = K(le);
+const le = o(null), ue = () => {
+  const e = P(le);
   if (!e)
     throw new Error("Tabs components must be used within a Tabs component");
   return e;
-}, L = {
+}, 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__ */ r(Y, { size: 20 })
+    icon: /* @__PURE__ */ r(J, { 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(X, { size: 20 })
+    icon: /* @__PURE__ */ r(F, { 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(V, { size: 20 })
+    icon: /* @__PURE__ */ r(Z, { size: 20 })
   }
 };
 function ce({
@@ -334,15 +338,15 @@ function ce({
   type: t = "info",
   action: i,
   duration: a = 5e3,
-  onRemove: o,
-  customTypes: d,
-  customComponent: s
+  onRemove: s,
+  customTypes: u,
+  customComponent: d
 }) {
-  const [c, m] = v(!1), f = T(() => {
+  const [c, m] = v(!1), f = L(() => {
     m(!0), setTimeout(() => {
-      o == null || o(e);
+      s == null || s(e);
     }, 150);
-  }, [e, o]);
+  }, [e, s]);
   if (g(() => {
     if (a > 0) {
       const p = setTimeout(() => {
@@ -350,9 +354,9 @@ function ce({
       }, a);
       return () => clearTimeout(p);
     }
-  }, [a, e, o, f]), s)
+  }, [a, e, s, f]), d)
     return /* @__PURE__ */ r(
-      s,
+      d,
       {
         id: e,
         title: l,
@@ -360,16 +364,16 @@ function ce({
         type: t,
         action: i,
         duration: a,
-        onRemove: o
+        onRemove: s
       }
     );
-  const h = (d == null ? void 0 : d[t]) || L[t] || L.info;
+  const h = (u == null ? void 0 : u[t]) || T[t] || T.info;
   return /* @__PURE__ */ b(
     "div",
     {
       role: t === "error" ? "alert" : "status",
       "aria-live": t === "error" ? void 0 : "polite",
-      className: Z(
+      className: K(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
         i && "pb-3",
         h.className,
@@ -394,7 +398,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(J, { size: 16 })
+            children: /* @__PURE__ */ r(X, { size: 16 })
           }
         )
       ]
@@ -408,4 +412,4 @@ export {
   N as n,
   ue as u
 };
-//# sourceMappingURL=Toast-B83cGTb3.js.map
+//# sourceMappingURL=Toast-C0wOVeh0.js.map