globalfy-design-system 0.38.0 → 0.40.0

package/dist/globalfy-design-system.js

@@ -1,5 +1,5 @@
 import * as Q from "react";
-import re, { useContext as Pe, useState as ne, useRef as U, useEffect as q, useCallback as B, createContext as Ye, useMemo as oe, forwardRef as Se, useImperativeHandle as Fd, useLayoutEffect as yr, useInsertionEffect as Vd, createElement as Z, useId as Wn, cloneElement as it, Children as Rn, isValidElement as lt, useReducer as zd, Fragment as O0 } from "react";
+import re, { useContext as Pe, useState as ne, useRef as U, useEffect as q, useCallback as B, createContext as Ye, useMemo as oe, forwardRef as Me, useImperativeHandle as Fd, useLayoutEffect as yr, useInsertionEffect as Vd, createElement as Z, useId as Wn, cloneElement as it, Children as Rn, isValidElement as lt, useReducer as zd, Fragment as O0 } from "react";
 import * as N0 from "react-dom";
 import k0, { flushSync as Qs } from "react-dom";
 var ls = { exports: {} }, Wr = {};
@@ -195,7 +195,7 @@ function L0() {
       }
     }
     var se = w.ReactCurrentDispatcher, we;
-    function Me(g, I, L) {
+    function Se(g, I, L) {
       {
         if (we === void 0)
           try {
@@ -281,7 +281,7 @@ function L0() {
       } finally {
         be = !1, se.current = ae, ie(), Error.prepareStackTrace = te;
       }
-      var ft = g ? g.displayName || g.name : "", zr = ft ? Me(ft) : "";
+      var ft = g ? g.displayName || g.name : "", zr = ft ? Se(ft) : "";
       return typeof g == "function" && ve.set(g, zr), zr;
     }
     function Ne(g, I, L) {
@@ -297,12 +297,12 @@ function L0() {
       if (typeof g == "function")
         return Ae(g, ce(g));
       if (typeof g == "string")
-        return Me(g);
+        return Se(g);
       switch (g) {
         case c:
-          return Me("Suspense");
+          return Se("Suspense");
         case u:
-          return Me("SuspenseList");
+          return Se("SuspenseList");
       }
       if (typeof g == "object")
         switch (g.$$typeof) {
@@ -5206,7 +5206,7 @@ function cl(e) {
   return /* @__PURE__ */ re.createElement(n, fe(a, i), t);
 }
 function At(e) {
-  return Se(e);
+  return Me(e);
 }
 var To = (e, t, n = !0) => {
   if (!t)
@@ -9300,7 +9300,7 @@ function j1({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
       n(o, s, O1(f, p.visualElement, l), f, d, p.visualElement)
     );
   }
-  const i = Se(a);
+  const i = Me(a);
   return i[L1] = o, i;
 }
 function _1({ layoutId: e }) {
@@ -10651,8 +10651,8 @@ function Sa({ autoplay: e = !0, delay: t = 0, driver: n = gb, keyframes: r, type
     M && (se.value = M(se.value));
     let { done: we } = se;
     !H && T !== null && (we = f >= 0 ? P >= x : P <= 0);
-    const Me = m === null && (k === "finished" || k === "running" && we);
-    return d && d(se.value), Me && _(), se;
+    const Se = m === null && (k === "finished" || k === "running" && we);
+    return d && d(se.value), Se && _(), se;
   }, j = () => {
     y && y.stop(), y = void 0;
   }, $ = () => {
@@ -14165,19 +14165,19 @@ function c5(e = {}) {
       });
     },
     [w, y, C, M, S, s, i == null ? void 0 : i.isGrid]
-  ), we = xe(f == null ? void 0 : f.base, E), Me = oe(() => N || l === "button", [N, l]), be = B(
+  ), we = xe(f == null ? void 0 : f.base, E), Se = oe(() => N || l === "button", [N, l]), be = B(
     (ye = {}) => ({
       ref: j,
-      tabIndex: Me ? 0 : -1,
+      tabIndex: Se ? 0 : -1,
       "data-hover": J(W),
       "data-focus": J(Y),
       "data-focus-visible": J(_),
       className: se.base({
         class: xe(we, ye == null ? void 0 : ye.className)
       }),
-      ...fe(P, le, Me ? K : {})
+      ...fe(P, le, Se ? K : {})
     }),
-    [Me, se, we, K, P]
+    [Se, se, we, K, P]
   ), ve = B(
     (ye = {}) => ({
       ref: $,
@@ -14399,7 +14399,7 @@ function g5(e) {
       k,
       w
     ]
-  ), { onClick: ie, onClear: se, ripples: we } = m5(), Me = B(
+  ), { onClick: ie, onClear: se, ripples: we } = m5(), Se = B(
     (ke) => {
       A || H || k || Y.current && ie(ke);
     },
@@ -14409,7 +14409,7 @@ function g5(e) {
       elementType: p,
       isDisabled: H,
       onPress: P,
-      onClick: Kn(O, Me),
+      onClick: Kn(O, Se),
       ...j
     },
     Y
@@ -15075,15 +15075,15 @@ function R5(e = {}) {
     },
     s.groupState,
     Y
-  ) : ih(le, kl(le), Y), Me = ie || se, [be, ve] = ne(!1), { pressProps: ye } = Mo({
-    isDisabled: Me,
+  ) : ih(le, kl(le), Y), Se = ie || se, [be, ve] = ne(!1), { pressProps: ye } = Mo({
+    isDisabled: Se,
     onPressStart(Ze) {
       Ze.pointerType !== "keyboard" && ve(!0);
     },
     onPressEnd(Ze) {
       Ze.pointerType !== "keyboard" && ve(!1);
     }
-  }), Ae = Me ? !1 : be || we;
+  }), Ae = Se ? !1 : be || we;
   v && (H.required = !0);
   const { hoverProps: Ne, isHovered: ce } = Hn({
     isDisabled: H.disabled
@@ -15239,13 +15239,13 @@ const Zu = (e) => typeof e == "object" && e != null && e.nodeType === 1, Ju = (e
     const $ = f[j], { height: _, width: Y, top: K, right: W, bottom: le, left: H } = $.getBoundingClientRect();
     if (i === "if-needed" && S >= 0 && m >= 0 && k <= b && N <= v && S >= K && k <= le && m >= H && N <= W)
       return O;
-    const pe = getComputedStyle($), ie = parseInt(pe.borderLeftWidth, 10), se = parseInt(pe.borderTopWidth, 10), we = parseInt(pe.borderRightWidth, 10), Me = parseInt(pe.borderBottomWidth, 10);
+    const pe = getComputedStyle($), ie = parseInt(pe.borderLeftWidth, 10), se = parseInt(pe.borderTopWidth, 10), we = parseInt(pe.borderRightWidth, 10), Se = parseInt(pe.borderBottomWidth, 10);
     let be = 0, ve = 0;
-    const ye = "offsetWidth" in $ ? $.offsetWidth - $.clientWidth - ie - we : 0, Ae = "offsetHeight" in $ ? $.offsetHeight - $.clientHeight - se - Me : 0, Ne = "offsetWidth" in $ ? $.offsetWidth === 0 ? 0 : Y / $.offsetWidth : 0, ce = "offsetHeight" in $ ? $.offsetHeight === 0 ? 0 : _ / $.offsetHeight : 0;
+    const ye = "offsetWidth" in $ ? $.offsetWidth - $.clientWidth - ie - we : 0, Ae = "offsetHeight" in $ ? $.offsetHeight - $.clientHeight - se - Se : 0, Ne = "offsetWidth" in $ ? $.offsetWidth === 0 ? 0 : Y / $.offsetWidth : 0, ce = "offsetHeight" in $ ? $.offsetHeight === 0 ? 0 : _ / $.offsetHeight : 0;
     if (p === $)
-      be = s === "start" ? x : s === "end" ? x - b : s === "nearest" ? qo(y, y + b, b, se, Me, y + x, y + x + C, C) : x - b / 2, ve = l === "start" ? P : l === "center" ? P - v / 2 : l === "end" ? P - v : qo(w, w + v, v, ie, we, w + P, w + P + M, M), be = Math.max(0, be + y), ve = Math.max(0, ve + w);
+      be = s === "start" ? x : s === "end" ? x - b : s === "nearest" ? qo(y, y + b, b, se, Se, y + x, y + x + C, C) : x - b / 2, ve = l === "start" ? P : l === "center" ? P - v / 2 : l === "end" ? P - v : qo(w, w + v, v, ie, we, w + P, w + P + M, M), be = Math.max(0, be + y), ve = Math.max(0, ve + w);
     else {
-      be = s === "start" ? x - K - se : s === "end" ? x - le + Me + Ae : s === "nearest" ? qo(K, le, _, se, Me + Ae, x, x + C, C) : x - (K + _ / 2) + Ae / 2, ve = l === "start" ? P - H - ie : l === "center" ? P - (H + Y / 2) + ye / 2 : l === "end" ? P - W + we + ye : qo(H, W, Y, ie, we + ye, P, P + M, M);
+      be = s === "start" ? x - K - se : s === "end" ? x - le + Se + Ae : s === "nearest" ? qo(K, le, _, se, Se + Ae, x, x + C, C) : x - (K + _ / 2) + Ae / 2, ve = l === "start" ? P - H - ie : l === "center" ? P - (H + Y / 2) + ye / 2 : l === "end" ? P - W + we + ye : qo(H, W, Y, ie, we + ye, P, P + M, M);
       const { scrollLeft: ee, scrollTop: Fe } = $;
       be = ce === 0 ? 0 : Math.max(0, Math.min(Fe + be / ce, $.scrollHeight - _ / ce + Ae)), ve = Ne === 0 ? 0 : Math.max(0, Math.min(ee + ve / Ne, $.scrollWidth - Y / Ne + ye)), x += Fe - be, P += ee - ve;
     }
@@ -15624,7 +15624,7 @@ function q5(e) {
       disableAnimation: b
     }),
     [h, f, x, D, b]
-  ), we = xe(l == null ? void 0 : l.base, C), Me = B(
+  ), we = xe(l == null ? void 0 : l.base, C), Se = B(
     (ce = {}) => ({
       ...ce,
       ref: N,
@@ -15702,7 +15702,7 @@ function q5(e) {
     isDisabled: x,
     isInvalid: D,
     isFocusVisible: _,
-    getBaseProps: Me,
+    getBaseProps: Se,
     getWrapperProps: be,
     getInputProps: ve,
     getLabelProps: ye,
@@ -15827,7 +15827,7 @@ function Z5(e = {}) {
     "data-focus-visible": J(O),
     "data-hover": J($),
     "data-pressed": J(le)
-  }), Me = B(
+  }), Se = B(
     (ee = {}) => ({
       ...ee,
       "aria-hidden": !0,
@@ -15899,7 +15899,7 @@ function Z5(e = {}) {
     isFocusVisible: O,
     isDisabled: pe,
     getBaseProps: we,
-    getWrapperProps: Me,
+    getWrapperProps: Se,
     getInputProps: be,
     getLabelProps: ye,
     getThumbProps: ve,
@@ -16066,7 +16066,7 @@ function n4(e) {
   ), { isFocusVisible: pe, isFocused: ie, focusProps: se } = _t({
     autoFocus: p,
     isTextInput: !0
-  }), { isHovered: we, hoverProps: Me } = Hn({ isDisabled: !!(e != null && e.isDisabled) }), { focusProps: be, isFocusVisible: ve } = _t(), { focusWithinProps: ye } = Fa({
+  }), { isHovered: we, hoverProps: Se } = Hn({ isDisabled: !!(e != null && e.isDisabled) }), { focusProps: be, isFocusVisible: ve } = _t(), { focusWithinProps: ye } = Fa({
     onFocusWithinChange: A
   }), { pressProps: Ae } = jn({
     isDisabled: !!(e != null && e.isDisabled),
@@ -16185,7 +16185,7 @@ function n4(e) {
       className: $e.inputWrapper({
         class: xe(d == null ? void 0 : d.inputWrapper, N ? "is-filled" : "")
       }),
-      ...fe(me, Me),
+      ...fe(me, Se),
       onClick: (ut) => {
         O.current && ut.currentTarget === ut.target && O.current.focus();
       },
@@ -17143,21 +17143,22 @@ const ew = ({ icons: e, className: t }) => {
   hasLoading: l,
   isLoadingComplete: c,
   onClick: u,
-  onLoadingAnimationComplete: d
+  onLoadingAnimationComplete: d,
+  ...p
 }) => {
-  const [p, f] = ne(!1);
-  let h = null;
-  const [v, b] = ne("w-0"), w = (M) => {
+  const [f, h] = ne(!1);
+  let v = null;
+  const [b, w] = ne("w-0"), y = (S) => {
     if (l) {
-      f(!0);
-      let S = 1;
-      h = setInterval(() => {
-        b(`w-${S}/4`), S < 3 ? S++ : h && clearInterval(h);
+      h(!0);
+      let N = 1;
+      v = setInterval(() => {
+        w(`w-${N}/4`), N < 3 ? N++ : v && clearInterval(v);
       }, 1e3);
     }
-    u && u(M);
-  }, y = Oe({
-    base: `absolute left-0 top-0 h-full rounded-full bg-transparent duration-1000 ease-in ${v}`,
+    u && u(S);
+  }, C = Oe({
+    base: `absolute left-0 top-0 h-full rounded-full bg-transparent duration-1000 ease-in ${b}`,
     variants: {
       isLoadingComplete: {
         true: "w-full duration-500",
@@ -17177,7 +17178,7 @@ const ew = ({ icons: e, className: t }) => {
         directionCircle: ""
       }
     }
-  }), C = Oe({
+  }), M = Oe({
     base: "relative !overflow-hidden rounded-full border-transparent px-10 py-4 font-bold text-white !ring-0 !ring-transparent hover:text-white focus:outline focus:outline-2 focus:-outline-offset-4 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-white",
     variants: {
       size: {
@@ -17290,29 +17291,30 @@ const ew = ({ icons: e, className: t }) => {
       d && d();
     });
   }, [c, d]), q(() => () => {
-    h && clearInterval(h);
-  }, [h]), /* @__PURE__ */ R.jsx(
+    v && clearInterval(v);
+  }, [v]), /* @__PURE__ */ R.jsx(
     y5,
     {
-      onClick: w,
+      onClick: y,
       className: Ln(
         s,
-        C({
+        M({
           size: t,
           variant: n,
           disabled: r,
           full: o,
-          isLoading: p,
+          isLoading: f,
           hasIcon: !!(a || i)
         })
       ),
+      ...p,
       children: /* @__PURE__ */ R.jsxs("div", { children: [
         /* @__PURE__ */ R.jsx(
           "div",
           {
             className: Ln(
               s,
-              y({ isLoadingComplete: c, loadingVariant: n })
+              C({ isLoadingComplete: c, loadingVariant: n })
             )
           }
         ),
@@ -17738,7 +17740,7 @@ const K4 = (e) => {
 Za(Ja("slide", !0));
 Za(Ja("zoom"));
 Za(Ja("flip"));
-const sd = Se((e, t) => {
+const sd = Me((e, t) => {
   const { getToastToRender: n, containerRef: r, isToastActive: o } = z4(e), { className: a, style: i, rtl: s, containerId: l } = e;
   function c(u) {
     const d = cn("Toastify__toast-container", `Toastify__toast-container--${u}`, { "Toastify__toast-container--rtl": s });
@@ -17943,7 +17945,7 @@ function q4(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-const vo = /* @__PURE__ */ Se((e, t) => {
+const vo = /* @__PURE__ */ Me((e, t) => {
   const { children: n, ...r } = e, o = Rn.toArray(n), a = o.find(Q4);
   if (a) {
     const i = a.props.children, s = o.map((l) => l === a ? Rn.count(i) > 1 ? Rn.only(null) : /* @__PURE__ */ lt(i) ? i.props.children : null : l);
@@ -17956,7 +17958,7 @@ const vo = /* @__PURE__ */ Se((e, t) => {
   }), n);
 });
 vo.displayName = "Slot";
-const Vs = /* @__PURE__ */ Se((e, t) => {
+const Vs = /* @__PURE__ */ Me((e, t) => {
   const { children: n, ...r } = e;
   return /* @__PURE__ */ lt(n) ? /* @__PURE__ */ it(n, {
     ...X4(r, n.props),
@@ -18007,7 +18009,7 @@ const Z4 = [
   "svg",
   "ul"
 ], nt = Z4.reduce((e, t) => {
-  const n = /* @__PURE__ */ Se((r, o) => {
+  const n = /* @__PURE__ */ Me((r, o) => {
     const { asChild: a, ...i } = r, s = a ? vo : t;
     return q(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -18055,7 +18057,7 @@ const r3 = /* @__PURE__ */ Ye({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Th = /* @__PURE__ */ Se((e, t) => {
+}), Th = /* @__PURE__ */ Me((e, t) => {
   var n;
   const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: o, onPointerDownOutside: a, onFocusOutside: i, onInteractOutside: s, onDismiss: l, ...c } = e, u = Pe(r3), [d, p] = ne(null), f = (n = d == null ? void 0 : d.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, h] = ne({}), v = Tt(
     t,
@@ -19377,7 +19379,7 @@ function K3(e) {
     floatingStyles: O
   }), [u, T, x, P, O]);
 }
-const U3 = /* @__PURE__ */ Se((e, t) => {
+const U3 = /* @__PURE__ */ Me((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...a } = e;
   return /* @__PURE__ */ Z(nt.svg, Te({}, a, {
     ref: t,
@@ -19428,14 +19430,14 @@ const Rh = "Popper", [Lh, ri] = Cr(Rh), [G3, jh] = Lh(Rh), q3 = (e) => {
     anchor: r,
     onAnchorChange: o
   }, n);
-}, Q3 = "PopperAnchor", X3 = /* @__PURE__ */ Se((e, t) => {
+}, Q3 = "PopperAnchor", X3 = /* @__PURE__ */ Me((e, t) => {
   const { __scopePopper: n, virtualRef: r, ...o } = e, a = jh(Q3, n), i = U(null), s = Tt(t, i);
   return q(() => {
     a.onAnchorChange((r == null ? void 0 : r.current) || i.current);
   }), r ? null : /* @__PURE__ */ Z(nt.div, Te({}, o, {
     ref: s
   }));
-}), _h = "PopperContent", [Z3, J3] = Lh(_h), e6 = /* @__PURE__ */ Se((e, t) => {
+}), _h = "PopperContent", [Z3, J3] = Lh(_h), e6 = /* @__PURE__ */ Me((e, t) => {
   var n, r, o, a, i, s, l, c;
   const { __scopePopper: u, side: d = "bottom", sideOffset: p = 0, align: f = "center", alignOffset: h = 0, arrowPadding: v = 0, avoidCollisions: b = !0, collisionBoundary: w = [], collisionPadding: y = 0, sticky: C = "partial", hideWhenDetached: M = !1, updatePositionStrategy: S = "optimized", onPlaced: N, ...k } = e, m = jh(_h, u), [A, D] = ne(null), T = Tt(
     t,
@@ -19497,7 +19499,7 @@ const Rh = "Popper", [Lh, ri] = Cr(Rh), [G3, jh] = Lh(Rh), q3 = (e) => {
         ...W
       })
     ]
-  }), [we, Me] = Fh(pe), be = Qt(N);
+  }), [we, Se] = Fh(pe), be = Qt(N);
   gr(() => {
     ie && (be == null || be());
   }, [
@@ -19533,7 +19535,7 @@ const Rh = "Popper", [Lh, ri] = Cr(Rh), [G3, jh] = Lh(Rh), q3 = (e) => {
     shouldHideArrow: Ae
   }, /* @__PURE__ */ Z(nt.div, Te({
     "data-side": we,
-    "data-align": Me
+    "data-align": Se
   }, k, {
     ref: T,
     style: {
@@ -19550,7 +19552,7 @@ const Rh = "Popper", [Lh, ri] = Cr(Rh), [G3, jh] = Lh(Rh), q3 = (e) => {
   right: "left",
   bottom: "top",
   left: "right"
-}, r6 = /* @__PURE__ */ Se(function(t, n) {
+}, r6 = /* @__PURE__ */ Me(function(t, n) {
   const { __scopePopper: r, ...o } = t, a = J3(t6, r), i = n6[a.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
@@ -19616,7 +19618,7 @@ function Fh(e) {
     n
   ];
 }
-const Vh = q3, zh = X3, Wh = e6, i6 = r6, Bh = /* @__PURE__ */ Se((e, t) => {
+const Vh = q3, zh = X3, Wh = e6, i6 = r6, Bh = /* @__PURE__ */ Me((e, t) => {
   var n;
   const { container: r = globalThis == null || (n = globalThis.document) === null || n === void 0 ? void 0 : n.body, ...o } = e;
   return r ? /* @__PURE__ */ k0.createPortal(/* @__PURE__ */ Z(nt.div, Te({}, o, {
@@ -19729,7 +19731,7 @@ function c6({ defaultProp: e, onChange: t }) {
     a
   ]), n;
 }
-const u6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
+const u6 = /* @__PURE__ */ Me((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
   ref: t,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -19822,7 +19824,7 @@ const u6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
     onClose: S,
     disableHoverableContent: h
   }, n));
-}, yd = "TooltipTrigger", b6 = /* @__PURE__ */ Se((e, t) => {
+}, yd = "TooltipTrigger", b6 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTooltip: n, ...r } = e, o = Oo(yd, n), a = zl(yd, n), i = ii(n), s = U(null), l = Tt(t, s, o.onTriggerChange), c = U(!1), u = U(!1), d = B(
     () => c.current = !1,
     []
@@ -19868,7 +19870,7 @@ const u6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
     asChild: !0,
     container: o
   }, r)));
-}, xo = "TooltipContent", C6 = /* @__PURE__ */ Se((e, t) => {
+}, xo = "TooltipContent", C6 = /* @__PURE__ */ Me((e, t) => {
   const n = x6(xo, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...a } = e, i = Oo(xo, e.__scopeTooltip);
   return /* @__PURE__ */ Z(Mr, {
     present: r || i.open
@@ -19881,7 +19883,7 @@ const u6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
   }, a, {
     ref: t
   })));
-}), P6 = /* @__PURE__ */ Se((e, t) => {
+}), P6 = /* @__PURE__ */ Me((e, t) => {
   const n = Oo(xo, e.__scopeTooltip), r = zl(xo, e.__scopeTooltip), o = U(null), a = Tt(t, o), [i, s] = ne(null), { trigger: l, onClose: c } = n, u = o.current, { onPointerInTransitChange: d } = r, p = B(() => {
     s(null), d(!1);
   }, [
@@ -19934,7 +19936,7 @@ const u6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
   }));
 }), [T6, M6] = ai(Wl, {
   isInside: !1
-}), Uh = /* @__PURE__ */ Se((e, t) => {
+}), Uh = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTooltip: n, children: r, "aria-label": o, onEscapeKeyDown: a, onPointerDownOutside: i, ...s } = e, l = Oo(xo, n), c = ii(n), { onClose: u } = l;
   return q(() => (document.addEventListener(Ks, u), () => document.removeEventListener(Ks, u)), [
     u
@@ -19979,7 +19981,7 @@ const u6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(nt.span, Te({}, e, {
     id: l.contentId,
     role: "tooltip"
   }, o || r))));
-}), S6 = "TooltipArrow", $6 = /* @__PURE__ */ Se((e, t) => {
+}), S6 = "TooltipArrow", $6 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTooltip: n, ...r } = e, o = ii(n);
   return M6(S6, n).isInside ? null : /* @__PURE__ */ Z(i6, Te({}, o, r, {
     ref: t
@@ -20236,13 +20238,13 @@ const qi = "rovingFocusGroup.onEntryFocus", W6 = {
   cancelable: !0
 }, Bl = "RovingFocusGroup", [Us, Yh, B6] = V6(Bl), [K6, Gh] = Cr(Bl, [
   B6
-]), [U6, H6] = K6(Bl), Y6 = /* @__PURE__ */ Se((e, t) => /* @__PURE__ */ Z(Us.Provider, {
+]), [U6, H6] = K6(Bl), Y6 = /* @__PURE__ */ Me((e, t) => /* @__PURE__ */ Z(Us.Provider, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ Z(Us.Slot, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ Z(G6, Te({}, e, {
   ref: t
-}))))), G6 = /* @__PURE__ */ Se((e, t) => {
+}))))), G6 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeRovingFocusGroup: n, orientation: r, loop: o = !1, dir: a, currentTabStopId: i, defaultCurrentTabStopId: s, onCurrentTabStopIdChange: l, onEntryFocus: c, ...u } = e, d = U(null), p = Tt(t, d), f = Hh(a), [h = null, v] = oi({
     prop: i,
     defaultProp: s,
@@ -20322,7 +20324,7 @@ const qi = "rovingFocusGroup.onEntryFocus", W6 = {
       () => w(!1)
     )
   })));
-}), q6 = "RovingFocusGroupItem", Q6 = /* @__PURE__ */ Se((e, t) => {
+}), q6 = "RovingFocusGroupItem", Q6 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeRovingFocusGroup: n, focusable: r = !0, active: o = !1, tabStopId: a, ...i } = e, s = ei(), l = a || s, c = H6(q6, n), u = c.currentTabStopId === l, d = Yh(n), { onFocusableItemAdd: p, onFocusableItemRemove: f } = c;
   return q(() => {
     if (r)
@@ -20413,7 +20415,7 @@ function e7(e, t) {
 }
 const t7 = Y6, n7 = Q6, Qh = "Tabs", [r7, lw] = Cr(Qh, [
   Gh
-]), Xh = Gh(), [o7, Kl] = r7(Qh), a7 = /* @__PURE__ */ Se((e, t) => {
+]), Xh = Gh(), [o7, Kl] = r7(Qh), a7 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTabs: n, value: r, onValueChange: o, defaultValue: a, orientation: i = "horizontal", dir: s, activationMode: l = "automatic", ...c } = e, u = Hh(s), [d, p] = oi({
     prop: r,
     onChange: o,
@@ -20433,7 +20435,7 @@ const t7 = Y6, n7 = Q6, Qh = "Tabs", [r7, lw] = Cr(Qh, [
   }, c, {
     ref: t
   })));
-}), i7 = "TabsList", s7 = /* @__PURE__ */ Se((e, t) => {
+}), i7 = "TabsList", s7 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTabs: n, loop: r = !0, ...o } = e, a = Kl(i7, n), i = Xh(n);
   return /* @__PURE__ */ Z(t7, Te({
     asChild: !0
@@ -20447,7 +20449,7 @@ const t7 = Y6, n7 = Q6, Qh = "Tabs", [r7, lw] = Cr(Qh, [
   }, o, {
     ref: t
   })));
-}), l7 = "TabsTrigger", c7 = /* @__PURE__ */ Se((e, t) => {
+}), l7 = "TabsTrigger", c7 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTabs: n, value: r, disabled: o = !1, ...a } = e, i = Kl(l7, n), s = Xh(n), l = Zh(i.baseId, r), c = Jh(i.baseId, r), u = r === i.value;
   return /* @__PURE__ */ Z(n7, Te({
     asChild: !0
@@ -20479,7 +20481,7 @@ const t7 = Y6, n7 = Q6, Qh = "Tabs", [r7, lw] = Cr(Qh, [
       !u && !o && d && i.onValueChange(r);
     })
   })));
-}), u7 = "TabsContent", d7 = /* @__PURE__ */ Se((e, t) => {
+}), u7 = "TabsContent", d7 = /* @__PURE__ */ Me((e, t) => {
   const { __scopeTabs: n, value: r, forceMount: o, children: a, ...i } = e, s = Kl(u7, n), l = Zh(s.baseId, r), c = Jh(s.baseId, r), u = r === s.value, d = U(u);
   return q(() => {
     const p = requestAnimationFrame(
@@ -20569,7 +20571,7 @@ const f7 = a7, p7 = s7, h7 = c7, m7 = d7, cw = ({
       ]
     }
   );
-}, e0 = Se(
+}, e0 = Me(
   ({
     disabled: e,
     isDatePicker: t,
@@ -20724,20 +20726,23 @@ const f7 = a7, p7 = s7, h7 = c7, m7 = d7, cw = ({
       i && /* @__PURE__ */ R.jsx("div", { ...T(), children: i })
     ] });
   }
-), uw = (e) => {
-  const [t, n] = ne(!1), r = () => {
-    n((o) => !o);
-  };
-  return /* @__PURE__ */ R.jsx(
-    e0,
-    {
-      icon: t ? "eye" : "eye-off",
-      type: t ? "text" : "password",
-      iconAction: r,
-      ...e
-    }
-  );
-};
+), uw = Me(
+  (e, t) => {
+    const [n, r] = ne(!1), o = () => {
+      r((a) => !a);
+    };
+    return /* @__PURE__ */ R.jsx(
+      e0,
+      {
+        ref: t,
+        icon: n ? "eye" : "eye-off",
+        type: n ? "text" : "password",
+        iconAction: o,
+        ...e
+      }
+    );
+  }
+);
 let Qi = 0;
 function g7() {
   q(() => {
@@ -20757,7 +20762,7 @@ function xd() {
 const Xi = "focusScope.autoFocusOnMount", Zi = "focusScope.autoFocusOnUnmount", wd = {
   bubbles: !1,
   cancelable: !0
-}, v7 = /* @__PURE__ */ Se((e, t) => {
+}, v7 = /* @__PURE__ */ Me((e, t) => {
   const { loop: n = !1, trapped: r = !1, onMountAutoFocus: o, onUnmountAutoFocus: a, ...i } = e, [s, l] = ne(null), c = Qt(o), u = Qt(a), d = U(null), p = Tt(
     t,
     (v) => l(v)
@@ -21207,7 +21212,7 @@ const V7 = s0, l0 = "Popover", [c0, dw] = Cr(l0, [
     ),
     modal: i
   }, n));
-}, B7 = "PopoverTrigger", K7 = /* @__PURE__ */ Se((e, t) => {
+}, B7 = "PopoverTrigger", K7 = /* @__PURE__ */ Me((e, t) => {
   const { __scopePopover: n, ...r } = e, o = Sr(B7, n), a = Ul(n), i = Tt(t, o.triggerRef), s = /* @__PURE__ */ Z(nt.button, Te({
     type: "button",
     "aria-haspopup": "dialog",
@@ -21234,7 +21239,7 @@ const V7 = s0, l0 = "Popover", [c0, dw] = Cr(l0, [
     asChild: !0,
     container: o
   }, r)));
-}, wo = "PopoverContent", G7 = /* @__PURE__ */ Se((e, t) => {
+}, wo = "PopoverContent", G7 = /* @__PURE__ */ Me((e, t) => {
   const n = H7(wo, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, a = Sr(wo, e.__scopePopover);
   return /* @__PURE__ */ Z(Mr, {
     present: r || a.open
@@ -21243,7 +21248,7 @@ const V7 = s0, l0 = "Popover", [c0, dw] = Cr(l0, [
   })) : /* @__PURE__ */ Z(Q7, Te({}, o, {
     ref: t
   })));
-}), q7 = /* @__PURE__ */ Se((e, t) => {
+}), q7 = /* @__PURE__ */ Me((e, t) => {
   const n = Sr(wo, e.__scopePopover), r = U(null), o = Tt(t, r), a = U(!1);
   return q(() => {
     const i = r.current;
@@ -21274,7 +21279,7 @@ const V7 = s0, l0 = "Popover", [c0, dw] = Cr(l0, [
       }
     )
   })));
-}), Q7 = /* @__PURE__ */ Se((e, t) => {
+}), Q7 = /* @__PURE__ */ Me((e, t) => {
   const n = Sr(wo, e.__scopePopover), r = U(!1), o = U(!1);
   return /* @__PURE__ */ Z(d0, Te({}, e, {
     ref: t,
@@ -21295,7 +21300,7 @@ const V7 = s0, l0 = "Popover", [c0, dw] = Cr(l0, [
       ((s = n.triggerRef.current) === null || s === void 0 ? void 0 : s.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
     }
   }));
-}), d0 = /* @__PURE__ */ Se((e, t) => {
+}), d0 = /* @__PURE__ */ Me((e, t) => {
   const { __scopePopover: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, disableOutsidePointerEvents: i, onEscapeKeyDown: s, onPointerDownOutside: l, onFocusOutside: c, onInteractOutside: u, ...d } = e, p = Sr(wo, n), f = Ul(n);
   return g7(), /* @__PURE__ */ Z(v7, {
     asChild: !0,
@@ -22858,7 +22863,7 @@ function d9() {
       }
     }
     var se = w.ReactCurrentDispatcher, we;
-    function Me(g, I, L) {
+    function Se(g, I, L) {
       {
         if (we === void 0)
           try {
@@ -22944,7 +22949,7 @@ function d9() {
       } finally {
         be = !1, se.current = ae, ie(), Error.prepareStackTrace = te;
       }
-      var ft = g ? g.displayName || g.name : "", zr = ft ? Me(ft) : "";
+      var ft = g ? g.displayName || g.name : "", zr = ft ? Se(ft) : "";
       return typeof g == "function" && ve.set(g, zr), zr;
     }
     function Ne(g, I, L) {
@@ -22960,12 +22965,12 @@ function d9() {
       if (typeof g == "function")
         return Ae(g, ce(g));
       if (typeof g == "string")
-        return Me(g);
+        return Se(g);
       switch (g) {
         case c:
-          return Me("Suspense");
+          return Se("Suspense");
         case u:
-          return Me("SuspenseList");
+          return Se("SuspenseList");
       }
       if (typeof g == "object")
         switch (g.$$typeof) {
@@ -23594,7 +23599,7 @@ function W9(e) {
 function B9(e) {
   return F.jsx("svg", de({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, e, { children: F.jsx("path", { d: "M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z", fill: "currentColor" }) }));
 }
-var La = Se(function(e, t) {
+var La = Me(function(e, t) {
   var n = Le(), r = n.classNames, o = n.styles, a = [r.button_reset, r.button];
   e.className && a.push(e.className);
   var i = a.join(" "), s = de(de({}, o.button_reset), o.button);