@moondreamsdev/dreamer-ui 1.7.19-test.21 → 1.7.19-test.22

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 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 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 { j as k } from "./join-BmgR_f4v.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 Te, b as kt } from "./Toast-Bdi3ohxP.js";
-import { A as Ma, T as Ta } from "./Toast-Bdi3ohxP.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 Te, b as kt } from "./Toast-C5oX0fsR.js";
+import { A as Ma, T as Ta } from "./Toast-C5oX0fsR.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 ra({
         h
       );
     }),
-    o.length === 0 && t && Z.Children.map(t, (b, D) => {
-      if (Z.isValidElement(b) && b.type === Ce) {
+    o.length === 0 && t && Y.Children.map(t, (b, D) => {
+      if (Y.isValidElement(b) && b.type === Ce) {
         const h = b.props.id || x(D);
         return /* @__PURE__ */ rt(
           Ce,
@@ -543,7 +543,7 @@ const Ht = {
   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"
-}, Yt = {
+}, Zt = {
   stripped: "",
   fitted: "size-fit leading-0",
   sm: "px-2 py-1 text-sm",
@@ -551,7 +551,7 @@ const Ht = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, Zt = {
+}, Yt = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -575,8 +575,8 @@ function Qt({
   const i = k(
     "appearance-none not-disabled:hover:cursor-pointer outline outline-transparent disabled:opacity-50 disabled:cursor-not-allowed transition-all",
     Ht[r],
-    Yt[l],
-    Zt[t],
+    Zt[l],
+    Yt[t],
     s && "relative pointer-events-none",
     n
   );
@@ -593,10 +593,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 }) : Z.Children.map(f.children, (p, m) => {
-    if (Z.isValidElement(p)) {
+  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, (p, m) => {
+    if (Y.isValidElement(p)) {
       const x = p.props;
-      return Z.cloneElement(p, {
+      return Y.cloneElement(p, {
         key: m,
         className: k(s && "invisible", x.className)
       });
@@ -1070,7 +1070,7 @@ const er = {
 }, tr = {
   info: /* @__PURE__ */ e(Be, { size: 22 }),
   destructive: /* @__PURE__ */ e(Nt, { size: 22 }),
-  success: /* @__PURE__ */ e(Ze, { size: 22 }),
+  success: /* @__PURE__ */ e(Ye, { size: 22 }),
   warning: /* @__PURE__ */ e(ve, { size: 20 }),
   base: /* @__PURE__ */ e(st, { size: 22 })
 };
@@ -1307,7 +1307,7 @@ function ia({
   gap: F = 8
 }) {
   var j, X;
-  const B = q(null), N = Z.Children.toArray(r).filter(Z.isValidElement), A = N.length, { screenSize: E } = Dt(), C = ne(() => {
+  const B = q(null), N = Y.Children.toArray(r).filter(Y.isValidElement), A = N.length, { screenSize: E } = Dt(), C = ne(() => {
     if (typeof c == "number")
       return c;
     if (typeof c == "object" && c && E) {
@@ -1349,7 +1349,7 @@ function ia({
     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 ? Z.cloneElement(
+    !f && /* @__PURE__ */ e(te, { children: b ? Y.cloneElement(
       b,
       {
         onClick: L,
@@ -1441,7 +1441,7 @@ function ia({
         ]
       }
     ),
-    !f && /* @__PURE__ */ e(te, { children: D ? Z.cloneElement(
+    !f && /* @__PURE__ */ e(te, { children: D ? Y.cloneElement(
       D,
       {
         onClick: K,
@@ -2460,11 +2460,11 @@ function ma({
     enabled: c
   });
   if (Ir(y, h), $r(h, s), !h) return null;
-  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 = () => {
+  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 = () => {
     if (!l) return null;
-    if (Z.isValidElement(l)) {
+    if (Y.isValidElement(l)) {
       const A = l, E = A.props.className || "";
-      return Z.cloneElement(A, { className: k("px-6 py-4", E) });
+      return Y.cloneElement(A, { className: k("px-6 py-4", E) });
     }
     return /* @__PURE__ */ e("div", { className: "px-6 py-4", children: l });
   };
@@ -2694,7 +2694,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 = Z.cloneElement(d, {
+  const C = d.props, z = Y.cloneElement(d, {
     "aria-expanded": x,
     "aria-haspopup": "dialog",
     "aria-controls": g,
@@ -3006,7 +3006,7 @@ function pa({
     isOpen: D,
     onClose: h
   });
-  const B = ne(() => Z.cloneElement(s, {
+  const B = ne(() => Y.cloneElement(s, {
     onClick: (N) => {
       b && y((E) => !E);
       const A = s.props;
@@ -3051,7 +3051,7 @@ const Kr = (r) => ({
   separator: qr,
   custom: Hr
 };
-function Yr(r = []) {
+function Zr(r = []) {
   const [o, t] = R(r), [s, n] = R(null), [a, l] = R(null), d = q(null), i = $((h, g) => {
     const v = {
       ...g,
@@ -3107,7 +3107,7 @@ function Yr(r = []) {
     handleDrop: b
   };
 }
-const Zr = {
+const Yr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg"
@@ -3176,7 +3176,7 @@ function ba({
     handleDragOver: K,
     handleDragEnd: ae,
     handleDrop: le
-  } = Yr(r), ie = p || u;
+  } = Zr(r), ie = p || u;
   V(() => {
     if (!N.current) {
       N.current = !0;
@@ -3219,14 +3219,14 @@ function ba({
     }
   }, O = () => {
     if (!y) return null;
-    const _ = k("font-medium opacity-60", Zr[o]);
+    const _ = k("font-medium opacity-60", Yr[o]);
     if (typeof y == "string")
       return /* @__PURE__ */ e("h4", { id: C, className: _, children: y });
     const ee = y.props;
-    return Z.cloneElement(y, { id: C, className: k(_, ee.className) });
+    return Y.cloneElement(y, { id: C, className: k(_, ee.className) });
   }, H = (_) => {
     if (!c) return null;
-    if (Z.isValidElement(c))
+    if (Y.isValidElement(c))
       return c;
     switch (c) {
       case "disc":
@@ -3684,7 +3684,7 @@ function ke({ elementId: r, type: o, message: t }) {
       ),
       role: "status",
       children: [
-        o === "error" ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(Ze, {}),
+        o === "error" ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(Ye, {}),
         /* @__PURE__ */ e("span", { id: `${r}-${o}-message`, children: t })
       ]
     }
@@ -3847,7 +3847,7 @@ function hn({
     !t && pn[c],
     !t && "px-2 py-1",
     t && "pointer-events-none",
-    a && "no-resize-handle",
+    !a && "no-resize-handle",
     i
   );
   return /* @__PURE__ */ w("div", { className: k("-space-y-1.5", t && "cursor-text"), children: [
@@ -4051,16 +4051,16 @@ function vn({
   ref: d,
   ...i
 }) {
-  const { viewportRef: f, verticalThumbRef: u, horizontalThumbRef: c, isScrolling: p, isFadingOut: m, scrollbarVisible: x, handleScroll: y } = yn(n), b = Y(
+  const { viewportRef: f, verticalThumbRef: u, horizontalThumbRef: c, isScrolling: p, isFadingOut: m, scrollbarVisible: x, handleScroll: y } = yn(n), b = Z(
     "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: Y("relative overflow-hidden", r), "data-scroll-area-root": "", ...i, children: [
+  return /* @__PURE__ */ w("div", { ref: d, id: l, className: Z("relative overflow-hidden", r), "data-scroll-area-root": "", ...i, children: [
     /* @__PURE__ */ e(
       "div",
       {
         ref: f,
-        className: Y(
+        className: Z(
           "h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
           t
         ),
@@ -4072,7 +4072,7 @@ function vn({
     x.vertical && (p || m) && /* @__PURE__ */ e(
       "div",
       {
-        className: Y(
+        className: Z(
           "touch-none select-none transition-all",
           "p-[1px]",
           "absolute right-0 top-0",
@@ -4089,7 +4089,7 @@ function vn({
           "div",
           {
             ref: u,
-            className: Y("absolute rounded-full", b),
+            className: Z("absolute rounded-full", b),
             "data-scroll-area-thumb": "",
             style: { height: "20%", top: "0%", width: "100%" }
           }
@@ -4099,7 +4099,7 @@ function vn({
     x.horizontal && (p || m) && /* @__PURE__ */ e(
       "div",
       {
-        className: Y(
+        className: Z(
           "touch-none select-none transition-all",
           "p-[1px]",
           "absolute bottom-0 left-0",
@@ -4116,7 +4116,7 @@ function vn({
           "div",
           {
             ref: c,
-            className: Y("absolute rounded-full", b),
+            className: Z("absolute rounded-full", b),
             "data-scroll-area-thumb": "",
             style: { width: "20%", left: "0%", height: "100%" }
           }
@@ -4126,7 +4126,7 @@ function vn({
     x.vertical && x.horizontal && /* @__PURE__ */ e(
       "div",
       {
-        className: Y("bg-transparent", "absolute bottom-0 right-0"),
+        className: Z("bg-transparent", "absolute bottom-0 right-0"),
         "data-scroll-area-corner": "",
         style: {
           height: `${n}px`,
@@ -4530,7 +4530,7 @@ function Dn({
       },
       `${c.value}-${p}`
     )),
-    u.length === 0 && n && Z.Children.map(n, (c) => Z.isValidElement(c) && c.type === Ie ? /* @__PURE__ */ e(
+    u.length === 0 && n && Y.Children.map(n, (c) => Y.isValidElement(c) && c.type === Ie ? /* @__PURE__ */ e(
       Ie,
       {
         ...c.props,
@@ -4784,7 +4784,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: Z.cloneElement(o, {
+  return /* @__PURE__ */ e(te, { children: Y.cloneElement(o, {
     style: {
       ...N.style,
       position: "relative"
@@ -4909,7 +4909,7 @@ function wa({
 }) {
   const x = J(), y = r || `modal-${x}`, b = r ? `${r}-title` : `modal-title-${x}`, { show: D, shouldRender: h } = En(o);
   if (Sn(y, h), Fn(h, t), !h) return null;
-  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, v = () => 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 ? 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, v = () => 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);
   }) });
@@ -4922,23 +4922,23 @@ function wa({
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ w("div", { className: Y("flex min-h-screen items-center justify-center p-4", i), children: [
+        children: /* @__PURE__ */ w("div", { className: Z("flex min-h-screen items-center justify-center p-4", i), children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: Y("fixed inset-0 bg-black/20 transition-all", d),
+              className: Z("fixed inset-0 bg-black/20 transition-all", d),
               onClick: () => {
                 c || t();
               }
             }
           ),
-          a && /* @__PURE__ */ e("div", { className: Y("relative w-fit", l), children: n }),
+          a && /* @__PURE__ */ e("div", { className: Z("relative w-fit", l), children: n }),
           !a && /* @__PURE__ */ w(
             "div",
             {
               id: y,
               tabIndex: -1,
-              className: Y(
+              className: Z(
                 "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in",
                 D ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 l
@@ -4998,19 +4998,19 @@ function ka({
   }, [c, t, r, o])(), x = r > 1, y = c || r < o, b = s && !c, D = s && !c, h = (v) => {
     v >= 1 && (c || v <= o) && n(v);
   }, g = $(() => {
-    const v = Y(
+    const v = Z(
       "flex items-center justify-center min-w-fit",
       "disabled:opacity-50 disabled:cursor-not-allowed",
       In[a],
       "rounded-md"
     );
-    return Y(v, An[l], f);
+    return Z(v, An[l], f);
   }, [l, a, f]);
   return /* @__PURE__ */ w(
     "nav",
     {
       ref: i,
-      className: Y("flex items-center justify-center gap-1", d),
+      className: Z("flex items-center justify-center gap-1", d),
       role: "navigation",
       "aria-label": "Pagination",
       "data-page": r,
@@ -5047,7 +5047,7 @@ function ka({
           "button",
           {
             onClick: () => h(v),
-            className: Y(g(), "aspect-square"),
+            className: Z(g(), "aspect-square"),
             "aria-label": `Go to page ${v}`,
             "aria-current": v === r ? !0 : void 0,
             children: v
@@ -5144,11 +5144,11 @@ function Na({
 }) {
   const m = J(), x = o || `panel-${m}`, y = o ? `${o}-title` : `panel-title-${m}`, { show: b, shouldRender: D } = $n(t);
   if (Mn(x, D), zn(D, s), !D) return null;
-  const h = () => n ? Z.isValidElement(n) ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", id: y, children: n }) : null, g = () => {
+  const h = () => n ? Y.isValidElement(n) ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", id: y, children: n }) : null, g = () => {
     if (!l) return null;
-    if (Z.isValidElement(l)) {
+    if (Y.isValidElement(l)) {
       const v = l, F = v.props.className || "";
-      return Z.cloneElement(v, { className: Y("px-6 py-4", F) });
+      return Y.cloneElement(v, { className: Z("px-6 py-4", F) });
     }
     return /* @__PURE__ */ e("div", { className: "px-6 py-4", children: l });
   };
@@ -5166,7 +5166,7 @@ function Na({
           /* @__PURE__ */ e(
             "div",
             {
-              className: Y(
+              className: Z(
                 "fixed inset-0 bg-black/40 transition-opacity",
                 b ? "opacity-100" : "opacity-0",
                 i
@@ -5182,7 +5182,7 @@ function Na({
               id: x,
               ref: r,
               tabIndex: -1,
-              className: Y(
+              className: Z(
                 "relative h-full max-w-md transform shadow-xl bg-popover text-popover-foreground transition-transform ease-in-out border-l border-border",
                 b ? "translate-x-0" : "translate-x-full",
                 d
@@ -5200,7 +5200,7 @@ function Na({
                     children: /* @__PURE__ */ e(be, { size: 18 })
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: Y("flex-1 overflow-y-auto px-6 pb-6", n ? "pt-6" : "pt-10"), children: a }),
+                /* @__PURE__ */ e("div", { className: Z("flex-1 overflow-y-auto px-6 pb-6", n ? "pt-6" : "pt-10"), children: a }),
                 g()
               ] })
             }
@@ -5431,7 +5431,7 @@ function Ea({
     {
       id: r,
       ref: p,
-      className: Y(
+      className: Z(
         "relative flex items-center w-full touch-none select-none",
         d && "opacity-50 cursor-not-allowed",
         c
@@ -5446,7 +5446,7 @@ function Ea({
         "div",
         {
           ref: v,
-          className: Y(
+          className: Z(
             "relative h-1.5 w-full rounded-full bg-muted-foreground cursor-pointer",
             d && "cursor-not-allowed",
             i
@@ -5456,7 +5456,7 @@ function Ea({
             /* @__PURE__ */ e(
               "div",
               {
-                className: Y(
+                className: Z(
                   "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",
@@ -5468,7 +5468,7 @@ function Ea({
             /* @__PURE__ */ e(
               "div",
               {
-                className: Y(
+                className: Z(
                   "absolute size-5 -top-2 rounded-full shadow-md cursor-grab",
                   d && "cursor-not-allowed",
                   !d && "cursor-grab focus:outline-none focus:ring-2",
@@ -5613,7 +5613,7 @@ function Fa({
     isAllSelected: T,
     isPartiallySelected: M
   } = Ln({ initialSelected: i }), I = n.map((L, K) => d(L, K));
-  Z.useEffect(() => {
+  Y.useEffect(() => {
     f && f(Array.from(B));
   }, [B, f]);
   const G = () => {
@@ -5907,15 +5907,15 @@ const Kn = {
     unchecked: "bg-muted-foreground",
     checked: "bg-destructive"
   }
-}, Ye = {
+}, Ze = {
   variant: "default",
   size: "md"
 };
 function Ia({
   ref: r,
   id: o,
-  size: t = Ye.size,
-  variant: s = Ye.variant,
+  size: t = Ze.size,
+  variant: s = Ze.variant,
   checked: n,
   onCheckedChange: a,
   disabled: l = !1,