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

package/dist/components.esm.js

@@ -1,10 +1,10 @@
 import { jsxs as k, jsx as c, Fragment as ne } from "react/jsx-runtime";
-import G, { useId as P, useState as A, createElement as Te, useEffect as z, useRef as B, useCallback as C, useMemo as J, isValidElement as De, cloneElement as Re } from "react";
+import F, { useId as P, useState as A, createElement as Te, useEffect as z, useRef as B, useCallback as C, useMemo as J, isValidElement as De, cloneElement as Re } from "react";
 import { join as w } from "./utils.esm.js";
 import { d as Ae, e as Ie, f as Ce, C as ze, a as Se, g as Le, E as Ve, Q as We, b as Be, c as He } from "./QuestionMarkCircled-CY81euqP.js";
-import { n as V, a as je, u as he } from "./Toast-BFQrI1bB.js";
-import { A as nr, T as ar } from "./Toast-BFQrI1bB.js";
-import { E as Fe, X as ve } from "./X-CIoyLewf.js";
+import { n as V, a as je, u as he } from "./Toast-PqPYiAd5.js";
+import { A as nr, T as ar } from "./Toast-PqPYiAd5.js";
+import { E as Ge, X as ve } from "./X-CIoyLewf.js";
 import { createPortal as pe } from "react-dom";
 function fe({
   id: r,
@@ -107,8 +107,8 @@ function Rt({
         g
       );
     }),
-    o.length === 0 && t && G.Children.map(t, (p, y) => {
-      if (G.isValidElement(p) && p.type === fe) {
+    o.length === 0 && t && F.Children.map(t, (p, y) => {
+      if (F.isValidElement(p) && p.type === fe) {
         const g = p.props.id || h(y);
         return /* @__PURE__ */ Te(
           fe,
@@ -146,7 +146,7 @@ function Me() {
     t
   )) });
 }
-const Ge = {
+const Fe = {
   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",
@@ -188,7 +188,7 @@ function qe({
   r === "link" && !o ? f = "fitted" : f = o || me.size;
   const l = w(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    Ge[r],
+    Fe[r],
     Pe[f],
     Ke[t],
     n && "relative pointer-events-none",
@@ -358,12 +358,12 @@ function St({
   gap: E = 8
 }) {
   var W, te;
-  const S = B(null), I = G.Children.toArray(r).filter(G.isValidElement), $ = I.length, { screenSize: M } = _e(), L = J(() => {
+  const S = B(null), I = F.Children.toArray(r).filter(F.isValidElement), $ = I.length, { screenSize: M } = _e(), L = J(() => {
     if (typeof l == "number")
       return l;
     if (typeof l == "object" && l && M) {
-      const Z = ["2xl", "xl", "lg", "md", "sm", "xs"], F = Z.indexOf(M);
-      for (let O = F; O < Z.length; O++) {
+      const Z = ["2xl", "xl", "lg", "md", "sm", "xs"], G = Z.indexOf(M);
+      for (let O = G; O < Z.length; O++) {
         const re = Z[O];
         if (l[re] !== void 0)
           return l[re];
@@ -383,8 +383,8 @@ function St({
     (Z) => {
       if (L === 1)
         return { leftWidth: 0, rightWidth: 0, widthReduction: 0 };
-      const F = E * (L - 1) / L;
-      return Z % L === 0 ? { leftWidth: 0, rightWidth: E / 2, widthReduction: F } : Z % L === L - 1 ? { leftWidth: E / 2, rightWidth: 0, widthReduction: F } : { leftWidth: E / 2, rightWidth: E / 2, widthReduction: F };
+      const G = E * (L - 1) / L;
+      return Z % L === 0 ? { leftWidth: 0, rightWidth: E / 2, widthReduction: G } : Z % L === L - 1 ? { leftWidth: E / 2, rightWidth: 0, widthReduction: G } : { leftWidth: E / 2, rightWidth: E / 2, widthReduction: G };
     },
     [L, E]
   ), q = () => {
@@ -400,7 +400,7 @@ function St({
     h === "aligned" ? "disabled:opacity-90" : "disabled:opacity-50"
   );
   return /* @__PURE__ */ k("div", { className: w("relative", n), "data-carousel-wrapper": "true", children: [
-    !f && /* @__PURE__ */ c(ne, { children: p ? G.cloneElement(
+    !f && /* @__PURE__ */ c(ne, { children: p ? F.cloneElement(
       p,
       {
         onClick: q,
@@ -455,8 +455,8 @@ function St({
                 transform: `translateX(${ue}%)`,
                 width: `${$ / L * 100}%`
               },
-              children: I.map((Z, F) => {
-                const { leftWidth: O, rightWidth: re, widthReduction: $e } = Q(F);
+              children: I.map((Z, G) => {
+                const { leftWidth: O, rightWidth: re, widthReduction: $e } = Q(G);
                 return /* @__PURE__ */ c(
                   "div",
                   {
@@ -466,33 +466,33 @@ function St({
                       marginRight: re > 0 ? `${re}px` : void 0,
                       marginLeft: O > 0 ? `${O}px` : void 0
                     },
-                    "data-slide-index": F,
+                    "data-slide-index": G,
                     children: Z
                   },
-                  F
+                  G
                 );
               })
             }
           ),
-          !m && /* @__PURE__ */ c("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2", children: Array.from({ length: Math.ceil($ / L) }).map((Z, F) => /* @__PURE__ */ c(
+          !m && /* @__PURE__ */ c("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2", children: Array.from({ length: Math.ceil($ / L) }).map((Z, G) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              onClick: () => K(F),
+              onClick: () => K(G),
               className: w(
                 "w-2 h-2 rounded-full transition-colors duration-200",
-                F === U ? "bg-accent" : "bg-muted hover:bg-muted-foreground/50",
+                G === U ? "bg-accent" : "bg-muted hover:bg-muted-foreground/50",
                 N
               ),
-              "aria-label": `Go to slide ${F + 1}`,
-              "data-carousel-dot": F
+              "aria-label": `Go to slide ${G + 1}`,
+              "data-carousel-dot": G
             },
-            F
+            G
           )) })
         ]
       }
     ),
-    !f && /* @__PURE__ */ c(ne, { children: y ? G.cloneElement(
+    !f && /* @__PURE__ */ c(ne, { children: y ? F.cloneElement(
       y,
       {
         onClick: Y,
@@ -652,7 +652,7 @@ function le({ elementId: r, type: o, message: t }) {
       ),
       role: "status",
       children: [
-        o === "error" ? /* @__PURE__ */ c(Fe, {}) : /* @__PURE__ */ c(Se, {}),
+        o === "error" ? /* @__PURE__ */ c(Ge, {}) : /* @__PURE__ */ c(Se, {}),
         /* @__PURE__ */ c("span", { id: `${r}-${o}-message`, children: t })
       ]
     }
@@ -830,7 +830,7 @@ function Ht({
 }) {
   const u = P(), h = r || `modal-${u}`, v = r ? `${r}-title` : `modal-title-${u}`, { show: p, shouldRender: y } = Je(o);
   if (Oe(h, y), Ye(y, t), !y) return null;
-  const g = () => n ? G.isValidElement(n) ? /* @__PURE__ */ c("div", { className: "mb-4", children: n }) : /* @__PURE__ */ c("h2", { className: "mb-4 text-xl font-semibold", id: v, children: n }) : null, x = () => f.length === 0 ? null : /* @__PURE__ */ c("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: f.map((N, E) => {
+  const g = () => n ? F.isValidElement(n) ? /* @__PURE__ */ c("div", { className: "mb-4", children: n }) : /* @__PURE__ */ c("h2", { className: "mb-4 text-xl font-semibold", id: v, children: n }) : null, x = () => f.length === 0 ? null : /* @__PURE__ */ c("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: f.map((N, E) => {
     const { label: S, className: I, ...$ } = N;
     return /* @__PURE__ */ c(qe, { className: I, type: "button", ...$, "data-modal-action": "true", children: S }, E);
   }) });
@@ -1059,7 +1059,7 @@ const ot = {
     screen: "w-screen"
   }
 };
-function Ft({
+function Gt({
   ref: r,
   id: o,
   isOpen: t,
@@ -1077,11 +1077,11 @@ function Ft({
 }) {
   const h = P(), v = o || `panel-${h}`, p = o ? `${o}-title` : `panel-title-${h}`, { show: y, shouldRender: g } = rt(t);
   if (at(v, g), nt(g, n), !g) return null;
-  const x = () => e ? G.isValidElement(e) ? /* @__PURE__ */ c("div", { children: e }) : /* @__PURE__ */ c("h2", { className: "text-2xl font-semibold", id: p, children: e }) : null, N = () => {
+  const x = () => e ? F.isValidElement(e) ? /* @__PURE__ */ c("div", { children: e }) : /* @__PURE__ */ c("h2", { className: "text-2xl font-semibold", id: p, children: e }) : null, N = () => {
     if (!s) return null;
-    if (G.isValidElement(s)) {
+    if (F.isValidElement(s)) {
       const E = s, S = E.props.className || "";
-      return G.cloneElement(E, { className: V("px-6 py-4", S) });
+      return F.cloneElement(E, { className: V("px-6 py-4", S) });
     }
     return /* @__PURE__ */ c("div", { className: "px-6 py-4", children: s });
   };
@@ -1355,7 +1355,7 @@ function Mt({
       },
       `${l.value}-${b}`
     )),
-    m.length === 0 && e && G.Children.map(e, (l) => G.isValidElement(l) && l.type === be ? /* @__PURE__ */ c(
+    m.length === 0 && e && F.Children.map(e, (l) => F.isValidElement(l) && l.type === be ? /* @__PURE__ */ c(
       be,
       {
         ...l.props,
@@ -1428,7 +1428,7 @@ function lt(r) {
     handleScroll: h
   };
 }
-function Gt({
+function Ft({
   className: r,
   thumbClassName: o,
   viewportClassName: t,
@@ -2595,7 +2595,7 @@ function er({
     i
   ), L = P(), U = r ?? L;
   return /* @__PURE__ */ k(ne, { children: [
-    G.cloneElement(o, {
+    F.cloneElement(o, {
       ref: (j) => {
         N.current = j;
       },
@@ -2647,19 +2647,19 @@ export {
   fe as AccordionItem,
   nr as ActionModal,
   qe as Button,
-  Me as ButtonLoadingDots,
   St as Carousel,
   Lt as Checkbox,
   Vt as Clickable,
   Wt as Input,
   Bt as Label,
+  Me as LoadingDots,
   Ht as Modal,
   jt as Pagination,
-  Ft as Panel,
+  Gt as Panel,
   Mt as RadioGroup,
   be as RadioGroupItem,
   st as RadioInput,
-  Gt as ScrollArea,
+  Ft as ScrollArea,
   Pt as Select,
   Kt as Separator,
   qt as Skeleton,