@moondreamsdev/dreamer-ui 1.7.7-test.2 → 1.7.7-test.21

package/dist/{Toast-C5BwqBkw.js → Toast-BFQrI1bB.js}

@@ -1,29 +1,51 @@
-import { jsx as r, Fragment as M, jsxs as f } from "react/jsx-runtime";
-import q, { createContext as H, useId as K, useState as p, useEffect as b, useRef as P, useCallback as L, useMemo as C } from "react";
-import { createPortal as V } from "react-dom";
-import { X as D, C as F, E as X, I as Z } from "./X-CIoyLewf.js";
-import { join as G } from "./utils.esm.js";
-function w(...e) {
+import { jsx as r, Fragment as q, jsxs as b } from "react/jsx-runtime";
+import F, { createContext as c, useId as H, useState as v, useEffect as g, useRef as P, useCallback as L, 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";
+function N(...e) {
   return e.filter((l) => typeof l == "string" && l).join(" ").trim() || void 0;
 }
-function J({ size: e = 15, color: l = "currentColor" }) {
-  return /* @__PURE__ */ r("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
-    "path",
+function G({ size: e = 15, color: l = "currentColor", className: n = "inline", ...t }) {
+  return /* @__PURE__ */ r(
+    "svg",
     {
-      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: l,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
+      ...t,
+      width: e,
+      height: e,
+      className: n,
+      viewBox: "0 0 15 15",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ r(
+        "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: l,
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
     }
-  ) });
+  );
 }
-function y(...e) {
+function x(...e) {
   return e.filter((l) => typeof l == "string" && l).join(" ").trim() || void 0;
 }
-H(void 0);
+c(void 0);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
+c(null);
 function Q() {
-  const [e, l] = p(0);
-  return b(() => {
+  const [e, l] = v(0);
+  return g(() => {
     const n = setInterval(() => {
       l((t) => (t + 1) % 3);
     }, 500);
@@ -31,7 +53,7 @@ function Q() {
   }, []), /* @__PURE__ */ r("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((n) => /* @__PURE__ */ r(
     "div",
     {
-      className: w(
+      className: N(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
         e === n && "transform -translate-y-1"
       )
@@ -39,7 +61,7 @@ function Q() {
     n
   )) });
 }
-const R = {
+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",
@@ -47,7 +69,7 @@ const R = {
   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 = {
+}, W = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -55,21 +77,21 @@ const R = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, W = {
+}, _ = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, x = {
+}, w = {
   variant: "primary",
   size: "md",
   rounded: "md"
 };
-function Y({
-  variant: e = x.variant,
+function $({
+  variant: e = w.variant,
   size: l,
-  rounded: n = x.rounded,
+  rounded: n = w.rounded,
   loading: t,
   linkTo: i,
   linkProps: a,
@@ -77,18 +99,18 @@ function Y({
   className: d,
   ...s
 }) {
-  let c;
-  e === "link" && !l ? c = "fitted" : c = l || x.size;
-  const u = w(
+  let u;
+  e === "link" && !l ? u = "fitted" : u = 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",
-    R[e],
-    U[c],
-    W[n],
+    U[e],
+    W[u],
+    _[n],
     t && "relative pointer-events-none",
     i && "relative",
     d
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "button",
     {
       ...s,
@@ -98,10 +120,10 @@ function Y({
       "aria-disabled": s.disabled || t,
       "aria-busy": t,
       type: o,
-      className: u,
+      className: m,
       children: [
         t && /* @__PURE__ */ r(Q, {}),
-        /* @__PURE__ */ r("span", { className: w(t && "invisible"), children: s.children }),
+        /* @__PURE__ */ r("span", { className: N(t && "invisible"), children: s.children }),
         i && !s.disabled && /* @__PURE__ */ r(
           "a",
           {
@@ -116,14 +138,14 @@ function Y({
     }
   );
 }
-function _(e) {
-  const [l, n] = p(!1), [t, i] = p(!1);
-  return b(() => {
+function R(e) {
+  const [l, n] = v(!1), [t, i] = v(!1);
+  return g(() => {
     e ? (i(!0), setTimeout(() => n(!0), 10)) : (n(!1), setTimeout(() => i(!1), 150));
   }, [e]), { show: l, shouldRender: t };
 }
-function $(e, l) {
-  b(() => {
+function ee(e, l) {
+  g(() => {
     const n = (t) => {
       t.key === "Escape" && e && l();
     };
@@ -132,7 +154,7 @@ function $(e, l) {
     };
   }, [e, l]);
 }
-function ee(e, l) {
+function te(e, l) {
   const n = P(null), t = L(() => {
     const i = document.getElementById(e);
     if (!i) return;
@@ -155,11 +177,11 @@ function ee(e, l) {
     }
     i.focus();
   }, [e]);
-  b(() => (l && (n.current = document.activeElement, t()), () => {
+  g(() => (l && (n.current = document.activeElement, t()), () => {
     document.body.style.overflow = "auto", n.current instanceof HTMLElement && n.current.focus();
   }), [l, t]);
 }
-function te({
+function re({
   id: e,
   isOpen: l,
   onClose: n,
@@ -169,45 +191,45 @@ function te({
   className: o,
   overlayClassName: d,
   hideCloseButton: s = !1,
-  actions: c = [],
-  disableCloseOnOverlayClick: u = !1,
-  ariaLabelledBy: m,
-  ariaDescribedBy: g
+  actions: u = [],
+  disableCloseOnOverlayClick: m = !1,
+  ariaLabelledBy: f,
+  ariaDescribedBy: h
 }) {
-  const h = K(), N = e || `modal-${h}`, k = e ? `${e}-title` : `modal-title-${h}`, { show: z, shouldRender: v } = _(l);
-  if (ee(N, v), $(v, n), !v) return null;
-  const T = () => t ? q.isValidElement(t) ? /* @__PURE__ */ r("div", { className: "mb-4", children: t }) : /* @__PURE__ */ r("h2", { className: "mb-4 text-xl font-semibold", id: k, 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, I) => {
-    const { label: B, className: O, ...S } = A;
-    return /* @__PURE__ */ r(Y, { className: O, type: "button", ...S, "data-modal-action": "true", children: B }, I);
+  const p = H(), k = e || `modal-${p}`, C = e ? `${e}-title` : `modal-title-${p}`, { show: T, 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 = () => u.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: u.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(M, { children: V(
+  return /* @__PURE__ */ r(q, { children: D(
     /* @__PURE__ */ r(
       "div",
       {
-        "aria-labelledby": m ?? t ? k : void 0,
-        "aria-describedby": g,
+        "aria-labelledby": f ?? t ? C : void 0,
+        "aria-describedby": h,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ f("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
+        children: /* @__PURE__ */ b("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
           /* @__PURE__ */ r(
             "div",
             {
-              className: y("fixed inset-0 bg-black/20 transition-all", d),
+              className: x("fixed inset-0 bg-black/20 transition-all", d),
               onClick: () => {
-                u || n();
+                m || n();
               }
             }
           ),
-          a && /* @__PURE__ */ r("div", { className: y("relative w-fit", o), children: i }),
-          !a && /* @__PURE__ */ f(
+          a && /* @__PURE__ */ r("div", { className: x("relative w-fit", o), children: i }),
+          !a && /* @__PURE__ */ b(
             "div",
             {
-              id: N,
+              id: k,
               tabIndex: -1,
-              className: y(
-                "relative w-full max-w-xl transform rounded-lg shadow-xl transition-all p-6 bg-inherit focus:ring ease-in duration-75",
-                z ? "opacity-100 scale-100" : "opacity-0 scale-90",
+              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",
+                T ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 o
               ),
               children: [
@@ -218,10 +240,10 @@ function te({
                     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(J, { size: 18 })
+                    children: /* @__PURE__ */ r(G, { size: 18 })
                   }
                 ),
-                T(),
+                I(),
                 i,
                 j()
               ]
@@ -233,7 +255,7 @@ function te({
     document.body
   ) });
 }
-function oe({
+function de({
   type: e,
   message: l,
   cancelText: n,
@@ -244,7 +266,7 @@ function oe({
   title: d,
   ...s
 }) {
-  const c = C(() => e === "confirm" ? {
+  const u = E(() => e === "confirm" ? {
     confirm: t || "Confirm",
     cancel: n || "Cancel",
     defaultTitle: d || "Confirm Action"
@@ -252,42 +274,47 @@ function oe({
     confirm: t || "OK",
     cancel: null,
     defaultTitle: d || "Alert"
-  }, [e, t, d, n]), u = C(
+  }, [e, t, d, n]), m = E(
     () => [
-      ...c.cancel ? [
+      ...u.cancel ? [
         {
-          label: c.cancel,
+          label: u.cancel,
           variant: "secondary",
           onClick: a
         }
       ] : [],
       {
-        label: c.confirm,
+        label: u.confirm,
         variant: o ? "destructive" : "primary",
         onClick: () => {
           i == null || i(), a();
         }
       }
     ],
-    [c, o, i, a]
+    [u, o, i, a]
   );
   return /* @__PURE__ */ r(
-    te,
+    re,
     {
       ...s,
-      title: d || c.defaultTitle,
+      title: d || u.defaultTitle,
       onClose: a,
-      actions: u,
+      actions: m,
       disableCloseOnOverlayClick: e === "confirm",
       hideCloseButton: e === "confirm",
       children: typeof l == "string" ? /* @__PURE__ */ r("p", { className: "text-sm", children: l }) : l
     }
   );
 }
-const E = {
+const le = c(null), ue = () => {
+  const e = K(le);
+  if (!e)
+    throw new Error("Tabs components must be used within a Tabs component");
+  return e;
+}, 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(Z, { size: 20 })
+    icon: /* @__PURE__ */ r(Y, { 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",
@@ -295,10 +322,10 @@ const E = {
   },
   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(F, { size: 20 })
+    icon: /* @__PURE__ */ r(V, { size: 20 })
   }
 };
-function se({
+function ce({
   id: e,
   title: l,
   description: n,
@@ -309,19 +336,19 @@ function se({
   customTypes: d,
   customComponent: s
 }) {
-  const [c, u] = p(!1), m = L(() => {
-    u(!0), setTimeout(() => {
+  const [u, m] = v(!1), f = L(() => {
+    m(!0), setTimeout(() => {
       o == null || o(e);
     }, 150);
   }, [e, o]);
-  if (b(() => {
+  if (g(() => {
     if (a > 0) {
-      const h = setTimeout(() => {
-        m();
+      const p = setTimeout(() => {
+        f();
       }, a);
-      return () => clearTimeout(h);
+      return () => clearTimeout(p);
     }
-  }, [a, e, o, m]), s)
+  }, [a, e, o, f]), s)
     return /* @__PURE__ */ r(
       s,
       {
@@ -334,21 +361,21 @@ function se({
         onRemove: o
       }
     );
-  const g = (d == null ? void 0 : d[t]) || E[t] || E.info;
-  return /* @__PURE__ */ f(
+  const h = (d == null ? void 0 : d[t]) || z[t] || z.info;
+  return /* @__PURE__ */ b(
     "div",
     {
       role: t === "error" ? "alert" : "status",
       "aria-live": t === "error" ? void 0 : "polite",
-      className: G(
+      className: Z(
         "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
         i && "pb-3",
-        g.className,
-        c ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
+        h.className,
+        u ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex-shrink-0 mr-3", children: g.icon }),
-        /* @__PURE__ */ f("div", { className: "flex-grow min-w-0", children: [
+        /* @__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: l }),
           n && /* @__PURE__ */ r("div", { className: "mt-1 text-sm opacity-90 leading-5", children: n }),
           i && /* @__PURE__ */ r("div", { className: "mt-1.5", children: /* @__PURE__ */ r(
@@ -363,9 +390,9 @@ function se({
         /* @__PURE__ */ r(
           "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__ */ r(D, { size: 16 })
+            children: /* @__PURE__ */ r(J, { size: 16 })
           }
         )
       ]
@@ -373,8 +400,10 @@ function se({
   );
 }
 export {
-  oe as A,
-  se as T,
-  w as n
+  de as A,
+  ce as T,
+  le as a,
+  N as n,
+  ue as u
 };
-//# sourceMappingURL=Toast-C5BwqBkw.js.map
+//# sourceMappingURL=Toast-BFQrI1bB.js.map