@moondreamsdev/dreamer-ui 1.7.18 → 1.7.19-test.0

package/dist/components.esm.js

@@ -2,11 +2,11 @@ var et = Object.defineProperty;
 var tt = (r, o, t) => o in r ? et(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
 var Re = (r, o, t) => tt(r, typeof o != "symbol" ? o + "" : o, t);
 import { jsxs as w, jsx as e, Fragment as te } from "react/jsx-runtime";
-import Y, { useId as J, useState as R, createElement as rt, useEffect as V, useCallback as $, useMemo as ne, useRef as q, Component as nt, isValidElement as at, cloneElement as ot } from "react";
+import Z, { useId as J, useState as R, createElement as rt, useEffect as V, useCallback as $, useMemo as ne, useRef as q, Component as nt, isValidElement as at, cloneElement as ot } from "react";
 import { j as k } from "./join-BmgR_f4v.js";
-import { f as Ne, g as ye, h as he, k as st, c as Ye, D as Qe, b as ze, W as lt, l as it, j as ct, C as dt, a as ut, G as ft, i as Ue, T as mt, P as pt, Q as ht, m as bt, E as gt, I as xt, d as yt, e as vt } from "./Window-bavT8vOT.js";
-import { u as Me, D as wt, n as Z, a as kt, b as Te } from "./Toast-D2GJgSZ2.js";
-import { A as Ma, T as Ta } from "./Toast-D2GJgSZ2.js";
+import { f as Ne, g as ye, h as he, k as st, c as Ze, D as Qe, b as ze, W as lt, l as it, j as ct, C as dt, a as ut, G as ft, i as Ue, T as mt, P as pt, Q as ht, m as bt, E as gt, I as xt, d as yt, e as vt } from "./Window-bavT8vOT.js";
+import { u as Me, D as wt, n as Y, a as kt, b as Te } from "./Toast-DQFXejhh.js";
+import { A as Ma, T as Ta } from "./Toast-DQFXejhh.js";
 import { X as be, E as ve, C as Nt, I as Be } from "./X-CIoyLewf.js";
 import "./useTheme-CYIEopvl.js";
 import { u as Dt } from "./useScreenSize-DiuQZBHb.js";
@@ -113,8 +113,8 @@ function ea({
         h
       );
     }),
