@app-studio/web 0.9.95 → 0.9.96

package/dist/web.esm.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as w, Fragment as Me } from "react/jsx-runtime";
-import G, { useState as L, useMemo as re, useEffect as Y, useCallback as F, createContext as Ie, isValidElement as _r, Children as $r, cloneElement as Er, useContext as Te, Suspense as ti, lazy as ri, useRef as Q, startTransition as ni, forwardRef as Br, Fragment as ai } from "react";
+import G, { useState as L, useMemo as re, useEffect as Y, useCallback as F, createContext as Ie, isValidElement as _r, Children as Er, cloneElement as $r, useContext as Te, Suspense as ti, lazy as ri, useRef as Q, startTransition as ni, forwardRef as Br, Fragment as ai } from "react";
 import { Vertical as ae, View as k, Horizontal as J, Center as ye, useTheme as de, Text as O, Image as We, Element as pe, useHover as ii, useElementPosition as He, Typography as we, Input as uo, Form as li, Button as Pt, Animation as or, useInView as ci, useResponsive as di } from "app-studio";
 import { create as Wt } from "zustand";
 import { Link as si } from "react-router-dom";
@@ -155,8 +155,8 @@ const _t = (e = "id") => `${e}-${Math.random().toString(36).substring(2, 9)}`, g
     ...c
   };
   if (d && _r(e)) {
-    const p = $r.only(e);
-    return Er(p, { ...g, ...p.props });
+    const p = Er.only(e);
+    return $r(p, { ...g, ...p.props });
   }
   return /* @__PURE__ */ w(J, { ...g, children: [
     e,
@@ -283,10 +283,10 @@ const _t = (e = "id") => `${e}-${Math.random().toString(36).substring(2, 9)}`, g
       )
     }
   );
