globalfy-design-system 1.8.0 → 1.8.2

package/dist/globalfy-design-system.js

@@ -1,5 +1,5 @@
 import * as X from "react";
-import i, { useRef as a0, useImperativeHandle as Ss, useContext as H0, useState as p0, useEffect as d0, useCallback as o0, createContext as ne, useMemo as v0, forwardRef as M0, useLayoutEffect as _1, useInsertionEffect as sE, createElement as c0, useId as gt, cloneElement as be, Children as O1, isValidElement as xe, useSyncExternalStore as ZU, Fragment as kr, useReducer as PU, Component as EU } from "react";
+import i, { useRef as a0, useImperativeHandle as Ss, useContext as H0, useState as p0, useEffect as d0, useCallback as o0, createContext as ne, useMemo as v0, forwardRef as M0, useLayoutEffect as _1, useInsertionEffect as sE, createElement as c0, useId as gt, cloneElement as be, Children as O1, isValidElement as Ce, useSyncExternalStore as ZU, Fragment as kr, useReducer as PU, Component as EU } from "react";
 import * as TU from "react-dom";
 import Is, { flushSync as Bs, createPortal as VU } from "react-dom";
 function lE(e) {
@@ -3193,7 +3193,7 @@ function t1() {
     (e = arguments[t]) && (r = AE(e)) && (o && (o += " "), o += r);
   return o;
 }
-const Me = (...e) => yE(t1(e)), Si = ({
+const Ae = (...e) => yE(t1(e)), Si = ({
   children: e,
   className: r,
   font: t = "satoshi",
@@ -3220,7 +3220,7 @@ const Me = (...e) => yE(t1(e)), Si = ({
     "p",
     {
       ...a,
-      className: Me(r, s({ font: t, weight: o })),
+      className: Ae(r, s({ font: t, weight: o })),
       children: e
     }
   );
@@ -3244,7 +3244,7 @@ const Me = (...e) => yE(t1(e)), Si = ({
       ...o,
       src: s,
       alt: `${r} flag`,
-      className: Me(t, a({ shadow: e }))
+      className: Ae(t, a({ shadow: e }))
     }
   );
 };
@@ -39688,7 +39688,7 @@ function B$(e, r) {
 function O$(e) {
   const r = [];
   return O1.forEach(e, (t) => {
-    xe(t) && r.push(t);
+    Ce(t) && r.push(t);
   }), r;
 }
 const $$ = ({ children: e, custom: r, initial: t = !0, onExitComplete: o, exitBeforeEnter: a, presenceAffectsLayout: s = !0, mode: l = "sync" }) => {
@@ -40725,7 +40725,7 @@ function dD(e) {
       _,
       W
     ]
-  ), Q = (g0) => xe(g0) ? be(g0, {
+  ), Q = (g0) => Ce(g0) ? be(g0, {
     "aria-hidden": !0,
     focusable: !1,
     tabIndex: -1
@@ -40850,9 +40850,9 @@ function fD(e) {
     tabIndex: 0,
     className: L.closeButton({ class: h == null ? void 0 : h.closeButton }),
     ...E0(C, A)
-  }), j = (U) => xe(U) ? be(U, {
+  }), j = (U) => Ce(U) ? be(U, {
     className: L.avatar({ class: h == null ? void 0 : h.avatar })
-  }) : null, D = (U) => xe(U) ? be(U, {
+  }) : null, D = (U) => Ce(U) ? be(U, {
     className: V0("max-h-[80%]", U.props.className)
   }) : null;
   return {
@@ -43426,13 +43426,13 @@ const qm0 = ({
         ue,
         {
           name: e.selectedIcon,
-          className: Me(c, "text-lg")
+          className: Ae(c, "text-lg")
         }
       ) : /* @__PURE__ */ T.jsx(
         ue,
         {
           name: e.unselectedIcon,
-          className: Me(c, "text-lg")
+          className: Ae(c, "text-lg")
         }
       ))
     }
@@ -43583,7 +43583,7 @@ const qm0 = ({
     fill: "none",
     viewBox: "0 0 24 24",
     ...e,
-    className: Me(
+    className: Ae(
       BF({ variant: e.variant }),
       e.className
     ),
@@ -43856,7 +43856,7 @@ const qm0 = ({
     isDisabled: d || o,
     isLoading: d,
     spinner: /* @__PURE__ */ T.jsx(OF, { variant: t }),
-    className: Me(
+    className: Ae(
       c,
       $F({
         size: r,
@@ -43940,7 +43940,7 @@ const qm0 = ({
     HV,
     {
       size: o,
-      className: Me(
+      className: Ae(
         c({ hasAvatar: !!t, size: o, disabled: a, className: r })
       ),
       startContent: s && (typeof s == "string" ? /* @__PURE__ */ T.jsx(ue, { className: d({ size: o }), name: s }) : s),
@@ -44051,7 +44051,7 @@ const qm0 = ({
     /* @__PURE__ */ T.jsx("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ T.jsx("p", { className: "font-satoshi text-sm", children: e }) }),
     /* @__PURE__ */ T.jsx("div", { children: r && /* @__PURE__ */ T.jsx("div", { className: "flex", children: r.map(({ label: a, onClick: s }) => /* @__PURE__ */ T.jsx(Fr, { onClick: s, variant: "tertiaryDark", children: a }, a)) }) })
   ] });
-}, Nr = (e) => typeof e == "number" && !isNaN(e), nt = (e) => typeof e == "string", Le = (e) => typeof e == "function", Jo = (e) => nt(e) || Le(e) ? e : null, us = (e) => xe(e) || nt(e) || Le(e) || Nr(e);
+}, Nr = (e) => typeof e == "number" && !isNaN(e), nt = (e) => typeof e == "string", Le = (e) => typeof e == "function", Jo = (e) => nt(e) || Le(e) ? e : null, us = (e) => Ce(e) || nt(e) || Le(e) || Nr(e);
 function FF(e, r, t) {
   t === void 0 && (t = 300);
   const { scrollHeight: o, style: a } = e;
@@ -44116,7 +44116,7 @@ function RF(e) {
           w = C == null ? [] : w.filter((O) => O !== C), Z();
         }, L = (C) => {
           const { toastId: O, onOpen: B, updateId: j, children: D } = C.props, U = j == null;
-          C.staleId && x.delete(C.staleId), x.set(O, C), w = [...w, C.props.toastId].filter((k) => k !== C.staleId), Z(), g(DZ(C, U ? "added" : "updated")), U && Le(B) && B(xe(D) && D.props);
+          C.staleId && x.delete(C.staleId), x.set(O, C), w = [...w, C.props.toastId].filter((k) => k !== C.staleId), Z(), g(DZ(C, U ? "added" : "updated")), U && Le(B) && B(Ce(D) && D.props);
         };
         return { id: h, props: A, observe: (C) => (E.add(C), () => E.delete(C)), toggle: (C, O) => {
           x.forEach((B) => {
@@ -44140,12 +44140,12 @@ function RF(e) {
             return $ != null;
           })), toastId: B, updateId: j, data: D, closeToast: R, isIn: !1, className: Jo(O.className || A.toastClassName), bodyClassName: Jo(O.bodyClassName || A.bodyClassName), progressClassName: Jo(O.progressClassName || A.progressClassName), autoClose: !O.isLoading && (K = O.autoClose, V = A.autoClose, K === !1 || Nr(K) && K > 0 ? K : V), deleteToast() {
             const M = x.get(B), { onClose: y, children: $ } = M.props;
-            Le(y) && y(xe($) && $.props), g(DZ(M, "removed")), x.delete(B), v--, v < 0 && (v = 0), m.length > 0 ? L(m.shift()) : Z();
+            Le(y) && y(Ce($) && $.props), g(DZ(M, "removed")), x.delete(B), v--, v < 0 && (v = 0), m.length > 0 ? L(m.shift()) : Z();
           } };
           var K, V;
           I.closeButton = A.closeButton, O.closeButton === !1 || us(O.closeButton) ? I.closeButton = O.closeButton : O.closeButton === !0 && (I.closeButton = !us(A.closeButton) || A.closeButton);
           let P = C;
-          xe(C) && !nt(C.type) ? P = be(C, { closeToast: R, toastProps: I, data: D }) : Le(C) && (P = C({ closeToast: R, toastProps: I, data: D }));
+          Ce(C) && !nt(C.type) ? P = be(C, { closeToast: R, toastProps: I, data: D }) : Le(C) && (P = C({ closeToast: R, toastProps: I, data: D }));
           const H = { content: P, props: I, staleId: U };
           A.limit && A.limit > 0 && v > A.limit && W ? m.push(H) : Nr(k) ? setTimeout(() => {
             L(H);
@@ -44317,10 +44317,10 @@ const XF = typeof window < "u" ? _1 : d0, So = (e) => {
   const { isRunning: r, preventExitTransition: t, toastRef: o, eventHandlers: a, playToast: s } = jF(e), { closeButton: l, children: c, autoClose: u, onClick: d, type: h, hideProgressBar: p, closeToast: g, transition: f, position: v, className: m, style: w, bodyClassName: b, bodyStyle: A, progressClassName: x, progressStyle: E, updateId: Z, role: z, progress: L, rtl: C, toastId: O, deleteToast: B, isIn: j, isLoading: D, closeOnClick: U, theme: k } = e, R = t1("Toastify__toast", `Toastify__toast-theme--${k}`, `Toastify__toast--${h}`, { "Toastify__toast--rtl": C }, { "Toastify__toast--close-on-click": U }), W = Le(m) ? m({ rtl: C, position: v, type: h, defaultClassName: R }) : t1(R, m), I = function(H) {
     let { theme: M, type: y, isLoading: $, icon: N } = H, G = null;
     const Y = { theme: M, type: y };
-    return N === !1 || (Le(N) ? G = N({ ...Y, isLoading: $ }) : xe(N) ? G = be(N, Y) : $ ? G = ei.spinner() : ((J) => J in ei)(y) && (G = ei[y](Y))), G;
+    return N === !1 || (Le(N) ? G = N({ ...Y, isLoading: $ }) : Ce(N) ? G = be(N, Y) : $ ? G = ei.spinner() : ((J) => J in ei)(y) && (G = ei[y](Y))), G;
   }(e), K = !!L || !u, V = { closeToast: g, type: h, theme: k };
   let P = null;
-  return l === !1 || (P = Le(l) ? l(V) : xe(l) ? be(l, V) : function(H) {
+  return l === !1 || (P = Le(l) ? l(V) : Ce(l) ? be(l, V) : function(H) {
     let { closeToast: M, theme: y, ariaLabel: $ = "close" } = H;
     return i.createElement("button", { className: `Toastify__close-button Toastify__close-button--${y}`, type: "button", onClick: (N) => {
       N.stopPropagation(), M(N);
@@ -44483,10 +44483,10 @@ function eN(...e) {
 const Jt = /* @__PURE__ */ M0((e, r) => {
   const { children: t, ...o } = e, a = O1.toArray(t), s = a.find(tN);
   if (s) {
-    const l = s.props.children, c = a.map((u) => u === s ? O1.count(l) > 1 ? O1.only(null) : /* @__PURE__ */ xe(l) ? l.props.children : null : u);
+    const l = s.props.children, c = a.map((u) => u === s ? O1.count(l) > 1 ? O1.only(null) : /* @__PURE__ */ Ce(l) ? l.props.children : null : u);
     return /* @__PURE__ */ c0(hs, s0({}, o, {
       ref: r
-    }), /* @__PURE__ */ xe(l) ? /* @__PURE__ */ be(l, void 0, c) : null);
+    }), /* @__PURE__ */ Ce(l) ? /* @__PURE__ */ be(l, void 0, c) : null);
   }
   return /* @__PURE__ */ c0(hs, s0({}, o, {
     ref: r
@@ -44495,7 +44495,7 @@ const Jt = /* @__PURE__ */ M0((e, r) => {
 Jt.displayName = "Slot";
 const hs = /* @__PURE__ */ M0((e, r) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ xe(t) ? /* @__PURE__ */ be(t, {
+  return /* @__PURE__ */ Ce(t) ? /* @__PURE__ */ be(t, {
     ...rN(o, t.props),
     ref: r ? JV(r, t.ref) : t.ref
   }) : O1.count(t) > 1 ? O1.only(null) : null;
@@ -44503,7 +44503,7 @@ const hs = /* @__PURE__ */ M0((e, r) => {
 hs.displayName = "SlotClone";
 const QV = ({ children: e }) => /* @__PURE__ */ c0(kr, null, e);
 function tN(e) {
-  return /* @__PURE__ */ xe(e) && e.type === QV;
+  return /* @__PURE__ */ Ce(e) && e.type === QV;
 }
 function rN(e, r) {
   const t = {
@@ -48307,7 +48307,7 @@ const Uj = /* @__PURE__ */ lE(zj), uv0 = M0(
             onChange: a,
             mask: h,
             maskChar: "",
-            className: Me(
+            className: Ae(
               "peer focus:placeholder:text-primary-grey-800",
               m({
                 className: o,
@@ -48334,7 +48334,7 @@ const Uj = /* @__PURE__ */ lE(zj), uv0 = M0(
         /* @__PURE__ */ T.jsx(
           "label",
           {
-            className: Me(
+            className: Ae(
               "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
               w({
                 hasValue: !!p,
@@ -48993,7 +48993,7 @@ const GH = tW, _H = oW, hW = iW, XH = sW, pW = dW, gW = ({
     /* @__PURE__ */ T.jsx(hW, { children: /* @__PURE__ */ T.jsx(
       XH,
       {
-        className: Me(
+        className: Ae(
           t,
           g({ hasShadow: c })
         ),
@@ -49110,7 +49110,7 @@ function bW(e) {
     (!r || r > o || isNaN(+o)) && (r = o);
   }), r || /* @__PURE__ */ new Date(NaN);
 }
-function Ae(e, r) {
+function xe(e, r) {
   const t = er(e), o = er(r);
   return +t == +o;
 }
@@ -49135,7 +49135,7 @@ function eC(e) {
   const r = k0(e), t = r.getMonth();
   return r.setFullYear(r.getFullYear(), t + 1, 0), r.setHours(23, 59, 59, 999), r;
 }
-function Ce(e) {
+function Me(e) {
   const r = k0(e);
   return r.setDate(1), r.setHours(0, 0, 0, 0), r;
 }
@@ -50300,7 +50300,7 @@ function bG(e) {
 function AG(e, r) {
   return xW(
     bG(e),
-    Ce(e),
+    Me(e),
     r
   ) + 1;
 }
@@ -50478,7 +50478,7 @@ function DG() {
 }
 function FG(e) {
   var r = e.fromYear, t = e.toYear, o = e.fromMonth, a = e.toMonth, s = e.fromDate, l = e.toDate;
-  return o ? s = Ce(o) : r && (s = new Date(r, 0, 1)), a ? l = eC(a) : t && (l = new Date(t, 11, 31)), {
+  return o ? s = Me(o) : r && (s = new Date(r, 0, 1)), a ? l = eC(a) : t && (l = new Date(t, 11, 31)), {
     fromDate: s ? er(s) : void 0,
     toDate: l ? er(l) : void 0
   };
@@ -50517,13 +50517,13 @@ function jG(e) {
     return T.jsx(T.Fragment, {});
   var p = [];
   if (xG(o, a))
-    for (var g = Ce(o), f = o.getMonth(); f <= a.getMonth(); f++)
+    for (var g = Me(o), f = o.getMonth(); f <= a.getMonth(); f++)
       p.push(pi(g, f));
   else
-    for (var g = Ce(/* @__PURE__ */ new Date()), f = 0; f <= 11; f++)
+    for (var g = Me(/* @__PURE__ */ new Date()), f = 0; f <= 11; f++)
       p.push(pi(g, f));
   var v = function(w) {
-    var b = Number(w.target.value), A = pi(Ce(e.displayMonth), b);
+    var b = Number(w.target.value), A = pi(Me(e.displayMonth), b);
     e.onChange(A);
   }, m = (r = d == null ? void 0 : d.Dropdown) !== null && r !== void 0 ? r : sz;
   return T.jsx(m, { name: "months", "aria-label": h(), className: u.dropdown_month, style: s.dropdown_month, onChange: v, value: e.displayMonth.getMonth(), caption: c(e.displayMonth, { locale: l }), children: p.map(function(w) {
@@ -50539,7 +50539,7 @@ function WG(e) {
   for (var f = a.getFullYear(), v = s.getFullYear(), m = f; m <= v; m++)
     g.push(mP(KH(/* @__PURE__ */ new Date()), m));
   var w = function(A) {
-    var x = mP(Ce(t), Number(A.target.value));
+    var x = mP(Me(t), Number(A.target.value));
     e.onChange(x);
   }, b = (r = d == null ? void 0 : d.Dropdown) !== null && r !== void 0 ? r : sz;
   return T.jsx(b, { name: "years", "aria-label": p(), className: u.dropdown_year, style: c.dropdown_year, onChange: w, value: t.getFullYear(), caption: h(t, { locale: l }), children: g.map(function(A) {
@@ -50556,20 +50556,20 @@ function _G(e) {
     var d = -1 * (u - 1);
     a = r1(s, d);
   }
-  return l && Xr(a, l) < 0 && (a = l), Ce(a);
+  return l && Xr(a, l) < 0 && (a = l), Me(a);
 }
 function XG() {
   var e = K0(), r = _G(e), t = GG(r, e.month), o = t[0], a = t[1], s = function(l) {
     var c;
     if (!e.disableNavigation) {
-      var u = Ce(l);
+      var u = Me(l);
       a(u), (c = e.onMonthChange) === null || c === void 0 || c.call(e, u);
     }
   };
   return [o, s];
 }
 function YG(e, r) {
-  for (var t = r.reverseMonths, o = r.numberOfMonths, a = Ce(e), s = Ce(r1(a, o)), l = Xr(s, a), c = [], u = 0; u < l; u++) {
+  for (var t = r.reverseMonths, o = r.numberOfMonths, a = Me(e), s = Me(r1(a, o)), l = Xr(s, a), c = [], u = 0; u < l; u++) {
     var d = r1(a, u);
     c.push(d);
   }
@@ -50577,7 +50577,7 @@ function YG(e, r) {
 }
 function KG(e, r) {
   if (!r.disableNavigation) {
-    var t = r.toDate, o = r.pagedNavigation, a = r.numberOfMonths, s = a === void 0 ? 1 : a, l = o ? s : 1, c = Ce(e);
+    var t = r.toDate, o = r.pagedNavigation, a = r.numberOfMonths, s = a === void 0 ? 1 : a, l = o ? s : 1, c = Me(e);
     if (!t)
       return r1(c, l);
     var u = Xr(t, e);
@@ -50587,7 +50587,7 @@ function KG(e, r) {
 }
 function JG(e, r) {
   if (!r.disableNavigation) {
-    var t = r.fromDate, o = r.pagedNavigation, a = r.numberOfMonths, s = a === void 0 ? 1 : a, l = o ? s : 1, c = Ce(e);
+    var t = r.fromDate, o = r.pagedNavigation, a = r.numberOfMonths, s = a === void 0 ? 1 : a, l = o ? s : 1, c = Me(e);
     if (!t)
       return r1(c, -l);
     var u = Xr(c, t);
@@ -50714,7 +50714,7 @@ function c_(e) {
         var w = o ? nz([], o, !0) : [];
         if (h.selected) {
           var b = w.findIndex(function(A) {
-            return Ae(d, A);
+            return xe(d, A);
           });
           w.splice(b, 1);
         } else
@@ -50727,7 +50727,7 @@ function c_(e) {
   };
   o && c.disabled.push(function(d) {
     var h = s && o.length > s - 1, p = o.some(function(g) {
-      return Ae(g, d);
+      return xe(g, d);
     });
     return !!(h && !p);
   });
@@ -50746,7 +50746,7 @@ function nC() {
 }
 function u_(e, r) {
   var t = r || {}, o = t.from, a = t.to;
-  return o && a ? Ae(a, e) && Ae(o, e) ? void 0 : Ae(a, e) ? { from: a, to: void 0 } : Ae(o, e) ? void 0 : As(o, e) ? { from: e, to: a } : { from: o, to: e } : a ? As(e, a) ? { from: a, to: e } : { from: e, to: a } : o ? oz(e, o) ? { from: e, to: o } : { from: o, to: e } : { from: e, to: void 0 };
+  return o && a ? xe(a, e) && xe(o, e) ? void 0 : xe(a, e) ? { from: a, to: void 0 } : xe(o, e) ? void 0 : As(o, e) ? { from: e, to: a } : { from: o, to: e } : a ? As(e, a) ? { from: a, to: e } : { from: e, to: a } : o ? oz(e, o) ? { from: e, to: o } : { from: o, to: e } : { from: e, to: void 0 };
 }
 var aC = ne(void 0);
 function d_(e) {
@@ -50776,7 +50776,7 @@ function h_(e) {
     range_middle: [],
     disabled: []
   };
-  if (s ? (h.range_start = [s], l ? (h.range_end = [l], Ae(s, l) || (h.range_middle = [
+  if (s ? (h.range_start = [s], l ? (h.range_end = [l], xe(s, l) || (h.range_middle = [
     {
       after: s,
       before: l
@@ -50870,7 +50870,7 @@ function Z_(e, r) {
     var l = s1(e, o) >= 0 && s1(a, e) >= 0;
     return l;
   }
-  return a ? Ae(a, e) : o ? Ae(o, e) : !1;
+  return a ? xe(a, e) : o ? xe(o, e) : !1;
 }
 function P_(e) {
   return qx(e);
@@ -50883,7 +50883,7 @@ function T_(e, r) {
     if (typeof t == "boolean")
       return t;
     if (P_(t))
-      return Ae(e, t);
+      return xe(e, t);
     if (E_(t))
       return t.includes(e);
     if (A_(t))
@@ -50907,7 +50907,7 @@ function sC(e, r, t) {
   }), t && !rC(e, t) && (a.outside = !0), a;
 }
 function V_(e, r) {
-  for (var t = Ce(e[0]), o = eC(e[e.length - 1]), a, s, l = t; l <= o; ) {
+  for (var t = Me(e[0]), o = eC(e[e.length - 1]), a, s, l = t; l <= o; ) {
     var c = sC(l, r), u = !c.disabled && !c.hidden;
     if (!u) {
       l = we(l, 1);
@@ -50961,7 +50961,7 @@ function z_(e) {
         context: f,
         modifiers: t
       });
-      Ae(a, A) || (r.goToDate(A, a), g(A));
+      xe(a, A) || (r.goToDate(A, a), g(A));
     }
   }, m = {
     focusedDay: a,
@@ -51154,7 +51154,7 @@ function D_(e, r, t) {
   var o, a, s, l = K0(), c = lC(), u = U_(e, r), d = S_(e, u), h = I_(), p = !!(l.onDayClick || l.mode !== "default");
   d0(function() {
     var z;
-    u.outside || c.focusedDay && p && Ae(c.focusedDay, e) && ((z = t.current) === null || z === void 0 || z.focus());
+    u.outside || c.focusedDay && p && xe(c.focusedDay, e) && ((z = t.current) === null || z === void 0 || z.focus());
   }, [
     c.focusedDay,
     e,
@@ -51167,7 +51167,7 @@ function D_(e, r, t) {
     className: g,
     children: w,
     role: "gridcell"
-  }, A = c.focusTarget && Ae(c.focusTarget, e) && !u.outside, x = c.focusedDay && Ae(c.focusedDay, e), E = C0(C0(C0({}, b), (o = { disabled: u.disabled, role: "gridcell" }, o["aria-selected"] = u.selected, o.tabIndex = x || A ? 0 : -1, o)), d), Z = {
+  }, A = c.focusTarget && xe(c.focusTarget, e) && !u.outside, x = c.focusedDay && xe(c.focusedDay, e), E = C0(C0(C0({}, b), (o = { disabled: u.disabled, role: "gridcell" }, o["aria-selected"] = u.selected, o.tabIndex = x || A ? 0 : -1, o)), d), Z = {
     isButton: p,
     isHidden: v,
     activeModifiers: u,
@@ -51211,7 +51211,7 @@ function yP(e, r, t) {
   return u;
 }
 function j_(e, r) {
-  var t = yP(Ce(e), eC(e), r);
+  var t = yP(Me(e), eC(e), r);
   if (r != null && r.useFixedWeeks) {
     var o = AG(e, r);
     if (o < 6) {
@@ -57078,7 +57078,7 @@ const cq = ({
             rows: 4,
             value: o,
             onChange: a,
-            className: Me(
+            className: Ae(
               "peer focus:placeholder:text-primary-grey-800",
               v({
                 isInvalid: c,
@@ -57097,7 +57097,7 @@ const cq = ({
           "label",
           {
             htmlFor: h.id,
-            className: Me(
+            className: Ae(
               "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
               f({
                 activeFloatLabel: !!t || !!o,
@@ -57197,7 +57197,7 @@ const dq = M0(
             placeholder: r,
             value: o,
             disabled: d,
-            className: Me(
+            className: Ae(
               "peer focus:placeholder:text-primary-grey-800",
               v({
                 className: h,
@@ -57225,7 +57225,7 @@ const dq = M0(
         /* @__PURE__ */ T.jsx(
           "label",
           {
-            className: Me(
+            className: Ae(
               "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
               m({
                 hasValue: !!o,
@@ -57299,10 +57299,13 @@ const wv0 = ({
   buttonIcon: s
 }) => {
   const l = e ? be(e, {
-    className: "text-5xl text-secondary-green-500 w-12 h-12"
+    className: Ae(
+      "text-primary-green-500 w-12 h-12",
+      e.props.className
+    )
   }) : null;
   return /* @__PURE__ */ T.jsx("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ T.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
-    l,
+    !!e && /* @__PURE__ */ T.jsx("div", { className: "flex h-[4.5rem] w-[4.5rem] items-center justify-center rounded-full bg-primary-grey-500", children: l }),
     r && /* @__PURE__ */ T.jsx(Si, { weight: "bold", className: "text-xl leading-6", children: r }),
     t && /* @__PURE__ */ T.jsx(Si, { className: "flex text-center text-sm leading-6", children: t }),
     o && /* @__PURE__ */ T.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ T.jsx(Fr, { type: "button", iconLeft: s, onClick: o, children: a }) })