-    o.length === 0 && t && Y.Children.map(t, (b, D) => {
-      if (Y.isValidElement(b) && b.type === Ce) {
+    o.length === 0 && t && Z.Children.map(t, (b, D) => {
+      if (Z.isValidElement(b) && b.type === Ce) {
         const h = b.props.id || x(D);
         return /* @__PURE__ */ rt(
           Ce,
@@ -537,11 +537,11 @@ const Ht = {
   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",
-  tertiary: "text-primary hover:text-primary-foreground disabled:text-muted",
+  tertiary: "text-primary hover:text-primary-foreground disabled:text-muted-foreground",
   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",
+  link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground",
   destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"
-}, Zt = {
+}, Yt = {
   stripped: "",
   fitted: "size-fit leading-0",
   sm: "px-2 py-1 text-sm",
@@ -549,7 +549,7 @@ const Ht = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, Yt = {
+}, Zt = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -573,8 +573,8 @@ function Qt({
   const i = k(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
     Ht[r],
-    Zt[l],
-    Yt[t],
+    Yt[l],
+    Zt[t],
     s && "relative pointer-events-none",
     n
   );
@@ -591,10 +591,10 @@ function Qt({
         children: a.children
       }
     );
-  const f = a, u = () => f.children ? typeof f.children == "string" || typeof f.children == "number" || typeof f.children == "boolean" ? /* @__PURE__ */ e("span", { className: k(s && "invisible"), children: f.children }) : Y.Children.map(f.children, (m, p) => {
-    if (Y.isValidElement(m)) {
+  const f = a, u = () => f.children ? typeof f.children == "string" || typeof f.children == "number" || typeof f.children == "boolean" ? /* @__PURE__ */ e("span", { className: k(s && "invisible"), children: f.children }) : Z.Children.map(f.children, (m, p) => {
+    if (Z.isValidElement(m)) {
       const x = m.props;
-      return Y.cloneElement(m, {
+      return Z.cloneElement(m, {
         key: p,
         className: k(s && "invisible", x.className)
       });
@@ -1068,7 +1068,7 @@ const er = {
 }, tr = {
   info: /* @__PURE__ */ e(Be, { size: 22 }),
   destructive: /* @__PURE__ */ e(Nt, { size: 22 }),
-  success: /* @__PURE__ */ e(Ye, { size: 22 }),
+  success: /* @__PURE__ */ e(Ze, { size: 22 }),
   warning: /* @__PURE__ */ e(ve, { size: 20 }),
   base: /* @__PURE__ */ e(st, { size: 22 })
 };
@@ -1305,7 +1305,7 @@ function sa({
   gap: F = 8
 }) {
   var j, X;
-  const B = q(null), N = Y.Children.toArray(r).filter(Y.isValidElement), A = N.length, { screenSize: E } = Dt(), C = ne(() => {
+  const B = q(null), N = Z.Children.toArray(r).filter(Z.isValidElement), A = N.length, { screenSize: E } = Dt(), C = ne(() => {
     if (typeof c == "number")
       return c;
     if (typeof c == "object" && c && E) {
@@ -1347,7 +1347,7 @@ function sa({
     x === "aligned" ? "disabled:opacity-90" : "disabled:opacity-50"
   );
   return /* @__PURE__ */ w("div", { className: k("relative", s), "data-carousel-wrapper": "true", children: [
-    !f && /* @__PURE__ */ e(te, { children: b ? Y.cloneElement(
+    !f && /* @__PURE__ */ e(te, { children: b ? Z.cloneElement(
       b,
       {
         onClick: L,
@@ -1439,7 +1439,7 @@ function sa({
         ]
       }
     ),
-    !f && /* @__PURE__ */ e(te, { children: D ? Y.cloneElement(
+    !f && /* @__PURE__ */ e(te, { children: D ? Z.cloneElement(
       D,
       {
         onClick: K,
@@ -2458,11 +2458,11 @@ function ua({
     enabled: c
   });
   if (Ir(v, h), $r(h, s), !h) return null;
-  const B = () => n ? Y.isValidElement(n) ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", id: b, children: n }) : null, N = () => {
+  const B = () => n ? Z.isValidElement(n) ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", id: b, children: n }) : null, N = () => {
     if (!l) return null;
-    if (Y.isValidElement(l)) {
+    if (Z.isValidElement(l)) {
       const A = l, E = A.props.className || "";
-      return Y.cloneElement(A, { className: k("px-6 py-4", E) });
+      return Z.cloneElement(A, { className: k("px-6 py-4", E) });
     }
     return /* @__PURE__ */ e("div", { className: "px-6 py-4", children: l });
   };
@@ -2692,7 +2692,7 @@ function Rr({
     var T, M;
     x ? (h.current = document.activeElement, (T = b.current) == null || T.focus()) : ((M = h.current) == null || M.focus(), h.current = null);
   }, [x]);
-  const C = d.props, z = Y.cloneElement(d, {
+  const C = d.props, z = Z.cloneElement(d, {
     "aria-expanded": x,
     "aria-haspopup": "dialog",
     "aria-controls": g,
@@ -3004,7 +3004,7 @@ function fa({
     isOpen: D,
     onClose: h
   });
-  const B = ne(() => Y.cloneElement(s, {
+  const B = ne(() => Z.cloneElement(s, {
     onClick: (N) => {
       b && v((E) => !E);
       const A = s.props;
@@ -3049,7 +3049,7 @@ const Kr = (r) => ({
   separator: qr,
   custom: Hr
 };
-function Zr(r = []) {
+function Yr(r = []) {
   const [o, t] = R(r), [s, n] = R(null), [a, l] = R(null), d = q(null), i = $((h, g) => {
     const y = {
       ...g,
@@ -3105,7 +3105,7 @@ function Zr(r = []) {
     handleDrop: b
   };
 }
-const Yr = {
+const Zr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg"
@@ -3174,7 +3174,7 @@ function pa({
     handleDragOver: K,
     handleDragEnd: ae,
     handleDrop: le
-  } = Zr(r), ie = m || u;
+  } = Yr(r), ie = m || u;
   V(() => {
     if (!N.current) {
       N.current = !0;
@@ -3217,14 +3217,14 @@ function pa({
     }
   }, O = () => {
     if (!v) return null;
-    const _ = k("font-medium opacity-60", Yr[o]);
+    const _ = k("font-medium opacity-60", Zr[o]);
     if (typeof v == "string")
       return /* @__PURE__ */ e("h4", { id: C, className: _, children: v });
     const ee = v.props;
-    return Y.cloneElement(v, { id: C, className: k(_, ee.className) });
+    return Z.cloneElement(v, { id: C, className: k(_, ee.className) });
   }, H = (_) => {
     if (!c) return null;
-    if (Y.isValidElement(c))
+    if (Z.isValidElement(c))
       return c;
     switch (c) {
       case "disc":
@@ -3682,7 +3682,7 @@ function ke({ elementId: r, type: o, message: t }) {
       ),
       role: "status",
       children: [
-        o === "error" ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(Ye, {}),
+        o === "error" ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(Ze, {}),
         /* @__PURE__ */ e("span", { id: `${r}-${o}-message`, children: t })
       ]
     }
@@ -3717,7 +3717,7 @@ function dn({
   let c = o;
   r === "outline" && !o && (c = "md"), c = c || _e.rounded;
   const x = k(
-    "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
+    "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground/70 hide-number-input-arrows transition-all",
     "file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",
     !t && ln[r],
     !t && cn[c],
@@ -3840,7 +3840,7 @@ function hn({
   let m = a;
   (t || r === "left-line" && !a) && (m = !0);
   const x = k(
-    "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
+    "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground/70 hide-number-input-arrows transition-all",
     !t && mn[r],
     !t && pn[c],
     !t && "px-2 py-1",
@@ -4049,16 +4049,16 @@ function vn({
   ref: d,
   ...i
 }) {
-  const { viewportRef: f, verticalThumbRef: u, horizontalThumbRef: c, isScrolling: m, isFadingOut: p, scrollbarVisible: x, handleScroll: v } = yn(n), b = Z(
+  const { viewportRef: f, verticalThumbRef: u, horizontalThumbRef: c, isScrolling: m, isFadingOut: p, scrollbarVisible: x, handleScroll: v } = yn(n), b = Y(
     "relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400",
     o
   );
-  return /* @__PURE__ */ w("div", { ref: d, id: l, className: Z("relative overflow-hidden", r), "data-scroll-area-root": "", ...i, children: [
+  return /* @__PURE__ */ w("div", { ref: d, id: l, className: Y("relative overflow-hidden", r), "data-scroll-area-root": "", ...i, children: [
     /* @__PURE__ */ e(
       "div",
       {
         ref: f,
-        className: Z(
+        className: Y(
           "h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
           t
         ),
@@ -4070,7 +4070,7 @@ function vn({
     x.vertical && (m || p) && /* @__PURE__ */ e(
       "div",
       {
-        className: Z(
+        className: Y(
           "touch-none select-none transition-all duration-300",
           "p-[1px]",
           "absolute right-0 top-0",
@@ -4087,7 +4087,7 @@ function vn({
           "div",
           {
             ref: u,
-            className: Z("absolute rounded-full", b),
+            className: Y("absolute rounded-full", b),
             "data-scroll-area-thumb": "",
             style: { height: "20%", top: "0%", width: "100%" }
           }
@@ -4097,7 +4097,7 @@ function vn({
     x.horizontal && (m || p) && /* @__PURE__ */ e(
       "div",
       {
-        className: Z(
+        className: Y(
           "touch-none select-none transition-all duration-300",
           "p-[1px]",
           "absolute bottom-0 left-0",
@@ -4114,7 +4114,7 @@ function vn({
           "div",
           {
             ref: c,
-            className: Z("absolute rounded-full", b),
+            className: Y("absolute rounded-full", b),
             "data-scroll-area-thumb": "",
             style: { width: "20%", left: "0%", height: "100%" }
           }
@@ -4124,7 +4124,7 @@ function vn({
     x.vertical && x.horizontal && /* @__PURE__ */ e(
       "div",
       {
-        className: Z("bg-transparent", "absolute bottom-0 right-0"),
+        className: Y("bg-transparent", "absolute bottom-0 right-0"),
         "data-scroll-area-corner": "",
         style: {
           height: `${n}px`,
@@ -4528,7 +4528,7 @@ function Dn({
       },
       `${c.value}-${m}`
     )),
-    u.length === 0 && n && Y.Children.map(n, (c) => Y.isValidElement(c) && c.type === Ie ? /* @__PURE__ */ e(
+    u.length === 0 && n && Z.Children.map(n, (c) => Z.isValidElement(c) && c.type === Ie ? /* @__PURE__ */ e(
       Ie,
       {
         ...c.props,
@@ -4782,7 +4782,7 @@ function Cn({
     left: "left-full top-1/2 -translate-y-1/2 border-t-[6px] border-b-[6px] border-l-[6px] border-t-transparent border-b-transparent border-l-tooltip",
     right: "right-full top-1/2 -translate-y-1/2 border-t-[6px] border-b-[6px] border-r-[6px] border-t-transparent border-b-transparent border-r-tooltip"
   }[s]) : "", N = o.props;
-  return /* @__PURE__ */ e(te, { children: Y.cloneElement(o, {
+  return /* @__PURE__ */ e(te, { children: Z.cloneElement(o, {
     style: {
       ...N.style,
       position: "relative"
@@ -4907,7 +4907,7 @@ function ya({
 }) {
   const x = J(), v = r || `modal-${x}`, b = r ? `${r}-title` : `modal-title-${x}`, { show: D, shouldRender: h } = En(o);
   if (Sn(v, h), Fn(h, t), !h) return null;
-  const g = () => s ? Y.isValidElement(s) ? /* @__PURE__ */ e("div", { className: "mb-4", children: s }) : /* @__PURE__ */ e("h2", { className: "mb-4 text-xl font-semibold", id: b, children: s }) : null, y = () => u.length === 0 ? null : /* @__PURE__ */ e("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((F, B) => {
+  const g = () => s ? Z.isValidElement(s) ? /* @__PURE__ */ e("div", { className: "mb-4", children: s }) : /* @__PURE__ */ e("h2", { className: "mb-4 text-xl font-semibold", id: b, children: s }) : null, y = () => u.length === 0 ? null : /* @__PURE__ */ e("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((F, B) => {
     const { label: N, ...A } = F;
     return /* @__PURE__ */ e(Qt, { ...A, "data-modal-action": "true", children: N }, B);
   }) });
@@ -4920,23 +4920,23 @@ function ya({
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ w("div", { className: Z("flex min-h-screen items-center justify-center p-4", i), children: [
+        children: /* @__PURE__ */ w("div", { className: Y("flex min-h-screen items-center justify-center p-4", i), children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: Z("fixed inset-0 bg-black/20 transition-all", d),
+              className: Y("fixed inset-0 bg-black/20 transition-all", d),
               onClick: () => {
                 c || t();
               }
             }
           ),
-          a && /* @__PURE__ */ e("div", { className: Z("relative w-fit", l), children: n }),
+          a && /* @__PURE__ */ e("div", { className: Y("relative w-fit", l), children: n }),
           !a && /* @__PURE__ */ w(
             "div",
             {
               id: v,
               tabIndex: -1,
-              className: Z(
+              className: Y(
                 "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",
                 D ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 l
@@ -4996,19 +4996,19 @@ function va({
   }, [c, t, r, o])(), x = r > 1, v = c || r < o, b = s && !c, D = s && !c, h = (y) => {
     y >= 1 && (c || y <= o) && n(y);
   }, g = $(() => {
-    const y = Z(
+    const y = Y(
       "flex items-center justify-center min-w-fit",
       "disabled:opacity-50 disabled:cursor-not-allowed",
       In[a],
       "rounded-md"
     );
-    return Z(y, An[l], f);
+    return Y(y, An[l], f);
   }, [l, a, f]);
   return /* @__PURE__ */ w(
     "nav",
     {
       ref: i,
-      className: Z("flex items-center justify-center gap-1", d),
+      className: Y("flex items-center justify-center gap-1", d),
       role: "navigation",
       "aria-label": "Pagination",
       "data-page": r,
@@ -5045,7 +5045,7 @@ function va({
           "button",
           {
             onClick: () => h(y),
-            className: Z(g(), "aspect-square"),
+            className: Y(g(), "aspect-square"),
             "aria-label": `Go to page ${y}`,
             "aria-current": y === r ? !0 : void 0,
             children: y
@@ -5142,11 +5142,11 @@ function wa({
 }) {
   const p = J(), x = o || `panel-${p}`, v = o ? `${o}-title` : `panel-title-${p}`, { show: b, shouldRender: D } = $n(t);
   if (Mn(x, D), zn(D, s), !D) return null;
-  const h = () => n ? Y.isValidElement(n) ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", id: v, children: n }) : null, g = () => {
+  const h = () => n ? Z.isValidElement(n) ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", id: v, children: n }) : null, g = () => {
     if (!l) return null;
-    if (Y.isValidElement(l)) {
+    if (Z.isValidElement(l)) {
       const y = l, F = y.props.className || "";
-      return Y.cloneElement(y, { className: Z("px-6 py-4", F) });
+      return Z.cloneElement(y, { className: Y("px-6 py-4", F) });
     }
     return /* @__PURE__ */ e("div", { className: "px-6 py-4", children: l });
   };
@@ -5164,7 +5164,7 @@ function wa({
           /* @__PURE__ */ e(
             "div",
             {
-              className: Z(
+              className: Y(
                 "fixed inset-0 bg-black/40 transition-opacity duration-300",
                 b ? "opacity-100" : "opacity-0",
                 i
@@ -5180,7 +5180,7 @@ function wa({
               id: x,
               ref: r,
               tabIndex: -1,
-              className: Z(
+              className: Y(
                 "relative h-full max-w-md transform shadow-xl bg-popover text-popover-foreground transition-transform duration-300 ease-in-out border-l border-border",
                 b ? "translate-x-0" : "translate-x-full",
                 d
@@ -5198,7 +5198,7 @@ function wa({
                     children: /* @__PURE__ */ e(be, { size: 18 })
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: Z("flex-1 overflow-y-auto px-6 pb-6", n ? "pt-6" : "pt-10"), children: a }),
+                /* @__PURE__ */ e("div", { className: Y("flex-1 overflow-y-auto px-6 pb-6", n ? "pt-6" : "pt-10"), children: a }),
                 g()
               ] })
             }
@@ -5429,7 +5429,7 @@ function Da({
     {
       id: r,
       ref: m,
-      className: Z(
+      className: Y(
         "relative flex items-center w-full touch-none select-none",
         d && "opacity-50 cursor-not-allowed",
         c
@@ -5444,7 +5444,7 @@ function Da({
         "div",
         {
           ref: y,
-          className: Z(
+          className: Y(
             "relative h-1.5 w-full rounded-full bg-muted cursor-pointer",
             d && "cursor-not-allowed",
             i
@@ -5454,7 +5454,7 @@ function Da({
             /* @__PURE__ */ e(
               "div",
               {
-                className: Z(
+                className: Y(
                   "absolute h-full rounded-full pointer-events-none",
                   // pointer-events are disabled so that user interactions are handled by the track element, enabling correct slider behavior
                   !F.current && "transition-all",
@@ -5466,7 +5466,7 @@ function Da({
             /* @__PURE__ */ e(
               "div",
               {
-                className: Z(
+                className: Y(
                   "absolute size-5 -top-2 rounded-full shadow-md cursor-grab",
                   d && "cursor-not-allowed",
                   !d && "cursor-grab focus:outline-none focus:ring-2",
@@ -5611,7 +5611,7 @@ function Ca({
     isAllSelected: T,
     isPartiallySelected: M
   } = Ln({ initialSelected: i }), I = n.map((L, K) => d(L, K));
-  Y.useEffect(() => {
+  Z.useEffect(() => {
     f && f(Array.from(B));
   }, [B, f]);
   const G = () => {
@@ -5902,15 +5902,15 @@ const Wn = {
     unchecked: "bg-muted",
     checked: "bg-destructive"
   }
-}, Ze = {
+}, Ye = {
   variant: "default",
   size: "md"
 };
 function Ia({
   ref: r,
   id: o,
-  size: t = Ze.size,
-  variant: s = Ze.variant,
+  size: t = Ye.size,
+  variant: s = Ye.variant,
   checked: n,
   onCheckedChange: a,
   disabled: l = !1,