-}, $t = ki;
-$t.Item = fi;
-$t.Trigger = bi;
-$t.Content = yi;
+}, Et = ki;
+Et.Item = fi;
+Et.Trigger = bi;
+Et.Content = yi;
 const st = /* @__PURE__ */ new Map(), Ci = (e, o, t) => (st.has(e) || st.set(
   e,
   ri(
@@ -345,7 +345,7 @@ const st = /* @__PURE__ */ new Map(), Ci = (e, o, t) => (st.has(e) || st.set(
 ), X = (e, o = {}) => {
   const t = (r) => /* @__PURE__ */ i(xt, { name: e, ...o, ...r });
   return t.displayName = `${e}Icon`, t;
-}, Nh = X("user", { filled: !1 }), Uh = X("circle-help", { filled: !1 }), Gh = X("folder", { filled: !1 }), be = X("chevron-up", { filled: !1 }), Yh = X("grip-vertical", { filled: !1 }), Zo = X("file", { filled: !1 }), vh = X("video", { filled: !1 }), Xh = X("image", { filled: !1 }), Et = X("volume", { filled: !1 }), Kh = X("twitter", { filled: !1 }), Qh = X("x", { filled: !1 }), Jh = X("twitch", { filled: !1 }), Ee = X("x", { filled: !1, strokeWidth: 2 }), Zh = X("instagram", { filled: !1 }), em = X("youtube", { filled: !1 }), om = X("facebook", { filled: !1 }), tm = X("linkedin", { filled: !1 }), rm = X("at-sign", { filled: !1 }), Si = X("minus", { filled: !1 }), Ke = X("info", { filled: !1 }), Dr = X("play", { filled: !1 }), ji = X("pause", { filled: !1 }), nm = X("heart", { filled: !1 }), am = X("star", { filled: !1 }), im = X("save", { filled: !1 }), Hr = X("triangle-alert", { filled: !1 }), lm = X("battery", { filled: !1 }), cm = X("bookmark", { filled: !1 }), dm = X("cloud", { filled: !1 }), sm = X("copy", { filled: !1 }), Bt = X("trash", { filled: !1 }), um = Bt, gm = X("edit", { filled: !1 }), Or = X("mic", { filled: !1 }), Lt = X("square", { filled: !1 }), Fr = X("send", { filled: !1 }), Vr = X("loader", { filled: !1 }), et = X("paperclip", { filled: !1 }), kt = X("search", { filled: !1 }), pm = X("home", { filled: !1 }), Ii = X("settings", { filled: !1 }), hm = X("download", { filled: !1 }), wi = X("share", { filled: !1 }), At = X("check", { filled: !1 }), mm = X("plus", { filled: !1 }), qr = X("eye-off", { filled: !1 }), Nr = X("eye", { filled: !1 }), fm = X("lock", { filled: !1 }), bm = X("user", { filled: !1 }), Mi = X("external-link", { filled: !1 }), Ur = X("check-circle", { filled: !1 }), Dt = X("alert-circle", { filled: !1 }), ym = X("bell", { filled: !1 }), xm = X("file-text", { filled: !1 }), km = X("bar-chart", { filled: !1 }), Cm = X("moon", { filled: !1 }), Ti = X("panel-left", { filled: !1 }), Gr = X("upload", { filled: !1 }), Sm = At, jm = (e) => /* @__PURE__ */ i(be, { orientation: "left", ...e }), Im = X("zoom-out", { filled: !1 }), wm = X("type", { filled: !1 }), Mm = X("shapes", { filled: !1 }), Tm = X("rotate-cw", { filled: !1 }), zm = X("gift", { filled: !1 }), Rm = X("shield", { filled: !1 }), Pm = X("log-out", { filled: !1 }), Wm = X("power", { filled: !1 }), _m = X("link", { filled: !1 }), $m = X("layout", { filled: !1 }), Em = X("zap", { filled: !1 }), Bm = X("credit-card", { filled: !1 }), Lm = X("more-horizontal", { filled: !1 }), Am = Bt, Dm = X("filter", { filled: !1 }), Hm = X("calendar", { filled: !1 }), Om = X("clock", { filled: !1 }), Fm = X("map-pin", { filled: !1 }), Vm = X("menu", { filled: !1 }), qm = X("refresh-cw", { filled: !1 }), Nm = X("printer", { filled: !1 }), Um = X("wand", { filled: !1 }), Gm = X("thumbs-down", { filled: !1 }), Ym = X("thumbs-up", { filled: !1 }), vm = X("camera", { filled: !1 }), Xm = X("bluetooth", { filled: !1 }), Km = X("unlock", { filled: !1 }), Qm = X("wifi", { filled: !1 }), Jm = X("arrow-right", { filled: !1 }), Zm = X("arrow-up", { filled: !1 }), e0 = X("loader", { filled: !1 }), o0 = X("sliders-horizontal", { filled: !1 }), t0 = X("crop", { filled: !1 }), r0 = X("zoom-in", { filled: !1 }), n0 = X("grip-horizontal", {
+}, Nh = X("user", { filled: !1 }), Uh = X("circle-help", { filled: !1 }), Gh = X("folder", { filled: !1 }), be = X("chevron-up", { filled: !1 }), Yh = X("grip-vertical", { filled: !1 }), Zo = X("file", { filled: !1 }), vh = X("video", { filled: !1 }), Xh = X("image", { filled: !1 }), $t = X("volume", { filled: !1 }), Kh = X("twitter", { filled: !1 }), Qh = X("x", { filled: !1 }), Jh = X("twitch", { filled: !1 }), $e = X("x", { filled: !1, strokeWidth: 2 }), Zh = X("instagram", { filled: !1 }), em = X("youtube", { filled: !1 }), om = X("facebook", { filled: !1 }), tm = X("linkedin", { filled: !1 }), rm = X("at-sign", { filled: !1 }), Si = X("minus", { filled: !1 }), Ke = X("info", { filled: !1 }), Dr = X("play", { filled: !1 }), ji = X("pause", { filled: !1 }), nm = X("heart", { filled: !1 }), am = X("star", { filled: !1 }), im = X("save", { filled: !1 }), Hr = X("triangle-alert", { filled: !1 }), lm = X("battery", { filled: !1 }), cm = X("bookmark", { filled: !1 }), dm = X("cloud", { filled: !1 }), sm = X("copy", { filled: !1 }), Bt = X("trash", { filled: !1 }), um = Bt, gm = X("edit", { filled: !1 }), Or = X("mic", { filled: !1 }), Lt = X("square", { filled: !1 }), Fr = X("send", { filled: !1 }), Vr = X("loader", { filled: !1 }), et = X("paperclip", { filled: !1 }), kt = X("search", { filled: !1 }), pm = X("home", { filled: !1 }), Ii = X("settings", { filled: !1 }), hm = X("download", { filled: !1 }), wi = X("share", { filled: !1 }), At = X("check", { filled: !1 }), mm = X("plus", { filled: !1 }), qr = X("eye-off", { filled: !1 }), Nr = X("eye", { filled: !1 }), fm = X("lock", { filled: !1 }), bm = X("user", { filled: !1 }), Mi = X("external-link", { filled: !1 }), Ur = X("check-circle", { filled: !1 }), Dt = X("alert-circle", { filled: !1 }), ym = X("bell", { filled: !1 }), xm = X("file-text", { filled: !1 }), km = X("bar-chart", { filled: !1 }), Cm = X("moon", { filled: !1 }), Ti = X("panel-left", { filled: !1 }), Gr = X("upload", { filled: !1 }), Sm = At, jm = (e) => /* @__PURE__ */ i(be, { orientation: "left", ...e }), Im = X("zoom-out", { filled: !1 }), wm = X("type", { filled: !1 }), Mm = X("shapes", { filled: !1 }), Tm = X("rotate-cw", { filled: !1 }), zm = X("gift", { filled: !1 }), Rm = X("shield", { filled: !1 }), Pm = X("log-out", { filled: !1 }), Wm = X("power", { filled: !1 }), _m = X("link", { filled: !1 }), Em = X("layout", { filled: !1 }), $m = X("zap", { filled: !1 }), Bm = X("credit-card", { filled: !1 }), Lm = X("more-horizontal", { filled: !1 }), Am = Bt, Dm = X("filter", { filled: !1 }), Hm = X("calendar", { filled: !1 }), Om = X("clock", { filled: !1 }), Fm = X("map-pin", { filled: !1 }), Vm = X("menu", { filled: !1 }), qm = X("refresh-cw", { filled: !1 }), Nm = X("printer", { filled: !1 }), Um = X("wand", { filled: !1 }), Gm = X("thumbs-down", { filled: !1 }), Ym = X("thumbs-up", { filled: !1 }), vm = X("camera", { filled: !1 }), Xm = X("bluetooth", { filled: !1 }), Km = X("unlock", { filled: !1 }), Qm = X("wifi", { filled: !1 }), Jm = X("arrow-right", { filled: !1 }), Zm = X("arrow-up", { filled: !1 }), e0 = X("loader", { filled: !1 }), o0 = X("sliders-horizontal", { filled: !1 }), t0 = X("crop", { filled: !1 }), r0 = X("zoom-in", { filled: !1 }), n0 = X("grip-horizontal", {
   filled: !1
 }), zi = X("mouse-pointer-2", {
   filled: !1
@@ -528,12 +528,12 @@ const st = /* @__PURE__ */ new Map(), Ci = (e, o, t) => (st.has(e) || st.set(
       }
     )
   }
-), $i = ({
+), Ei = ({
   ratio: e,
   children: o,
   ...t
-}) => /* @__PURE__ */ i(_i, { ratio: e, ...t, children: o }), i0 = $i;
-function Ei(e, o, t) {
+}) => /* @__PURE__ */ i(_i, { ratio: e, ...t, children: o }), i0 = Ei;
+function $i(e, o, t) {
   return Math.min(Math.max(e, o), t);
 }
 const Bi = ({
@@ -556,7 +556,7 @@ const Bi = ({
       {
         width: 2,
         backgroundColor: o ? "color-gray-200" : a >= 0 ? "color-gray-900" : "color-gray-500",
-        style: { height: `${Ei(a * 300, 2, 32)}px` }
+        style: { height: `${$i(a * 300, 2, 32)}px` }
       },
       n
     ))
@@ -791,7 +791,7 @@ const Bi = ({
             },
             ...(y = u == null ? void 0 : u.closingIcon) == null ? void 0 : y.container,
             children: /* @__PURE__ */ i(
-              Ee,
+              $e,
               {
                 widthHeight: 18,
                 color: m,
@@ -906,9 +906,9 @@ const Bi = ({
             continue;
           }
           if (r) {
-            const E = r(P);
-            if (E) {
-              l(`${P.name}: ${E}`), m(`${P.name}: ${E}`);
+            const $ = r(P);
+            if ($) {
+              l(`${P.name}: ${$}`), m(`${P.name}: ${$}`);
               continue;
             }
           }
@@ -992,7 +992,7 @@ const Bi = ({
     }
   ),
   renderText: P = ({ text: z, textProps: B }) => /* @__PURE__ */ i(O, { marginTop: 8, ...B, ...W == null ? void 0 : W.text, children: z }),
-  renderFile: E = ({ selectedFile: z, textProps: B }) => z ? /* @__PURE__ */ w(
+  renderFile: $ = ({ selectedFile: z, textProps: B }) => z ? /* @__PURE__ */ w(
     ye,
     {
       marginTop: 8,
@@ -1028,7 +1028,7 @@ const Bi = ({
       ...W == null ? void 0 : W.view
     }
   ) }),
-  renderImage: $ = ({ previewUrl: z, imageProps: B }) => (console.log("Rendering image with URL:", z), /* @__PURE__ */ i(k, { width: "100%", height: "100%", position: "relative", ...W == null ? void 0 : W.view, children: /* @__PURE__ */ i(
+  renderImage: E = ({ previewUrl: z, imageProps: B }) => (console.log("Rendering image with URL:", z), /* @__PURE__ */ i(k, { width: "100%", height: "100%", position: "relative", ...W == null ? void 0 : W.view, children: /* @__PURE__ */ i(
     We,
     {
       src: z,
@@ -1094,7 +1094,7 @@ const Bi = ({
       ...b,
       ...W == null ? void 0 : W.container,
       children: [
-        t === 100 && I === "image" && z && $({ previewUrl: z, imageProps: j }),
+        t === 100 && I === "image" && z && E({ previewUrl: z, imageProps: j }),
         t === 100 && I === "video" && l && M({
           selectedFile: u,
           thumbnailUrl: l,
@@ -1102,7 +1102,7 @@ const Bi = ({
           videoProps: S,
           imageProps: j
         }),
-        t === 100 && I === "file" && u && E({ selectedFile: u, textProps: C }),
+        t === 100 && I === "file" && u && $({ selectedFile: u, textProps: C }),
         t < 100 && (r || /* @__PURE__ */ i(Gr, { widthHeight: 32, ...x })),
         !o && !u && a && P({ text: a, textProps: C }),
         o && D({ progress: t, progressProps: y }),
@@ -1337,14 +1337,14 @@ function vr() {
     try {
       const P = await navigator.mediaDevices.getUserMedia({ audio: !0 });
       b.current = P;
-      const E = MediaRecorder.isTypeSupported(S) ? S : void 0, M = new MediaRecorder(
+      const $ = MediaRecorder.isTypeSupported(S) ? S : void 0, M = new MediaRecorder(
         P,
-        E ? { mimeType: E } : void 0
+        $ ? { mimeType: $ } : void 0
       );
       p.current = M;
-      const $ = new (window.AudioContext || window.webkitAudioContext)();
-      h.current = $;
-      const D = $.createMediaStreamSource(P), W = $.createAnalyser();
+      const E = new (window.AudioContext || window.webkitAudioContext)();
+      h.current = E;
+      const D = E.createMediaStreamSource(P), W = E.createAnalyser();
       W.fftSize = 256, W.smoothingTimeConstant = 0.8, D.connect(W), m.current = W, s(W), M.ondataavailable = (z) => {
         z.data.size > 0 && f.current.push(z.data);
       }, M.onstop = () => {
@@ -2258,11 +2258,11 @@ const Ui = () => {
   borderMovingGradientColors: C = ["#705CFF", "#FF5C97", "#FFC75C"],
   animatedStrokeAccentColor: I = "#705CFF",
   animatedStrokeTextColor: T = "#333333",
-  getColor: R = (E) => E,
+  getColor: R = ($) => $,
   ...P
 }) => {
   var D;
-  const E = pl(c), M = t ? /* @__PURE__ */ i(
+  const $ = pl(c), M = t ? /* @__PURE__ */ i(
     nl,
     {
       to: t,
@@ -2273,7 +2273,7 @@ const Ui = () => {
       ...g == null ? void 0 : g.link,
       children: y
     }
-  ) : y, $ = {
+  ) : y, E = {
     isDisabled: r,
     isLoading: a,
     baseStyles: p,
@@ -2311,10 +2311,10 @@ const Ui = () => {
           {
             asComponent: t ? "div" : "button",
             isWrapped: !0,
-            borderRadius: Math.max(0, E - 3),
+            borderRadius: Math.max(0, $ - 3),
             width: "100%",
             height: "100%",
-            ...$
+            ...E
           }
         )
       }
@@ -2387,8 +2387,8 @@ const Ui = () => {
                   y: "0",
                   height: "100%",
                   width: "100%",
-                  rx: E,
-                  ry: E,
+                  rx: $,
+                  ry: $,
                   fill: "transparent",
                   stroke: W,
                   strokeWidth: "8px",
@@ -2452,7 +2452,7 @@ const Ui = () => {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            borderRadius: Math.max(0, E - 3),
+            borderRadius: Math.max(0, $ - 3),
             width: "100%",
             height: "100%",
             ...p,
@@ -2530,13 +2530,13 @@ const Ui = () => {
       borderMovingGradientColors: T = ["#705CFF", "#FF5C97", "#FFC75C"],
       animatedStrokeAccentColor: R = "#705CFF",
       animatedStrokeTextColor: P = "#333333",
-      ...E
+      ...$
     }, M) => {
-      const { getColorHex: $ } = de();
-      let z = $(g ? "theme-disabled" : p ? "theme-loading" : n ?? l ?? "theme-button-background");
-      (z === "theme-button-background" || z === "theme-loading") && (z = $(p ? "color-dark-500" : "theme-primary"));
-      let _ = $(d ?? "theme-button-text");
-      _ === "theme-button-text" && (_ = $("color-white"));
+      const { getColorHex: E } = de();
+      let z = E(g ? "theme-disabled" : p ? "theme-loading" : n ?? l ?? "theme-button-background");
+      (z === "theme-button-background" || z === "theme-loading") && (z = E(p ? "color-dark-500" : "theme-primary"));
+      let _ = E(d ?? "theme-button-text");
+      _ === "theme-button-text" && (_ = E("color-white"));
       const H = re(
         () => ul(z, _, c),
         [z, _, c]
@@ -2558,7 +2558,7 @@ const Ui = () => {
         fl,
         {
           variant: e,
-          animation: E.animation,
+          animation: $.animation,
           to: y,
           isDisabled: g,
           isLoading: p,
@@ -2580,9 +2580,9 @@ const Ui = () => {
           borderMovingGradientColors: T,
           animatedStrokeAccentColor: R,
           animatedStrokeTextColor: P,
-          getColor: $,
+          getColor: E,
           containerRef: M,
-          ...E
+          ...$
         }
       );
     }
@@ -2799,17 +2799,17 @@ const Il = ({
   Y(() => {
     o !== void 0 && f(o);
   }, [o]);
-  const E = F(
+  const $ = F(
     (q) => {
       let v = q;
       l ? q < 0 ? v = u - 1 : q >= u && (v = 0) : v = Math.max(0, Math.min(q, u - 1)), c && c.length > 0 && (c.includes(v) || (v = c.reduce((ee, U) => Math.abs(U - v) < Math.abs(ee - v) ? U : ee))), o === void 0 && f(v), t && t(v);
     },
     [o, l, t, u]
   ), M = F(() => {
-    E(b + 1);
-  }, [b, E]), $ = F(() => {
-    E(b - 1);
-  }, [b, E]);
+    $(b + 1);
+  }, [b, $]), E = F(() => {
+    $(b - 1);
+  }, [b, $]);
   Y(() => (r && !y && !j && (P.current = setInterval(() => {
     M();
   }, a)), () => {
@@ -2837,9 +2837,9 @@ const Il = ({
       let v, ne;
       "touches" in q ? (v = q.touches[0].clientX, ne = q.touches[0].clientY) : (v = q.clientX, ne = q.clientY);
       const ee = v - C, U = ne - T;
-      Math.abs(ee) > Math.abs(U) && Math.abs(ee) > 50 && (ee > 0 ? $() : M(), x(!1));
+      Math.abs(ee) > Math.abs(U) && Math.abs(ee) > 50 && (ee > 0 ? E() : M(), x(!1));
     },
-    [j, C, T, M, $]
+    [j, C, T, M, E]
   ), _ = F(() => {
     x(!1);
   }, []), A = F(() => {
@@ -2861,9 +2861,9 @@ const Il = ({
   return {
     activeIndex: b,
     totalSlides: u,
-    goToSlide: E,
+    goToSlide: $,
     nextSlide: M,
-    prevSlide: $,
+    prevSlide: E,
     canGoNext: N,
     canGoPrevious: V,
     handleMouseEnter: D,
@@ -3170,9 +3170,9 @@ const Il = ({
     activeIndex: T,
     totalSlides: R,
     goToSlide: P,
-    nextSlide: E,
+    nextSlide: $,
     prevSlide: M,
-    handleMouseEnter: $,
+    handleMouseEnter: E,
     handleMouseLeave: D,
     handleDragStart: W,
     handleDragMove: z,
@@ -3219,7 +3219,7 @@ const Il = ({
           top: "50%",
           transform: "translateY(-50%)",
           right: n === "inside" ? "10px" : "-40px",
-          onClick: E,
+          onClick: $,
           cursor: !m && T === C.length - 1 ? "not-allowed" : "pointer",
           opacity: !m && T === C.length - 1 ? 0.5 : 1,
           children: N
@@ -3259,7 +3259,7 @@ const Il = ({
         currentIndex: T,
         totalSlides: R,
         goToSlide: P,
-        goToNext: E,
+        goToNext: $,
         goToPrevious: M,
         canGoNext: I.canGoNext,
         canGoPrevious: I.canGoPrevious,
@@ -3295,7 +3295,7 @@ const Il = ({
       width: "100%",
       height: "100%",
       overflow: "hidden",
-      onMouseEnter: $,
+      onMouseEnter: E,
       onMouseLeave: D,
       onTouchStart: W,
       onTouchMove: z,
@@ -3376,12 +3376,12 @@ const Le = {
   flexWrap: "wrap",
   justifyContent: "center",
   marginTop: "16px"
-}, $l = {
+}, El = {
   display: "flex",
   alignItems: "center",
   marginRight: "16px",
   marginBottom: "8px"
-}, El = {
+}, $l = {
   width: "12px",
   height: "12px",
   borderRadius: "2px",
@@ -3612,14 +3612,14 @@ const Le = {
       ] }, `y-tick-${I}`);
     }),
     e.series.map((C, I) => /* @__PURE__ */ i(G.Fragment, { children: C.data.map((T, R) => {
-      const P = T / j * p * r, E = u.left + R * f + S * (I + 1) + y * I, M = t - u.bottom - P, $ = e.labels[R], D = e.series.reduce((A, H) => {
+      const P = T / j * p * r, $ = u.left + R * f + S * (I + 1) + y * I, M = t - u.bottom - P, E = e.labels[R], D = e.series.reduce((A, H) => {
         const V = H.data[R];
         return A + (typeof V == "number" ? V : 0);
       }, 0), W = D > 0 ? (T / D * 100).toFixed(1) : null, z = C.color ? s(C.color) : "black";
       return /* @__PURE__ */ i(
         "rect",
         {
-          x: E,
+          x: $,
           y: M,
           width: y,
           height: P,
@@ -3646,7 +3646,7 @@ const Le = {
                   ]
                 }
               ),
-              /* @__PURE__ */ i(O, { marginTop: "4px", color: "color-gray-500", fontSize: "12px", children: $ }),
+              /* @__PURE__ */ i(O, { marginTop: "4px", color: "color-gray-500", fontSize: "12px", children: E }),
               /* @__PURE__ */ w(k, { marginTop: "8px", display: "flex", flexDirection: "column", children: [
                 /* @__PURE__ */ w(k, { display: "flex", justifyContent: "space-between", children: [
                   /* @__PURE__ */ i(O, { color: "color-gray-500", children: "Value" }),
@@ -3721,8 +3721,8 @@ const Le = {
     return `${I},${T}`;
   }).join(" L ")}`, y = (S) => {
     const j = u.left, x = u.left + g, C = t - u.bottom, I = S.map((T, R) => {
-      const P = u.left + R / (e.labels.length - 1) * g, E = t - u.bottom - T / m * p * r;
-      return `${P},${E}`;
+      const P = u.left + R / (e.labels.length - 1) * g, $ = t - u.bottom - T / m * p * r;
+      return `${P},${$}`;
     });
     return `M ${j},${C} L ${I.join(" L ")} L ${x},${C} Z`;
   };
@@ -3822,10 +3822,10 @@ const Le = {
           }
         ),
         S.data.map((C, I) => {
-          const T = u.left + I / (e.labels.length - 1) * g, R = t - u.bottom - C / m * p * r, P = e.labels[I], E = e.series.reduce((_, A) => {
+          const T = u.left + I / (e.labels.length - 1) * g, R = t - u.bottom - C / m * p * r, P = e.labels[I], $ = e.series.reduce((_, A) => {
             const H = A.data[I];
             return _ + (typeof H == "number" ? H : 0);
-          }, 0), M = E > 0 ? (C / E * 100).toFixed(1) : null, $ = I > 0 && typeof S.data[I - 1] == "number" ? S.data[I - 1] : null, D = typeof $ == "number" ? C - $ : null, W = typeof D == "number" ? `${D >= 0 ? "+" : ""}${D.toLocaleString()}` : null;
+          }, 0), M = $ > 0 ? (C / $ * 100).toFixed(1) : null, E = I > 0 && typeof S.data[I - 1] == "number" ? S.data[I - 1] : null, D = typeof E == "number" ? C - E : null, W = typeof D == "number" ? `${D >= 0 ? "+" : ""}${D.toLocaleString()}` : null;
           return /* @__PURE__ */ i(
             "circle",
             {
@@ -3900,7 +3900,7 @@ const Le = {
                         justifyContent: "space-between",
                         children: [
                           /* @__PURE__ */ i(O, { color: "color-gray-500", children: "Category total" }),
-                          /* @__PURE__ */ i(O, { fontWeight: "medium", children: E.toLocaleString() })
+                          /* @__PURE__ */ i(O, { fontWeight: "medium", children: $.toLocaleString() })
                         ]
                       }
                     )
@@ -3975,17 +3975,17 @@ const Le = {
     const x = [];
     let C = -Math.PI / 2;
     for (let I = 0; I < e.length; I++) {
-      const R = e[I].value / S, P = R * 2 * Math.PI * r, E = C + P, M = b + Math.cos(C) * m, $ = f + Math.sin(C) * m, D = b + Math.cos(E) * m, W = f + Math.sin(E) * m, z = b + Math.cos(C) * y, B = f + Math.sin(C) * y, _ = b + Math.cos(E) * y, A = f + Math.sin(E) * y, H = P > Math.PI ? 1 : 0;
+      const R = e[I].value / S, P = R * 2 * Math.PI * r, $ = C + P, M = b + Math.cos(C) * m, E = f + Math.sin(C) * m, D = b + Math.cos($) * m, W = f + Math.sin($) * m, z = b + Math.cos(C) * y, B = f + Math.sin(C) * y, _ = b + Math.cos($) * y, A = f + Math.sin($) * y, H = P > Math.PI ? 1 : 0;
       let V;
       a ? V = [
-        `M ${M} ${$}`,
+        `M ${M} ${E}`,
         `A ${m} ${m} 0 ${H} 1 ${D} ${W}`,
         `L ${_} ${A}`,
         `A ${y} ${y} 0 ${H} 0 ${z} ${B}`,
         "Z"
       ].join(" ") : V = [
         `M ${b} ${f}`,
-        `L ${M} ${$}`,
+        `L ${M} ${E}`,
         `A ${m} ${m} 0 ${H} 1 ${D} ${W}`,
         "Z"
       ].join(" ");
@@ -3999,9 +3999,9 @@ const Le = {
         labelX: v,
         labelY: ne,
         startAngle: C,
-        endAngle: E,
+        endAngle: $,
         index: I
-      }), C = E;
+      }), C = $;
     }
     return x;
   }, [
@@ -4034,7 +4034,7 @@ const Le = {
         ),
         j.map((x, C) => {
           const I = (P) => {
-            const E = S > 0 ? x.value / S * 100 : 0, M = S > 0 ? Math.max(0, 100 - E) : null, $ = /* @__PURE__ */ w(k, { display: "flex", flexDirection: "column", minWidth: "200px", children: [
+            const $ = S > 0 ? x.value / S * 100 : 0, M = S > 0 ? Math.max(0, 100 - $) : null, E = /* @__PURE__ */ w(k, { display: "flex", flexDirection: "column", minWidth: "200px", children: [
               /* @__PURE__ */ w(
                 k,
                 {
@@ -4109,7 +4109,7 @@ const Le = {
               const z = p.current.getBoundingClientRect();
               P.clientX - z.left, P.clientY - z.top, g.space.horizontal === "left" ? D = P.clientX - 100 : D = P.clientX + 10, g.space.vertical === "top" ? W = P.clientY - 30 : W = P.clientY + 10;
             }
-            l(D, W, $);
+            l(D, W, E);
           }, T = () => {
             x.index !== -1 && n && n(e[x.index], x.index);
           }, R = x.index === -1;
@@ -4217,9 +4217,9 @@ const Le = {
   ...P
 }) => {
   const {
-    animationProgress: E,
+    animationProgress: $,
     tooltip: M,
-    containerRef: $,
+    containerRef: E,
     processedData: D,
     showTooltip: W,
     hideTooltip: z,
@@ -4245,10 +4245,10 @@ const Le = {
         children: ce.map((ue, he) => /* @__PURE__ */ w(
           k,
           {
-            ...$l,
+            ...El,
             ...m == null ? void 0 : m.legendItem,
             children: [
-              /* @__PURE__ */ i(k, { backgroundColor: ue.color, ...El }),
+              /* @__PURE__ */ i(k, { backgroundColor: ue.color, ...$l }),
               /* @__PURE__ */ i(O, { ...Bl, children: ue.name || ue.label })
             ]
           },
@@ -4266,7 +4266,7 @@ const Le = {
             data: _,
             width: V,
             height: N,
-            animationProgress: E,
+            animationProgress: $,
             showGrid: l,
             onBarClick: f,
             showTooltip: W,
@@ -4282,7 +4282,7 @@ const Le = {
             data: _,
             width: V,
             height: N,
-            animationProgress: E,
+            animationProgress: $,
             showGrid: l,
             onPointClick: f,
             showTooltip: W,
@@ -4298,7 +4298,7 @@ const Le = {
             dataPoints: _,
             width: V,
             height: N,
-            animationProgress: E,
+            animationProgress: $,
             isDonut: e === "donut",
             onSliceClick: b,
             showTooltip: W,
@@ -4313,7 +4313,7 @@ const Le = {
   return /* @__PURE__ */ w(
     k,
     {
-      ref: $,
+      ref: E,
       role: "region",
       "aria-label": te,
       "aria-busy": y,
@@ -4684,8 +4684,8 @@ const Le = {
   if (Y(() => {
     if (c && m.current) {
       const x = t || s, C = m.current.offsetWidth, I = m.current.offsetHeight, T = window.innerWidth, R = window.innerHeight;
-      let P = x.x, E = x.y;
-      f && (f.space.horizontal === "left" ? P = x.x - C : P = x.x, f.space.vertical === "top" ? E = x.y - I : E = x.y), P + C > T && (P = T - C - 8), P < 8 && (P = 8), E + I > R && (E = R - I - 8), E < 8 && (E = 8), S({ x: P, y: E });
+      let P = x.x, $ = x.y;
+      f && (f.space.horizontal === "left" ? P = x.x - C : P = x.x, f.space.vertical === "top" ? $ = x.y - I : $ = x.y), P + C > T && (P = T - C - 8), P < 8 && (P = 8), $ + I > R && ($ = R - I - 8), $ < 8 && ($ = 8), S({ x: P, y: $ });
     }
   }, [c, s, t, r, a, m, f]), !c)
     return null;
@@ -4745,15 +4745,15 @@ const Le = {
     return Y(() => {
       if (m && C.current) {
         const T = C.current.getBoundingClientRect(), R = window.innerWidth, P = 200;
-        let E = !1;
+        let $ = !1;
         if (I)
-          E = I.space.horizontal === "left";
+          $ = I.space.horizontal === "left";
         else {
-          const M = R - T.right, $ = T.left;
-          E = M < P && $ > M;
+          const M = R - T.right, E = T.left;
+          $ = M < P && E > M;
         }
         f({
-          x: E ? T.left - P : T.right,
+          x: $ ? T.left - P : T.right,
           y: T.top
         });
       }
@@ -5529,9 +5529,13 @@ const pn = {
     name: o,
     as: "select",
     opacity: 0,
-    width: 0,
-    height: 0,
+    width: 1,
+    height: 1,
+    overflow: "hidden",
     position: "absolute",
+    pointerEvents: "none",
+    tabIndex: -1,
+    "aria-hidden": "true",
     value: t,
     disabled: n,
     readOnly: l,
@@ -5612,7 +5616,7 @@ const pn = {
           }
         ),
         /* @__PURE__ */ i(
-          Ee,
+          $e,
           {
             role: "close-button",
             color: "color-gray-500",
@@ -5667,11 +5671,11 @@ const pn = {
   },
   setHighlightedIndex: R,
   highlightedIndex: P,
-  ...E
+  ...$
 }) => {
   const {
     ref: M,
-    relation: $,
+    relation: E,
     updateRelation: D
   } = He({
     trackChanges: !0,
@@ -5687,7 +5691,7 @@ const pn = {
       width: q.width,
       zIndex: 1e4
     };
-    return ((ee = $ == null ? void 0 : $.space) == null ? void 0 : ee.vertical) === "top" ? {
+    return ((ee = E == null ? void 0 : E.space) == null ? void 0 : ee.vertical) === "top" ? {
       ...v,
       bottom: window.innerHeight - q.top + 8
       // 8px gap
@@ -5789,7 +5793,7 @@ const pn = {
                   isReadOnly: p,
                   isMulti: c,
                   onFocus: A,
-                  ...E
+                  ...$
                 }
               ),
               /* @__PURE__ */ i(
@@ -5981,8 +5985,8 @@ const pn = {
 }) => {
   const C = (P) => {
     if (!p && !g) {
-      const E = P.target.checked;
-      f(E), m(E), b && b(E);
+      const $ = P.target.checked;
+      f($), m($), b && b($);
     }
   }, I = () => y(!0), T = () => y(!1), R = {
     container: {
@@ -6284,11 +6288,11 @@ const pn = {
   },
   setValue: P = () => {
   },
-  setIsFocused: E = () => {
+  setIsFocused: $ = () => {
   },
   setIsHovered: M = () => {
   },
-  views: $ = { label: {}, helperText: {} },
+  views: E = { label: {}, helperText: {} },
   ...D
 }) => {
   const W = !!(h && n), z = {
@@ -6324,11 +6328,11 @@ const pn = {
     // Animation - smooth transitions for all interactive states
     transition: "color 200ms ease-out, opacity 200ms ease-out",
     // Apply custom field styles
-    ...$.field
+    ...E.field
   }, B = () => M(!p), _ = () => {
-    E(!0), T && T();
+    $(!0), T && T();
   }, A = (V) => {
-    C(V), E(!1);
+    C(V), $(!1);
   }, H = (V) => {
     typeof V == "string" ? (P(V), I && I(V)) : (P(V.target.value), I && I(V.target.value));
   };
@@ -6337,7 +6341,7 @@ const pn = {
     {
       helperText: d,
       error: r,
-      views: $,
+      views: E,
       ...D,
       children: /* @__PURE__ */ i(
         Ue,
@@ -6346,7 +6350,7 @@ const pn = {
           size: s,
           error: r,
           shape: u,
-          views: $,
+          views: E,
           shadow: l,
           variant: g,
           value: a,
@@ -6358,15 +6362,15 @@ const pn = {
           showLabel: W,
           onMouseEnter: B,
           onMouseLeave: B,
-          ...$ == null ? void 0 : $.content,
-          children: /* @__PURE__ */ w(go, { ...$ == null ? void 0 : $.warper, children: [
+          ...E == null ? void 0 : E.content,
+          children: /* @__PURE__ */ w(go, { ...E == null ? void 0 : E.warper, children: [
             W && /* @__PURE__ */ i(
               Ze,
               {
                 htmlFor: e,
                 color: "theme-primary",
                 error: r,
-                ...$ == null ? void 0 : $.label,
+                ...E == null ? void 0 : E.label,
                 children: n
               }
             ),
@@ -6382,17 +6386,15 @@ const pn = {
                 readOnly: b,
                 disabled: f,
                 autoFocus: y,
-                editable: `${!!m.toString()}`,
                 placeholder: t,
                 onBlur: A,
                 onFocus: _,
-                multiline: `${!!S.toString()}`,
                 onChange: (V) => H(V),
                 ...z,
                 style: {
                   resize: f || b ? "none" : "vertical"
                 },
-                ...$ == null ? void 0 : $.textarea
+                ...E == null ? void 0 : E.textarea
               }
             )
           ] })
@@ -6451,11 +6453,11 @@ const pn = {
   },
   setIsHovered: P = () => {
   },
-  setValue: E = () => {
+  setValue: $ = () => {
   },
   onClick: M = () => {
   },
-  onFocus: $,
+  onFocus: E,
   onBlur: D = () => {
   },
   themeMode: W,
@@ -6496,13 +6498,13 @@ const pn = {
     // Apply custom field styles
     ...p.field
   }, N = () => {
-    R(!0), $ && $();
+    R(!0), E && E();
   }, q = () => P(!S), v = (U) => {
     D && D(U), R(!1);
   }, ne = (U) => {
-    typeof U == "string" ? (E(U), u && u(U), n && n(U)) : (E(U.target.value), u && u(U.target.value), n && n(U.target.value));
+    typeof U == "string" ? ($(U), u && u(U), n && n(U)) : ($(U.target.value), u && u(U.target.value), n && n(U.target.value));
   }, ee = () => {
-    E(""), n && (D({ target: { name: o } }), u && u(""), n && n("")), typeof document > "u" && u && u("");
+    $(""), n && (D({ target: { name: o } }), u && u(""), n && n("")), typeof document > "u" && u && u("");
   };
   return /* @__PURE__ */ i(Oe, { helperText: c, error: f, views: p, children: /* @__PURE__ */ w(
     Ue,
@@ -6556,7 +6558,7 @@ const pn = {
           )
         ] }),
         C && a && !x && !j && /* @__PURE__ */ i(Yt, { children: /* @__PURE__ */ i(
-          Ee,
+          $e,
           {
             size: 20,
             color: A,
@@ -6711,7 +6713,7 @@ const pn = {
 }) => {
   const T = () => S(!p), R = () => {
     !m && !h && (y && y(!g), n && n(!a), l && l(!a));
-  }, P = b ? "indeterminate" : a || g ? "selected" : "unselected", E = u ? gt.error[P] : h ? gt.disabled[P] : p ? gt.hover[P] : {}, M = {
+  }, P = b ? "indeterminate" : a || g ? "selected" : "unselected", $ = u ? gt.error[P] : h ? gt.disabled[P] : p ? gt.hover[P] : {}, M = {
     container: {
       // Layout properties
       gap: 8,
@@ -6735,7 +6737,7 @@ const pn = {
       // Base variant styles
       ...Wc[P],
       // State-specific styles
-      ...E,
+      ...$,
       // Visual properties
       borderRadius: "4px",
       // Consistent with design system
@@ -6876,7 +6878,7 @@ const pn = {
       });
     },
     [s, c]
-  ), E = F(() => {
+  ), $ = F(() => {
     const B = !g;
     p(B), B ? n == null || n() : l == null || l();
   }, [g, n, l]), M = F(
@@ -6884,7 +6886,7 @@ const pn = {
       m(B), P(B), r == null || r(B), a == null || a(B), d && (p(!1), l == null || l());
     },
     [r, a, d, l, P]
-  ), $ = F((B) => {
+  ), E = F((B) => {
     f(B);
   }, []), D = F(() => {
     b && (M(b), f(""));
@@ -6905,9 +6907,9 @@ const pn = {
     isFocused: j,
     isHovered: C,
     // Handlers
-    handleToggle: E,
+    handleToggle: $,
     handleColorSelect: M,
-    handleCustomColorChange: $,
+    handleCustomColorChange: E,
     handleCustomColorSubmit: D,
     handleClose: W,
     setIsFocused: x,
@@ -6960,7 +6962,7 @@ const pn = {
     gap: "4px",
     flexWrap: "wrap"
   }
-}, $c = {
+}, Ec = {
   xs: {
     height: "28px",
     fontSize: "10px",
@@ -6986,7 +6988,7 @@ const pn = {
     fontSize: "20px",
     padding: "16px 20px"
   }
-}, Ec = {
+}, $c = {
   default: {
     borderRadius: "6px"
   },
@@ -7092,12 +7094,12 @@ const pn = {
   },
   handleCustomColorSubmit: P = () => {
   },
-  setIsFocused: E = () => {
+  setIsFocused: $ = () => {
   },
   setIsHovered: M = () => {
   },
   // Refs
-  triggerRef: $,
+  triggerRef: E,
   dropdownRef: D,
   // Other props
   onChange: W,
@@ -7108,8 +7110,8 @@ const pn = {
     ...n == null ? void 0 : n.container
   }, A = {
     ...yo.trigger,
-    ...$c[l],
-    ...Ec[d],
+    ...Ec[l],
+    ...$c[d],
     ...Bc[c],
     ...u && { borderColor: "color-red-500" },
     ...g && { opacity: 0.6, cursor: "not-allowed" },
@@ -7145,12 +7147,12 @@ const pn = {
     /* @__PURE__ */ w(
       k,
       {
-        ref: $,
+        ref: E,
         onClick: g || p ? void 0 : I,
-        onMouseEnter: () => E(!0),
-        onMouseLeave: () => E(!1),
-        onFocus: () => E(!0),
-        onBlur: () => E(!1),
+        onMouseEnter: () => $(!0),
+        onMouseLeave: () => $(!1),
+        onFocus: () => $(!0),
+        onBlur: () => $(!1),
         tabIndex: g ? -1 : 0,
         role: "button",
         "aria-expanded": S,
@@ -8863,11 +8865,11 @@ const pn = {
     dropDown: {},
     helperText: {}
   },
-  themeMode: E,
+  themeMode: $,
   ...M
 }) => {
-  const { getColor: $, themeMode: D } = de(), W = $("color-blueGray-700", {
-    themeMode: E || D
+  const { getColor: E, themeMode: D } = de(), W = E("color-blueGray-700", {
+    themeMode: $ || D
   }), z = () => T(!0), B = (q) => {
     x(!l), R(q), S && S(q);
   }, _ = () => {
@@ -10105,9 +10107,9 @@ var Pd = /^(\d+)(th|st|nd|rd)?/i, Wd = /\d+/i, _d = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, $d = {
-  any: [/^b/i, /^(a|c)/i]
 }, Ed = {
+  any: [/^b/i, /^(a|c)/i]
+}, $d = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
@@ -10153,11 +10155,11 @@ var Pd = /^(\d+)(th|st|nd|rd)?/i, Wd = /\d+/i, _d = {
   era: ko({
     matchPatterns: _d,
     defaultMatchWidth: "wide",
-    parsePatterns: $d,
+    parsePatterns: Ed,
     defaultParseWidth: "any"
   }),
   quarter: ko({
-    matchPatterns: Ed,
+    matchPatterns: $d,
     defaultMatchWidth: "wide",
     parsePatterns: Bd,
     defaultParseWidth: "any",
@@ -10216,27 +10218,27 @@ function Xd(e, o, t) {
     weekStartsOn: C,
     locale: j,
     _originalDate: I
-  }, E = y.match(Ud).map(function(M) {
-    var $ = M[0];
-    if ($ === "p" || $ === "P") {
-      var D = ad[$];
+  }, $ = y.match(Ud).map(function(M) {
+    var E = M[0];
+    if (E === "p" || E === "P") {
+      var D = ad[E];
       return D(M, j.formatLong);
     }
     return M;
   }).join("").match(Nd).map(function(M) {
     if (M === "''")
       return "'";
-    var $ = M[0];
-    if ($ === "'")
+    var E = M[0];
+    if (E === "'")
       return Kd(M);
-    var D = rd[$];
+    var D = rd[E];
     if (D)
       return sd(M) && pr(M, o, String(e)), dd(M) && pr(M, o, String(e)), D(R, M, j.localize, P);
-    if ($.match(vd))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + $ + "`");
+    if (E.match(vd))
+      throw new RangeError("Format string contains an unescaped latin alphabet character `" + E + "`");
     return M;
   }).join("");
-  return E;
+  return $;
 }
 function Kd(e) {
   var o = e.match(Gd);
@@ -10252,7 +10254,7 @@ const _n = () => {
     isFocused: t,
     setIsFocused: r
   };
-}, Qd = (e) => /* @__PURE__ */ i(uo, { type: "date", ...e }), $n = ({
+}, Qd = (e) => /* @__PURE__ */ i(uo, { type: "date", ...e }), En = ({
   id: e,
   icon: o,
   name: t,
@@ -10280,8 +10282,8 @@ const _n = () => {
   onChangeText: C,
   ...I
 }) => {
-  const T = !!(m && r), R = () => j(!h), P = () => S(!0), E = ($) => {
-    typeof $ == "string" ? (y($), C && C($)) : (y($.target.value), x && x($.target.value));
+  const T = !!(m && r), R = () => j(!h), P = () => S(!0), $ = (E) => {
+    typeof E == "string" ? (y(E), C && C(E)) : (y(E.target.value), x && x(E.target.value));
   }, M = {
     margin: 0,
     paddingVertical: 8,
@@ -10341,8 +10343,8 @@ const _n = () => {
             readOnly: f,
             ...M,
             ...I,
-            ...C && { onChangeText: E },
-            onChange: E
+            ...C && { onChangeText: $ },
+            onChange: $
           }
         )
       ] })
@@ -10350,8 +10352,8 @@ const _n = () => {
   ) });
 }, Jd = (e) => {
   const o = _n();
-  return /* @__PURE__ */ i($n, { ...o, ...e });
-}, S0 = Jd, En = (e) => {
+  return /* @__PURE__ */ i(En, { ...o, ...e });
+}, S0 = Jd, $n = (e) => {
   const o = vt(e), [t, r] = L(!1);
   return { isVisible: t, setIsVisible: r, ...e, ...o };
 }, Zd = ({
@@ -10359,7 +10361,7 @@ const _n = () => {
   hiddenIcon: o = /* @__PURE__ */ i(qr, { widthHeight: 14 }),
   ...t
 }) => {
-  const { isVisible: r, setIsVisible: a, ...n } = En(t);
+  const { isVisible: r, setIsVisible: a, ...n } = $n(t);
   return /* @__PURE__ */ i(
     Ro,
     {
@@ -10491,9 +10493,9 @@ const _n = () => {
     trackOnScroll: !0,
     trackOnResize: !0,
     throttleMs: 10
-  }), P = Q(null), [E, M] = L(!1), [$, D] = L(!1), W = () => {
+  }), P = Q(null), [$, M] = L(!1), [E, D] = L(!1), W = () => {
     var v;
-    const H = $ ? hr.enter : hr.initial;
+    const H = E ? hr.enter : hr.initial;
     if (!T.current) return {};
     const V = T.current.getBoundingClientRect(), N = {
       position: "fixed",
@@ -10575,7 +10577,7 @@ const _n = () => {
               children: /* @__PURE__ */ w(
                 Ue,
                 {
-                  isHovered: E,
+                  isHovered: $,
                   isFocused: j,
                   onMouseEnter: () => M(!0),
                   onMouseLeave: () => M(!1),
@@ -10603,7 +10605,7 @@ const _n = () => {
                                   H.icon && /* @__PURE__ */ i(k, { flexShrink: 0, children: H.icon }),
                                   /* @__PURE__ */ i(O, { size: "sm", color: "color-gray-700", weight: "medium", children: H.label }),
                                   /* @__PURE__ */ i(
-                                    Ee,
+                                    $e,
                                     {
                                       widthHeight: 12,
                                       color: "color-gray-500",
@@ -10853,7 +10855,7 @@ const _n = () => {
       m(W);
     },
     [T, u, g, p]
-  ), E = F(
+  ), $ = F(
     (D) => {
       if (g || p) return;
       const { key: W } = D;
@@ -10878,7 +10880,7 @@ const _n = () => {
   ), M = F(() => {
     var D;
     S(!0), (D = e.onFocus) == null || D.call(e);
-  }, [e.onFocus]), $ = F(() => {
+  }, [e.onFocus]), E = F(() => {
     var D;
     S(!1), h.trim() && T(h), (D = e.onBlur) == null || D.call(e);
   }, [T, h, e.onBlur]);
@@ -10894,9 +10896,9 @@ const _n = () => {
     addTag: T,
     removeTag: R,
     handleInputChange: P,
-    handleKeyDown: E,
+    handleKeyDown: $,
     handleFocus: M,
-    handleBlur: $,
+    handleBlur: E,
     validateTag: I
   };
 }, is = ({ tag: e, onRemove: o, isRemovable: t, size: r, views: a, isDisabled: n, isReadOnly: l }) => {
@@ -10958,7 +10960,7 @@ const _n = () => {
             },
             ...a == null ? void 0 : a.tagRemove,
             children: /* @__PURE__ */ i(
-              Ee,
+              $e,
               {
                 widthHeight: s.iconSize,
                 color: d ? "color-red-500" : "color-gray-400"
@@ -10996,9 +10998,9 @@ const _n = () => {
   handleKeyDown: T,
   handleFocus: R,
   handleBlur: P,
-  removeTag: E,
+  removeTag: $,
   setIsHovered: M,
-  onClick: $,
+  onClick: E,
   ...D
 }) => {
   const { getColor: W, themeMode: z } = de(), B = !!(t && (j || d.length > 0 || l)), _ = C && d.length >= C, A = {
@@ -11038,7 +11040,7 @@ const _n = () => {
           isDisabled: b,
           isReadOnly: f,
           views: g,
-          onClick: $,
+          onClick: E,
           onMouseEnter: () => M == null ? void 0 : M(!0),
           onMouseLeave: () => M == null ? void 0 : M(!1),
           ...A,
@@ -11061,7 +11063,7 @@ const _n = () => {
                       is,
                       {
                         tag: V.value,
-                        onRemove: () => E == null ? void 0 : E(N),
+                        onRemove: () => $ == null ? void 0 : $(N),
                         isRemovable: S,
                         size: p,
                         views: g,
@@ -11141,9 +11143,9 @@ const Hn = ({
   var ne, ee;
   const b = e !== void 0, f = b ? e : o, [y, S] = L(
     (f == null ? void 0 : f.slice(0, t)) || ""
-  ), [j, x] = L(!1), [C, I] = L(!1), [T, R] = L(null), [P, E] = L(
+  ), [j, x] = L(!1), [C, I] = L(!1), [T, R] = L(null), [P, $] = L(
     null
-  ), M = Q(null), $ = Q(null), D = Q({
+  ), M = Q(null), E = Q(null), D = Q({
     value: y,
     onChange: r || (() => {
     }),
@@ -11190,7 +11192,7 @@ const Hn = ({
     var U;
     if (M.current) {
       const te = Math.min(M.current.value.length, t - 1), le = M.current.value.length;
-      (U = M.current) == null || U.setSelectionRange(te, le), R(te), E(le);
+      (U = M.current) == null || U.setSelectionRange(te, le), R(te), $(le);
     }
     x(!0);
   }, [t]), V = F(() => {
@@ -11211,12 +11213,12 @@ const Hn = ({
         return;
       te.value = K, B(K), S(K);
       const Z = Math.min(K.length, t - 1), se = K.length;
-      te.setSelectionRange(Z, se), R(Z), E(se);
+      te.setSelectionRange(Z, se), R(Z), $(se);
     },
     [t, m, z, B, y, S]
   );
   return Y(() => {
-    const U = M.current, te = $.current;
+    const U = M.current, te = E.current;
     if (!U || !te)
       return;
     D.current.value !== U.value && D.current.onChange && D.current.onChange(U.value), W.current.prev = [
@@ -11226,7 +11228,7 @@ const Hn = ({
     ];
     function le() {
       if (document.activeElement !== U) {
-        R(null), E(null);
+        R(null), $(null);
         return;
       }
       const he = (U == null ? void 0 : U.selectionStart) ?? null, ke = (U == null ? void 0 : U.selectionEnd) ?? null, Pe = (U == null ? void 0 : U.selectionDirection) ?? null, K = (U == null ? void 0 : U.maxLength) ?? 0, Z = (U == null ? void 0 : U.value) ?? "", se = W.current.prev;
@@ -11252,7 +11254,7 @@ const Hn = ({
         oe !== -1 && ie !== -1 && oe !== ie && M.current && M.current.setSelectionRange(oe, ie, xe);
       }
       const Ce = oe !== -1 ? oe : he, Re = ie !== -1 ? ie : ke, _e = xe !== "none" ? xe : Pe;
-      R(Ce), E(Re), W.current.prev = [
+      R(Ce), $(Re), W.current.prev = [
         Ce,
         Re,
         _e
@@ -11278,7 +11280,7 @@ const Hn = ({
       var ce, ue, he, ke;
       (ce = M.current) == null || ce.dispatchEvent(new Event("input"));
       const U = (ue = M.current) == null ? void 0 : ue.selectionStart, te = (he = M.current) == null ? void 0 : he.selectionEnd, le = (ke = M.current) == null ? void 0 : ke.selectionDirection;
-      U !== null && te !== null && U !== void 0 && te !== void 0 && (R(U), E(te), W.current.prev = [
+      U !== null && te !== null && U !== void 0 && te !== void 0 && (R(U), $(te), W.current.prev = [
         U,
         te,
         le || "none"
@@ -11292,11 +11294,11 @@ const Hn = ({
     isHovered: C,
     setIsHovered: I,
     inputRef: M,
-    containerRef: $,
+    containerRef: E,
     mirrorSelectionStart: T,
     mirrorSelectionEnd: P,
     setMirrorSelectionStart: R,
-    setMirrorSelectionEnd: E,
+    setMirrorSelectionEnd: $,
     setInputRef: _,
     handleChange: A,
     handleFocus: H,
@@ -11359,9 +11361,9 @@ const On = ({
   setValue: T,
   setIsFocused: R,
   setIsHovered: P,
-  inputRef: E,
+  inputRef: $,
   containerRef: M,
-  mirrorSelectionStart: $,
+  mirrorSelectionStart: E,
   mirrorSelectionEnd: D,
   setMirrorSelectionStart: W,
   setMirrorSelectionEnd: z,
@@ -11387,7 +11389,7 @@ const On = ({
   de();
   const ue = !!t, he = G.useMemo(() => ({
     slots: Array.from({ length: a }).map((K, Z) => {
-      const se = S && $ !== null && D !== null && ($ === D && Z === $ || Z >= $ && Z < D), oe = r[Z] !== void 0 ? r[Z] : null, ie = r[0] !== void 0 ? null : (s == null ? void 0 : s[Z]) ?? null;
+      const se = S && E !== null && D !== null && (E === D && Z === E || Z >= E && Z < D), oe = r[Z] !== void 0 ? r[Z] : null, ie = r[0] !== void 0 ? null : (s == null ? void 0 : s[Z]) ?? null;
       return {
         char: oe,
         placeholderChar: ie,
@@ -11403,13 +11405,13 @@ const On = ({
     x,
     a,
     D,
-    $,
+    E,
     s,
     r
   ]);
   Y(() => {
-    I && E.current && E.current.focus();
-  }, [I, E]), Y(() => {
+    I && $.current && $.current.focus();
+  }, [I, $]), Y(() => {
     if (!document.getElementById("input-otp-style")) {
       const K = document.createElement("style");
       if (K.id = "input-otp-style", document.head.appendChild(K), K.sheet) {
@@ -11566,7 +11568,7 @@ const On = ({
                     ref: (K) => ee(K),
                     "data-input-otp": !0,
                     "data-input-otp-placeholder-shown": r.length === 0 || void 0,
-                    "data-input-otp-mss": $,
+                    "data-input-otp-mss": E,
                     "data-input-otp-mse": D,
                     id: e || o,
                     name: o,
@@ -11892,7 +11894,7 @@ const On = ({
 }) => {
   const T = () => S(!h), R = () => {
     !b && !m && (y && y(!0), l && l(a), d && d(a));
-  }, P = n || p ? "selected" : "unselected", E = g ? ht.error[P] : m ? ht.disabled[P] : h ? ht.hover[P] : {}, M = g ? mt.error[P] : m ? mt.disabled[P] : h ? mt.hover[P] : {}, $ = {
+  }, P = n || p ? "selected" : "unselected", $ = g ? ht.error[P] : m ? ht.disabled[P] : h ? ht.hover[P] : {}, M = g ? mt.error[P] : m ? mt.disabled[P] : h ? mt.hover[P] : {}, E = {
     container: {
       // Layout properties
       gap: 8,
@@ -11916,7 +11918,7 @@ const On = ({
       // Base variant styles
       ...ys[P],
       // State-specific styles
-      ...E,
+      ...$,
       // Visual properties
       borderRadius: "50%",
       // Always circular for radio buttons
@@ -11952,7 +11954,7 @@ const On = ({
       onMouseEnter: T,
       onMouseLeave: T,
       size: we.fontSizes[u],
-      ...$.container,
+      ...E.container,
       ...I,
       children: [
         /* @__PURE__ */ w(ae, { gap: 8, children: [
@@ -11968,7 +11970,7 @@ const On = ({
                 children: r
               }
             ),
-            /* @__PURE__ */ i(ye, { ...$.radio, children: (n || p) && /* @__PURE__ */ i(k, { ...$.dot }) }),
+            /* @__PURE__ */ i(ye, { ...E.radio, children: (n || p) && /* @__PURE__ */ i(k, { ...E.dot }) }),
             s === "right" && r && /* @__PURE__ */ i(
               O,
               {
@@ -12027,7 +12029,7 @@ const On = ({
     onUploadSuccess: g,
     onUploadError: p,
     onFileUpload: h
-  } = e, m = o !== void 0 && t !== void 0, [b, f] = L(""), y = m ? o : b, [S, j] = L([]), [x, C] = L([]), [I, T] = L(!1), [R, P] = L(0), [E, M] = L([]), [$, D] = L(!1), W = Q(null), [z, B] = L(!1), [_, A] = L("gpt-4"), [H] = L([
+  } = e, m = o !== void 0 && t !== void 0, [b, f] = L(""), y = m ? o : b, [S, j] = L([]), [x, C] = L([]), [I, T] = L(!1), [R, P] = L(0), [$, M] = L([]), [E, D] = L(!1), W = Q(null), [z, B] = L(!1), [_, A] = L("gpt-4"), [H] = L([
     { id: "gpt-3.5-turbo", name: "GPT-3.5" },
     { id: "gpt-4", name: "GPT-4" },
     { id: "gpt-4-thinking", name: "GPT-4 (Thinking)", isThinking: !0 },
@@ -12075,26 +12077,26 @@ ${Re}` : Re;
     },
     [C, j]
   ), ue = F(() => {
-    if (E.length > 0 && !$ && h) {
+    if ($.length > 0 && !E && h) {
       D(!0);
-      const oe = E[0];
+      const oe = $[0];
       W.current = oe, P(0);
       try {
         h(oe);
       } catch (ie) {
-        M((xe) => xe.slice(1)), D(!1), W.current = null, P(0), T((xe) => E.length - 1 > 0 || !1), p == null || p(ie);
+        M((xe) => xe.slice(1)), D(!1), W.current = null, P(0), T((xe) => $.length - 1 > 0 || !1), p == null || p(ie);
       }
-    } else E.length === 0 && I && (T(!1), P(0));
+    } else $.length === 0 && I && (T(!1), P(0));
   }, [
-    E,
     $,
+    E,
     h,
     I,
     p
   ]);
   Y(() => {
     ue();
-  }, [E, $, ue]);
+  }, [$, E, ue]);
   const he = "active", ke = (oe) => !0, Pe = () => {
     v(!1), e.onGuideClose && e.onGuideClose();
   }, K = (oe) => {
@@ -12289,8 +12291,8 @@ ${Re}` : Re;
     ...r
   };
   if (t && _r(e)) {
-    const m = $r.only(e);
-    return Er(m, { ...h, ...m.props });
+    const m = Er.only(e);
+    return $r(m, { ...h, ...m.props });
   }
   return /* @__PURE__ */ i(k, { position: "relative", display: "inline-block", ...h, children: e });
 }, Rs = ({
@@ -12338,10 +12340,10 @@ ${Re}` : Re;
         zIndex: 1e3
       };
     const M = y.current.getBoundingClientRect();
-    let $ = t;
-    t === "bottom" && C.space.vertical === "top" ? $ = "top" : t === "top" && C.space.vertical === "bottom" ? $ = "bottom" : t === "right" && C.space.horizontal === "left" ? $ = "left" : t === "left" && C.space.horizontal === "right" && ($ = "right");
+    let E = t;
+    t === "bottom" && C.space.vertical === "top" ? E = "top" : t === "top" && C.space.vertical === "bottom" ? E = "bottom" : t === "right" && C.space.horizontal === "left" ? E = "left" : t === "left" && C.space.horizontal === "right" && (E = "right");
     let D = 0, W = 0;
-    switch ($) {
+    switch (E) {
       case "bottom":
         D = M.left + M.width / 2, W = M.bottom + a;
         break;
@@ -12360,7 +12362,7 @@ ${Re}` : Re;
       left: D,
       top: W,
       zIndex: 1e3,
-      transform: P($)
+      transform: P(E)
     };
   }, P = (M) => {
     switch (M) {
@@ -12375,7 +12377,7 @@ ${Re}` : Re;
       default:
         return "translate(-50%, 0)";
     }
-  }, E = R();
+  }, $ = R();
   return /* @__PURE__ */ i(
     k,
     {
@@ -12392,7 +12394,7 @@ ${Re}` : Re;
       minWidth: u,
       maxWidth: g,
       style: {
-        ...E,
+        ...$,
         ...n
         // Allow user override
       },
@@ -12419,9 +12421,9 @@ ${Re}` : Re;
       children: e
     }
   ) });
-}, $e = Ps;
-$e.Trigger = zs;
-$e.Content = Rs;
+}, Ee = Ps;
+Ee.Trigger = zs;
+Ee.Content = Rs;
 const Ws = ({
   files: e,
   sandboxId: o,
@@ -12460,8 +12462,8 @@ const Ws = ({
             },
             animationDuration: 0.2,
             ...l == null ? void 0 : l.item,
-            children: n && /* @__PURE__ */ w($e, { children: [
-              /* @__PURE__ */ w($e.Trigger, { children: [
+            children: n && /* @__PURE__ */ w(Ee, { children: [
+              /* @__PURE__ */ w(Ee.Trigger, { children: [
                 g && /* @__PURE__ */ i(
                   We,
                   {
@@ -12491,7 +12493,7 @@ const Ws = ({
                     width: "60px",
                     height: "60px",
                     backgroundColor: "color-gray-200",
-                    children: /* @__PURE__ */ i(Et, { widthHeight: 24, color: "color-black" })
+                    children: /* @__PURE__ */ i($t, { widthHeight: 24, color: "color-black" })
                   }
                 ),
                 !g && !p && !h && /* @__PURE__ */ i(
@@ -12515,7 +12517,7 @@ const Ws = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ w($e.Content, { children: [
+              /* @__PURE__ */ w(Ee.Content, { children: [
                 g && /* @__PURE__ */ i(We, { src: u, alt: c.name, maxWidth: "100%" }),
                 p && /* @__PURE__ */ i(
                   k,
@@ -12570,7 +12572,7 @@ const Ws = ({
     views: h = {}
   }, m) => {
     var ke, Pe;
-    const b = Q(e), [f, y] = L(-1), [S, j] = L(!e), x = Q(null), [C, I] = L(!1), [T, R] = L(!1), [P, E] = L(""), [M, $] = L(-1), [D, W] = L(-1), [z, B] = L([]), { ref: _, relation: A } = He({
+    const b = Q(e), [f, y] = L(-1), [S, j] = L(!e), x = Q(null), [C, I] = L(!1), [T, R] = L(!1), [P, $] = L(""), [M, E] = L(-1), [D, W] = L(-1), [z, B] = L([]), { ref: _, relation: A } = He({
       trackChanges: !0,
       trackOnHover: !0,
       trackOnScroll: !0,
@@ -12601,13 +12603,13 @@ const Ws = ({
             const Ce = ie.toLowerCase(), Re = c.filter(
               (me) => me.name.toLowerCase().includes(Ce)
             );
-            E(Ce), $(oe), B(Re), R(Re.length > 0), W(0);
+            $(Ce), E(oe), B(Re), R(Re.length > 0), W(0);
             const _e = ee();
             V(_e);
             return;
           }
         }
-        R(!1), E(""), $(-1), W(-1);
+        R(!1), $(""), E(-1), W(-1);
       },
       [c, s]
     );
@@ -12669,7 +12671,7 @@ const Ws = ({
             }
           }, 0);
         }
-        R(!1), E(""), $(-1), W(-1), u && u(K);
+        R(!1), $(""), E(-1), W(-1), u && u(K);
       },
       [
         M,
@@ -12969,7 +12971,7 @@ const _s = ({
       ))
     }
   );
-}, $s = ({
+}, Es = ({
   onRecordingComplete: e,
   onRecordingStart: o,
   views: t = {}
@@ -13056,9 +13058,9 @@ const _s = ({
     onAudioRecordingStart: R,
     onAudioRecordingStop: P,
     // Props from state
-    value: E,
+    value: $,
     handleChange: M,
-    handleSubmit: $,
+    handleSubmit: E,
     editableRef: D,
     fileInputRef: W,
     isUploading: z,
@@ -13100,7 +13102,7 @@ const _s = ({
         ...x == null ? void 0 : x.content
       }),
       [y, j, x == null ? void 0 : x.content]
-    ), ie = ((E == null ? void 0 : E.trim().length) ?? 0) > 0 || A.length > 0, xe = F(
+    ), ie = (($ == null ? void 0 : $.trim().length) ?? 0) > 0 || A.length > 0, xe = F(
       (me) => {
         v([me]), P == null || P(me);
       },
@@ -13183,7 +13185,7 @@ const _s = ({
             k,
             {
               as: "form",
-              onSubmit: $,
+              onSubmit: E,
               overflow: "visible",
               display: "flex",
               flexDirection: "column",
@@ -13214,13 +13216,13 @@ const _s = ({
                   Un,
                   {
                     ref: D,
-                    value: E || "",
+                    value: $ || "",
                     onChange: M,
                     placeholder: o,
                     disabled: r && !a,
                     autoFocus: u,
                     suggestions: b || [],
-                    showSuggestions: b && b.length > 0 && !E,
+                    showSuggestions: b && b.length > 0 && !$,
                     onSuggestionSelect: (me) => {
                       M(me.text);
                     },
@@ -13288,7 +13290,7 @@ const _s = ({
                       ] }),
                       /* @__PURE__ */ w(J, { gap: 8, alignItems: "center", children: [
                         n && /* @__PURE__ */ i(
-                          $s,
+                          Es,
                           {
                             onRecordingStart: R,
                             onRecordingComplete: xe,
@@ -13300,7 +13302,7 @@ const _s = ({
                           {
                             as: "button",
                             type: "button",
-                            onClick: $,
+                            onClick: E,
                             height: "40px",
                             width: "40px",
                             display: "flex",
@@ -13347,7 +13349,7 @@ const _s = ({
       }
     );
   }
-), Es = (e) => {
+), $s = (e) => {
   const { name: o, onSubmit: t, ...r } = e, [a, n] = L([]), l = je({ name: o, type: "text" }), d = (p) => {
     l.onChangeText && l.onChangeText(p);
   }, c = (p, h) => {
@@ -13373,21 +13375,21 @@ const _s = ({
       clearPendingFiles: u
     }
   );
-}, P0 = Es, Bs = (e) => {
+}, P0 = $s, Bs = (e) => {
   const o = je(e), t = wn(o);
   return /* @__PURE__ */ i(Mn, { ...t, ...o });
 }, W0 = Bs, Ls = (e) => {
   const o = je(e), t = _n();
-  return /* @__PURE__ */ i($n, { ...t, ...o });
+  return /* @__PURE__ */ i(En, { ...t, ...o });
 }, _0 = Ls, As = (e) => {
   const o = je(e), t = Tn(e);
   return /* @__PURE__ */ i(zn, { ...t, ...o });
-}, $0 = As, Ds = (e) => {
+}, E0 = As, Ds = (e) => {
   let o = je(e);
   o.selected = o.value;
   const t = un(e);
   return /* @__PURE__ */ i(fn, { ...t, ...o });
-}, E0 = Ds, Hs = (e) => {
+}, $0 = Ds, Hs = (e) => {
   const o = je(e), t = bn(e);
   return /* @__PURE__ */ i(yn, { ...t, ...o });
 }, B0 = Hs, Os = (e) => {
@@ -13434,7 +13436,7 @@ const _s = ({
   hiddenIcon: o = /* @__PURE__ */ i(qr, { widthHeight: 14 }),
   ...t
 }) => {
-  const r = je(t), { isVisible: a, setIsVisible: n, ...l } = En(r);
+  const r = je(t), { isVisible: a, setIsVisible: n, ...l } = $n(r);
   return /* @__PURE__ */ i(
     Ro,
     {
@@ -13523,17 +13525,17 @@ const _s = ({
     j && p(co(r, e, o));
   }, [r, j, e, o]);
   const C = F(
-    ($) => {
-      const D = co($, e, o);
+    (E) => {
+      const D = co(E, e, o);
       j || p(D), n && D !== x && n(D), h && l && l(D);
     },
     [j, e, o, n, x, h, l]
   ), I = F(
-    ($) => {
+    (E) => {
       if (c || !y.current) return;
       const D = y.current.getBoundingClientRect();
       let W;
-      "touches" in $ ? W = d === "horizontal" ? $.touches[0].clientX : $.touches[0].clientY : W = d === "horizontal" ? $.clientX : $.clientY;
+      "touches" in E ? W = d === "horizontal" ? E.touches[0].clientX : E.touches[0].clientY : W = d === "horizontal" ? E.clientX : E.clientY;
       const z = Us(
         W,
         D,
@@ -13547,9 +13549,9 @@ const _s = ({
     },
     [e, o, t, d, C, c, s]
   ), T = F(
-    ($) => {
+    (E) => {
       if (c) return;
-      $.preventDefault(), m(!0), I($);
+      E.preventDefault(), m(!0), I(E);
       const D = (z) => {
         I(z);
       }, W = () => {
@@ -13559,15 +13561,15 @@ const _s = ({
     },
     [I, c]
   ), R = F(
-    ($) => {
-      S.current && S.current.contains($.target) || T($);
+    (E) => {
+      S.current && S.current.contains(E.target) || T(E);
     },
     [T]
   ), P = F(
-    ($) => {
+    (E) => {
       if (c) return;
       let D = x;
-      switch ($.key) {
+      switch (E.key) {
         case "ArrowLeft":
         case "ArrowDown":
           D = x - t;
@@ -13585,10 +13587,10 @@ const _s = ({
         default:
           return;
       }
-      $.preventDefault(), C(D);
+      E.preventDefault(), C(D);
     },
     [x, e, o, t, C, c]
-  ), E = o - e, M = E === 0 ? 0 : (x - e) / E * 100;
+  ), $ = o - e, M = $ === 0 ? 0 : (x - e) / $ * 100;
   return {
     currentValue: x,
     isDragging: h,
@@ -13715,7 +13717,7 @@ const _s = ({
     handleTrackMouseDown: T,
     handleKeyDown: R,
     thumbPositionPercent: P,
-    ariaLabel: E = "Slider",
+    ariaLabel: $ = "Slider",
     views: M = {
       container: {},
       track: {},
@@ -13727,7 +13729,7 @@ const _s = ({
       stepMarks: {},
       tooltip: {}
     },
-    onChange: $,
+    onChange: E,
     onDrag: D,
     ...W
   }) => {
@@ -13821,7 +13823,7 @@ const _s = ({
                 "aria-valuenow": r,
                 "aria-orientation": c,
                 "aria-disabled": s,
-                "aria-label": E,
+                "aria-label": $,
                 position: "absolute",
                 top: "50%",
                 left: `${P}%`,
@@ -13964,7 +13966,7 @@ const _s = ({
                     "aria-valuenow": r,
                     "aria-orientation": c,
                     "aria-disabled": s,
-                    "aria-label": E,
+                    "aria-label": $,
                     position: "absolute",
                     width: `${v}px`,
                     height: `${v}px`,
@@ -16283,7 +16285,7 @@ const Zs = (e) => {
     ...d && { borderColor: "color-red-500" },
     ...c && { opacity: 0.6, cursor: "not-allowed" },
     ...r == null ? void 0 : r.trigger
-  }, E = {
+  }, $ = {
     ...to.dropdown,
     ...r == null ? void 0 : r.dropdown
   }, M = {
@@ -16337,7 +16339,7 @@ const Zs = (e) => {
         ]
       }
     ),
-    g && /* @__PURE__ */ w(k, { ref: j, ...E, children: [
+    g && /* @__PURE__ */ w(k, { ref: j, ...$, children: [
       u && /* @__PURE__ */ i(
         k,
         {
@@ -16348,27 +16350,27 @@ const Zs = (e) => {
             {
               placeholder: "Search icons...",
               value: h,
-              onChange: ($) => y($),
+              onChange: (E) => y(E),
               size: "sm",
               autoFocus: !0
             }
           )
         }
       ),
-      /* @__PURE__ */ i(k, { ...M, children: m.length > 0 ? m.map(($) => /* @__PURE__ */ i(
+      /* @__PURE__ */ i(k, { ...M, children: m.length > 0 ? m.map((E) => /* @__PURE__ */ i(
         k,
         {
           ...to.iconItem,
-          onClick: () => f($),
-          title: $,
+          onClick: () => f(E),
+          title: E,
           _hover: {
             backgroundColor: "color-gray-100"
           },
-          backgroundColor: p === $ ? "color-blue-100" : "transparent",
+          backgroundColor: p === E ? "color-blue-100" : "transparent",
           ...r == null ? void 0 : r.iconItem,
-          children: /* @__PURE__ */ i(xt, { name: $, widthHeight: 20 })
+          children: /* @__PURE__ */ i(xt, { name: E, widthHeight: 20 })
         },
-        $
+        E
       )) : /* @__PURE__ */ i(
         k,
         {
@@ -18791,7 +18793,7 @@ const Zs = (e) => {
       "flags"
     ],
     customEmojis: p = []
-  } = e, [h, m] = L(n ?? !1), [b, f] = L(o ?? t), [y, S] = L(""), [j, x] = L("smileys"), [C, I] = L([]), T = Q(null), R = Q(null), P = re(() => [...hu, ...p], [p]), E = re(() => {
+  } = e, [h, m] = L(n ?? !1), [b, f] = L(o ?? t), [y, S] = L(""), [j, x] = L("smileys"), [C, I] = L([]), T = Q(null), R = Q(null), P = re(() => [...hu, ...p], [p]), $ = re(() => {
     let _ = P;
     if (j !== "recent" ? _ = _.filter((A) => A.category === j) : _ = C, y) {
       const A = y.toLowerCase();
@@ -18833,7 +18835,7 @@ const Zs = (e) => {
       });
     },
     [u, s]
-  ), $ = F(() => {
+  ), E = F(() => {
     const _ = !h;
     m(_), _ ? (l == null || l(), S(""), u && C.length > 0 ? x("recent") : x("smileys")) : d == null || d();
   }, [h, l, d, u, C.length]), D = F(
@@ -18858,9 +18860,9 @@ const Zs = (e) => {
     recentEmojis: C,
     searchQuery: y,
     activeCategory: j,
-    filteredEmojis: E,
+    filteredEmojis: $,
     // Handlers
-    handleToggle: $,
+    handleToggle: E,
     handleEmojiSelect: D,
     handleSearchChange: W,
     handleCategoryChange: z,
@@ -18914,10 +18916,10 @@ const Zs = (e) => {
   handleSearchChange: R,
   handleCategoryChange: P,
   // Refs
-  triggerRef: E,
+  triggerRef: $,
   dropdownRef: M,
   // Other props
-  onChange: $,
+  onChange: E,
   ...D
 }) => {
   const { getColor: W } = de(), z = {
@@ -18956,7 +18958,7 @@ const Zs = (e) => {
     /* @__PURE__ */ w(
       k,
       {
-        ref: E,
+        ref: $,
         onClick: u || g ? void 0 : I,
         ...B,
         children: [
@@ -19098,8 +19100,8 @@ const Zs = (e) => {
             },
             animationDuration: 0.2,
             ...r == null ? void 0 : r.item,
-            children: /* @__PURE__ */ w($e, { children: [
-              /* @__PURE__ */ i($e.Trigger, { children: /* @__PURE__ */ w(k, { position: "relative", children: [
+            children: /* @__PURE__ */ w(Ee, { children: [
+              /* @__PURE__ */ i(Ee.Trigger, { children: /* @__PURE__ */ w(k, { position: "relative", children: [
                 c && d && /* @__PURE__ */ i(
                   We,
                   {
@@ -19132,7 +19134,7 @@ const Zs = (e) => {
                     height: "60px",
                     backgroundColor: "color-gray-200",
                     borderRadius: "4px",
-                    children: /* @__PURE__ */ i(Et, { widthHeight: 24, color: "color-black" })
+                    children: /* @__PURE__ */ i($t, { widthHeight: 24, color: "color-black" })
                   }
                 ),
                 !c && !s && !u && /* @__PURE__ */ i(
@@ -19177,7 +19179,7 @@ const Zs = (e) => {
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ w($e.Content, { children: [
+              /* @__PURE__ */ w(Ee.Content, { children: [
                 c && d && /* @__PURE__ */ i(We, { src: d, alt: n.name, maxWidth: "300px" }),
                 s && d && /* @__PURE__ */ i(k, { as: "video", src: d, controls: !0, maxWidth: "300px" }),
                 u && d && /* @__PURE__ */ i(k, { as: "audio", src: d, controls: !0, width: "100%" }),
@@ -19456,7 +19458,7 @@ const Zs = (e) => {
     ...n
   }) => {
     const l = n.onClose ? n.onClose : ra, d = /* @__PURE__ */ i(k, { onClick: l, children: /* @__PURE__ */ i(
-      Ee,
+      $e,
       {
         widthHeight: xu[t],
         color: o
@@ -19684,7 +19686,7 @@ const jr = {
   buttonPosition: t = "right",
   ...r
 }) => {
-  const a = o && /* @__PURE__ */ i(k, { onClick: o, cursor: "pointer", padding: 8, children: /* @__PURE__ */ i(Ee, { widthHeight: 20, color: "color-gray-500" }) });
+  const a = o && /* @__PURE__ */ i(k, { onClick: o, cursor: "pointer", padding: 8, children: /* @__PURE__ */ i($e, { widthHeight: 20, color: "color-gray-500" }) });
   return /* @__PURE__ */ w(
     J,
     {
@@ -19868,7 +19870,7 @@ const _u = (e = null, o = []) => {
   size: "md",
   variant: "default",
   triggerRefs: { current: {} }
-}), $u = ({ children: e, value: o }) => /* @__PURE__ */ i(ca.Provider, { value: o, children: e }), Wo = () => {
+}), Eu = ({ children: e, value: o }) => /* @__PURE__ */ i(ca.Provider, { value: o, children: e }), Wo = () => {
   const e = Te(ca);
   if (!e)
     throw new Error(
@@ -19891,7 +19893,7 @@ const _u = (e = null, o = []) => {
       children: e
     }
   );
-}, da = Ie({ itemValue: null, isDisabled: !1 }), Eu = () => {
+}, da = Ie({ itemValue: null, isDisabled: !1 }), $u = () => {
   const e = Te(da);
   if (!e)
     throw new Error(
@@ -20180,7 +20182,7 @@ const _u = (e = null, o = []) => {
   views: t,
   ...r
 }) => {
-  const { itemValue: a, isDisabled: n } = Eu(), { activeItemId: l, setActiveItemId: d, onItemActivate: c } = Wo(), s = l === a;
+  const { itemValue: a, isDisabled: n } = $u(), { activeItemId: l, setActiveItemId: d, onItemActivate: c } = Wo(), s = l === a;
   return /* @__PURE__ */ i(
     k,
     {
@@ -20246,7 +20248,7 @@ const _u = (e = null, o = []) => {
     triggerRefs: b
   } = _u(n, l);
   return /* @__PURE__ */ i(
-    $u,
+    Eu,
     {
       value: {
         activeItemId: u,
@@ -20971,7 +20973,7 @@ const Xu = (e) => {
   }, I + 50)), () => {
     S.current && clearTimeout(S.current);
   }), [p, C, I]);
-  const { style: T, ...R } = d || {}, P = t === "up", E = (z) => a ? z * (o + r) : z * r, M = re(
+  const { style: T, ...R } = d || {}, P = t === "up", $ = (z) => a ? z * (o + r) : z * r, M = re(
     () => ({
       display: "inline-block",
       position: "relative",
@@ -20981,7 +20983,7 @@ const Xu = (e) => {
       ...n
     }),
     [n]
-  ), $ = re(
+  ), E = re(
     () => ({
       display: "inline-flex",
       flexDirection: "column",
@@ -20997,8 +20999,8 @@ const Xu = (e) => {
     []
   );
   let W = 0;
-  return /* @__PURE__ */ i(pe, { as: "span", style: M, ...s, children: /* @__PURE__ */ i("span", { style: $, children: j.map((z, B) => /* @__PURE__ */ i("span", { style: D, children: z.map((_, A) => {
-    const H = W++, V = E(H), N = A === z.length - 1;
+  return /* @__PURE__ */ i(pe, { as: "span", style: M, ...s, children: /* @__PURE__ */ i("span", { style: E, children: j.map((z, B) => /* @__PURE__ */ i("span", { style: D, children: z.map((_, A) => {
+    const H = W++, V = $(H), N = A === z.length - 1;
     let q;
     const v = `${o}ms`, ne = `${V}ms`;
     p === "entering" ? q = P ? or.slideInUp({
@@ -21084,9 +21086,9 @@ const ft = (e) => {
   ...T
 }) => {
   const { ref: R, inView: P } = ci(), {
-    finalDisplayedText: E,
+    finalDisplayedText: $,
     activeHighlightTarget: M,
-    highlightTypewriter: $,
+    highlightTypewriter: E,
     highlightSlide: D,
     highlightSlideDuration: W,
     highlightSlideStagger: z,
@@ -21113,12 +21115,12 @@ const ft = (e) => {
   })) : { ...ee, iterationCount: U.toString() }), V = H(c, s), N = H(
     d,
     u
-  ), q = typeof E == "string" ? E : typeof e == "string" ? e : "", v = {
+  ), q = typeof $ == "string" ? $ : typeof e == "string" ? e : "", v = {
     ref: R,
     animate: P ? V : void 0,
     as: "h1",
     fontSize: _
-  }, ne = (ee) => !P && ($ || D) ? /* @__PURE__ */ i("span", { style: { opacity: 0 }, children: ee }) : $ ? /* @__PURE__ */ i(
+  }, ne = (ee) => !P && (E || D) ? /* @__PURE__ */ i("span", { style: { opacity: 0 }, children: ee }) : E ? /* @__PURE__ */ i(
     Ju,
     {
       text: ee,
@@ -21429,8 +21431,8 @@ const ft = (e) => {
             },
             animationDuration: 0.2,
             ...l == null ? void 0 : l.item,
-            children: n && /* @__PURE__ */ w($e, { children: [
-              /* @__PURE__ */ w($e.Trigger, { children: [
+            children: n && /* @__PURE__ */ w(Ee, { children: [
+              /* @__PURE__ */ w(Ee.Trigger, { children: [
                 g && /* @__PURE__ */ i(
                   We,
                   {
@@ -21460,7 +21462,7 @@ const ft = (e) => {
                     width: "60px",
                     height: "60px",
                     backgroundColor: "color-gray-200",
-                    children: /* @__PURE__ */ i(Et, { widthHeight: 24, color: "color-black" })
+                    children: /* @__PURE__ */ i($t, { widthHeight: 24, color: "color-black" })
                   }
                 ),
                 !g && !p && !h && /* @__PURE__ */ i(
@@ -21484,7 +21486,7 @@ const ft = (e) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ w($e.Content, { children: [
+              /* @__PURE__ */ w(Ee.Content, { children: [
                 g && /* @__PURE__ */ i(We, { src: u, alt: c.name, maxWidth: "100%" }),
                 p && /* @__PURE__ */ i(
                   k,
@@ -21982,15 +21984,15 @@ const bg = (e) => {
         }
     }
   }, [u]), Y(() => {
-    const M = ($) => {
-      g && j.current && x.current && !j.current.contains($.target) && !x.current.contains($.target) && E();
+    const M = (E) => {
+      g && j.current && x.current && !j.current.contains(E.target) && !x.current.contains(E.target) && $();
     };
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, [g]);
   const C = F(
     (M) => {
-      u && S(($) => {
-        const D = $.filter((z) => z !== M), W = [M, ...D].slice(0, s);
+      u && S((E) => {
+        const D = E.filter((z) => z !== M), W = [M, ...D].slice(0, s);
         return localStorage.setItem(
           "colorPicker-recentColors",
           JSON.stringify(W)
@@ -22010,7 +22012,7 @@ const bg = (e) => {
     f(M);
   }, []), P = F(() => {
     b && (T(b), f(""));
-  }, [b, T]), E = F(() => {
+  }, [b, T]), $ = F(() => {
     p(!1), d == null || d();
   }, [d]);
   return {
@@ -22024,7 +22026,7 @@ const bg = (e) => {
     handleColorSelect: T,
     handleCustomColorChange: R,
     handleCustomColorSubmit: P,
-    handleClose: E,
+    handleClose: $,
     // Refs
     triggerRef: j,
     dropdownRef: x
@@ -22202,9 +22204,9 @@ const bg = (e) => {
   dropdownRef: R,
   // Other props
   onChange: P,
-  ...E
+  ...$
 }) => {
-  const { getColor: M } = de(), $ = {
+  const { getColor: M } = de(), E = {
     ...ro.container,
     ...n == null ? void 0 : n.container
   }, D = {
@@ -22225,7 +22227,7 @@ const bg = (e) => {
     ...ro.recentColors,
     ...n == null ? void 0 : n.recentColors
   }, _ = f || "color-gray-200";
-  return /* @__PURE__ */ w(k, { ...$, ...E, children: [
+  return /* @__PURE__ */ w(k, { ...E, ...$, children: [
     t && /* @__PURE__ */ i(
       O,
       {
@@ -22720,7 +22722,7 @@ const bg = (e) => {
       ]
     }
   );
-}, $a = ({
+}, Ea = ({
   views: e
 }) => /* @__PURE__ */ i(
   k,
@@ -22750,7 +22752,7 @@ const bg = (e) => {
             l.label
           ] }),
           l.items && l.items.length > 0 && /* @__PURE__ */ i(Wa, { menuId: l.id, views: a, children: l.items.map((d, c) => d.separator ? /* @__PURE__ */ i(
-            $a,
+            Ea,
             {
               views: a
             },
@@ -22824,7 +22826,7 @@ ho.Menu = Ra;
 ho.Trigger = Pa;
 ho.Content = Wa;
 ho.Item = _a;
-ho.Separator = $a;
+ho.Separator = Ea;
 const _g = (e, o, t) => {
   const [r, a] = L([]);
   return Y(() => {
@@ -22927,7 +22929,7 @@ const _g = (e, o, t) => {
   circular: {
     borderRadius: "50%"
   }
-}, $g = {
+}, Eg = {
   backgroundColor: "color-blue-500",
   color: "color-white",
   _hover: {
@@ -22939,7 +22941,7 @@ const _g = (e, o, t) => {
   _hover: {
     backgroundColor: "transparent"
   }
-}, Eg = ({
+}, $g = ({
   currentPage: e,
   totalPages: o,
   onPageChange: t,
@@ -22992,7 +22994,7 @@ const _g = (e, o, t) => {
         ...no[u],
         ...Co[g],
         ...So[p],
-        ...C ? $g : {},
+        ...C ? Eg : {},
         onClick: () => f(j),
         "aria-label": `Page ${j}`,
         "aria-current": C ? "page" : void 0,
@@ -23136,7 +23138,7 @@ const _g = (e, o, t) => {
     c
   );
   return /* @__PURE__ */ i(
-    Eg,
+    $g,
     {
       currentPage: e,
       totalPages: o,
@@ -23183,7 +23185,7 @@ const _g = (e, o, t) => {
       [f, r, S]
     );
     if (e === "circle") {
-      const R = l || (typeof n == "number" ? n : 100), P = (R - c) / 2, E = 2 * Math.PI * P, M = E - x / 100 * E;
+      const R = l || (typeof n == "number" ? n : 100), P = (R - c) / 2, $ = 2 * Math.PI * P, M = $ - x / 100 * $;
       return /* @__PURE__ */ w(
         k,
         {
@@ -23224,7 +23226,7 @@ const _g = (e, o, t) => {
                       r: P,
                       stroke: I,
                       strokeWidth: c,
-                      strokeDasharray: E,
+                      strokeDasharray: $,
                       strokeDashoffset: M,
                       strokeLinecap: "round",
                       fill: "transparent",
@@ -23400,7 +23402,7 @@ const _g = (e, o, t) => {
       ...s
     }
   );
-}, Ea = (e) => /* @__PURE__ */ i(Fg, { ...e }), cf = Ea, df = Ea, Vg = {
+}, $a = (e) => /* @__PURE__ */ i(Fg, { ...e }), cf = $a, df = $a, Vg = {
   xs: 12,
   sm: 14,
   md: 16,
@@ -24018,7 +24020,7 @@ const cp = () => ({
       return B ? !!B.collapsed : !1;
     },
     [g]
-  ), E = F((z) => {
+  ), $ = F((z) => {
     p((B) => {
       const _ = B.findIndex((N) => N.id === z);
       if (_ === -1) return B;
@@ -24035,7 +24037,7 @@ const cp = () => ({
       m.current = z, b.current = B, f.current = g.map((_) => _.size), u(!0);
     },
     [g]
-  ), $ = F(
+  ), E = F(
     (z) => {
       if (!s || !m.current) return;
       const B = m.current, _ = z - b.current;
@@ -24066,31 +24068,31 @@ const cp = () => ({
       const A = B.match(/\d+$/);
       if (A && (_ = parseInt(A[0], 10) - 1), _ === -1 && g.length >= 2 && (_ = 0), _ < 0 || _ >= g.length - 1) return;
       let H = 0;
-      e === "horizontal" ? (z.key === "ArrowLeft" && (H = -c), z.key === "ArrowRight" && (H = c), z.key === "Home" && (H = -100), z.key === "End" && (H = 100)) : (z.key === "ArrowUp" && (H = -c), z.key === "ArrowDown" && (H = c), z.key === "Home" && (H = -100), z.key === "End" && (H = 100)), H !== 0 && (z.preventDefault(), $(b.current + H)), z.key === "Escape" && (p(
+      e === "horizontal" ? (z.key === "ArrowLeft" && (H = -c), z.key === "ArrowRight" && (H = c), z.key === "Home" && (H = -100), z.key === "End" && (H = 100)) : (z.key === "ArrowUp" && (H = -c), z.key === "ArrowDown" && (H = c), z.key === "Home" && (H = -100), z.key === "End" && (H = 100)), H !== 0 && (z.preventDefault(), E(b.current + H)), z.key === "Escape" && (p(
         (V) => V.map((N, q) => ({
           ...N,
           size: f.current[q]
         }))
       ), D());
     },
-    [s, g, e, $, D, c]
+    [s, g, e, E, D, c]
   );
   return Y(() => {
     const z = (A) => {
       if (!s) return;
       const H = e === "horizontal" ? A.clientX : A.clientY;
-      $(H);
+      E(H);
     }, B = (A) => {
       if (!s || A.touches.length === 0) return;
       const H = A.touches[0], V = e === "horizontal" ? H.clientX : H.clientY;
-      $(V);
+      E(V);
     }, _ = () => {
       s && D();
     };
     return s && (document.addEventListener("mousemove", z), document.addEventListener("touchmove", B), document.addEventListener("mouseup", _), document.addEventListener("touchend", _), document.addEventListener("keydown", W), document.body.style.cursor = e === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none"), () => {
       document.removeEventListener("mousemove", z), document.removeEventListener("touchmove", B), document.removeEventListener("mouseup", _), document.removeEventListener("touchend", _), document.removeEventListener("keydown", W), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-  }, [s, e, $, D, W]), Y(() => {
+  }, [s, e, E, D, W]), Y(() => {
     if (g.length !== 0) {
       if (l) {
         const z = j();
@@ -24138,9 +24140,9 @@ const cp = () => ({
     getPanelSize: T,
     setPanelSize: R,
     isPanelCollapsed: P,
-    togglePanelCollapse: E,
+    togglePanelCollapse: $,
     startResize: M,
-    onResize: $,
+    onResize: E,
     endResize: D
   };
 }, sp = {
@@ -24629,7 +24631,7 @@ const Oo = {
   }
 }, kp = () => Math.random().toString(36).substring(2, 9);
 let ao = /* @__PURE__ */ new Map();
-const $o = Wt((e) => ({
+const Eo = Wt((e) => ({
   toasts: [],
   add: (o, t, r, a = {}) => {
     const n = a.id || kp(), l = {
@@ -24646,7 +24648,7 @@ const $o = Wt((e) => ({
       toasts: [...d.toasts, l]
     })), a.duration !== 0) {
       const d = a.duration || 5e3, c = setTimeout(() => {
-        $o.getState().remove(n);
+        Eo.getState().remove(n);
       }, d);
       ao.set(n, c);
     }
@@ -24670,10 +24672,10 @@ const $o = Wt((e) => ({
       e({ toasts: [] });
     }, 300);
   }
-})), mo = (e, o, t, r) => $o.getState().add(e, o, t, r), Ha = (e, o, t) => mo("info", e, o, t), Oa = (e, o, t) => mo("success", e, o, t), Fa = (e, o, t) => mo("warning", e, o, t), Va = (e, o, t) => mo("error", e, o, t), qa = (e) => {
-  $o.getState().remove(e);
+})), mo = (e, o, t, r) => Eo.getState().add(e, o, t, r), Ha = (e, o, t) => mo("info", e, o, t), Oa = (e, o, t) => mo("success", e, o, t), Fa = (e, o, t) => mo("warning", e, o, t), Va = (e, o, t) => mo("error", e, o, t), qa = (e) => {
+  Eo.getState().remove(e);
 }, Na = () => {
-  $o.getState().removeAll();
+  Eo.getState().removeAll();
 }, Ua = ({
   variant: e,
   title: o,
@@ -24795,7 +24797,7 @@ const $o = Wt((e) => ({
             _hover: { backgroundColor: "rgba(0, 0, 0, 0.05)" },
             transition: "all 0.2s ease",
             ...s == null ? void 0 : s.closeButton,
-            children: /* @__PURE__ */ i(Ee, { widthHeight: 16, color: b[e].content.color })
+            children: /* @__PURE__ */ i($e, { widthHeight: 16, color: b[e].content.color })
           }
         )
       ]
@@ -24807,7 +24809,7 @@ const $o = Wt((e) => ({
   limit: t = 5,
   containerStyle: r
 }) => {
-  const { toasts: a, remove: n } = $o(), d = G.useMemo(() => {
+  const { toasts: a, remove: n } = Eo(), d = G.useMemo(() => {
     const c = {
       top: [],
       "top-right": [],
@@ -25035,12 +25037,12 @@ const $o = Wt((e) => ({
   _hover: {
     backgroundColor: "color-gray-100"
   }
-}, $p = {
+}, Ep = {
   backgroundColor: "color-blue-50",
   _hover: {
     backgroundColor: "color-blue-100"
   }
-}, Ep = {
+}, $p = {
   opacity: 0.5,
   cursor: "not-allowed",
   _hover: {
@@ -25152,8 +25154,8 @@ const $o = Wt((e) => ({
     J,
     {
       ..._p,
-      ...o ? $p : {},
-      ...e.disabled ? Ep : {},
+      ...o ? Ep : {},
+      ...e.disabled ? $p : {},
       onClick: n,
       ...r == null ? void 0 : r.container,
       ...a,
@@ -25261,16 +25263,16 @@ const $o = Wt((e) => ({
                 heading: R.name,
                 views: f == null ? void 0 : f.groupHeading,
                 children: R.commands.map((P) => {
-                  const E = h.findIndex(
+                  const $ = h.findIndex(
                     (M) => M.id === P.id
                   );
                   return /* @__PURE__ */ i(
                     Rt,
                     {
                       item: P,
-                      selected: E === g,
+                      selected: $ === g,
                       onSelect: () => j(P),
-                      "data-index": E,
+                      "data-index": $,
                       views: {
                         container: f == null ? void 0 : f.item,
                         icon: f == null ? void 0 : f.icon,
@@ -25361,12 +25363,12 @@ const $o = Wt((e) => ({
       ...g
     }
   );
-}, Eo = Gp;
-Eo.Input = Ga;
-Eo.List = Np;
-Eo.Group = Ya;
-Eo.Item = Rt;
-Eo.Empty = va;
+}, $o = Gp;
+$o.Input = Ga;
+$o.List = Np;
+$o.Group = Ya;
+$o.Item = Rt;
+$o.Empty = va;
 const Tr = () => Math.random().toString(36).substring(2, 11), Yp = ({
   defaultOpen: e = !1,
   openDelay: o = 200,
@@ -26760,12 +26762,12 @@ const Mh = {
       f(z.target.value), z.target.style.height = "auto", z.target.style.height = `${z.target.scrollHeight}px`;
     },
     [f]
-  ), E = F(
+  ), $ = F(
     (z) => {
       z.key === "Enter" && !z.shiftKey && (z.preventDefault(), y());
     },
     [y]
-  ), M = b.trim().length > 0, { onSubmit: $, ...D } = x;
+  ), M = b.trim().length > 0, { onSubmit: E, ...D } = x;
   return /* @__PURE__ */ w(k, { ...C, ...D, children: [
     /* @__PURE__ */ w(k, { ref: j, ...I, children: [
       e.length === 0 ? /* @__PURE__ */ i(
@@ -26779,7 +26781,7 @@ const Mh = {
           children: /* @__PURE__ */ i(O, { fontSize: "14px", children: "No messages yet. Start a conversation!" })
         }
       ) : e.map((z) => /* @__PURE__ */ i(
-        $h,
+        Eh,
         {
           message: z,
           size: a,
@@ -26852,7 +26854,7 @@ const Mh = {
                     backgroundColor: "transparent",
                     display: "flex",
                     alignItems: "center",
-                    children: /* @__PURE__ */ i(Ee, { widthHeight: 12, color: "color-blue-700" })
+                    children: /* @__PURE__ */ i($e, { widthHeight: 12, color: "color-blue-700" })
                   }
                 )
               ]
@@ -26880,7 +26882,7 @@ const Mh = {
             ref: S,
             value: b,
             onChange: P,
-            onKeyDown: E,
+            onKeyDown: $,
             placeholder: o,
             disabled: t || g,
             ...R,
@@ -26930,7 +26932,7 @@ const Mh = {
       ] })
     ] })
   ] });
-}, $h = ({
+}, Eh = ({
   message: e,
   size: o,
   showTimestamp: t,
@@ -27104,7 +27106,7 @@ const Mh = {
   return /* @__PURE__ */ i(_h, { ...e, ...o });
 };
 ei.displayName = "ChatWidget";
-const Eh = ei;
+const $h = ei;
 function Bh({
   onSelect: e,
   onCancel: o,
@@ -27270,14 +27272,14 @@ const hf = ({
                     border: "none",
                     backgroundColor: "transparent",
                     _hover: { backgroundColor: "rgba(0,0,0,0.05)" },
-                    children: /* @__PURE__ */ i(Ee, { widthHeight: 16, color: "color-gray-500" })
+                    children: /* @__PURE__ */ i($e, { widthHeight: 16, color: "color-gray-500" })
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ i(
-            Eh,
+            $h,
             {
               messages: d,
               onSubmit: (f) => {
@@ -27357,20 +27359,20 @@ const hf = ({
         _hover: { transform: "scale(1.05)" },
         _active: { transform: "scale(0.95)" },
         "data-chatwidget-ignore": "true",
-        children: r ? /* @__PURE__ */ i(Ee, { widthHeight: 24, color: "white" }) : /* @__PURE__ */ i(Ti, { widthHeight: 24, color: "white" })
+        children: r ? /* @__PURE__ */ i($e, { widthHeight: 24, color: "white" }) : /* @__PURE__ */ i(Ti, { widthHeight: 24, color: "white" })
       }
     )
   ] });
 };
 export {
-  $t as Accordion,
+  Et as Accordion,
   a0 as Alert,
   Zm as ArrowIcon,
   i0 as AspectRatio,
   cg as AttachmentGroup,
   et as AttachmentIcon,
   v0 as AttachmentPreview,
-  Et as AudioIcon,
+  $t as AudioIcon,
   c0 as AudioInput,
   Yr as AudioWaveform,
   d0 as Avatar,
@@ -27389,7 +27391,7 @@ export {
   u0 as Chart,
   km as ChartIcon,
   th as ChatInput,
-  Eh as ChatWidget,
+  $h as ChatWidget,
   ei as ChatWidgetComponent,
   hf as ChatWidgetWidget,
   Sm as CheckIcon,
@@ -27397,12 +27399,12 @@ export {
   be as ChevronIcon,
   Om as ClockIcon,
   qr as CloseEyeIcon,
-  Ee as CloseIcon,
+  $e as CloseIcon,
   dm as CloudIcon,
   k0 as ColorInput,
   tf as ColorPicker,
   I0 as ComboBox,
-  Eo as Command,
+  $o as Command,
   To as ContextMenu,
   g0 as CookieConsent,
   sm as CopyIcon,
@@ -27436,7 +27438,7 @@ export {
   z0 as FormikCheckbox,
   W0 as FormikColorInput,
   O0 as FormikComboBox,
-  $0 as FormikCountryPicker,
+  E0 as FormikCountryPicker,
   _0 as FormikDatePicker,
   Y0 as FormikEmojiPicker,
   T0 as FormikForm,
@@ -27444,7 +27446,7 @@ export {
   V0 as FormikOTPInput,
   H0 as FormikPassword,
   R0 as FormikRadio,
-  E0 as FormikSelect,
+  $0 as FormikSelect,
   q0 as FormikSelector,
   F0 as FormikSlider,
   B0 as FormikSwitch,
@@ -27458,13 +27460,13 @@ export {
   nm as HeartIcon,
   Uh as HelpIcon,
   pm as HomeIcon,
-  $e as HoverCard,
+  Ee as HoverCard,
   xt as Icon,
   nf as IconPicker,
   Xh as ImageIcon,
   Ke as InfoIcon,
   Zh as InstagramIcon,
-  $m as LayoutIcon,
+  Em as LayoutIcon,
   Ym as LikeIcon,
   nl as Link,
   _m as LinkIcon,
@@ -27549,7 +27551,7 @@ export {
   Qm as WifiIcon,
   Qh as XIcon,
   em as YoutubeIcon,
-  Em as ZapIcon,
+  $m as ZapIcon,
   r0 as ZoomInIcon,
   Im as ZoomOutIcon,
   Ai as hideMessage,