mainstack-payments 1.0.42 → 1.0.44

package/build/mainstack-payments.js

@@ -1,7 +1,7 @@
-import { jsx as h, jsxs as M, Fragment as dt } from "react/jsx-runtime";
-import { Colors as Qe, InfoIcon as Ya, Paragraph as by, CountrySelect as D1, NotificationsFilledIcon as li, LockIcon as B1, customSnackbar as Et, SnackbarType as Pt, CancelFilledIcon as Pu, Button as dr, Loader as N1, ExpandMoreIcon as Hr, ClickTooltip as jh, DiscountIcon as L1, PhoneNumberInput as z1, MainstackProvider as V1, CustomSnackbarContainer as j1 } from "mainstack-design-system";
+import { jsx as h, jsxs as M, Fragment as lt } from "react/jsx-runtime";
+import { Colors as Qe, InfoIcon as Xa, Paragraph as by, CountrySelect as D1, NotificationsFilledIcon as li, LockIcon as B1, customSnackbar as Et, SnackbarType as Pt, CancelFilledIcon as Pu, Button as dr, Loader as N1, ExpandMoreIcon as Hr, ClickTooltip as jh, DiscountIcon as L1, PhoneNumberInput as z1, MainstackProvider as V1, CustomSnackbarContainer as j1 } from "mainstack-design-system";
 import * as L from "react";
-import Ce, { Children as vy, isValidElement as Fi, createContext as gn, useContext as nt, useRef as be, useEffect as he, useCallback as de, useState as X, useId as io, useLayoutEffect as Mi, useMemo as it, forwardRef as Gt, useReducer as U1, useInsertionEffect as Md, createElement as Od, cloneElement as el, memo as G1, useSyncExternalStore as W1, Fragment as H1, PureComponent as K1, useImperativeHandle as Z1 } from "react";
+import Ae, { Children as vy, isValidElement as Fi, createContext as gn, useContext as nt, useRef as be, useEffect as he, useCallback as de, useState as X, useId as so, useLayoutEffect as Mi, useMemo as it, forwardRef as Gt, useReducer as U1, useInsertionEffect as Md, createElement as Od, cloneElement as el, memo as G1, useSyncExternalStore as W1, Fragment as H1, PureComponent as K1, useImperativeHandle as Z1 } from "react";
 import { createPortal as Sy } from "react-dom";
 import q1 from "axios";
 function Y1(e) {
@@ -293,8 +293,8 @@ function Oi(e) {
 var tl = { exports: {} };
 tl.exports;
 (function(e, t) {
-  var n = 200, r = "__lodash_hash_undefined__", a = 800, o = 16, i = 9007199254740991, s = "[object Arguments]", l = "[object Array]", c = "[object AsyncFunction]", u = "[object Boolean]", d = "[object Date]", f = "[object Error]", p = "[object Function]", g = "[object GeneratorFunction]", m = "[object Map]", v = "[object Number]", x = "[object Null]", S = "[object Object]", b = "[object Proxy]", T = "[object RegExp]", E = "[object Set]", k = "[object String]", $ = "[object Undefined]", R = "[object WeakMap]", D = "[object ArrayBuffer]", se = "[object DataView]", G = "[object Float32Array]", ge = "[object Float64Array]", W = "[object Int8Array]", fe = "[object Int16Array]", Se = "[object Int32Array]", z = "[object Uint8Array]", re = "[object Uint8ClampedArray]", Ve = "[object Uint16Array]", je = "[object Uint32Array]", O = /[\\^$.*+?()[\]{}|]/g, F = /^\[object .+?Constructor\]$/, H = /^(?:0|[1-9]\d*)$/, N = {};
-  N[G] = N[ge] = N[W] = N[fe] = N[Se] = N[z] = N[re] = N[Ve] = N[je] = !0, N[s] = N[l] = N[D] = N[u] = N[se] = N[d] = N[f] = N[p] = N[m] = N[v] = N[S] = N[T] = N[E] = N[k] = N[R] = !1;
+  var n = 200, r = "__lodash_hash_undefined__", a = 800, o = 16, i = 9007199254740991, s = "[object Arguments]", l = "[object Array]", c = "[object AsyncFunction]", u = "[object Boolean]", d = "[object Date]", f = "[object Error]", p = "[object Function]", g = "[object GeneratorFunction]", m = "[object Map]", v = "[object Number]", x = "[object Null]", S = "[object Object]", b = "[object Proxy]", T = "[object RegExp]", E = "[object Set]", k = "[object String]", $ = "[object Undefined]", R = "[object WeakMap]", D = "[object ArrayBuffer]", se = "[object DataView]", G = "[object Float32Array]", ge = "[object Float64Array]", H = "[object Int8Array]", fe = "[object Int16Array]", Se = "[object Int32Array]", z = "[object Uint8Array]", re = "[object Uint8ClampedArray]", Ve = "[object Uint16Array]", je = "[object Uint32Array]", O = /[\\^$.*+?()[\]{}|]/g, F = /^\[object .+?Constructor\]$/, W = /^(?:0|[1-9]\d*)$/, N = {};
+  N[G] = N[ge] = N[H] = N[fe] = N[Se] = N[z] = N[re] = N[Ve] = N[je] = !0, N[s] = N[l] = N[D] = N[u] = N[se] = N[d] = N[f] = N[p] = N[m] = N[v] = N[S] = N[T] = N[E] = N[k] = N[R] = !1;
   var Y = typeof ls == "object" && ls && ls.Object === Object && ls, ae = typeof self == "object" && self && self.Object === Object && self, K = Y || ae || Function("return this")(), Q = t && !t.nodeType && t, le = Q && !0 && e && !e.nodeType && e, ie = le && le.exports === Q, Z = ie && Y.process, Pe = function() {
     try {
       var y = le && le.require && le.require("util").types;
@@ -432,20 +432,20 @@ tl.exports;
     };
   }
   function uc(y) {
-    var w = ga(this, y).delete(y);
+    var w = ya(this, y).delete(y);
     return this.size -= w ? 1 : 0, w;
   }
-  function co(y) {
-    return ga(this, y).get(y);
+  function uo(y) {
+    return ya(this, y).get(y);
   }
   function j(y) {
-    return ga(this, y).has(y);
+    return ya(this, y).has(y);
   }
   function fa(y, w) {
-    var _ = ga(this, y), V = _.size;
+    var _ = ya(this, y), V = _.size;
     return _.set(y, w), this.size += _.size == V ? 0 : 1, this;
   }
-  kt.prototype.clear = cc, kt.prototype.delete = uc, kt.prototype.get = co, kt.prototype.has = j, kt.prototype.set = fa;
+  kt.prototype.clear = cc, kt.prototype.delete = uc, kt.prototype.get = uo, kt.prototype.has = j, kt.prototype.set = fa;
   function dn(y) {
     var w = this.__data__ = new un(y);
     this.size = w.size;
@@ -460,7 +460,7 @@ tl.exports;
   function Zi(y) {
     return this.__data__.get(y);
   }
-  function uo(y) {
+  function fo(y) {
     return this.__data__.has(y);
   }
   function fc(y, w) {
@@ -473,27 +473,27 @@ tl.exports;
     }
     return _.set(y, w), this.size = _.size, this;
   }
-  dn.prototype.clear = dc, dn.prototype.delete = tr, dn.prototype.get = Zi, dn.prototype.has = uo, dn.prototype.set = fc;
+  dn.prototype.clear = dc, dn.prototype.delete = tr, dn.prototype.get = Zi, dn.prototype.has = fo, dn.prototype.set = fc;
   function hh(y, w) {
-    var _ = So(y), V = !_ && vo(y), Te = !_ && !V && xo(y), Be = !_ && !V && !Te && Tr(y), We = _ || V || Te || Be, we = We ? ue(y.length, String) : [], He = we.length;
+    var _ = So(y), V = !_ && vo(y), Te = !_ && !V && xo(y), Be = !_ && !V && !Te && Tr(y), We = _ || V || Te || Be, Ce = We ? ue(y.length, String) : [], He = Ce.length;
     for (var Ot in y)
       (w || I.call(y, Ot)) && !(We && // Safari 9 has enumerable `arguments.length` in strict mode.
       (Ot == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       Te && (Ot == "offset" || Ot == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       Be && (Ot == "buffer" || Ot == "byteLength" || Ot == "byteOffset") || // Skip index properties.
-      Qi(Ot, He))) && we.push(Ot);
-    return we;
+      Qi(Ot, He))) && Ce.push(Ot);
+    return Ce;
   }
-  function fo(y, w, _) {
-    (_ !== void 0 && !ya(y[w], _) || _ === void 0 && !(w in y)) && qi(y, w, _);
+  function ho(y, w, _) {
+    (_ !== void 0 && !ba(y[w], _) || _ === void 0 && !(w in y)) && qi(y, w, _);
   }
   function hc(y, w, _) {
     var V = y[w];
-    (!(I.call(y, w) && ya(V, _)) || _ === void 0 && !(w in y)) && qi(y, w, _);
+    (!(I.call(y, w) && ba(V, _)) || _ === void 0 && !(w in y)) && qi(y, w, _);
   }
   function ha(y, w) {
     for (var _ = y.length; _--; )
-      if (ya(y[_][0], w))
+      if (ba(y[_][0], w))
         return _;
     return -1;
   }
@@ -521,7 +521,7 @@ tl.exports;
   function pc(y) {
     return Ln(y) && os(y.length) && !!N[ee(y)];
   }
-  function ho(y) {
+  function ma(y) {
     if (!Nn(y))
       return yo(y);
     var w = ns(y), _ = [];
@@ -534,23 +534,23 @@ tl.exports;
       if (Te || (Te = new dn()), Nn(Be))
         mc(y, w, We, _, Xi, V, Te);
       else {
-        var we = V ? V(bo(y, We), Be, We + "", y, w, Te) : void 0;
-        we === void 0 && (we = Be), fo(y, We, we);
+        var Ce = V ? V(bo(y, We), Be, We + "", y, w, Te) : void 0;
+        Ce === void 0 && (Ce = Be), ho(y, We, Ce);
       }
     }, is);
   }
   function mc(y, w, _, V, Te, Be, We) {
-    var we = bo(y, _), He = bo(w, _), Ot = We.get(He);
+    var Ce = bo(y, _), He = bo(w, _), Ot = We.get(He);
     if (Ot) {
-      fo(y, _, Ot);
+      ho(y, _, Ot);
       return;
     }
-    var $t = Be ? Be(we, He, _ + "", y, w, We) : void 0, ar = $t === void 0;
+    var $t = Be ? Be(Ce, He, _ + "", y, w, We) : void 0, ar = $t === void 0;
     if (ar) {
-      var Sa = So(He), xa = !Sa && xo(He), To = !Sa && !xa && Tr(He);
-      $t = He, Sa || xa || To ? So(we) ? $t = we : Cc(we) ? $t = Nt(we) : xa ? (ar = !1, $t = ma(He, !0)) : To ? (ar = !1, $t = Ar(He, !0)) : $t = [] : ba(He) || vo(He) ? ($t = we, vo(we) ? $t = Co(we) : (!Nn(we) || wo(we)) && ($t = go(He))) : ar = !1;
+      var xa = So(He), wa = !xa && xo(He), To = !xa && !wa && Tr(He);
+      $t = He, xa || wa || To ? So(Ce) ? $t = Ce : Cc(Ce) ? $t = Nt(Ce) : wa ? (ar = !1, $t = ga(He, !0)) : To ? (ar = !1, $t = Ar(He, !0)) : $t = [] : va(He) || vo(He) ? ($t = Ce, vo(Ce) ? $t = Co(Ce) : (!Nn(Ce) || wo(Ce)) && ($t = go(He))) : ar = !1;
     }
-    ar && (We.set(He, $t), Te($t, He, V, Be, We), We.delete(He)), fo(y, _, $t);
+    ar && (We.set(He, $t), Te($t, He, V, Be, We), We.delete(He)), ho(y, _, $t);
   }
   function po(y, w) {
     return Sc(as(y, w, ss), y + "");
@@ -563,7 +563,7 @@ tl.exports;
       writable: !0
     });
   } : ss;
-  function ma(y, w) {
+  function ga(y, w) {
     if (w)
       return y.slice();
     var _ = y.length, V = Rn ? Rn(_) : new y.constructor(_);
@@ -587,8 +587,8 @@ tl.exports;
     var Te = !_;
     _ || (_ = {});
     for (var Be = -1, We = w.length; ++Be < We; ) {
-      var we = w[Be], He = V ? V(_[we], y[we], we, _, y) : void 0;
-      He === void 0 && (He = y[we]), Te ? qi(_, we, He) : hc(_, we, He);
+      var Ce = w[Be], He = V ? V(_[Ce], y[Ce], Ce, _, y) : void 0;
+      He === void 0 && (He = y[Ce]), Te ? qi(_, Ce, He) : hc(_, Ce, He);
     }
     return _;
   }
@@ -596,23 +596,23 @@ tl.exports;
     return po(function(w, _) {
       var V = -1, Te = _.length, Be = Te > 1 ? _[Te - 1] : void 0, We = Te > 2 ? _[2] : void 0;
       for (Be = y.length > 3 && typeof Be == "function" ? (Te--, Be) : void 0, We && es(_[0], _[1], We) && (Be = Te < 3 ? void 0 : Be, Te = 1), w = Object(w); ++V < Te; ) {
-        var we = _[V];
-        we && y(w, we, V, Be);
+        var Ce = _[V];
+        Ce && y(w, Ce, V, Be);
       }
       return w;
     });
   }
   function $e(y) {
     return function(w, _, V) {
-      for (var Te = -1, Be = Object(w), We = V(w), we = We.length; we--; ) {
-        var He = We[y ? we : ++Te];
+      for (var Te = -1, Be = Object(w), We = V(w), Ce = We.length; Ce--; ) {
+        var He = We[y ? Ce : ++Te];
         if (_(Be[He], He, Be) === !1)
           break;
       }
       return w;
     };
   }
-  function ga(y, w) {
+  function ya(y, w) {
     var _ = y.__data__;
     return vc(w) ? _[typeof w == "string" ? "string" : "hash"] : _.map;
   }
@@ -635,13 +635,13 @@ tl.exports;
   }
   function Qi(y, w) {
     var _ = typeof y;
-    return w = w ?? i, !!w && (_ == "number" || _ != "symbol" && H.test(y)) && y > -1 && y % 1 == 0 && y < w;
+    return w = w ?? i, !!w && (_ == "number" || _ != "symbol" && W.test(y)) && y > -1 && y % 1 == 0 && y < w;
   }
   function es(y, w, _) {
     if (!Nn(_))
       return !1;
     var V = typeof w;
-    return (V == "number" ? rr(_) && Qi(w, _.length) : V == "string" && w in _) ? ya(_[w], y) : !1;
+    return (V == "number" ? rr(_) && Qi(w, _.length) : V == "string" && w in _) ? ba(_[w], y) : !1;
   }
   function vc(y) {
     var w = typeof y;
@@ -669,9 +669,9 @@ tl.exports;
       for (var V = arguments, Te = -1, Be = Xt(V.length - w, 0), We = Array(Be); ++Te < Be; )
         We[Te] = V[w + Te];
       Te = -1;
-      for (var we = Array(w + 1); ++Te < w; )
-        we[Te] = V[Te];
-      return we[w] = _(We), rt(y, this, we);
+      for (var Ce = Array(w + 1); ++Te < w; )
+        Ce[Te] = V[Te];
+      return Ce[w] = _(We), rt(y, this, Ce);
     };
   }
   function bo(y, w) {
@@ -704,7 +704,7 @@ tl.exports;
     }
     return "";
   }
-  function ya(y, w) {
+  function ba(y, w) {
     return y === w || y !== y && w !== w;
   }
   var vo = pa(function() {
@@ -735,7 +735,7 @@ tl.exports;
   function Ln(y) {
     return y != null && typeof y == "object";
   }
-  function ba(y) {
+  function va(y) {
     if (!Ln(y) || ee(y) != S)
       return !1;
     var w = la(y);
@@ -749,9 +749,9 @@ tl.exports;
     return yc(y, is(y));
   }
   function is(y) {
-    return rr(y) ? hh(y, !0) : ho(y);
+    return rr(y) ? hh(y, !0) : ma(y);
   }
-  var va = bc(function(y, w, _, V) {
+  var Sa = bc(function(y, w, _, V) {
     Xi(y, w, _, V);
   });
   function Ao(y) {
@@ -765,7 +765,7 @@ tl.exports;
   function ph() {
     return !1;
   }
-  e.exports = va;
+  e.exports = Sa;
 })(tl, tl.exports);
 var C2 = tl.exports;
 const Pn = /* @__PURE__ */ Oi(C2);
@@ -778,13 +778,13 @@ function _u(e, t = []) {
     return (a = n.current) == null ? void 0 : a.call(n, ...r);
   }, t);
 }
-function ka(e = {}) {
+function _a(e = {}) {
   const {
     onClose: t,
     onOpen: n,
     isOpen: r,
     id: a
-  } = e, o = _u(n), i = _u(t), [s, l] = X(e.defaultIsOpen || !1), c = r !== void 0 ? r : s, u = r !== void 0, d = io(), f = a ?? `disclosure-${d}`, p = de(() => {
+  } = e, o = _u(n), i = _u(t), [s, l] = X(e.defaultIsOpen || !1), c = r !== void 0 ? r : s, u = r !== void 0, d = so(), f = a ?? `disclosure-${d}`, p = de(() => {
     u || l(!1), i == null || i();
   }, [u, i]), g = de(() => {
     u || l(!0), o == null || o();
@@ -886,7 +886,7 @@ const bt = {
   readOnly: (e, t) => `${e}:read-only ${t}, ${e}[readonly] ${t}, ${e}[data-read-only] ${t}`,
   expanded: (e, t) => `${e}:read-only ${t}, ${e}[aria-expanded=true] ${t}, ${e}[data-expanded] ${t}`,
   placeholderShown: (e, t) => `${e}:placeholder-shown ${t}`
-}, yn = (e) => Ay((t) => e(t, "&"), "[role=group]", "[data-group]", ".group"), zn = (e) => Ay((t) => e(t, "~ &"), "[data-peer]", ".peer"), Ay = (e, ...t) => t.map(e).join(", "), Va = {
+}, yn = (e) => Ay((t) => e(t, "&"), "[role=group]", "[data-group]", ".group"), zn = (e) => Ay((t) => e(t, "~ &"), "[data-peer]", ".peer"), Ay = (e, ...t) => t.map(e).join(", "), ja = {
   /**
    * Styles for CSS selector `&:hover`
    */
@@ -1203,7 +1203,7 @@ const bt = {
    */
   _current: "&[data-current]"
 }, Ty = Object.keys(
-  Va
+  ja
 ), k2 = (e) => /!(important)?$/.test(e), Kh = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, _2 = (e, t) => (n) => {
   const r = String(t), a = k2(r), o = Kh(r), i = e ? `${e}.${o}` : o;
   let s = on(n.__cssMap) && i in n.__cssMap ? n.__cssMap[i].varRef : t;
@@ -2028,7 +2028,7 @@ const eS = {
   oS
 );
 Object.assign({}, Je, nn, rl, Py, Zo);
-const iS = [...Object.keys(Dd), ...Ty], sS = { ...Dd, ...Va }, lS = (e) => e in sS, cS = (e) => (t) => {
+const iS = [...Object.keys(Dd), ...Ty], sS = { ...Dd, ...ja }, lS = (e) => e in sS, cS = (e) => (t) => {
   if (!t.__breakpoints)
     return e;
   const { isResponsive: n, toArrayValue: r, media: a } = t.__breakpoints, o = {};
@@ -2119,7 +2119,7 @@ function pS(e) {
 }
 const ky = (e) => (t) => pS({
   theme: t,
-  pseudos: Va,
+  pseudos: ja,
   configs: Dd
 })(e);
 function Ye(e) {
@@ -2345,7 +2345,7 @@ function MS(e) {
           const x = o(s, `${v}`);
           if (m === "default")
             return g[d] = x, g;
-          const S = (Va == null ? void 0 : Va[m]) ?? m;
+          const S = (ja == null ? void 0 : ja[m]) ?? m;
           return g[S] = { [d]: x }, g;
         },
         {}
@@ -2729,7 +2729,7 @@ const Rt = (e, t, n) => {
 }, _x = (e) => (t) => {
   const n = Rt(t, e);
   return kx(n) < 128 ? "dark" : "light";
-}, $x = (e) => (t) => _x(e)(t) === "dark", Xa = (e, t) => (n) => {
+}, $x = (e) => (t) => _x(e)(t) === "dark", Ja = (e, t) => (n) => {
   const r = Rt(n, e);
   return Ax(r, 1 - t);
 };
@@ -2866,7 +2866,7 @@ const { definePartsStyle: Ii, defineMultiStyleConfig: jx } = Ye(RS.keys), Kt = t
   }
 });
 function Ld(e) {
-  const { theme: t, colorScheme: n } = e, r = Xa(`${n}.200`, 0.16)(t);
+  const { theme: t, colorScheme: n } = e, r = Ja(`${n}.200`, 0.16)(t);
   return {
     light: `colors.${n}.100`,
     dark: r
@@ -3005,19 +3005,19 @@ const Gx = Ii((e) => {
 function Dt(e, ...t) {
   return Jx(e) ? e(...t) : e;
 }
-const { definePartsStyle: Iy, defineMultiStyleConfig: Qx } = Ye(DS.keys), ja = te("avatar-border-color"), qo = te("avatar-bg"), di = te("avatar-font-size"), Ja = te("avatar-size"), ew = {
+const { definePartsStyle: Iy, defineMultiStyleConfig: Qx } = Ye(DS.keys), Ua = te("avatar-border-color"), qo = te("avatar-bg"), di = te("avatar-font-size"), Qa = te("avatar-size"), ew = {
   borderRadius: "full",
   border: "0.2em solid",
-  borderColor: ja.reference,
-  [ja.variable]: "white",
+  borderColor: Ua.reference,
+  [Ua.variable]: "white",
   _dark: {
-    [ja.variable]: "colors.gray.800"
+    [Ua.variable]: "colors.gray.800"
   }
 }, tw = {
   bg: qo.reference,
   fontSize: di.reference,
-  width: Ja.reference,
-  height: Ja.reference,
+  width: Qa.reference,
+  height: Qa.reference,
   lineHeight: "1",
   [qo.variable]: "colors.gray.200",
   _dark: {
@@ -3030,16 +3030,16 @@ const { definePartsStyle: Iy, defineMultiStyleConfig: Qx } = Ye(DS.keys), ja = t
     bg: qo.reference,
     fontSize: di.reference,
     color: o,
-    borderColor: ja.reference,
+    borderColor: Ua.reference,
     verticalAlign: "top",
-    width: Ja.reference,
-    height: Ja.reference,
+    width: Qa.reference,
+    height: Qa.reference,
     "&:not([data-loaded])": {
       [qo.variable]: r
     },
-    [ja.variable]: "colors.white",
+    [Ua.variable]: "colors.white",
     _dark: {
-      [ja.variable]: "colors.gray.800"
+      [Ua.variable]: "colors.gray.800"
     }
   };
 }, rw = {
@@ -3055,11 +3055,11 @@ function or(e) {
   const t = e !== "100%" ? Oy[e] : void 0;
   return Iy({
     container: {
-      [Ja.variable]: t ?? e,
+      [Qa.variable]: t ?? e,
       [di.variable]: `calc(${t ?? e} / 2.5)`
     },
     excessLabel: {
-      [Ja.variable]: t ?? e,
+      [Qa.variable]: t ?? e,
       [di.variable]: `calc(${t ?? e} / 2.5)`
     }
   });
@@ -3079,43 +3079,43 @@ const ow = {
   defaultProps: {
     size: "md"
   }
-}), lt = ES("badge", ["bg", "color", "shadow"]), sw = {
+}), ct = ES("badge", ["bg", "color", "shadow"]), sw = {
   px: 1,
   textTransform: "uppercase",
   fontSize: "xs",
   borderRadius: "sm",
   fontWeight: "bold",
-  bg: lt.bg.reference,
-  color: lt.color.reference,
-  boxShadow: lt.shadow.reference
+  bg: ct.bg.reference,
+  color: ct.color.reference,
+  boxShadow: ct.shadow.reference
 }, lw = (e) => {
-  const { colorScheme: t, theme: n } = e, r = Xa(`${t}.500`, 0.6)(n);
+  const { colorScheme: t, theme: n } = e, r = Ja(`${t}.500`, 0.6)(n);
   return {
-    [lt.bg.variable]: `colors.${t}.500`,
-    [lt.color.variable]: "colors.white",
+    [ct.bg.variable]: `colors.${t}.500`,
+    [ct.color.variable]: "colors.white",
     _dark: {
-      [lt.bg.variable]: r,
-      [lt.color.variable]: "colors.whiteAlpha.800"
+      [ct.bg.variable]: r,
+      [ct.color.variable]: "colors.whiteAlpha.800"
     }
   };
 }, cw = (e) => {
-  const { colorScheme: t, theme: n } = e, r = Xa(`${t}.200`, 0.16)(n);
+  const { colorScheme: t, theme: n } = e, r = Ja(`${t}.200`, 0.16)(n);
   return {
-    [lt.bg.variable]: `colors.${t}.100`,
-    [lt.color.variable]: `colors.${t}.800`,
+    [ct.bg.variable]: `colors.${t}.100`,
+    [ct.color.variable]: `colors.${t}.800`,
     _dark: {
-      [lt.bg.variable]: r,
-      [lt.color.variable]: `colors.${t}.200`
+      [ct.bg.variable]: r,
+      [ct.color.variable]: `colors.${t}.200`
     }
   };
 }, uw = (e) => {
-  const { colorScheme: t, theme: n } = e, r = Xa(`${t}.200`, 0.8)(n);
+  const { colorScheme: t, theme: n } = e, r = Ja(`${t}.200`, 0.8)(n);
   return {
-    [lt.color.variable]: `colors.${t}.500`,
+    [ct.color.variable]: `colors.${t}.500`,
     _dark: {
-      [lt.color.variable]: r
+      [ct.color.variable]: r
     },
-    [lt.shadow.variable]: `inset 0 0 0px 1px ${lt.color.reference}`
+    [ct.shadow.variable]: `inset 0 0 0px 1px ${ct.color.reference}`
   };
 }, dw = {
   solid: lw,
@@ -3178,7 +3178,7 @@ const ow = {
       },
       _active: { bg: oe("gray.200", "whiteAlpha.300")(e) }
     };
-  const r = Xa(`${t}.200`, 0.12)(n), a = Xa(`${t}.200`, 0.24)(n);
+  const r = Ja(`${t}.200`, 0.12)(n), a = Ja(`${t}.200`, 0.24)(n);
   return {
     color: oe(`${t}.600`, `${t}.200`)(e),
     bg: "transparent",
@@ -3515,9 +3515,9 @@ const ow = {
   fontSize: "sm",
   px: "0.2em",
   borderRadius: "sm",
-  bg: lt.bg.reference,
-  color: lt.color.reference,
-  boxShadow: lt.shadow.reference
+  bg: ct.bg.reference,
+  color: ct.color.reference,
+  boxShadow: ct.shadow.reference
 }, Gw = {
   baseStyle: Uw,
   variants: Vw,
@@ -3546,7 +3546,7 @@ const ow = {
     variant: "solid"
   }
 }, { definePartsStyle: Du, defineMultiStyleConfig: Jw } = Ye(LS.keys), kc = te("drawer-bg"), _c = te("drawer-box-shadow");
-function Ca(e) {
+function Aa(e) {
   return Du(e === "full" ? {
     dialog: { maxW: "100vw", h: "100vh" }
   } : {
@@ -3602,12 +3602,12 @@ const Qw = {
   body: aC,
   footer: oC
 })), sC = {
-  xs: Ca("xs"),
-  sm: Ca("md"),
-  md: Ca("lg"),
-  lg: Ca("2xl"),
-  xl: Ca("4xl"),
-  full: Ca("full")
+  xs: Aa("xs"),
+  sm: Aa("md"),
+  md: Aa("lg"),
+  lg: Aa("2xl"),
+  xl: Aa("4xl"),
+  full: Aa("full")
 }, lC = Jw({
   baseStyle: iC,
   sizes: sC,
@@ -3641,20 +3641,20 @@ const Qw = {
   textarea: hC
 }), mC = uC({
   baseStyle: pC
-}), { definePartsStyle: gC, defineMultiStyleConfig: yC } = Ye(VS.keys), Ua = te("form-control-color"), bC = {
+}), { definePartsStyle: gC, defineMultiStyleConfig: yC } = Ye(VS.keys), Ga = te("form-control-color"), bC = {
   marginStart: "1",
-  [Ua.variable]: "colors.red.500",
+  [Ga.variable]: "colors.red.500",
   _dark: {
-    [Ua.variable]: "colors.red.300"
+    [Ga.variable]: "colors.red.300"
   },
-  color: Ua.reference
+  color: Ga.reference
 }, vC = {
   mt: "2",
-  [Ua.variable]: "colors.gray.600",
+  [Ga.variable]: "colors.gray.600",
   _dark: {
-    [Ua.variable]: "colors.whiteAlpha.600"
+    [Ga.variable]: "colors.whiteAlpha.600"
   },
-  color: Ua.reference,
+  color: Ga.reference,
   lineHeight: "normal",
   fontSize: "sm"
 }, SC = gC({
@@ -3666,22 +3666,22 @@ const Qw = {
   helperText: vC
 }), xC = yC({
   baseStyle: SC
-}), { definePartsStyle: wC, defineMultiStyleConfig: CC } = Ye(jS.keys), Ga = te("form-error-color"), AC = {
-  [Ga.variable]: "colors.red.500",
+}), { definePartsStyle: wC, defineMultiStyleConfig: CC } = Ye(jS.keys), Wa = te("form-error-color"), AC = {
+  [Wa.variable]: "colors.red.500",
   _dark: {
-    [Ga.variable]: "colors.red.300"
+    [Wa.variable]: "colors.red.300"
   },
-  color: Ga.reference,
+  color: Wa.reference,
   mt: "2",
   fontSize: "sm",
   lineHeight: "normal"
 }, TC = {
   marginEnd: "0.5em",
-  [Ga.variable]: "colors.red.500",
+  [Wa.variable]: "colors.red.500",
   _dark: {
-    [Ga.variable]: "colors.red.300"
+    [Wa.variable]: "colors.red.300"
   },
-  color: Ga.reference
+  color: Wa.reference
 }, EC = wC({
   text: AC,
   icon: TC
@@ -3742,19 +3742,19 @@ const Qw = {
   defaultProps: {
     size: "xl"
   }
-}, { definePartsStyle: Wn, defineMultiStyleConfig: OC } = Ye(US.keys), _a = te("input-height"), $a = te("input-font-size"), Fa = te("input-padding"), Ma = te("input-border-radius"), IC = Wn({
+}, { definePartsStyle: Wn, defineMultiStyleConfig: OC } = Ye(US.keys), $a = te("input-height"), Fa = te("input-font-size"), Ma = te("input-padding"), Oa = te("input-border-radius"), IC = Wn({
   addon: {
-    height: _a.reference,
-    fontSize: $a.reference,
-    px: Fa.reference,
-    borderRadius: Ma.reference
+    height: $a.reference,
+    fontSize: Fa.reference,
+    px: Ma.reference,
+    borderRadius: Oa.reference
   },
   field: {
     width: "100%",
-    height: _a.reference,
-    fontSize: $a.reference,
-    px: Fa.reference,
-    borderRadius: Ma.reference,
+    height: $a.reference,
+    fontSize: Fa.reference,
+    px: Ma.reference,
+    borderRadius: Oa.reference,
     minWidth: 0,
     outline: 0,
     position: "relative",
@@ -3768,28 +3768,28 @@ const Qw = {
   }
 }), ir = {
   lg: {
-    [$a.variable]: "fontSizes.lg",
-    [Fa.variable]: "space.4",
-    [Ma.variable]: "radii.md",
-    [_a.variable]: "sizes.12"
+    [Fa.variable]: "fontSizes.lg",
+    [Ma.variable]: "space.4",
+    [Oa.variable]: "radii.md",
+    [$a.variable]: "sizes.12"
   },
   md: {
-    [$a.variable]: "fontSizes.md",
-    [Fa.variable]: "space.4",
-    [Ma.variable]: "radii.md",
-    [_a.variable]: "sizes.10"
+    [Fa.variable]: "fontSizes.md",
+    [Ma.variable]: "space.4",
+    [Oa.variable]: "radii.md",
+    [$a.variable]: "sizes.10"
   },
   sm: {
-    [$a.variable]: "fontSizes.sm",
-    [Fa.variable]: "space.3",
-    [Ma.variable]: "radii.sm",
-    [_a.variable]: "sizes.8"
+    [Fa.variable]: "fontSizes.sm",
+    [Ma.variable]: "space.3",
+    [Oa.variable]: "radii.sm",
+    [$a.variable]: "sizes.8"
   },
   xs: {
-    [$a.variable]: "fontSizes.xs",
-    [Fa.variable]: "space.2",
-    [Ma.variable]: "radii.sm",
-    [_a.variable]: "sizes.6"
+    [Fa.variable]: "fontSizes.xs",
+    [Ma.variable]: "space.2",
+    [Oa.variable]: "radii.sm",
+    [$a.variable]: "sizes.6"
   }
 }, RC = {
   lg: Wn({
@@ -4736,7 +4736,7 @@ const i5 = {
   "separator",
   "icon",
   "number"
-]), Gn = te("stepper-indicator-size"), Oa = te("stepper-icon-size"), Ia = te("stepper-title-font-size"), Uo = te("stepper-description-font-size"), _o = te("stepper-accent-color"), R5 = jo(({ colorScheme: e }) => ({
+]), Gn = te("stepper-indicator-size"), Ia = te("stepper-icon-size"), Ra = te("stepper-title-font-size"), Uo = te("stepper-description-font-size"), _o = te("stepper-accent-color"), R5 = jo(({ colorScheme: e }) => ({
   stepper: {
     display: "flex",
     justifyContent: "space-between",
@@ -4755,7 +4755,7 @@ const i5 = {
     }
   },
   title: {
-    fontSize: Ia.reference,
+    fontSize: Ra.reference,
     fontWeight: "medium"
   },
   description: {
@@ -4763,7 +4763,7 @@ const i5 = {
     color: "chakra-subtle-text"
   },
   number: {
-    fontSize: Ia.reference
+    fontSize: Ra.reference
   },
   step: {
     flexShrink: 0,
@@ -4780,8 +4780,8 @@ const i5 = {
   },
   icon: {
     flexShrink: 0,
-    width: Oa.reference,
-    height: Oa.reference
+    width: Ia.reference,
+    height: Ia.reference
   },
   indicator: {
     flexShrink: 0,
@@ -4829,32 +4829,32 @@ const i5 = {
     xs: jo({
       stepper: {
         [Gn.variable]: "sizes.4",
-        [Oa.variable]: "sizes.3",
-        [Ia.variable]: "fontSizes.xs",
+        [Ia.variable]: "sizes.3",
+        [Ra.variable]: "fontSizes.xs",
         [Uo.variable]: "fontSizes.xs"
       }
     }),
     sm: jo({
       stepper: {
         [Gn.variable]: "sizes.6",
-        [Oa.variable]: "sizes.4",
-        [Ia.variable]: "fontSizes.sm",
+        [Ia.variable]: "sizes.4",
+        [Ra.variable]: "fontSizes.sm",
         [Uo.variable]: "fontSizes.xs"
       }
     }),
     md: jo({
       stepper: {
         [Gn.variable]: "sizes.8",
-        [Oa.variable]: "sizes.5",
-        [Ia.variable]: "fontSizes.md",
+        [Ia.variable]: "sizes.5",
+        [Ra.variable]: "fontSizes.md",
         [Uo.variable]: "fontSizes.sm"
       }
     }),
     lg: jo({
       stepper: {
         [Gn.variable]: "sizes.10",
-        [Oa.variable]: "sizes.6",
-        [Ia.variable]: "fontSizes.lg",
+        [Ia.variable]: "sizes.6",
+        [Ra.variable]: "fontSizes.lg",
         [Uo.variable]: "fontSizes.md"
       }
     })
@@ -4937,7 +4937,7 @@ const i5 = {
     size: "md",
     colorScheme: "blue"
   }
-}), { defineMultiStyleConfig: G5, definePartsStyle: Wa } = Ye(tx.keys), W5 = Wa({
+}), { defineMultiStyleConfig: G5, definePartsStyle: Ha } = Ye(tx.keys), W5 = Ha({
   table: {
     fontVariantNumeric: "lining-nums tabular-nums",
     borderCollapse: "collapse",
@@ -4963,7 +4963,7 @@ const i5 = {
   "&[data-is-numeric=true]": {
     textAlign: "end"
   }
-}, H5 = Wa((e) => {
+}, H5 = Ha((e) => {
   const { colorScheme: t } = e;
   return {
     th: {
@@ -4988,7 +4988,7 @@ const i5 = {
       }
     }
   };
-}), K5 = Wa((e) => {
+}), K5 = Ha((e) => {
   const { colorScheme: t } = e;
   return {
     th: {
@@ -5031,7 +5031,7 @@ const i5 = {
   striped: K5,
   unstyled: {}
 }, q5 = {
-  sm: Wa({
+  sm: Ha({
     th: {
       px: "4",
       py: "1",
@@ -5050,7 +5050,7 @@ const i5 = {
       fontSize: "xs"
     }
   }),
-  md: Wa({
+  md: Ha({
     th: {
       px: "6",
       py: "3",
@@ -5068,7 +5068,7 @@ const i5 = {
       fontSize: "sm"
     }
   }),
-  lg: Wa({
+  lg: Ha({
     th: {
       px: "8",
       py: "4",
@@ -5301,9 +5301,9 @@ const i5 = {
   fontWeight: "medium",
   lineHeight: 1.2,
   outline: 0,
-  [lp.variable]: lt.color.reference,
-  [sp.variable]: lt.bg.reference,
-  [Vc.variable]: lt.shadow.reference,
+  [lp.variable]: ct.color.reference,
+  [sp.variable]: ct.bg.reference,
+  [Vc.variable]: ct.shadow.reference,
   color: lp.reference,
   bg: sp.reference,
   boxShadow: Vc.reference,
@@ -5859,30 +5859,30 @@ function gs(e, t) {
 function tE(e, t) {
   return e.map(t).join("");
 }
-var Al = 1, Qa = 1, Hy = 0, Ut = 0, ut = 0, so = "";
+var Al = 1, eo = 1, Hy = 0, Ut = 0, dt = 0, lo = "";
 function Tl(e, t, n, r, a, o, i) {
-  return { value: e, root: t, parent: n, type: r, props: a, children: o, line: Al, column: Qa, length: i, return: "" };
+  return { value: e, root: t, parent: n, type: r, props: a, children: o, line: Al, column: eo, length: i, return: "" };
 }
 function Fo(e, t) {
   return JT(Tl("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function nE() {
-  return ut;
+  return dt;
 }
 function rE() {
-  return ut = Ut > 0 ? Tt(so, --Ut) : 0, Qa--, ut === 10 && (Qa = 1, Al--), ut;
+  return dt = Ut > 0 ? Tt(lo, --Ut) : 0, eo--, dt === 10 && (eo = 1, Al--), dt;
 }
 function Zt() {
-  return ut = Ut < Hy ? Tt(so, Ut++) : 0, Qa++, ut === 10 && (Qa = 1, Al++), ut;
+  return dt = Ut < Hy ? Tt(lo, Ut++) : 0, eo++, dt === 10 && (eo = 1, Al++), dt;
 }
 function _n() {
-  return Tt(so, Ut);
+  return Tt(lo, Ut);
 }
 function js() {
   return Ut;
 }
 function Ri(e, t) {
-  return hi(so, e, t);
+  return hi(lo, e, t);
 }
 function pi(e) {
   switch (e) {
@@ -5917,32 +5917,32 @@ function pi(e) {
   return 0;
 }
 function Ky(e) {
-  return Al = Qa = 1, Hy = Cn(so = e), Ut = 0, [];
+  return Al = eo = 1, Hy = Cn(lo = e), Ut = 0, [];
 }
 function Zy(e) {
-  return so = "", e;
+  return lo = "", e;
 }
 function Us(e) {
   return Wy(Ri(Ut - 1, zu(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function aE(e) {
-  for (; (ut = _n()) && ut < 33; )
+  for (; (dt = _n()) && dt < 33; )
     Zt();
-  return pi(e) > 2 || pi(ut) > 3 ? "" : " ";
+  return pi(e) > 2 || pi(dt) > 3 ? "" : " ";
 }
 function oE(e, t) {
-  for (; --t && Zt() && !(ut < 48 || ut > 102 || ut > 57 && ut < 65 || ut > 70 && ut < 97); )
+  for (; --t && Zt() && !(dt < 48 || dt > 102 || dt > 57 && dt < 65 || dt > 70 && dt < 97); )
     ;
   return Ri(e, js() + (t < 6 && _n() == 32 && Zt() == 32));
 }
 function zu(e) {
   for (; Zt(); )
-    switch (ut) {
+    switch (dt) {
       case e:
         return Ut;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && zu(ut);
+        e !== 34 && e !== 39 && zu(dt);
         break;
       case 40:
         e === 41 && zu(e);
@@ -5954,8 +5954,8 @@ function zu(e) {
   return Ut;
 }
 function iE(e, t) {
-  for (; Zt() && e + ut !== 47 + 10; )
-    if (e + ut === 42 + 42 && _n() === 47)
+  for (; Zt() && e + dt !== 47 + 10; )
+    if (e + dt === 42 + 42 && _n() === 47)
       break;
   return "/*" + Ri(t, Ut - 1) + "*" + Cl(e === 47 ? e : Zt());
 }
@@ -6068,7 +6068,7 @@ function cE(e, t, n) {
 function up(e, t, n, r) {
   return Tl(e, t, n, Ud, hi(e, 0, r), hi(e, r + 1, -1), r);
 }
-function Ha(e, t) {
+function Ka(e, t) {
   for (var n = "", r = Gd(e), a = 0; a < r; a++)
     n += t(e[a], a, e, t) || "";
   return n;
@@ -6084,11 +6084,11 @@ function uE(e, t, n, r) {
     case Uy:
       return "";
     case Gy:
-      return e.return = e.value + "{" + Ha(e.children, r) + "}";
+      return e.return = e.value + "{" + Ka(e.children, r) + "}";
     case jd:
       e.value = e.props.join(",");
   }
-  return Cn(n = Ha(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+  return Cn(n = Ka(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 function dE(e) {
   var t = Gd(e);
@@ -6280,7 +6280,7 @@ var bE = function(t, n, r, a) {
         t.return = qy(t.value, t.length);
         break;
       case Gy:
-        return Ha([Fo(t, {
+        return Ka([Fo(t, {
           value: Oe(t.value, "@", "@" + Me)
         })], a);
       case jd:
@@ -6289,11 +6289,11 @@ var bE = function(t, n, r, a) {
             switch (eE(o, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return Ha([Fo(t, {
+                return Ka([Fo(t, {
                   props: [Oe(o, /:(read-\w+)/, ":" + il + "$1")]
                 })], a);
               case "::placeholder":
-                return Ha([Fo(t, {
+                return Ka([Fo(t, {
                   props: [Oe(o, /:(plac\w+)/, ":" + Me + "input-$1")]
                 }), Fo(t, {
                   props: [Oe(o, /:(plac\w+)/, ":" + il + "$1")]
@@ -6329,7 +6329,7 @@ var bE = function(t, n, r, a) {
     var u, d = [uE, fE(function(m) {
       u.insert(m);
     })], f = dE(c.concat(a, d)), p = function(v) {
-      return Ha(lE(v), f);
+      return Ka(lE(v), f);
     };
     l = function(v, x, S, b) {
       u = S, p(v ? v + "{" + x.styles + "}" : x.styles), b && (g.inserted[x.name] = !0);
@@ -6487,7 +6487,7 @@ function wE() {
         }
       }
     }
-    var E = l, k = c, $ = s, R = i, D = t, se = u, G = r, ge = g, W = p, fe = n, Se = o, z = a, re = d, Ve = !1;
+    var E = l, k = c, $ = s, R = i, D = t, se = u, G = r, ge = g, H = p, fe = n, Se = o, z = a, re = d, Ve = !1;
     function je(B) {
       return Ve || (Ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), O(B) || T(B) === l;
     }
@@ -6497,7 +6497,7 @@ function wE() {
     function F(B) {
       return T(B) === s;
     }
-    function H(B) {
+    function W(B) {
       return T(B) === i;
     }
     function N(B) {
@@ -6527,7 +6527,7 @@ function wE() {
     function Pe(B) {
       return T(B) === d;
     }
-    Le.AsyncMode = E, Le.ConcurrentMode = k, Le.ContextConsumer = $, Le.ContextProvider = R, Le.Element = D, Le.ForwardRef = se, Le.Fragment = G, Le.Lazy = ge, Le.Memo = W, Le.Portal = fe, Le.Profiler = Se, Le.StrictMode = z, Le.Suspense = re, Le.isAsyncMode = je, Le.isConcurrentMode = O, Le.isContextConsumer = F, Le.isContextProvider = H, Le.isElement = N, Le.isForwardRef = Y, Le.isFragment = ae, Le.isLazy = K, Le.isMemo = Q, Le.isPortal = le, Le.isProfiler = ie, Le.isStrictMode = Z, Le.isSuspense = Pe, Le.isValidElementType = b, Le.typeOf = T;
+    Le.AsyncMode = E, Le.ConcurrentMode = k, Le.ContextConsumer = $, Le.ContextProvider = R, Le.Element = D, Le.ForwardRef = se, Le.Fragment = G, Le.Lazy = ge, Le.Memo = H, Le.Portal = fe, Le.Profiler = Se, Le.StrictMode = z, Le.Suspense = re, Le.isAsyncMode = je, Le.isConcurrentMode = O, Le.isContextConsumer = F, Le.isContextProvider = W, Le.isElement = N, Le.isForwardRef = Y, Le.isFragment = ae, Le.isLazy = K, Le.isMemo = Q, Le.isPortal = le, Le.isProfiler = ie, Le.isStrictMode = Z, Le.isSuspense = Pe, Le.isValidElementType = b, Le.typeOf = T;
   }()), Le;
 }
 process.env.NODE_ENV === "production" ? Vu.exports = xE() : Vu.exports = wE();
@@ -6800,7 +6800,7 @@ var DE = function() {
     var a = nt(Zd);
     return t(n, a, r);
   });
-}, eo = /* @__PURE__ */ L.createContext({}), BE = function(t, n) {
+}, to = /* @__PURE__ */ L.createContext({}), BE = function(t, n) {
   if (typeof n == "function") {
     var r = n(t);
     return r;
@@ -6811,8 +6811,8 @@ var DE = function() {
     return BE(e, t);
   });
 }), LE = function(t) {
-  var n = L.useContext(eo);
-  return t.theme !== n && (n = NE(n)(t.theme)), /* @__PURE__ */ L.createElement(eo.Provider, {
+  var n = L.useContext(to);
+  return t.theme !== n && (n = NE(n)(t.theme)), /* @__PURE__ */ L.createElement(to.Provider, {
     value: n
   }, t.children);
 }, Yd = {}.hasOwnProperty, ju = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", zE = function(t, n) {
@@ -6830,7 +6830,7 @@ var DE = function() {
   typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
   var a = e[ju], o = [r], i = "";
   typeof e.className == "string" ? i = Jy(t.registered, o, e.className) : e.className != null && (i = e.className + " ");
-  var s = El(o, void 0, L.useContext(eo));
+  var s = El(o, void 0, L.useContext(to));
   i += t.key + "-" + s.name;
   var l = {};
   for (var c in e)
@@ -6855,7 +6855,7 @@ var DE = function() {
   t || (t = e.JSX || (e.JSX = {}));
 })(vp || (vp = {}));
 var Pl = /* @__PURE__ */ qd(function(e, t) {
-  var n = e.styles, r = El([n], void 0, L.useContext(eo)), a = L.useRef();
+  var n = e.styles, r = El([n], void 0, L.useContext(to)), a = L.useRef();
   return bp(function() {
     var o = t.key + "-global", i = new t.sheet.constructor({
       key: o,
@@ -7446,13 +7446,13 @@ function iP(e, t, n, r) {
     c && (c.updateFeatures(), !u.current && c.animationState && c.animationState.animateChanges(), u.current && (u.current = !1, window.HandoffComplete = !0));
   }), c;
 }
-function Ra(e) {
+function Da(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 function sP(e, t, n) {
   return de(
     (r) => {
-      r && e.mount && e.mount(r), t && (r ? t.mount(r) : t.unmount()), n && (typeof n == "function" ? n(r) : Ra(n) && (n.current = r));
+      r && e.mount && e.mount(r), t && (r ? t.mount(r) : t.unmount()), n && (typeof n == "function" ? n(r) : Da(n) && (n.current = r));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -8503,14 +8503,14 @@ const Wu = {
   test: gf("#"),
   parse: x6,
   transform: Dr.transform
-}, Da = {
+}, Ba = {
   test: gf("hsl", "hue"),
   parse: z0("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + $n.transform(ti(t)) + ", " + $n.transform(ti(n)) + ", " + ti(ei.transform(r)) + ")"
 }, It = {
-  test: (e) => Dr.test(e) || Wu.test(e) || Da.test(e),
-  parse: (e) => Dr.test(e) ? Dr.parse(e) : Da.test(e) ? Da.parse(e) : Wu.parse(e),
-  transform: (e) => Ni(e) ? e : e.hasOwnProperty("red") ? Dr.transform(e) : Da.transform(e)
+  test: (e) => Dr.test(e) || Wu.test(e) || Ba.test(e),
+  parse: (e) => Dr.test(e) ? Dr.parse(e) : Ba.test(e) ? Ba.parse(e) : Wu.parse(e),
+  transform: (e) => Ni(e) ? e : e.hasOwnProperty("red") ? Dr.transform(e) : Ba.transform(e)
 }, at = (e, t, n) => -n * e + n * t + e;
 function Zc(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
@@ -8534,12 +8534,12 @@ function w6({ hue: e, saturation: t, lightness: n, alpha: r }) {
 const qc = (e, t, n) => {
   const r = e * e;
   return Math.sqrt(Math.max(0, n * (t * t - r) + r));
-}, C6 = [Wu, Dr, Da], A6 = (e) => C6.find((t) => t.test(e));
+}, C6 = [Wu, Dr, Ba], A6 = (e) => C6.find((t) => t.test(e));
 function Op(e) {
   const t = A6(e);
   sn(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`);
   let n = t.parse(e);
-  return t === Da && (n = w6(n)), n;
+  return t === Ba && (n = w6(n)), n;
 }
 const V0 = (e, t) => {
   const n = Op(e), r = Op(t), a = { ...n };
@@ -8888,25 +8888,25 @@ function vi({ autoplay: e = !0, delay: t = 0, driver: n = W6, keyframes: r, type
   let $ = "idle", R = null, D = null, se = null;
   E.calculatedDuration === null && o && (E.calculatedDuration = Lp(E));
   const { calculatedDuration: G } = E;
-  let ge = 1 / 0, W = 1 / 0;
-  G !== null && (ge = G + i, W = ge * (o + 1) - i);
+  let ge = 1 / 0, H = 1 / 0;
+  G !== null && (ge = G + i, H = ge * (o + 1) - i);
   let fe = 0;
   const Se = (F) => {
     if (D === null)
       return;
-    p > 0 && (D = Math.min(D, F)), p < 0 && (D = Math.min(F - W / p, D)), R !== null ? fe = R : fe = Math.round(F - D) * p;
-    const H = fe - t * (p >= 0 ? 1 : -1), N = p >= 0 ? H < 0 : H > W;
-    fe = Math.max(H, 0), $ === "finished" && R === null && (fe = W);
+    p > 0 && (D = Math.min(D, F)), p < 0 && (D = Math.min(F - H / p, D)), R !== null ? fe = R : fe = Math.round(F - D) * p;
+    const W = fe - t * (p >= 0 ? 1 : -1), N = p >= 0 ? W < 0 : W > H;
+    fe = Math.max(W, 0), $ === "finished" && R === null && (fe = H);
     let Y = fe, ae = E;
     if (o) {
-      const ie = Math.min(fe, W) / ge;
+      const ie = Math.min(fe, H) / ge;
       let Z = Math.floor(ie), Pe = ie % 1;
       !Pe && ie >= 1 && (Pe = 1), Pe === 1 && Z--, Z = Math.min(Z, o + 1), !!(Z % 2) && (s === "reverse" ? (Pe = 1 - Pe, i && (Pe -= i / ge)) : s === "mirror" && (ae = k)), Y = mr(0, 1, Pe) * ge;
     }
     const K = N ? { done: !1, value: r[0] } : ae.next(Y);
     T && (K.value = T(K.value));
     let { done: Q } = K;
-    !N && G !== null && (Q = p >= 0 ? fe >= W : fe <= 0);
+    !N && G !== null && (Q = p >= 0 ? fe >= H : fe <= 0);
     const le = R === null && ($ === "finished" || $ === "running" && Q);
     return d && d(K.value), le && Ve(), K;
   }, z = () => {
@@ -8924,8 +8924,8 @@ function vi({ autoplay: e = !0, delay: t = 0, driver: n = W6, keyframes: r, type
   };
   e && je();
   const O = {
-    then(F, H) {
-      return v.then(F, H);
+    then(F, W) {
+      return v.then(F, W);
     },
     get time() {
       return Fn(fe);
@@ -9611,14 +9611,14 @@ function Fk(e) {
       const G = Array.isArray(T) ? T : [T];
       let ge = G.reduce(a, {});
       k === !1 && (ge = {});
-      const { prevResolvedValues: W = {} } = b, fe = {
-        ...W,
+      const { prevResolvedValues: H = {} } = b, fe = {
+        ...H,
         ...ge
       }, Se = (z) => {
         D = !0, p.has(z) && (se = !0, p.delete(z)), b.needsAnimating[z] = !0;
       };
       for (const z in fe) {
-        const re = ge[z], Ve = W[z];
+        const re = ge[z], Ve = H[z];
         if (g.hasOwnProperty(z))
           continue;
         let je = !1;
@@ -9893,10 +9893,10 @@ const Yp = () => ({
   scale: 1,
   origin: 0,
   originPoint: 0
-}), Ba = () => ({
+}), Na = () => ({
   x: Yp(),
   y: Yp()
-}), Xp = () => ({ min: 0, max: 0 }), ct = () => ({
+}), Xp = () => ({ min: 0, max: 0 }), ut = () => ({
   x: Xp(),
   y: Xp()
 });
@@ -9960,10 +9960,10 @@ function Yk(e, t, n, r = !1) {
   for (let s = 0; s < a; s++) {
     o = n[s], i = o.projectionDelta;
     const l = o.instance;
-    l && l.style && l.style.display === "contents" || (r && o.options.layoutScroll && o.scroll && o !== o.root && Na(e, {
+    l && l.style && l.style.display === "contents" || (r && o.options.layoutScroll && o.scroll && o !== o.root && La(e, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), i && (t.x *= i.x.scale, t.y *= i.y.scale, db(e, i)), r && kr(o.latestValues) && Na(e, o.latestValues));
+    }), i && (t.x *= i.x.scale, t.y *= i.y.scale, db(e, i)), r && kr(o.latestValues) && La(e, o.latestValues));
   }
   t.x = em(t.x), t.y = em(t.y);
 }
@@ -9978,7 +9978,7 @@ function tm(e, t, [n, r, a]) {
   Qu(e, t[n], t[r], i, t.scale);
 }
 const Xk = ["x", "scaleX", "originX"], Jk = ["y", "scaleY", "originY"];
-function Na(e, t) {
+function La(e, t) {
   tm(e.x, t, Xk), tm(e.y, t, Jk);
 }
 function fb(e, t) {
@@ -9991,7 +9991,7 @@ function Qk(e, t, n) {
 const hb = ({ current: e }) => e ? e.ownerDocument.defaultView : null, e_ = /* @__PURE__ */ new WeakMap();
 class t_ {
   constructor(t) {
-    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = ct(), this.visualElement = t;
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = ut(), this.visualElement = t;
   }
   start(t, { snapToCursor: n = !1 } = {}) {
     const { presenceContext: r } = this.visualElement;
@@ -10070,13 +10070,13 @@ class t_ {
   resolveConstraints() {
     var t;
     const { dragConstraints: n, dragElastic: r } = this.getProps(), a = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, o = this.constraints;
-    n && Ra(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && a ? this.constraints = Uk(a.layoutBox, n) : this.constraints = !1, this.elastic = Kk(r), o !== this.constraints && a && this.constraints && !this.hasMutatedConstraints && rn((i) => {
+    n && Da(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && a ? this.constraints = Uk(a.layoutBox, n) : this.constraints = !1, this.elastic = Kk(r), o !== this.constraints && a && this.constraints && !this.hasMutatedConstraints && rn((i) => {
       this.getAxisMotionValue(i) && (this.constraints[i] = Hk(a.layoutBox[i], this.constraints[i]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !Ra(t))
+    if (!t || !Da(t))
       return !1;
     const r = t.current;
     sn(r !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
@@ -10160,7 +10160,7 @@ class t_ {
     if (!this.visualElement.current)
       return;
     const { drag: t, dragConstraints: n } = this.getProps(), { projection: r } = this.visualElement;
-    if (!Ra(n) || !r || !this.constraints)
+    if (!Da(n) || !r || !this.constraints)
       return;
     this.stopAnimation();
     const a = { x: 0, y: 0 };
@@ -10188,7 +10188,7 @@ class t_ {
       c && u && this.start(l);
     }), r = () => {
       const { dragConstraints: l } = this.getProps();
-      Ra(l) && (this.constraints = this.resolveRefConstraints());
+      Da(l) && (this.constraints = this.resolveRefConstraints());
     }, { projection: a } = this.visualElement, o = a.addEventListener("measure", r);
     a && !a.layout && (a.root && a.root.updateScroll(), a.updateLayout()), r();
     const i = Hn(window, "resize", () => this.scalePositionWithinConstraints()), s = a.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
@@ -10271,7 +10271,7 @@ function pb() {
   const e = nt(Di);
   if (e === null)
     return [!0, null];
-  const { isPresent: t, onExitComplete: n, register: r } = e, a = io();
+  const { isPresent: t, onExitComplete: n, register: r } = e, a = so();
   return he(() => r(a), []), !t && n ? [!1, () => n && n(a)] : [!0];
 }
 function o_() {
@@ -10318,7 +10318,7 @@ const Oo = {
     return typeof a[2 + i] == "number" && (a[2 + i] /= c), typeof a[3 + i] == "number" && (a[3 + i] /= c), o(a);
   }
 };
-class l_ extends Ce.Component {
+class l_ extends Ae.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -10360,7 +10360,7 @@ class l_ extends Ce.Component {
 }
 function mb(e) {
   const [t, n] = pb(), r = nt(af);
-  return Ce.createElement(l_, { ...e, layoutGroup: r, switchLayoutGroup: nt(u0), isPresent: t, safeToRemove: n });
+  return Ae.createElement(l_, { ...e, layoutGroup: r, switchLayoutGroup: nt(u0), isPresent: t, safeToRemove: n });
 }
 const c_ = {
   borderRadius: {
@@ -10678,7 +10678,7 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const i = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = ct(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = ut(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: s } = this.options;
       s && s.notify("LayoutMeasure", this.layout.layoutBox, i ? i.layoutBox : void 0);
     }
@@ -10711,12 +10711,12 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     measurePageBox() {
       const { visualElement: i } = this.options;
       if (!i)
-        return ct();
+        return ut();
       const s = i.measureViewportBox(), { scroll: l } = this.root;
       return l && (cr(s.x, l.offset.x), cr(s.y, l.offset.y)), s;
     }
     removeElementScroll(i) {
-      const s = ct();
+      const s = ut();
       Qt(s, i);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l], { scroll: u, options: d } = c;
@@ -10732,26 +10732,26 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return s;
     }
     applyTransform(i, s = !1) {
-      const l = ct();
+      const l = ut();
       Qt(l, i);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
-        !s && u.options.layoutScroll && u.scroll && u !== u.root && Na(l, {
+        !s && u.options.layoutScroll && u.scroll && u !== u.root && La(l, {
           x: -u.scroll.offset.x,
           y: -u.scroll.offset.y
-        }), kr(u.latestValues) && Na(l, u.latestValues);
+        }), kr(u.latestValues) && La(l, u.latestValues);
       }
-      return kr(this.latestValues) && Na(l, this.latestValues), l;
+      return kr(this.latestValues) && La(l, this.latestValues), l;
     }
     removeTransform(i) {
-      const s = ct();
+      const s = ut();
       Qt(s, i);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !kr(c.latestValues))
           continue;
         Ju(c.latestValues) && c.updateSnapshot();
-        const u = ct(), d = c.measurePageBox();
+        const u = ut(), d = c.measurePageBox();
         Qt(u, d), um(s, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return kr(this.latestValues) && um(s, this.latestValues), s;
@@ -10783,13 +10783,13 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(d || f))) {
         if (this.resolvedRelativeTargetAt = wt.timestamp, !this.targetDelta && !this.relativeTarget) {
           const p = this.getClosestProjectingParent();
-          p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ct(), this.relativeTargetOrigin = ct(), ri(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), Qt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ut(), this.relativeTargetOrigin = ut(), ri(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), Qt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = ct(), this.targetWithTransforms = ct()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Vk(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Qt(this.target, this.layout.layoutBox), db(this.target, this.targetDelta)) : Qt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = ut(), this.targetWithTransforms = ut()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Vk(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Qt(this.target, this.layout.layoutBox), db(this.target, this.targetDelta)) : Qt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const p = this.getClosestProjectingParent();
-            p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ct(), this.relativeTargetOrigin = ct(), ri(this.relativeTargetOrigin, this.target, p.target), Qt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ut(), this.relativeTargetOrigin = ut(), ri(this.relativeTargetOrigin, this.target, p.target), Qt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           _r.resolvedTargetDeltas++;
         }
@@ -10816,10 +10816,10 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       Yk(this.layoutCorrected, this.treeScale, this.path, l), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox);
       const { target: g } = s;
       if (!g) {
-        this.projectionTransform && (this.projectionDelta = Ba(), this.projectionTransform = "none", this.scheduleRender());
+        this.projectionTransform && (this.projectionDelta = Na(), this.projectionTransform = "none", this.scheduleRender());
         return;
       }
-      this.projectionDelta || (this.projectionDelta = Ba(), this.projectionDeltaWithTransform = Ba());
+      this.projectionDelta || (this.projectionDelta = Na(), this.projectionDeltaWithTransform = Na());
       const m = this.projectionTransform;
       ni(this.projectionDelta, this.layoutCorrected, g, this.latestValues), this.projectionTransform = hm(this.projectionDelta, this.treeScale), (this.projectionTransform !== m || this.treeScale.x !== f || this.treeScale.y !== p) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", g)), _r.recalculatedProjection++;
     }
@@ -10837,14 +10837,14 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     setAnimationOrigin(i, s = !1) {
-      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, d = Ba();
+      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, d = Na();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !s;
-      const f = ct(), p = l ? l.source : void 0, g = this.layout ? this.layout.source : void 0, m = p !== g, v = this.getStack(), x = !v || v.members.length <= 1, S = !!(m && !x && this.options.crossfade === !0 && !this.path.some(L_));
+      const f = ut(), p = l ? l.source : void 0, g = this.layout ? this.layout.source : void 0, m = p !== g, v = this.getStack(), x = !v || v.members.length <= 1, S = !!(m && !x && this.options.crossfade === !0 && !this.path.some(L_));
       this.animationProgress = 0;
       let b;
       this.mixTargetDelta = (T) => {
         const E = T / 1e3;
-        bm(d.x, i.x, E), bm(d.y, i.y, E), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ri(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), N_(this.relativeTarget, this.relativeTargetOrigin, f, E), b && y_(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = ct()), Qt(b, this.relativeTarget)), m && (this.animationValues = u, d_(u, c, this.latestValues, E, S, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = E;
+        bm(d.x, i.x, E), bm(d.y, i.y, E), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ri(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), N_(this.relativeTarget, this.relativeTargetOrigin, f, E), b && y_(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = ut()), Qt(b, this.relativeTarget)), m && (this.animationValues = u, d_(u, c, this.latestValues, E, S, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = E;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(i) {
@@ -10873,13 +10873,13 @@ function Sb({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let { targetWithTransforms: s, target: l, layout: c, latestValues: u } = i;
       if (!(!s || !l || !c)) {
         if (this !== i && this.layout && c && xb(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || ct();
+          l = this.target || ut();
           const d = qt(this.layout.layoutBox.x);
           l.x.min = i.target.x.min, l.x.max = l.x.min + d;
           const f = qt(this.layout.layoutBox.y);
           l.y.min = i.target.y.min, l.y.max = l.y.min + f;
         }
-        Qt(s, l), Na(s, u), ni(this.projectionDeltaWithTransform, this.layoutCorrected, s, u);
+        Qt(s, l), La(s, u), ni(this.projectionDeltaWithTransform, this.layoutCorrected, s, u);
       }
     }
     registerSharedNode(i, s) {
@@ -10995,9 +10995,9 @@ function k_(e) {
       const f = i ? n.measuredBox[d] : n.layoutBox[d], p = qt(r[d]);
       f.max = f.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + p);
     });
-    const s = Ba();
+    const s = Na();
     ni(s, r, n.layoutBox);
-    const l = Ba();
+    const l = Na();
     i ? ni(l, e.applyTransform(a, !0), n.measuredBox) : ni(l, r, n.layoutBox);
     const c = !bb(s);
     let u = !1;
@@ -11006,9 +11006,9 @@ function k_(e) {
       if (d && !d.resumeFrom) {
         const { snapshot: f, layout: p } = d;
         if (f && p) {
-          const g = ct();
+          const g = ut();
           ri(g, n.layoutBox, f.layoutBox);
-          const m = ct();
+          const m = ut();
           ri(m, r, p.layoutBox), vb(g, m) || (u = !0), d.options.layoutRoot && (e.relativeTarget = m, e.relativeTargetOrigin = g, e.relativeParent = d);
         }
       }
@@ -11190,7 +11190,7 @@ function J_(e) {
     r !== void 0 && (t.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
   }), t.length && e.render(), t;
 }
-const to = {
+const no = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -11202,17 +11202,17 @@ const to = {
   x: Am(4, 13),
   y: Am(5, 14)
 };
-to.translateX = to.x;
-to.translateY = to.y;
+no.translateX = no.x;
+no.translateY = no.y;
 const Q_ = (e, t, n) => {
   const r = t.measureViewportBox(), a = t.current, o = getComputedStyle(a), { display: i } = o, s = {};
   i === "none" && t.setStaticValue("display", e.display || "block"), n.forEach((c) => {
-    s[c] = to[c](r, o);
+    s[c] = no[c](r, o);
   }), t.render();
   const l = t.measureViewportBox();
   return n.forEach((c) => {
     const u = t.getValue(c);
-    u && u.jump(s[c]), e[c] = to[c](l, o);
+    u && u.jump(s[c]), e[c] = no[c](l, o);
   }), e;
 }, e4 = (e, t, n = {}, r = {}) => {
   t = { ...t }, r = { ...r };
@@ -11353,7 +11353,7 @@ class s4 {
       this.projection.setOptions({
         layoutId: l,
         layout: c,
-        alwaysMeasureLayout: !!u || d && Ra(d),
+        alwaysMeasureLayout: !!u || d && Da(d),
         visualElement: this,
         scheduleRender: () => this.scheduleRender(),
         /**
@@ -11386,7 +11386,7 @@ class s4 {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ct();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ut();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -11597,7 +11597,7 @@ class u4 extends Eb {
     return n = S0.has(n) ? n : tf(n), t.getAttribute(n);
   }
   measureInstanceViewportBox() {
-    return ct();
+    return ut();
   }
   scrapeMotionValuesFromProps(t, n) {
     return w0(t, n);
@@ -11654,7 +11654,7 @@ class m4 extends L.Component {
   }
 }
 function g4({ children: e, isPresent: t }) {
-  const n = io(), r = be(null), a = be({
+  const n = so(), r = be(null), a = be({
     width: 0,
     height: 0,
     top: 0,
@@ -11680,7 +11680,7 @@ function g4({ children: e, isPresent: t }) {
   }, [t]), L.createElement(m4, { isPresent: t, childRef: r, sizeRef: a }, L.cloneElement(e, { ref: r }));
 }
 const nu = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: a, presenceAffectsLayout: o, mode: i }) => {
-  const s = hf(y4), l = io(), c = it(
+  const s = hf(y4), l = so(), c = it(
     () => ({
       id: l,
       initial: t,
@@ -11899,7 +11899,7 @@ var P4 = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
         k = {};
         for (var $ in v)
           k[$] = v[$];
-        k.theme = L.useContext(eo);
+        k.theme = L.useContext(to);
       }
       typeof v.className == "string" ? T = Jy(x.registered, E, v.className) : v.className != null && (T = v.className + " ");
       var R = El(d.concat(E), x.registered, k);
@@ -12300,7 +12300,7 @@ var H4 = function(t, n) {
 const K4 = /* @__PURE__ */ Oi(H4);
 function Af() {
   const e = nt(
-    eo
+    to
   );
   if (!e)
     throw Error(
@@ -13205,7 +13205,7 @@ function Im(e) {
     t && /* @__PURE__ */ h(Wo, { marginEnd: a, children: t }),
     r,
     n && /* @__PURE__ */ h(Wo, { marginStart: a, children: n })
-  ] }) : /* @__PURE__ */ M(dt, { children: [
+  ] }) : /* @__PURE__ */ M(lt, { children: [
     t && /* @__PURE__ */ h(Wo, { marginEnd: a, children: t }),
     r,
     n && /* @__PURE__ */ h(Wo, { marginStart: a, children: n })
@@ -13263,7 +13263,7 @@ function $3(e) {
     isDisabled: a,
     isReadOnly: o,
     ...i
-  } = e, s = io(), l = t || `field-${s}`, c = `${l}-label`, u = `${l}-feedback`, d = `${l}-helptext`, [f, p] = X(!1), [g, m] = X(!1), [v, x] = X(!1), S = de(
+  } = e, s = so(), l = t || `field-${s}`, c = `${l}-label`, u = `${l}-feedback`, d = `${l}-helptext`, [f, p] = X(!1), [g, m] = X(!1), [v, x] = X(!1), S = de(
     ($ = {}, R = null) => ({
       id: d,
       ...$,
@@ -13649,7 +13649,7 @@ function B3() {
       oneOf: $,
       oneOfType: D,
       shape: ge,
-      exact: W
+      exact: H
     };
     function g(O, F) {
       return O === F ? O !== 0 || 1 / O === 1 / F : O !== O && F !== F;
@@ -13660,7 +13660,7 @@ function B3() {
     m.prototype = Error.prototype;
     function v(O) {
       if (process.env.NODE_ENV !== "production")
-        var F = {}, H = 0;
+        var F = {}, W = 0;
       function N(ae, K, Q, le, ie, Z, Pe) {
         if (le = le || f, Z = Z || Q, Pe !== n) {
           if (l) {
@@ -13671,9 +13671,9 @@ function B3() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var rt = le + ":" + Q;
             !F[rt] && // Avoid spamming the console because they are often not actionable except for lib authors
-            H < 3 && (o(
+            W < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + Z + "` prop on `" + le + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), F[rt] = !0, H++);
+            ), F[rt] = !0, W++);
           }
         }
         return K[Q] == null ? ae ? K[Q] === null ? new m("The " + ie + " `" + Z + "` is marked as required " + ("in `" + le + "`, but its value is `null`.")) : new m("The " + ie + " `" + Z + "` is marked as required in " + ("`" + le + "`, but its value is `undefined`.")) : null : O(K, Q, le, ie, Z);
@@ -13682,8 +13682,8 @@ function B3() {
       return Y.isRequired = N.bind(null, !0), Y;
     }
     function x(O) {
-      function F(H, N, Y, ae, K, Q) {
-        var le = H[N], ie = z(le);
+      function F(W, N, Y, ae, K, Q) {
+        var le = W[N], ie = z(le);
         if (ie !== O) {
           var Z = re(le);
           return new m(
@@ -13699,10 +13699,10 @@ function B3() {
       return v(i);
     }
     function b(O) {
-      function F(H, N, Y, ae, K) {
+      function F(W, N, Y, ae, K) {
         if (typeof O != "function")
           return new m("Property `" + K + "` of component `" + Y + "` has invalid PropType notation inside arrayOf.");
-        var Q = H[N];
+        var Q = W[N];
         if (!Array.isArray(Q)) {
           var le = z(Q);
           return new m("Invalid " + ae + " `" + K + "` of type " + ("`" + le + "` supplied to `" + Y + "`, expected an array."));
@@ -13717,8 +13717,8 @@ function B3() {
       return v(F);
     }
     function T() {
-      function O(F, H, N, Y, ae) {
-        var K = F[H];
+      function O(F, W, N, Y, ae) {
+        var K = F[W];
         if (!s(K)) {
           var Q = z(K);
           return new m("Invalid " + Y + " `" + ae + "` of type " + ("`" + Q + "` supplied to `" + N + "`, expected a single ReactElement."));
@@ -13728,8 +13728,8 @@ function B3() {
       return v(O);
     }
     function E() {
-      function O(F, H, N, Y, ae) {
-        var K = F[H];
+      function O(F, W, N, Y, ae) {
+        var K = F[W];
         if (!e.isValidElementType(K)) {
           var Q = z(K);
           return new m("Invalid " + Y + " `" + ae + "` of type " + ("`" + Q + "` supplied to `" + N + "`, expected a single ReactElement type."));
@@ -13739,9 +13739,9 @@ function B3() {
       return v(O);
     }
     function k(O) {
-      function F(H, N, Y, ae, K) {
-        if (!(H[N] instanceof O)) {
-          var Q = O.name || f, le = je(H[N]);
+      function F(W, N, Y, ae, K) {
+        if (!(W[N] instanceof O)) {
+          var Q = O.name || f, le = je(W[N]);
           return new m("Invalid " + ae + " `" + K + "` of type " + ("`" + le + "` supplied to `" + Y + "`, expected ") + ("instance of `" + Q + "`."));
         }
         return null;
@@ -13753,8 +13753,8 @@ function B3() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), i;
-      function F(H, N, Y, ae, K) {
-        for (var Q = H[N], le = 0; le < O.length; le++)
+      function F(W, N, Y, ae, K) {
+        for (var Q = W[N], le = 0; le < O.length; le++)
           if (g(Q, O[le]))
             return null;
         var ie = JSON.stringify(O, function(Pe, B) {
@@ -13766,10 +13766,10 @@ function B3() {
       return v(F);
     }
     function R(O) {
-      function F(H, N, Y, ae, K) {
+      function F(W, N, Y, ae, K) {
         if (typeof O != "function")
           return new m("Property `" + K + "` of component `" + Y + "` has invalid PropType notation inside objectOf.");
-        var Q = H[N], le = z(Q);
+        var Q = W[N], le = z(Q);
         if (le !== "object")
           return new m("Invalid " + ae + " `" + K + "` of type " + ("`" + le + "` supplied to `" + Y + "`, expected an object."));
         for (var ie in Q)
@@ -13786,10 +13786,10 @@ function B3() {
       if (!Array.isArray(O))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), i;
       for (var F = 0; F < O.length; F++) {
-        var H = O[F];
-        if (typeof H != "function")
+        var W = O[F];
+        if (typeof W != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ve(H) + " at index " + F + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ve(W) + " at index " + F + "."
           ), i;
       }
       function N(Y, ae, K, Q, le) {
@@ -13805,19 +13805,19 @@ function B3() {
       return v(N);
     }
     function se() {
-      function O(F, H, N, Y, ae) {
-        return fe(F[H]) ? null : new m("Invalid " + Y + " `" + ae + "` supplied to " + ("`" + N + "`, expected a ReactNode."));
+      function O(F, W, N, Y, ae) {
+        return fe(F[W]) ? null : new m("Invalid " + Y + " `" + ae + "` supplied to " + ("`" + N + "`, expected a ReactNode."));
       }
       return v(O);
     }
-    function G(O, F, H, N, Y) {
+    function G(O, F, W, N, Y) {
       return new m(
-        (O || "React class") + ": " + F + " type `" + H + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Y + "`."
+        (O || "React class") + ": " + F + " type `" + W + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Y + "`."
       );
     }
     function ge(O) {
-      function F(H, N, Y, ae, K) {
-        var Q = H[N], le = z(Q);
+      function F(W, N, Y, ae, K) {
+        var Q = W[N], le = z(Q);
         if (le !== "object")
           return new m("Invalid " + ae + " `" + K + "` of type `" + le + "` " + ("supplied to `" + Y + "`, expected `object`."));
         for (var ie in O) {
@@ -13832,19 +13832,19 @@ function B3() {
       }
       return v(F);
     }
-    function W(O) {
-      function F(H, N, Y, ae, K) {
-        var Q = H[N], le = z(Q);
+    function H(O) {
+      function F(W, N, Y, ae, K) {
+        var Q = W[N], le = z(Q);
         if (le !== "object")
           return new m("Invalid " + ae + " `" + K + "` of type `" + le + "` " + ("supplied to `" + Y + "`, expected `object`."));
-        var ie = t({}, H[N], O);
+        var ie = t({}, W[N], O);
         for (var Z in ie) {
           var Pe = O[Z];
           if (r(O, Z) && typeof Pe != "function")
             return G(Y, ae, K, Z, re(Pe));
           if (!Pe)
             return new m(
-              "Invalid " + ae + " `" + K + "` key `" + Z + "` supplied to `" + Y + "`.\nBad object: " + JSON.stringify(H[N], null, "  ") + `
+              "Invalid " + ae + " `" + K + "` key `" + Z + "` supplied to `" + Y + "`.\nBad object: " + JSON.stringify(W[N], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
             );
           var B = Pe(Q, Z, Y, ae, K + "." + Z, n);
@@ -13870,13 +13870,13 @@ Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
             return !0;
           var F = d(O);
           if (F) {
-            var H = F.call(O), N;
+            var W = F.call(O), N;
             if (F !== O.entries) {
-              for (; !(N = H.next()).done; )
+              for (; !(N = W.next()).done; )
                 if (!fe(N.value))
                   return !1;
             } else
-              for (; !(N = H.next()).done; ) {
+              for (; !(N = W.next()).done; ) {
                 var Y = N.value;
                 if (Y && !fe(Y[1]))
                   return !1;
@@ -14152,14 +14152,14 @@ var Hb = Mf({}, function(e) {
   async: !0,
   ssr: typeof document < "u"
 }), Y3 = /* @__PURE__ */ gn(void 0), X3 = [], Zb = /* @__PURE__ */ Gt(function(t, n) {
-  var r, a = X(), o = a[0], i = a[1], s = be(), l = be(!1), c = be(null), u = X({}), d = u[1], f = t.children, p = t.disabled, g = p === void 0 ? !1 : p, m = t.noFocusGuards, v = m === void 0 ? !1 : m, x = t.persistentFocus, S = x === void 0 ? !1 : x, b = t.crossFrame, T = b === void 0 ? !0 : b, E = t.autoFocus, k = E === void 0 ? !0 : E, $ = t.allowTextSelection, R = t.group, D = t.className, se = t.whiteList, G = t.hasPositiveIndices, ge = t.shards, W = ge === void 0 ? X3 : ge, fe = t.as, Se = fe === void 0 ? "div" : fe, z = t.lockProps, re = z === void 0 ? {} : z, Ve = t.sideCar, je = t.returnFocus, O = je === void 0 ? !1 : je, F = t.focusOptions, H = t.onActivation, N = t.onDeactivation, Y = X({}), ae = Y[0], K = de(function(mt) {
+  var r, a = X(), o = a[0], i = a[1], s = be(), l = be(!1), c = be(null), u = X({}), d = u[1], f = t.children, p = t.disabled, g = p === void 0 ? !1 : p, m = t.noFocusGuards, v = m === void 0 ? !1 : m, x = t.persistentFocus, S = x === void 0 ? !1 : x, b = t.crossFrame, T = b === void 0 ? !0 : b, E = t.autoFocus, k = E === void 0 ? !0 : E, $ = t.allowTextSelection, R = t.group, D = t.className, se = t.whiteList, G = t.hasPositiveIndices, ge = t.shards, H = ge === void 0 ? X3 : ge, fe = t.as, Se = fe === void 0 ? "div" : fe, z = t.lockProps, re = z === void 0 ? {} : z, Ve = t.sideCar, je = t.returnFocus, O = je === void 0 ? !1 : je, F = t.focusOptions, W = t.onActivation, N = t.onDeactivation, Y = X({}), ae = Y[0], K = de(function(mt) {
     var St = mt.captureFocusRestore;
     if (!c.current) {
       var _e, gt = (_e = document) == null ? void 0 : _e.activeElement;
       c.current = gt, gt !== document.body && (c.current = St(gt));
     }
-    s.current && H && H(s.current), l.current = !0, d();
-  }, [H]), Q = de(function() {
+    s.current && W && W(s.current), l.current = !0, d();
+  }, [W]), Q = de(function() {
     l.current = !1, N && N(s.current), d();
   }, [N]), le = de(function(mt) {
     var St = c.current;
@@ -14183,25 +14183,25 @@ var Hb = Mf({}, function(e) {
   var B = Zr((r = {}, r[Lb] = g && "disabled", r[ld] = R, r), re), rt = v !== !0, ue = rt && v !== "tail", pt = zb([n, Pe]), Bt = it(function() {
     return {
       observed: s,
-      shards: W,
+      shards: H,
       enabled: !g,
       active: l.current
     };
-  }, [g, l.current, W, o]);
-  return /* @__PURE__ */ Ce.createElement(H1, null, rt && [
-    /* @__PURE__ */ Ce.createElement("div", {
+  }, [g, l.current, H, o]);
+  return /* @__PURE__ */ Ae.createElement(H1, null, rt && [
+    /* @__PURE__ */ Ae.createElement("div", {
       key: "guard-first",
       "data-focus-guard": !0,
       tabIndex: g ? -1 : 0,
       style: du
     }),
-    G ? /* @__PURE__ */ Ce.createElement("div", {
+    G ? /* @__PURE__ */ Ae.createElement("div", {
       key: "guard-nearest",
       "data-focus-guard": !0,
       tabIndex: g ? -1 : 1,
       style: du
     }) : null
-  ], !g && /* @__PURE__ */ Ce.createElement(Ve, {
+  ], !g && /* @__PURE__ */ Ae.createElement(Ve, {
     id: ae,
     sideCar: q3,
     observed: o,
@@ -14210,21 +14210,21 @@ var Hb = Mf({}, function(e) {
     crossFrame: T,
     autoFocus: k,
     whiteList: se,
-    shards: W,
+    shards: H,
     onActivation: K,
     onDeactivation: Q,
     returnFocus: le,
     focusOptions: F,
     noFocusGuards: v
-  }), /* @__PURE__ */ Ce.createElement(Se, Zr({
+  }), /* @__PURE__ */ Ae.createElement(Se, Zr({
     ref: pt
   }, B, {
     className: D,
     onBlur: Z,
     onFocus: ie
-  }), /* @__PURE__ */ Ce.createElement(Y3.Provider, {
+  }), /* @__PURE__ */ Ae.createElement(Y3.Provider, {
     value: Bt
-  }, f)), ue && /* @__PURE__ */ Ce.createElement("div", {
+  }, f)), ue && /* @__PURE__ */ Ae.createElement("div", {
     "data-focus-guard": !0,
     tabIndex: g ? -1 : 0,
     style: du
@@ -14328,7 +14328,7 @@ function n$(e, t) {
         var p = o.indexOf(this);
         o.splice(p, 1), s();
       }, d.render = function() {
-        return /* @__PURE__ */ Ce.createElement(a, this.props);
+        return /* @__PURE__ */ Ae.createElement(a, this.props);
       }, u;
     }(K1);
     return t$(l, "displayName", "SideEffect(" + n(a) + ")"), l;
@@ -14438,8 +14438,8 @@ var On = function(e) {
   }, []);
 }, m$ = function(e, t) {
   var n;
-  return e instanceof HTMLIFrameElement && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? no([e.contentDocument.body], t) : [e];
-}, no = function(e, t) {
+  return e instanceof HTMLIFrameElement && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? ro([e.contentDocument.body], t) : [e];
+}, ro = function(e, t) {
   return e.reduce(function(n, r) {
     var a, o = av(r, t), i = (a = []).concat.apply(a, o.map(function(s) {
       return m$(s, t);
@@ -14456,7 +14456,7 @@ var On = function(e) {
 }, g$ = function(e) {
   var t = e.querySelectorAll("[".concat(j3, "]"));
   return On(t).map(function(n) {
-    return no([n]);
+    return ro([n]);
   }).reduce(function(n, r) {
     return n.concat(r);
   }, []);
@@ -14471,9 +14471,9 @@ var On = function(e) {
     return ev(t, n);
   });
 }, Bf = function(e, t, n) {
-  return If(Df(no(e, n), t), !0, n);
+  return If(Df(ro(e, n), t), !0, n);
 }, wi = function(e, t) {
-  return If(Df(no(e), t), !1);
+  return If(Df(ro(e), t), !1);
 }, y$ = function(e, t) {
   return Df(g$(e), t);
 }, Ur = function(e, t) {
@@ -14659,7 +14659,7 @@ var On = function(e) {
     return f === void 0 ? f : c[f];
   }
 }, _$ = function(e) {
-  var t = Nf(e).filter(ud), n = sv(e, e, t), r = If(no([n], !0), !0, !0), a = no(t, !1);
+  var t = Nf(e).filter(ud), n = sv(e, e, t), r = If(ro([n], !0), !0, !0), a = ro(t, !1);
   return r.map(function(o) {
     var i = o.node, s = o.index;
     return {
@@ -14809,19 +14809,19 @@ var L$ = function(t) {
   return document && document.activeElement === document.body;
 }, z$ = function() {
   return fv() || w$();
-}, Ka = null, zt = null, Km = function() {
+}, Za = null, zt = null, Km = function() {
   return null;
-}, Za = null, Ai = !1, jf = !1, V$ = function() {
+}, qa = null, Ai = !1, jf = !1, V$ = function() {
   return !0;
 }, j$ = function(t) {
-  return (Ka.whiteList || V$)(t);
+  return (Za.whiteList || V$)(t);
 }, U$ = function(t, n) {
-  Za = {
+  qa = {
     observerNode: t,
     portaledElement: n
   };
 }, G$ = function(t) {
-  return Za && Za.portaledElement === t;
+  return qa && qa.portaledElement === t;
 };
 function Zm(e, t, n, r) {
   var a = null, o = e;
@@ -14854,8 +14854,8 @@ var W$ = function(t) {
   });
 }, pl = function() {
   var t = !1;
-  if (Ka) {
-    var n = Ka, r = n.observed, a = n.persistentFocus, o = n.autoFocus, i = n.shards, s = n.crossFrame, l = n.focusOptions, c = n.noFocusGuards, u = r || Za && Za.portaledElement;
+  if (Za) {
+    var n = Za, r = n.observed, a = n.persistentFocus, o = n.autoFocus, i = n.shards, s = n.crossFrame, l = n.focusOptions, c = n.noFocusGuards, u = r || qa && qa.portaledElement;
     if (fv() && zt && zt !== document.body && (!document.body.contains(zt) || Z$(zt))) {
       var d = Km();
       d && d.focus();
@@ -14873,7 +14873,7 @@ var W$ = function(t) {
       };
       if ((!f || j$(f)) && (a || g() || !z$() || !zt && o) && (u && !(iv(p) || f && K$(f, p) || G$(f)) && (document && !zt && f && !o ? (f.blur && f.blur(), document.body.focus()) : (t = lv(p, zt, {
         focusOptions: l
-      }), Za = {})), zt = document && document.activeElement, zt !== document.body && (Km = cv(zt)), Ai = !1), document && f !== document.activeElement && document.querySelector("[data-focus-auto-guard]")) {
+      }), qa = {})), zt = document && document.activeElement, zt !== document.body && (Km = cv(zt)), Ai = !1), document && f !== document.activeElement && document.querySelector("[data-focus-auto-guard]")) {
         var m = document && document.activeElement, v = _$(p), x = v.map(function(S) {
           var b = S.node;
           return b;
@@ -14928,9 +14928,9 @@ var yv = {
 };
 function eF(e) {
   var t = e.slice(-1)[0];
-  t && !Ka && X$();
-  var n = Ka, r = n && t && t.id === n.id;
-  Ka = t, n && !r && (n.onDeactivation(), e.filter(function(a) {
+  t && !Za && X$();
+  var n = Za, r = n && t && t.id === n.id;
+  Za = t, n && !r && (n.onDeactivation(), e.filter(function(a) {
     var o = a.id;
     return o === n.id;
   }).length || n.returnFocus(!t)), t ? (zt = null, (!r || n.observed !== t.observed) && t.onActivation(yv), pl(), Vf(pl)) : (J$(), zt = null);
@@ -14942,7 +14942,7 @@ Z3.assignMedium(function(e) {
 });
 const tF = n$(Q$, eF)(Y$);
 var bv = /* @__PURE__ */ Gt(function(t, n) {
-  return /* @__PURE__ */ Ce.createElement(qb, Zr({
+  return /* @__PURE__ */ Ae.createElement(qb, Zr({
     sideCar: tF,
     ref: n
   }, t));
@@ -15155,7 +15155,7 @@ var oF = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, Aa = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), As = {}, mu = 0, Av = function(e) {
+}, Ta = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), As = {}, mu = 0, Av = function(e) {
   return e && (e.host || Av(e.parentNode));
 }, iF = function(e, t) {
   return t.map(function(n) {
@@ -15179,8 +15179,8 @@ var oF = function(e) {
         u(f);
       else
         try {
-          var p = f.getAttribute(r), g = p !== null && p !== "false", m = (Aa.get(f) || 0) + 1, v = (o.get(f) || 0) + 1;
-          Aa.set(f, m), o.set(f, v), i.push(f), m === 1 && g && Cs.set(f, !0), v === 1 && f.setAttribute(n, "true"), g || f.setAttribute(r, "true");
+          var p = f.getAttribute(r), g = p !== null && p !== "false", m = (Ta.get(f) || 0) + 1, v = (o.get(f) || 0) + 1;
+          Ta.set(f, m), o.set(f, v), i.push(f), m === 1 && g && Cs.set(f, !0), v === 1 && f.setAttribute(n, "true"), g || f.setAttribute(r, "true");
         } catch (x) {
           console.error("aria-hidden: cannot operate on ", f, x);
         }
@@ -15188,9 +15188,9 @@ var oF = function(e) {
   };
   return u(t), s.clear(), mu++, function() {
     i.forEach(function(d) {
-      var f = Aa.get(d) - 1, p = o.get(d) - 1;
-      Aa.set(d, f), o.set(d, p), f || (Cs.has(d) || d.removeAttribute(r), Cs.delete(d)), p || d.removeAttribute(n);
-    }), mu--, mu || (Aa = /* @__PURE__ */ new WeakMap(), Aa = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), As = {});
+      var f = Ta.get(d) - 1, p = o.get(d) - 1;
+      Ta.set(d, f), o.set(d, p), f || (Cs.has(d) || d.removeAttribute(r), Cs.delete(d)), p || d.removeAttribute(n);
+    }), mu--, mu || (Ta = /* @__PURE__ */ new WeakMap(), Ta = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), As = {});
   };
 }, lF = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -15309,7 +15309,7 @@ function pF(e, t) {
   }, [t, e, n]);
 }
 function mF(e, ...t) {
-  const n = io(), r = e || n;
+  const n = so(), r = e || n;
   return it(() => t.map((a) => `${a}-${r}`), [r, t]);
 }
 const [gF, ta] = Yt({
@@ -15458,14 +15458,14 @@ var AF = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, _F = Pv(), qa = "data-scroll-locked", $F = function(e, t, n, r) {
+}, _F = Pv(), Ya = "data-scroll-locked", $F = function(e, t, n, r) {
   var a = e.left, o = e.top, i = e.right, s = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(bF, ` {
    overflow: hidden `).concat(r, `;
    padding-right: `).concat(s, "px ").concat(r, `;
   }
-  body[`).concat(qa, `] {
+  body[`).concat(Ya, `] {
     overflow: hidden `).concat(r, `;
     overscroll-behavior: contain;
     `).concat([
@@ -15498,18 +15498,18 @@ var AF = function() {
     margin-right: 0 `).concat(r, `;
   }
   
-  body[`).concat(qa, `] {
+  body[`).concat(Ya, `] {
     `).concat(vF, ": ").concat(s, `px;
   }
 `);
 }, Jm = function() {
-  var e = parseInt(document.body.getAttribute(qa) || "0", 10);
+  var e = parseInt(document.body.getAttribute(Ya) || "0", 10);
   return isFinite(e) ? e : 0;
 }, FF = function() {
   L.useEffect(function() {
-    return document.body.setAttribute(qa, (Jm() + 1).toString()), function() {
+    return document.body.setAttribute(Ya, (Jm() + 1).toString()), function() {
       var e = Jm() - 1;
-      e <= 0 ? document.body.removeAttribute(qa) : document.body.setAttribute(qa, e.toString());
+      e <= 0 ? document.body.removeAttribute(Ya) : document.body.setAttribute(Ya, e.toString());
     };
   }, []);
 }, MF = function(e) {
@@ -15531,7 +15531,7 @@ if (typeof window < "u")
   } catch {
     md = !1;
   }
-var Ta = md ? { passive: !1 } : !1, OF = function(e) {
+var Ea = md ? { passive: !1 } : !1, OF = function(e) {
   return e.tagName === "TEXTAREA";
 }, kv = function(e, t) {
   if (!(e instanceof Element))
@@ -15607,7 +15607,7 @@ var Ta = md ? { passive: !1 } : !1, OF = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, jF = 0, Ea = [];
+}, jF = 0, Pa = [];
 function UF(e) {
   var t = L.useRef([]), n = L.useRef([0, 0]), r = L.useRef(), a = L.useState(jF++)[0], o = L.useState(Pv)[0], i = L.useRef(e);
   L.useEffect(function() {
@@ -15642,7 +15642,7 @@ function UF(e) {
     return LF(D, v, m, D === "h" ? b : T, !0);
   }, []), l = L.useCallback(function(m) {
     var v = m;
-    if (!(!Ea.length || Ea[Ea.length - 1] !== o)) {
+    if (!(!Pa.length || Pa[Pa.length - 1] !== o)) {
       var x = "deltaY" in v ? eg(v) : Es(v), S = t.current.filter(function(E) {
         return E.name === v.type && (E.target === v.target || v.target === E.shadowParent) && zF(E.delta, x);
       })[0];
@@ -15672,14 +15672,14 @@ function UF(e) {
     c(m.type, Es(m), m.target, s(m, e.lockRef.current));
   }, []);
   L.useEffect(function() {
-    return Ea.push(o), e.setCallbacks({
+    return Pa.push(o), e.setCallbacks({
       onScrollCapture: d,
       onWheelCapture: d,
       onTouchMoveCapture: f
-    }), document.addEventListener("wheel", l, Ta), document.addEventListener("touchmove", l, Ta), document.addEventListener("touchstart", u, Ta), function() {
-      Ea = Ea.filter(function(m) {
+    }), document.addEventListener("wheel", l, Ea), document.addEventListener("touchmove", l, Ea), document.addEventListener("touchstart", u, Ea), function() {
+      Pa = Pa.filter(function(m) {
         return m !== o;
-      }), document.removeEventListener("wheel", l, Ta), document.removeEventListener("touchmove", l, Ta), document.removeEventListener("touchstart", u, Ta);
+      }), document.removeEventListener("wheel", l, Ea), document.removeEventListener("touchmove", l, Ea), document.removeEventListener("touchstart", u, Ea);
     };
   }, []);
   var p = e.removeScrollBar, g = e.inert;
@@ -16303,7 +16303,7 @@ const Ei = Ge(
   }
 );
 Ei.displayName = "Heading";
-const Ae = Ge(function(t, n) {
+const we = Ge(function(t, n) {
   const r = Xn("Text", t), { className: a, align: o, decoration: i, casing: s, ...l } = ln(t), c = vl({
     textAlign: t.align,
     textDecoration: t.decoration,
@@ -16320,7 +16320,7 @@ const Ae = Ge(function(t, n) {
     }
   );
 });
-Ae.displayName = "Text";
+we.displayName = "Text";
 function rg(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -16407,10 +16407,10 @@ function y9() {
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 var Wt = function(t, n, r) {
-  var a = !!r, o = Ce.useRef(r);
-  Ce.useEffect(function() {
+  var a = !!r, o = Ae.useRef(r);
+  Ae.useEffect(function() {
     o.current = r;
-  }, [r]), Ce.useEffect(function() {
+  }, [r]), Ae.useEffect(function() {
     if (!a || !t)
       return function() {
       };
@@ -16422,18 +16422,18 @@ var Wt = function(t, n, r) {
     };
   }, [a, n, t, o]);
 }, vd = function(t) {
-  var n = Ce.useRef(t);
-  return Ce.useEffect(function() {
+  var n = Ae.useRef(t);
+  return Ae.useEffect(function() {
     n.current = t;
   }, [t]), n.current;
-}, ro = function(t) {
+}, ao = function(t) {
   return t !== null && Ys(t) === "object";
 }, b9 = function(t) {
-  return ro(t) && typeof t.then == "function";
+  return ao(t) && typeof t.then == "function";
 }, v9 = function(t) {
-  return ro(t) && typeof t.elements == "function" && typeof t.createToken == "function" && typeof t.createPaymentMethod == "function" && typeof t.confirmCardPayment == "function";
+  return ao(t) && typeof t.elements == "function" && typeof t.createToken == "function" && typeof t.createPaymentMethod == "function" && typeof t.confirmCardPayment == "function";
 }, ig = "[object Object]", S9 = function e(t, n) {
-  if (!ro(t) || !ro(n))
+  if (!ao(t) || !ao(n))
     return t === n;
   var r = Array.isArray(t), a = Array.isArray(n);
   if (r !== a)
@@ -16458,8 +16458,8 @@ var Wt = function(t, n, r) {
   };
   return f.every(m);
 }, Vv = function(t, n, r) {
-  return ro(t) ? Object.keys(t).reduce(function(a, o) {
-    var i = !ro(n) || !S9(t[o], n[o]);
+  return ao(t) ? Object.keys(t).reduce(function(a, o) {
+    var i = !ao(n) || !S9(t[o], n[o]);
     return r.includes(o) ? (i && console.warn("Unsupported prop change: options.".concat(o, " is not a mutable property.")), a) : i ? ag(ag({}, a || {}), {}, Lv({}, o, t[o])) : a;
   }, null) : null;
 }, jv = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", sg = function(t) {
@@ -16492,22 +16492,22 @@ var Wt = function(t, n, r) {
     version: "2.8.1",
     url: "https://stripe.com/docs/stripe-js/react"
   }));
-}, Ul = /* @__PURE__ */ Ce.createContext(null);
+}, Ul = /* @__PURE__ */ Ae.createContext(null);
 Ul.displayName = "ElementsContext";
 var Uv = function(t, n) {
   if (!t)
     throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(n, " in an <Elements> provider."));
   return t;
 }, Xs = function(t) {
-  var n = t.stripe, r = t.options, a = t.children, o = Ce.useMemo(function() {
+  var n = t.stripe, r = t.options, a = t.children, o = Ae.useMemo(function() {
     return x9(n);
-  }, [n]), i = Ce.useState(function() {
+  }, [n]), i = Ae.useState(function() {
     return {
       stripe: o.tag === "sync" ? o.stripe : null,
       elements: o.tag === "sync" ? o.stripe.elements(r) : null
     };
   }), s = zv(i, 2), l = s[0], c = s[1];
-  Ce.useEffect(function() {
+  Ae.useEffect(function() {
     var f = !0, p = function(m) {
       c(function(v) {
         return v.stripe ? v : {
@@ -16523,18 +16523,18 @@ var Uv = function(t, n) {
     };
   }, [o, l, r]);
   var u = vd(n);
-  Ce.useEffect(function() {
+  Ae.useEffect(function() {
     u !== null && u !== n && console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
   }, [u, n]);
   var d = vd(r);
-  return Ce.useEffect(function() {
+  return Ae.useEffect(function() {
     if (l.elements) {
       var f = Vv(r, d, ["clientSecret", "fonts"]);
       f && l.elements.update(f);
     }
-  }, [r, d, l.elements]), Ce.useEffect(function() {
+  }, [r, d, l.elements]), Ae.useEffect(function() {
     w9(l.stripe);
-  }, [l.stripe]), /* @__PURE__ */ Ce.createElement(Ul.Provider, {
+  }, [l.stripe]), /* @__PURE__ */ Ae.createElement(Ul.Provider, {
     value: l
   }, a);
 };
@@ -16543,27 +16543,27 @@ Xs.propTypes = {
   options: et.object
 };
 var C9 = function(t) {
-  var n = Ce.useContext(Ul);
+  var n = Ae.useContext(Ul);
   return Uv(n, t);
 }, Gv = function() {
   var t = C9("calls useElements()"), n = t.elements;
   return n;
 };
 et.func.isRequired;
-var Wv = /* @__PURE__ */ Ce.createContext(null);
+var Wv = /* @__PURE__ */ Ae.createContext(null);
 Wv.displayName = "CustomCheckoutSdkContext";
 var A9 = function(t, n) {
   if (!t)
     throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(n, " in an <CustomCheckoutProvider> provider."));
   return t;
-}, T9 = /* @__PURE__ */ Ce.createContext(null);
+}, T9 = /* @__PURE__ */ Ae.createContext(null);
 T9.displayName = "CustomCheckoutContext";
 et.any, et.shape({
   clientSecret: et.string.isRequired,
   elementsOptions: et.object
 }).isRequired;
 var Sd = function(t) {
-  var n = Ce.useContext(Wv), r = Ce.useContext(Ul);
+  var n = Ae.useContext(Wv), r = Ae.useContext(Ul);
   if (n && r)
     throw new Error("You cannot wrap the part of your app that ".concat(t, " in both <CustomCheckoutProvider> and <Elements> providers."));
   return n ? A9(n, t) : Uv(r, t);
@@ -16571,24 +16571,24 @@ var Sd = function(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, ft = function(t, n) {
   var r = "".concat(E9(t), "Element"), a = function(l) {
-    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, g = l.onFocus, m = l.onReady, v = l.onChange, x = l.onEscape, S = l.onClick, b = l.onLoadError, T = l.onLoaderStart, E = l.onNetworksChange, k = l.onConfirm, $ = l.onCancel, R = l.onShippingAddressChange, D = l.onShippingRateChange, se = Sd("mounts <".concat(r, ">")), G = "elements" in se ? se.elements : null, ge = "customCheckoutSdk" in se ? se.customCheckoutSdk : null, W = Ce.useState(null), fe = zv(W, 2), Se = fe[0], z = fe[1], re = Ce.useRef(null), Ve = Ce.useRef(null);
+    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, g = l.onFocus, m = l.onReady, v = l.onChange, x = l.onEscape, S = l.onClick, b = l.onLoadError, T = l.onLoaderStart, E = l.onNetworksChange, k = l.onConfirm, $ = l.onCancel, R = l.onShippingAddressChange, D = l.onShippingRateChange, se = Sd("mounts <".concat(r, ">")), G = "elements" in se ? se.elements : null, ge = "customCheckoutSdk" in se ? se.customCheckoutSdk : null, H = Ae.useState(null), fe = zv(H, 2), Se = fe[0], z = fe[1], re = Ae.useRef(null), Ve = Ae.useRef(null);
     Wt(Se, "blur", p), Wt(Se, "focus", g), Wt(Se, "escape", x), Wt(Se, "click", S), Wt(Se, "loaderror", b), Wt(Se, "loaderstart", T), Wt(Se, "networkschange", E), Wt(Se, "confirm", k), Wt(Se, "cancel", $), Wt(Se, "shippingaddresschange", R), Wt(Se, "shippingratechange", D), Wt(Se, "change", v);
     var je;
     m && (t === "expressCheckout" ? je = m : je = function() {
       m(Se);
-    }), Wt(Se, "ready", je), Ce.useLayoutEffect(function() {
+    }), Wt(Se, "ready", je), Ae.useLayoutEffect(function() {
       if (re.current === null && Ve.current !== null && (G || ge)) {
         var F = null;
         ge ? F = ge.createElement(t, f) : G && (F = G.create(t, f)), re.current = F, z(F), F && F.mount(Ve.current);
       }
     }, [G, ge, f]);
     var O = vd(f);
-    return Ce.useEffect(function() {
+    return Ae.useEffect(function() {
       if (re.current) {
         var F = Vv(f, O, ["paymentRequest"]);
         F && "update" in re.current && re.current.update(F);
       }
-    }, [f, O]), Ce.useLayoutEffect(function() {
+    }, [f, O]), Ae.useLayoutEffect(function() {
       return function() {
         if (re.current && typeof re.current.destroy == "function")
           try {
@@ -16596,7 +16596,7 @@ var Sd = function(t) {
           } catch {
           }
       };
-    }, []), /* @__PURE__ */ Ce.createElement("div", {
+    }, []), /* @__PURE__ */ Ae.createElement("div", {
       id: c,
       className: u,
       ref: Ve
@@ -16604,7 +16604,7 @@ var Sd = function(t) {
   }, o = function(l) {
     Sd("mounts <".concat(r, ">"));
     var c = l.id, u = l.className;
-    return /* @__PURE__ */ Ce.createElement("div", {
+    return /* @__PURE__ */ Ae.createElement("div", {
       id: c,
       className: u
     });
@@ -16627,7 +16627,7 @@ var Sd = function(t) {
     onShippingRateChange: et.func,
     options: et.object
   }, i.displayName = r, i.__elementType = t, i;
-}, ht = typeof window > "u", P9 = /* @__PURE__ */ Ce.createContext(null);
+}, ht = typeof window > "u", P9 = /* @__PURE__ */ Ae.createContext(null);
 P9.displayName = "EmbeddedCheckoutProviderContext";
 var Gl = function() {
   var t = Sd("calls useStripe()"), n = t.stripe;
@@ -17158,15 +17158,15 @@ function lM(e, t) {
   }
   return n.set(e, t), this.size = n.size, this;
 }
-function lo(e) {
+function co(e) {
   var t = this.__data__ = new Jn(e);
   this.size = t.size;
 }
-lo.prototype.clear = x8;
-lo.prototype.delete = w8;
-lo.prototype.get = C8;
-lo.prototype.has = A8;
-lo.prototype.set = lM;
+co.prototype.clear = x8;
+co.prototype.delete = w8;
+co.prototype.get = C8;
+co.prototype.has = A8;
+co.prototype.set = lM;
 function cM(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
     ;
@@ -17251,8 +17251,8 @@ var l1 = typeof exports == "object" && exports && !exports.nodeType && exports,
   } catch {
   }
 }();
-const ao = e7;
-var bg = ao && ao.isTypedArray, t7 = bg ? Xf(bg) : JM;
+const oo = e7;
+var bg = oo && oo.isTypedArray, t7 = bg ? Xf(bg) : JM;
 const n7 = t7;
 var r7 = Object.prototype, a7 = r7.hasOwnProperty;
 function c1(e, t) {
@@ -17478,13 +17478,13 @@ var yO = "[object Map]";
 function bO(e) {
   return ra(e) && nh(e) == yO;
 }
-var Mg = ao && ao.isMap, vO = Mg ? Xf(Mg) : bO;
+var Mg = oo && oo.isMap, vO = Mg ? Xf(Mg) : bO;
 const SO = vO;
 var xO = "[object Set]";
 function wO(e) {
   return ra(e) && nh(e) == xO;
 }
-var Og = ao && ao.isSet, CO = Og ? Xf(Og) : wO;
+var Og = oo && oo.isSet, CO = Og ? Xf(Og) : wO;
 const AO = CO;
 var TO = 1, EO = 2, PO = 4, y1 = "[object Arguments]", kO = "[object Array]", _O = "[object Boolean]", $O = "[object Date]", FO = "[object Error]", b1 = "[object Function]", MO = "[object GeneratorFunction]", OO = "[object Map]", IO = "[object Number]", v1 = "[object Object]", RO = "[object RegExp]", DO = "[object Set]", BO = "[object String]", NO = "[object Symbol]", LO = "[object WeakMap]", zO = "[object ArrayBuffer]", VO = "[object DataView]", jO = "[object Float32Array]", UO = "[object Float64Array]", GO = "[object Int8Array]", WO = "[object Int16Array]", HO = "[object Int32Array]", KO = "[object Uint8Array]", ZO = "[object Uint8ClampedArray]", qO = "[object Uint16Array]", YO = "[object Uint32Array]", Ze = {};
 Ze[y1] = Ze[kO] = Ze[zO] = Ze[VO] = Ze[_O] = Ze[$O] = Ze[jO] = Ze[UO] = Ze[GO] = Ze[WO] = Ze[HO] = Ze[OO] = Ze[IO] = Ze[v1] = Ze[RO] = Ze[DO] = Ze[BO] = Ze[NO] = Ze[KO] = Ze[ZO] = Ze[qO] = Ze[YO] = !0;
@@ -17512,7 +17512,7 @@ function ii(e, t, n, r, a, o) {
       i = hO(e, d, s);
     }
   }
-  o || (o = new lo());
+  o || (o = new co());
   var p = o.get(e);
   if (p)
     return p;
@@ -17582,7 +17582,7 @@ var tI = function(t, n) {
 };
 const Mr = /* @__PURE__ */ Oi(tI);
 var nI = process.env.NODE_ENV === "production";
-function La(e, t) {
+function za(e, t) {
   if (!nI) {
     if (e)
       return;
@@ -17683,7 +17683,7 @@ var gI = ql.Provider;
 ql.Consumer;
 function yI() {
   var e = nt(ql);
-  return e || (process.env.NODE_ENV !== "production" ? La(!1, "Formik context is undefined, please verify you are calling useFormikContext() as child of a <Formik> component.") : La(!1)), e;
+  return e || (process.env.NODE_ENV !== "production" ? za(!1, "Formik context is undefined, please verify you are calling useFormikContext() as child of a <Formik> component.") : za(!1)), e;
 }
 var hn = function(t) {
   return typeof t == "function";
@@ -17800,7 +17800,7 @@ function xI(e) {
     onSubmit: u
   }, d), p = be(f.initialValues), g = be(f.initialErrors || Pr), m = be(f.initialTouched || $s), v = be(f.initialStatus), x = be(!1), S = be({});
   process.env.NODE_ENV !== "production" && he(function() {
-    typeof s > "u" || (process.env.NODE_ENV !== "production" ? La(!1, "isInitialValid has been deprecated and will be removed in future versions of Formik. Please use initialErrors or validateOnMount instead.") : La(!1));
+    typeof s > "u" || (process.env.NODE_ENV !== "production" ? za(!1, "isInitialValid has been deprecated and will be removed in future versions of Formik. Please use initialErrors or validateOnMount instead.") : za(!1));
   }, []), he(function() {
     return x.current = !0, function() {
       x.current = !1;
@@ -17859,7 +17859,7 @@ function xI(e) {
       });
       return xe;
     });
-  }, [f.validate, f.validationSchema, G, R, D]), W = en(function(P) {
+  }, [f.validate, f.validationSchema, G, R, D]), H = en(function(P) {
     return P === void 0 && (P = k.values), $({
       type: "SET_ISVALIDATING",
       payload: !0
@@ -17874,8 +17874,8 @@ function xI(e) {
     });
   });
   he(function() {
-    i && x.current === !0 && Mr(p.current, f.initialValues) && W(p.current);
-  }, [i, W]);
+    i && x.current === !0 && Mr(p.current, f.initialValues) && H(p.current);
+  }, [i, H]);
   var fe = de(function(P) {
     var I = P && P.values ? P.values : p.current, U = P && P.errors ? P.errors : g.current ? g.current : f.initialErrors || {}, J = P && P.touched ? P.touched : m.current ? m.current : f.initialTouched || {}, ye = P && P.status ? P.status : v.current ? v.current : f.initialStatus;
     p.current = I, g.current = U, m.current = J, v.current = ye;
@@ -17900,8 +17900,8 @@ function xI(e) {
       xe();
   }, [f.initialErrors, f.initialStatus, f.initialTouched, f.onReset]);
   he(function() {
-    x.current === !0 && !Mr(p.current, f.initialValues) && c && (p.current = f.initialValues, fe(), i && W(p.current));
-  }, [c, f.initialValues, fe, i, W]), he(function() {
+    x.current === !0 && !Mr(p.current, f.initialValues) && c && (p.current = f.initialValues, fe(), i && H(p.current));
+  }, [c, f.initialValues, fe, i, H]), he(function() {
     c && x.current === !0 && !Mr(g.current, f.initialErrors) && (g.current = f.initialErrors || Pr, $({
       type: "SET_ERRORS",
       payload: f.initialErrors || Pr
@@ -17975,7 +17975,7 @@ function xI(e) {
       payload: P
     });
     var U = I === void 0 ? a : I;
-    return U ? W(k.values) : Promise.resolve();
+    return U ? H(k.values) : Promise.resolve();
   }), je = de(function(P) {
     $({
       type: "SET_ERRORS",
@@ -17988,7 +17988,7 @@ function xI(e) {
       payload: U
     });
     var J = I === void 0 ? n : I;
-    return J ? W(U) : Promise.resolve();
+    return J ? H(U) : Promise.resolve();
   }), F = de(function(P, I) {
     $({
       type: "SET_FIELD_ERROR",
@@ -17997,7 +17997,7 @@ function xI(e) {
         value: I
       }
     });
-  }, []), H = en(function(P, I, U) {
+  }, []), W = en(function(P, I, U) {
     $({
       type: "SET_FIELD_VALUE",
       payload: {
@@ -18006,7 +18006,7 @@ function xI(e) {
       }
     });
     var J = U === void 0 ? n : U;
-    return J ? W(Gr(k.values, P, I)) : Promise.resolve();
+    return J ? H(Gr(k.values, P, I)) : Promise.resolve();
   }), N = de(function(P, I) {
     var U = I, J = P, ye;
     if (!Su(P)) {
@@ -18018,8 +18018,8 @@ function xI(e) {
         handlerName: "handleChange"
       }), J = /number|range/.test(Xe) ? (ye = parseFloat(Rn), isNaN(ye) ? "" : ye) : /checkbox/.test(Xe) ? EI(Ht(k.values, U), la, Rn) : Cr && er ? TI(Cr) : Rn;
     }
-    U && H(U, J);
-  }, [H, k.values]), Y = en(function(P) {
+    U && W(U, J);
+  }, [W, k.values]), Y = en(function(P) {
     if (Su(P))
       return function(I) {
         return N(I, P);
@@ -18034,7 +18034,7 @@ function xI(e) {
       }
     });
     var J = U === void 0 ? a : U;
-    return J ? W(k.values) : Promise.resolve();
+    return J ? H(k.values) : Promise.resolve();
   }), K = de(function(P, I) {
     P.persist && P.persist();
     var U = P.target, J = U.name, ye = U.id, xe = U.outerHTML, Xe = I || J || ye;
@@ -18072,7 +18072,7 @@ function xI(e) {
   }, []), Pe = en(function() {
     return $({
       type: "SUBMIT_ATTEMPT"
-    }), W().then(function(P) {
+    }), H().then(function(P) {
       var I = P instanceof Error, U = !I && Object.keys(P).length === 0;
       if (U) {
         var J;
@@ -18100,19 +18100,19 @@ function xI(e) {
   }), B = en(function(P) {
     if (P && P.preventDefault && hn(P.preventDefault) && P.preventDefault(), P && P.stopPropagation && hn(P.stopPropagation) && P.stopPropagation(), process.env.NODE_ENV !== "production" && typeof document < "u") {
       var I = vI();
-      I !== null && I instanceof HTMLButtonElement && (I.attributes && I.attributes.getNamedItem("type") || (process.env.NODE_ENV !== "production" ? La(!1, 'You submitted a Formik form using a button with an unspecified `type` attribute.  Most browsers default button elements to `type="submit"`. If this is not a submit button, please add `type="button"`.') : La(!1)));
+      I !== null && I instanceof HTMLButtonElement && (I.attributes && I.attributes.getNamedItem("type") || (process.env.NODE_ENV !== "production" ? za(!1, 'You submitted a Formik form using a button with an unspecified `type` attribute.  Most browsers default button elements to `type="submit"`. If this is not a submit button, please add `type="button"`.') : za(!1)));
     }
     Pe().catch(function(U) {
       console.warn("Warning: An unhandled error was caught from submitForm()", U);
     });
   }), rt = {
     resetForm: fe,
-    validateForm: W,
+    validateForm: H,
     validateField: Se,
     setErrors: je,
     setFieldError: F,
     setFieldTouched: ae,
-    setFieldValue: H,
+    setFieldValue: W,
     setStatus: ie,
     setSubmitting: Z,
     setTouched: Ve,
@@ -18135,7 +18135,7 @@ function xI(e) {
   }, [k.errors, k.touched, k.values]), mt = de(function(P) {
     return {
       setValue: function(U, J) {
-        return H(P, U, J);
+        return W(P, U, J);
       },
       setTouched: function(U, J) {
         return ae(P, U, J);
@@ -18144,7 +18144,7 @@ function xI(e) {
         return F(P, U);
       }
     };
-  }, [H, ae, F]), St = de(function(P) {
+  }, [W, ae, F]), St = de(function(P) {
     var I = Yl(P), U = I ? P.name : P, J = Ht(k.values, U), ye = {
       name: U,
       value: J,
@@ -18173,14 +18173,14 @@ function xI(e) {
     setErrors: je,
     setFormikState: le,
     setFieldTouched: ae,
-    setFieldValue: H,
+    setFieldValue: W,
     setFieldError: F,
     setStatus: ie,
     setSubmitting: Z,
     setTouched: Ve,
     setValues: O,
     submitForm: Pe,
-    validateForm: W,
+    validateForm: H,
     validateField: Se,
     isValid: gt,
     dirty: _e,
@@ -18688,7 +18688,7 @@ class sa {
 }
 sa.prototype.__isYupRef = !0;
 const Nr = (e) => e == null;
-function Pa(e) {
+function ka(e) {
   function t({
     value: n,
     path: r = "",
@@ -18723,8 +18723,8 @@ function Pa(e) {
       }, d, G.params);
       for (const fe of Object.keys(ge))
         ge[fe] = S(ge[fe]);
-      const W = new Vt(Vt.formatError(G.message || f, ge), n, ge.path, G.type || c, ge.disableStackTrace);
-      return W.params = ge, W;
+      const H = new Vt(Vt.formatError(G.message || f, ge), n, ge.path, G.type || c, ge.disableStackTrace);
+      return H.params = ge, H;
     }
     const T = v ? s : l;
     let E = {
@@ -18815,7 +18815,7 @@ class yl extends Set {
     return t.forEach((a) => r.add(a)), n.forEach((a) => r.delete(a)), r;
   }
 }
-function za(e, t = /* @__PURE__ */ new Map()) {
+function Va(e, t = /* @__PURE__ */ new Map()) {
   if (uh(e) || !e || typeof e != "object")
     return e;
   if (t.has(e))
@@ -18828,19 +18828,19 @@ function za(e, t = /* @__PURE__ */ new Map()) {
   else if (Array.isArray(e)) {
     n = new Array(e.length), t.set(e, n);
     for (let r = 0; r < e.length; r++)
-      n[r] = za(e[r], t);
+      n[r] = Va(e[r], t);
   } else if (e instanceof Map) {
     n = /* @__PURE__ */ new Map(), t.set(e, n);
     for (const [r, a] of e.entries())
-      n.set(r, za(a, t));
+      n.set(r, Va(a, t));
   } else if (e instanceof Set) {
     n = /* @__PURE__ */ new Set(), t.set(e, n);
     for (const r of e)
-      n.add(za(r, t));
+      n.add(Va(r, t));
   } else if (e instanceof Object) {
     n = {}, t.set(e, n);
     for (const [r, a] of Object.entries(e))
-      n[r] = za(a, t);
+      n[r] = Va(a, t);
   } else
     throw Error(`Unable to clone ${e}`);
   return n;
@@ -18870,7 +18870,7 @@ class Mn {
     if (this._mutate)
       return t && Object.assign(this.spec, t), this;
     const n = Object.create(Object.getPrototypeOf(this));
-    return n.type = this.type, n._typeCheck = this._typeCheck, n._whitelist = this._whitelist.clone(), n._blacklist = this._blacklist.clone(), n.internalTests = Object.assign({}, this.internalTests), n.exclusiveTests = Object.assign({}, this.exclusiveTests), n.deps = [...this.deps], n.conditions = [...this.conditions], n.tests = [...this.tests], n.transforms = [...this.transforms], n.spec = za(Object.assign({}, this.spec, t)), n;
+    return n.type = this.type, n._typeCheck = this._typeCheck, n._whitelist = this._whitelist.clone(), n._blacklist = this._blacklist.clone(), n.internalTests = Object.assign({}, this.internalTests), n.exclusiveTests = Object.assign({}, this.exclusiveTests), n.deps = [...this.deps], n.conditions = [...this.conditions], n.tests = [...this.tests], n.transforms = [...this.transforms], n.spec = Va(Object.assign({}, this.spec, t)), n;
   }
   label(t) {
     let n = this.clone();
@@ -19080,7 +19080,7 @@ attempted value: ${i}
   }
   _getDefault(t) {
     let n = this.spec.default;
-    return n == null ? n : typeof n == "function" ? n.call(this, t) : za(n);
+    return n == null ? n : typeof n == "function" ? n.call(this, t) : Va(n);
   }
   getDefault(t) {
     return this.resolve(t || {})._getDefault(t);
@@ -19099,7 +19099,7 @@ attempted value: ${i}
     const r = this.clone({
       nullable: t
     });
-    return r.internalTests.nullable = Pa({
+    return r.internalTests.nullable = ka({
       message: n,
       name: "nullable",
       test(a) {
@@ -19111,7 +19111,7 @@ attempted value: ${i}
     const r = this.clone({
       optional: t
     });
-    return r.internalTests.optionality = Pa({
+    return r.internalTests.optionality = ka({
       message: n,
       name: "optionality",
       test(a) {
@@ -19167,7 +19167,7 @@ attempted value: ${i}
       test: t[2]
     }, n.message === void 0 && (n.message = wn.default), typeof n.test != "function")
       throw new TypeError("`test` is a required parameters");
-    let r = this.clone(), a = Pa(n), o = n.exclusive || n.name && r.exclusiveTests[n.name] === !0;
+    let r = this.clone(), a = ka(n), o = n.exclusive || n.name && r.exclusiveTests[n.name] === !0;
     if (n.exclusive && !n.name)
       throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");
     return n.name && (r.exclusiveTests[n.name] = !!n.exclusive), r.tests = r.tests.filter((i) => !(i.OPTIONS.name === n.name && (o || i.OPTIONS.test === a.OPTIONS.test))), r.tests.push(a), r;
@@ -19181,7 +19181,7 @@ attempted value: ${i}
   }
   typeError(t) {
     let n = this.clone();
-    return n.internalTests.typeError = Pa({
+    return n.internalTests.typeError = ka({
       message: t,
       name: "typeError",
       skipAbsent: !0,
@@ -19198,7 +19198,7 @@ attempted value: ${i}
     let r = this.clone();
     return t.forEach((a) => {
       r._whitelist.add(a), r._blacklist.delete(a);
-    }), r.internalTests.whiteList = Pa({
+    }), r.internalTests.whiteList = ka({
       message: n,
       name: "oneOf",
       skipAbsent: !0,
@@ -19217,7 +19217,7 @@ attempted value: ${i}
     let r = this.clone();
     return t.forEach((a) => {
       r._blacklist.add(a), r._whitelist.delete(a);
-    }), r.internalTests.blacklist = Pa({
+    }), r.internalTests.blacklist = ka({
       message: n,
       name: "notOneOf",
       test(a) {
@@ -21593,7 +21593,7 @@ const qg = /* @__PURE__ */ new Map([
   const [T, E] = X(0);
   return /* @__PURE__ */ M(Ee, { w: p || "full", children: [
     e && /* @__PURE__ */ h(
-      Ae,
+      we,
       {
         as: "label",
         htmlFor: n,
@@ -21671,7 +21671,7 @@ const qg = /* @__PURE__ */ new Map([
       }
     ) }),
     s && l && /* @__PURE__ */ M(ne, { alignItems: "center", gap: "6px", children: [
-      /* @__PURE__ */ h(Ya, { color: Qe.red500 }),
+      /* @__PURE__ */ h(Xa, { color: Qe.red500 }),
       /* @__PURE__ */ h(by, { color: Qe.red500, size: "xxs", fontFamily: m, children: l })
     ] })
   ] });
@@ -21688,7 +21688,7 @@ const qg = /* @__PURE__ */ new Map([
     borderRadius: "64px",
     ...n,
     children: [
-      /* @__PURE__ */ h(dt, { children: e }),
+      /* @__PURE__ */ h(lt, { children: e }),
       t && /* @__PURE__ */ h(Ee, { position: "absolute", right: "6px", children: t })
     ]
   }
@@ -21718,7 +21718,7 @@ const qg = /* @__PURE__ */ new Map([
   Styles: S
 }) => {
   var Pe, B, rt;
-  const b = Gl(), T = Gv(), { isOpen: E, onOpen: k, onClose: $ } = ka();
+  const b = Gl(), T = Gv(), { isOpen: E, onOpen: k, onClose: $ } = _a();
   yr("(max-width: 767px)"), yr("(max-height: 600px)");
   const R = be(null), [D, se] = X(0), [G, ge] = X(0);
   he(() => {
@@ -21745,9 +21745,9 @@ const qg = /* @__PURE__ */ new Map([
       R.current && ue.unobserve(R.current);
     };
   }, [k, $, i, o]);
-  const W = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: fe, data: Se } = qf(u), [z, re] = X(!1), [Ve, je] = X(""), [O, F] = X("");
+  const H = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: fe, data: Se } = qf(u), [z, re] = X(!1), [Ve, je] = X(""), [O, F] = X("");
   X(!1);
-  const [H, N] = X(0), Y = be(null), ae = (n == null ? void 0 : n.country) ?? (W == null ? void 0 : W.country_name), K = (Pe = an == null ? void 0 : an.find(
+  const [W, N] = X(0), Y = be(null), ae = (n == null ? void 0 : n.country) ?? (H == null ? void 0 : H.country_name), K = (Pe = an == null ? void 0 : an.find(
     (ue) => ue.name === ae
   )) == null ? void 0 : Pe.alpha2Code, Q = r.values.street, le = async (ue) => {
     var pt, Bt, mt;
@@ -21852,7 +21852,7 @@ const qg = /* @__PURE__ */ new Map([
     return ue(), window.addEventListener("resize", ue), () => {
       window.removeEventListener("resize", ue);
     };
-  }, []), /* @__PURE__ */ h(dt, { children: i && /* @__PURE__ */ h(Ee, { position: "relative", children: a ? /* @__PURE__ */ h(dt, {}) : /* @__PURE__ */ h(Si, { in: o, animateOpacity: !0, children: /* @__PURE__ */ M(
+  }, []), /* @__PURE__ */ h(lt, { children: i && /* @__PURE__ */ h(Ee, { position: "relative", children: a ? /* @__PURE__ */ h(lt, {}) : /* @__PURE__ */ h(Si, { in: o, animateOpacity: !0, children: /* @__PURE__ */ M(
     Ee,
     {
       ref: Y,
@@ -21862,7 +21862,7 @@ const qg = /* @__PURE__ */ new Map([
         /* @__PURE__ */ M(Gf, { gap: "16px", children: [
           /* @__PURE__ */ M(Ee, { children: [
             /* @__PURE__ */ h(
-              Ae,
+              we,
               {
                 fontSize: "14px",
                 fontWeight: "600",
@@ -21905,7 +21905,7 @@ const qg = /* @__PURE__ */ new Map([
           /* @__PURE__ */ M(ne, { width: "100%", gap: "8px", children: [
             /* @__PURE__ */ M(Ee, { flexBasis: "50%", children: [
               /* @__PURE__ */ h(
-                Ae,
+                we,
                 {
                   fontSize: "14px",
                   fontWeight: "600",
@@ -21947,7 +21947,7 @@ const qg = /* @__PURE__ */ new Map([
             ] }),
             /* @__PURE__ */ M(Ee, { flexBasis: "50%", children: [
               /* @__PURE__ */ h(
-                Ae,
+                we,
                 {
                   fontSize: "14px",
                   fontWeight: "600",
@@ -22010,7 +22010,7 @@ const qg = /* @__PURE__ */ new Map([
               },
               fontFamily: "inherit",
               label: /* @__PURE__ */ h(
-                Ae,
+                we,
                 {
                   as: "label",
                   fontSize: "14px",
@@ -22056,7 +22056,7 @@ const qg = /* @__PURE__ */ new Map([
               }
             ),
             Z !== null && /* @__PURE__ */ h(
-              Ae,
+              we,
               {
                 color: Z ? "#0BA162" : "red",
                 fontSize: "12px",
@@ -22077,7 +22077,7 @@ const qg = /* @__PURE__ */ new Map([
               ne,
               {
                 gap: "10px",
-                width: `${H}px`,
+                width: `${W}px`,
                 mt: "12px",
                 flexDirection: { base: "column", md: "row" },
                 children: [
@@ -22100,7 +22100,7 @@ const qg = /* @__PURE__ */ new Map([
                     {
                       bgColor: l,
                       label: "Confirm Payment",
-                      maxWidth: `${H}px`,
+                      maxWidth: `${W}px`,
                       flexGrow: 1,
                       onClick: (ue) => {
                         le(ue);
@@ -22140,7 +22140,7 @@ const qg = /* @__PURE__ */ new Map([
             alignItems: "center",
             children: [
               /* @__PURE__ */ h(B1, { mt: 0.5, boxSize: 6 }),
-              /* @__PURE__ */ h(Ae, { fontSize: "14px", lineHeight: "22px", color: "#4D5760", children: "Payments are secured and encrypted" })
+              /* @__PURE__ */ h(we, { fontSize: "14px", lineHeight: "22px", color: "#4D5760", children: "Payments are secured and encrypted" })
             ]
           }
         )
@@ -26248,7 +26248,7 @@ const Xg = "Payment Completed", OR = ({
               }
             ),
             /* @__PURE__ */ M(
-              Ae,
+              we,
               {
                 color: "black",
                 fontFamily: "Bricolage Grotesque",
@@ -26291,7 +26291,7 @@ const Xg = "Payment Completed", OR = ({
                 py: "4px",
                 children: [
                   /* @__PURE__ */ h(Pu, { color: "black", boxSize: "24px" }),
-                  /* @__PURE__ */ h(Ae, { children: "Cancel" })
+                  /* @__PURE__ */ h(we, { children: "Cancel" })
                 ]
               }
             ),
@@ -26347,7 +26347,7 @@ const Xg = "Payment Completed", OR = ({
       maxHeight: { lg: "95vh", base: "80vh" },
       fontFamily: "Bricolage Grotesque",
       children: [
-        r && /* @__PURE__ */ M(dt, { children: [
+        r && /* @__PURE__ */ M(lt, { children: [
           /* @__PURE__ */ h(Rv, {}),
           /* @__PURE__ */ h(
             Vl,
@@ -26370,7 +26370,7 @@ const Xg = "Payment Completed", OR = ({
   onClose: t
 }) => {
   const [n] = yr("(min-width: 768px)");
-  return /* @__PURE__ */ h(dt, { children: n ? /* @__PURE__ */ M(
+  return /* @__PURE__ */ h(lt, { children: n ? /* @__PURE__ */ M(
     Nl,
     {
       isCentered: !0,
@@ -26404,7 +26404,7 @@ const Xg = "Payment Completed", OR = ({
             )
           ] }),
           /* @__PURE__ */ h(zl, { p: "0", children: /* @__PURE__ */ h(
-            Ae,
+            we,
             {
               mt: "4px",
               mb: "16px",
@@ -26442,7 +26442,7 @@ const Xg = "Payment Completed", OR = ({
       }
     ),
     /* @__PURE__ */ h(
-      Ae,
+      we,
       {
         mt: "4px",
         mb: "28px",
@@ -26473,7 +26473,7 @@ const Xg = "Payment Completed", OR = ({
   onConfirm: a
 }) => {
   const [o] = yr("(min-width: 768px)");
-  return /* @__PURE__ */ h(dt, { children: o ? /* @__PURE__ */ M(
+  return /* @__PURE__ */ h(lt, { children: o ? /* @__PURE__ */ M(
     Nl,
     {
       isCentered: !0,
@@ -26491,7 +26491,7 @@ const Xg = "Payment Completed", OR = ({
                 borderRadius: "16px",
                 bg: Qe.monochromeWhite,
                 boxSize: "48px",
-                children: /* @__PURE__ */ h(Ya, { color: Qe.monochromeBlack, boxSize: "24px" })
+                children: /* @__PURE__ */ h(Xa, { color: Qe.monochromeBlack, boxSize: "24px" })
               }
             ),
             /* @__PURE__ */ h(
@@ -26508,7 +26508,7 @@ const Xg = "Payment Completed", OR = ({
             )
           ] }),
           /* @__PURE__ */ h(zl, { p: "0", mb: "20px", children: /* @__PURE__ */ M(
-            Ae,
+            we,
             {
               fontSize: "16px",
               fontWeight: 400,
@@ -26519,7 +26519,7 @@ const Xg = "Payment Completed", OR = ({
               children: [
                 "We'll send your receipt and access details to",
                 " ",
-                /* @__PURE__ */ h(Ae, { as: "span", fontWeight: "600", color: "#111215", children: n }),
+                /* @__PURE__ */ h(we, { as: "span", fontWeight: "600", color: "#111215", children: n }),
                 ". Make sure it's correct so you don't miss anything."
               ]
             }
@@ -26558,7 +26558,7 @@ const Xg = "Payment Completed", OR = ({
         borderRadius: "16px",
         bg: Qe.monochromeWhite,
         boxSize: "48px",
-        children: /* @__PURE__ */ h(Ya, { color: Qe.monochromeBlack, boxSize: "24px" })
+        children: /* @__PURE__ */ h(Xa, { color: Qe.monochromeBlack, boxSize: "24px" })
       }
     ),
     /* @__PURE__ */ h(
@@ -26573,7 +26573,7 @@ const Xg = "Payment Completed", OR = ({
       }
     ),
     /* @__PURE__ */ M(
-      Ae,
+      we,
       {
         mb: "16px",
         fontSize: "14px",
@@ -26585,7 +26585,7 @@ const Xg = "Payment Completed", OR = ({
         children: [
           "We'll send your receipt and access details to",
           " ",
-          /* @__PURE__ */ h(Ae, { as: "span", fontWeight: "600", color: "#111215", children: n }),
+          /* @__PURE__ */ h(we, { as: "span", fontWeight: "600", color: "#111215", children: n }),
           ". Make sure it's correct so you don't miss anything."
         ]
       }
@@ -26687,7 +26687,7 @@ const Xg = "Payment Completed", OR = ({
       transform: "translate(5.33252 5.33398)"
     }
   ) }) })
-] }), oo = ({ children: e, isLoading: t, ...n }) => /* @__PURE__ */ h(
+] }), io = ({ children: e, isLoading: t, ...n }) => /* @__PURE__ */ h(
   Ee,
   {
     borderRadius: "12px",
@@ -26698,7 +26698,7 @@ const Xg = "Payment Completed", OR = ({
     cursor: "pointer",
     textAlign: "left",
     ...n,
-    children: t ? /* @__PURE__ */ h(ne, { justifyContent: "center", children: /* @__PURE__ */ h(N1, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ h(dt, { children: e })
+    children: t ? /* @__PURE__ */ h(ne, { justifyContent: "center", children: /* @__PURE__ */ h(N1, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ h(lt, { children: e })
   }
 ), NR = ({
   currency: e,
@@ -26821,8 +26821,8 @@ const Xg = "Payment Completed", OR = ({
     const b = await r.validateForm();
     Object.keys(b).length > 0 || f == null || f.show();
   };
-  return /* @__PURE__ */ h(dt, { children: f && ((g == null ? void 0 : g.applePay) || (g == null ? void 0 : g.googlePay)) && /* @__PURE__ */ M(dt, { children: [
-    (g == null ? void 0 : g.applePay) && /* @__PURE__ */ h(oo, { onClick: S, disabled: v, children: /* @__PURE__ */ M(
+  return /* @__PURE__ */ h(lt, { children: f && ((g == null ? void 0 : g.applePay) || (g == null ? void 0 : g.googlePay)) && /* @__PURE__ */ M(lt, { children: [
+    (g == null ? void 0 : g.applePay) && /* @__PURE__ */ h(io, { onClick: S, disabled: v, children: /* @__PURE__ */ M(
       ne,
       {
         justifyContent: "space-between",
@@ -26832,7 +26832,7 @@ const Xg = "Payment Completed", OR = ({
           /* @__PURE__ */ M(ne, { alignItems: "center", gap: "12px", children: [
             /* @__PURE__ */ h(DR, { boxSize: "32px" }),
             /* @__PURE__ */ h(
-              Ae,
+              we,
               {
                 color: "#111215",
                 fontFamily: "Bricolage Grotesque",
@@ -26848,7 +26848,7 @@ const Xg = "Payment Completed", OR = ({
         ]
       }
     ) }),
-    (g == null ? void 0 : g.googlePay) && /* @__PURE__ */ h(oo, { onClick: S, disabled: v, children: /* @__PURE__ */ M(
+    (g == null ? void 0 : g.googlePay) && /* @__PURE__ */ h(io, { onClick: S, disabled: v, children: /* @__PURE__ */ M(
       ne,
       {
         justifyContent: "space-between",
@@ -26858,7 +26858,7 @@ const Xg = "Payment Completed", OR = ({
           /* @__PURE__ */ M(ne, { alignItems: "center", gap: "12px", children: [
             /* @__PURE__ */ h(BR, { boxSize: "32px" }),
             /* @__PURE__ */ h(
-              Ae,
+              we,
               {
                 color: "#111215",
                 fontFamily: "Bricolage Grotesque",
@@ -26931,7 +26931,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
   summaryGridWidth: k
 }) => {
   var fe, Se;
-  const { isOpen: $, onToggle: R } = ka({ defaultIsOpen: !1 }), [D] = yr("(max-width: 767px)"), se = async () => {
+  const { isOpen: $, onToggle: R } = _a({ defaultIsOpen: !1 }), [D] = yr("(max-width: 767px)"), se = async () => {
     var z, re, Ve, je, O;
     if (i)
       if (s !== "")
@@ -26958,8 +26958,8 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
       value: 0,
       isFullDiscount: !1
     }), f == null || f());
-  }, ge = (z) => z > 0 ? t === Ue.NGN ? `+ ${t} ${z}` : `+ ${z * 100} cents` : "", W = ({ children: z, ...re }) => /* @__PURE__ */ h(
-    Ae,
+  }, ge = (z) => z > 0 ? t === Ue.NGN ? `+ ${t} ${z}` : `+ ${z * 100} cents` : "", H = ({ children: z, ...re }) => /* @__PURE__ */ h(
+    we,
     {
       color: "#111215",
       fontFamily: "Bricolage Grotesque",
@@ -26989,9 +26989,9 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
               {
                 textAlign: v ? "center" : { base: "center", lg: "left" },
                 children: [
-                  m.totalAmountPlusFees <= 0 ? /* @__PURE__ */ h(dt, {}) : typeof e == "string" ? /* @__PURE__ */ h(W, { color: "#7D879B", children: e }) : /* @__PURE__ */ h(dt, { children: e }),
+                  m.totalAmountPlusFees <= 0 ? /* @__PURE__ */ h(lt, {}) : typeof e == "string" ? /* @__PURE__ */ h(H, { color: "#7D879B", children: e }) : /* @__PURE__ */ h(lt, { children: e }),
                   r ? /* @__PURE__ */ h(bd, { height: "20px", width: "100px", mx: "auto" }) : /* @__PURE__ */ h(
-                    W,
+                    H,
                     {
                       as: "h6",
                       fontSize: "1.25rem",
@@ -27006,7 +27006,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
               }
             ),
             /* @__PURE__ */ M(Si, { in: !D && !v || $, children: [
-              (fe = x == null ? void 0 : x[0]) != null && fe.image ? /* @__PURE__ */ h(dt, { children: Array.isArray(x) && x.length > 0 && /* @__PURE__ */ h(Ee, { pt: "20px", pb: "12px", borderBottom: "1px solid #E8EBF2", children: x.map((z, re) => /* @__PURE__ */ M(ne, { justifyContent: "space-between", children: [
+              (fe = x == null ? void 0 : x[0]) != null && fe.image ? /* @__PURE__ */ h(lt, { children: Array.isArray(x) && x.length > 0 && /* @__PURE__ */ h(Ee, { pt: "20px", pb: "12px", borderBottom: "1px solid #E8EBF2", children: x.map((z, re) => /* @__PURE__ */ M(ne, { justifyContent: "space-between", children: [
                 /* @__PURE__ */ h(
                   Ti,
                   {
@@ -27020,7 +27020,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                 ),
                 /* @__PURE__ */ M(Ee, { children: [
                   /* @__PURE__ */ M(
-                    W,
+                    H,
                     {
                       overflow: "hidden",
                       color: "#7D879B",
@@ -27033,7 +27033,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ M(W, { textAlign: "right", fontWeight: 600, children: [
+                  /* @__PURE__ */ M(H, { textAlign: "right", fontWeight: 600, children: [
                     z.currency,
                     " ",
                     vn(z.price)
@@ -27054,7 +27054,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                   ),
                   /* @__PURE__ */ M(Ee, { children: [
                     /* @__PURE__ */ M(
-                      W,
+                      H,
                       {
                         overflow: "hidden",
                         color: "#7D879B",
@@ -27067,7 +27067,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                         ]
                       }
                     ),
-                    !x && /* @__PURE__ */ M(W, { textAlign: "right", fontWeight: 600, children: [
+                    !x && /* @__PURE__ */ M(H, { textAlign: "right", fontWeight: 600, children: [
                       t,
                       " ",
                       vn(n)
@@ -27080,12 +27080,12 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     justifyContent: "space-between",
                     alignItems: "center",
                     children: [
-                      /* @__PURE__ */ M(W, { children: [
+                      /* @__PURE__ */ M(H, { children: [
                         z.quantity ?? 1,
                         " x ",
                         z.name
                       ] }),
-                      /* @__PURE__ */ M(W, { textAlign: "right", fontWeight: 600, children: [
+                      /* @__PURE__ */ M(H, { textAlign: "right", fontWeight: 600, children: [
                         z.currency,
                         " ",
                         vn(z.price)
@@ -27097,22 +27097,22 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
               ] }),
               /* @__PURE__ */ M(ne, { flexDirection: "column", gap: "12px", mt: "16px", children: [
                 /* @__PURE__ */ M(ne, { width: "100%", justifyContent: "space-between", children: [
-                  /* @__PURE__ */ h(W, { fontWeight: 400, children: "Subtotal" }),
-                  /* @__PURE__ */ M(W, { fontWeight: 600, children: [
+                  /* @__PURE__ */ h(H, { fontWeight: 400, children: "Subtotal" }),
+                  /* @__PURE__ */ M(H, { fontWeight: 600, children: [
                     t,
                     " ",
                     vn(n)
                   ] })
                 ] }),
-                !(a != null && a.isFullDiscount) && /* @__PURE__ */ M(dt, { children: [
+                !(a != null && a.isFullDiscount) && /* @__PURE__ */ M(lt, { children: [
                   " ",
                   p.localTaxFees > 0 && p.shouldApplyTax && /* @__PURE__ */ M(ne, { width: "100%", justifyContent: "space-between", children: [
-                    /* @__PURE__ */ h(ne, { alignItems: "center", children: /* @__PURE__ */ M(W, { fontWeight: 400, mr: "8px", children: [
+                    /* @__PURE__ */ h(ne, { alignItems: "center", children: /* @__PURE__ */ M(H, { fontWeight: 400, mr: "8px", children: [
                       "Sales Tax (",
                       p.taxedPercent,
                       "%)"
                     ] }) }),
-                    /* @__PURE__ */ M(W, { fontWeight: 600, children: [
+                    /* @__PURE__ */ M(H, { fontWeight: 600, children: [
                       t,
                       " ",
                       vn(p.localTaxFees)
@@ -27120,18 +27120,18 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                   ] }),
                   g.applySwitchingFee && g.localSwitchingFee > 0 && /* @__PURE__ */ M(ne, { width: "100%", justifyContent: "space-between", children: [
                     /* @__PURE__ */ M(ne, { alignItems: "center", children: [
-                      /* @__PURE__ */ h(W, { fontWeight: 400, mr: "8px", children: "Currency switching fee" }),
+                      /* @__PURE__ */ h(H, { fontWeight: 400, mr: "8px", children: "Currency switching fee" }),
                       /* @__PURE__ */ h(
                         jh,
                         {
                           body: `This ${g.switchingFeeRate}% fee applies when you choose to pay in a currency other than the default currency for your location.`,
                           label: "Currency switching fee",
-                          triggerComponent: /* @__PURE__ */ h(Ya, { boxSize: "20px", mt: "-4px" }),
+                          triggerComponent: /* @__PURE__ */ h(Xa, { boxSize: "20px", mt: "-4px" }),
                           fontFamily: "inherit"
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ M(W, { fontWeight: 600, children: [
+                    /* @__PURE__ */ M(H, { fontWeight: 600, children: [
                       t,
                       " ",
                       vn(g.localSwitchingFee)
@@ -27139,11 +27139,11 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                   ] }),
                   m.totalAmountPlusFees > 0 && /* @__PURE__ */ M(ne, { width: "100%", justifyContent: "space-between", children: [
                     /* @__PURE__ */ M(ne, { alignItems: "center", children: [
-                      /* @__PURE__ */ h(W, { fontWeight: 400, mr: "8px", children: "Fees" }),
+                      /* @__PURE__ */ h(H, { fontWeight: 400, mr: "8px", children: "Fees" }),
                       m.transactionFeeValue > 0 && /* @__PURE__ */ h(
                         jh,
                         {
-                          body: /* @__PURE__ */ h(Ee, { mb: "20px", children: (Se = m.applied_fees) == null ? void 0 : Se.map((z) => /* @__PURE__ */ M(Ae, { mb: "5px", children: [
+                          body: /* @__PURE__ */ h(Ee, { mb: "20px", children: (Se = m.applied_fees) == null ? void 0 : Se.map((z) => /* @__PURE__ */ M(we, { mb: "5px", children: [
                             z.display_name,
                             ": ",
                             z.amount,
@@ -27152,12 +27152,12 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                             ge(z.extra)
                           ] }, z._id)) }),
                           label: "Fees",
-                          triggerComponent: /* @__PURE__ */ h(Ya, { boxSize: "20px", mt: "-4px" }),
+                          triggerComponent: /* @__PURE__ */ h(Xa, { boxSize: "20px", mt: "-4px" }),
                           fontFamily: "inherit"
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ M(W, { fontWeight: 600, children: [
+                    /* @__PURE__ */ M(H, { fontWeight: 600, children: [
                       t,
                       " ",
                       vn(m.transactionFeeValue)
@@ -27177,7 +27177,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                       children: [
                         /* @__PURE__ */ h(L1, { boxSize: "20px" }),
                         /* @__PURE__ */ M(
-                          Ae,
+                          we,
                           {
                             fontSize: "12px",
                             color: "#111215",
@@ -27203,7 +27203,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ M(W, { fontWeight: 600, children: [
+                  /* @__PURE__ */ M(H, { fontWeight: 600, children: [
                     "-",
                     t,
                     " ",
@@ -27272,7 +27272,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                 ) }),
                 /* @__PURE__ */ M(ne, { width: "100%", justifyContent: "space-between", children: [
                   /* @__PURE__ */ h(
-                    Ae,
+                    we,
                     {
                       fontSize: "1rem",
                       lineHeight: "32px",
@@ -27283,7 +27283,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     }
                   ),
                   r ? /* @__PURE__ */ h(bd, { height: "20px", width: "100px" }) : /* @__PURE__ */ M(
-                    Ae,
+                    we,
                     {
                       fontSize: "1rem",
                       lineHeight: "32px",
@@ -27311,7 +27311,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                 opacity: $ ? 1 : 0.6,
                 transition: "opacity 0.2s",
                 children: [
-                  /* @__PURE__ */ h(W, { fontWeight: 500, children: $ ? "Hide details" : "More details" }),
+                  /* @__PURE__ */ h(H, { fontWeight: 500, children: $ ? "Hide details" : "More details" }),
                   /* @__PURE__ */ h(
                     Hr,
                     {
@@ -27339,7 +27339,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
   errors: s,
   setFieldValue: l,
   proceedButton: c
-}) => /* @__PURE__ */ M(dt, { children: [
+}) => /* @__PURE__ */ M(lt, { children: [
   /* @__PURE__ */ M(ne, { flexDirection: "column", gap: "20px", children: [
     t && /* @__PURE__ */ h(
       si,
@@ -27383,7 +27383,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
           },
           placeholder: "",
           label: /* @__PURE__ */ h(
-            Ae,
+            we,
             {
               as: "label",
               fontSize: "14px",
@@ -27398,7 +27398,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
             }
           ),
           subtext: /* @__PURE__ */ M(
-            Ae,
+            we,
             {
               as: "span",
               display: "block",
@@ -27438,7 +27438,7 @@ const Tu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
         }
       ),
       !!(s != null && s.phone) && /* @__PURE__ */ M(ne, { alignItems: "center", gap: "6px", mt: "4px", children: [
-        /* @__PURE__ */ h(Ya, { color: Qe.red500 }),
+        /* @__PURE__ */ h(Xa, { color: Qe.red500 }),
         /* @__PURE__ */ h(
           by,
           {
@@ -27550,7 +27550,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
               // @ts-ignore
               type: "crypto"
             },
-            return_url: `${a}?reference=${m}`
+            return_url: a.includes("?") ? `${a}&reference=${m}` : `${a}?reference=${m}`
           }
         });
         if (b)
@@ -27564,7 +27564,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
     }
   };
   return /* @__PURE__ */ h(
-    oo,
+    io,
     {
       onClick: async () => {
         await o() || g();
@@ -27575,7 +27575,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         /* @__PURE__ */ M(ne, { alignItems: "center", gap: "12px", children: [
           /* @__PURE__ */ h(GR, { boxSize: "32px" }),
           /* @__PURE__ */ h(
-            Ae,
+            we,
             {
               color: "#111215",
               fontFamily: "Bricolage Grotesque",
@@ -27897,9 +27897,21 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
   ) }) })
 ] }), ZR = ({
   FooterElement: e,
-  hidePoweredBy: t
+  hidePoweredBy: t,
+  showFooterElement: n = !1
 }) => /* @__PURE__ */ M(Ee, { mt: "16px", children: [
-  e,
+  n ? e ?? /* @__PURE__ */ h(
+    we,
+    {
+      textAlign: "center",
+      fontSize: "12px",
+      fontFamily: 'Bricolage Grotesque"',
+      fontWeight: 400,
+      mb: "24px",
+      color: "#586172",
+      children: "As the Merchant of Record, Mainstack handles the collection and remittance of all applicable taxes for transactions processed on our platform. This ensures compliance with local regulations and removes the burden of tax management from merchants."
+    }
+  ) : /* @__PURE__ */ h(lt, {}),
   /* @__PURE__ */ M(
     ne,
     {
@@ -27913,8 +27925,8 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       letterSpacing: "-0.2px",
       textDecoration: "underline",
       children: [
-        /* @__PURE__ */ h(Ae, { as: "a", children: "Terms & Conditions" }),
-        /* @__PURE__ */ h(Ae, { as: "a", children: "Privacy Policy" })
+        /* @__PURE__ */ h(we, { as: "a", children: "Terms & Conditions" }),
+        /* @__PURE__ */ h(we, { as: "a", children: "Privacy Policy" })
       ]
     }
   ),
@@ -27931,10 +27943,10 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       lineHeight: "16px",
       letterSpacing: "-0.2px",
       children: [
-        /* @__PURE__ */ h(Ae, { children: "Powered by" }),
+        /* @__PURE__ */ h(we, { children: "Powered by" }),
         /* @__PURE__ */ M(ne, { children: [
           /* @__PURE__ */ h(KR, {}),
-          /* @__PURE__ */ h(Ae, { children: "Mainstack" })
+          /* @__PURE__ */ h(we, { children: "Mainstack" })
         ] })
       ]
     }
@@ -27968,7 +27980,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
 ] }), Qg = () => /* @__PURE__ */ M(ne, { alignItems: "center", gap: "18px", my: "16px", children: [
   /* @__PURE__ */ h(id, {}),
   /* @__PURE__ */ h(
-    Ae,
+    we,
     {
       color: "#7D879B",
       fontFamily: "Bricolage Grotesque",
@@ -28116,7 +28128,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
               // @ts-ignore
               type: "cashapp"
             },
-            return_url: `${a}?reference=${m}`
+            return_url: a.includes("?") ? `${a}&reference=${m}` : `${a}?reference=${m}`
           }
         });
         if (b)
@@ -28132,7 +28144,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
     }
   };
   return /* @__PURE__ */ h(
-    oo,
+    io,
     {
       onClick: async () => {
         await o() || g();
@@ -28143,7 +28155,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         /* @__PURE__ */ M(ne, { alignItems: "center", gap: "12px", children: [
           /* @__PURE__ */ h(YR, { boxSize: "32px" }),
           /* @__PURE__ */ h(
-            Ae,
+            we,
             {
               color: "#111215",
               fontFamily: "Bricolage Grotesque",
@@ -28190,7 +28202,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
     FooterElement: v,
     height: x
   }, S) => {
-    var Te, Be, We, we, He, Ot, $t, ar, Sa, xa, To, mh, gh, yh, bh, vh, Sh, xh, wh, Ch, Ah, Th, Eh, Ph, kh, _h, $h, Fh, Mh, Oh, Ih, Rh, Dh, Bh, Nh, Lh, zh, Vh;
+    var Te, Be, We, Ce, He, Ot, $t, ar, xa, wa, To, mh, gh, yh, bh, vh, Sh, xh, wh, Ch, Ah, Th, Eh, Ph, kh, _h, $h, Fh, Mh, Oh, Ih, Rh, Dh, Bh, Nh, Lh, zh, Vh;
     const {
       currency: b,
       amount: T,
@@ -28202,7 +28214,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       paymentRedirectUrl: se,
       userAllowsWalletPayment: G,
       userAllowsCardPayment: ge,
-      userAllowsCryptoPayment: W,
+      userAllowsCryptoPayment: H,
       baseUrl: fe,
       hasDiscountCode: Se,
       mainstackProductId: z,
@@ -28211,7 +28223,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       STRIPE_SECRET_KEY_CAD: je,
       applyTrancheFee: O,
       ip: F,
-      shouldApplyTax: H,
+      shouldApplyTax: W,
       paymentModel: N = "default",
       cryptoRedirectUrl: Y,
       isFreeTrial: ae,
@@ -28285,7 +28297,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       data: fh,
       refetch: ic,
       isLoading: sc
-    } = L9(I == null ? void 0 : I.reference, ue), [lc, kt] = X(!1), [cc, uc] = X(!1), co = (q) => q === "United States" ? "United States of America" : q === "United Kingdom" ? "United Kingdom of Great Britain and Northern Ireland" : q, j = xI({
+    } = L9(I == null ? void 0 : I.reference, ue), [lc, kt] = X(!1), [cc, uc] = X(!1), uo = (q) => q === "United States" ? "United States of America" : q === "United Kingdom" ? "United Kingdom of Great Britain and Northern Ireland" : q, j = xI({
       initialValues: {
         email: (i == null ? void 0 : i.email) ?? "",
         fullname: (i == null ? void 0 : i.fullname) ?? "",
@@ -28294,7 +28306,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         currency: b,
         paymentType: "",
         cardHolderName: "",
-        country: co((we = e.metadata) == null ? void 0 : we.country) ?? "",
+        country: uo((Ce = e.metadata) == null ? void 0 : Ce.country) ?? "",
         street: "",
         zipCode: "",
         additional_details: "",
@@ -28315,7 +28327,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
             metadata: {
               ...$e,
               reference: st,
-              country: co($e.country)
+              country: uo($e.country)
             }
           });
           return;
@@ -28344,9 +28356,9 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
           chargePayload: Ac,
           handleChargeSuccess: (Eo) => {
             j.setFieldValue("payment_method", void 0);
-            const { data: wa, reference: Po } = Eo;
-            wa && Po && U({
-              url: wa,
+            const { data: Ca, reference: Po } = Eo;
+            Ca && Po && U({
+              url: Ca,
               reference: Po,
               openModal: !0
             });
@@ -28355,8 +28367,8 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
           handleInitError: (Eo) => {
             var Po;
             me(!1);
-            let wa = ((Po = Eo == null ? void 0 : Eo.raw) == null ? void 0 : Po.message) ?? "Error loading payment gateway";
-            wa.includes("ip_address") && (wa = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Et(wa, Pt.error);
+            let Ca = ((Po = Eo == null ? void 0 : Eo.raw) == null ? void 0 : Po.message) ?? "Error loading payment gateway";
+            Ca.includes("ip_address") && (Ca = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Et(Ca, Pt.error);
           }
         });
       }
@@ -28368,9 +28380,9 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         j.setFieldValue(q, me);
       }
     }));
-    const dc = zR((He = j.values) == null ? void 0 : He.zipCode), tr = ae ? !1 : b !== (Ct == null ? void 0 : Ct.currency), Zi = j.values.country !== "" ? Ki((Ot = j == null ? void 0 : j.values) == null ? void 0 : Ot.country) : Ct == null ? void 0 : Ct.currency, uo = Ki(e == null ? void 0 : e.merchantCountry), fc = [Ue.USD, Ue.GBP, Ue.CAD, Ue.NGN].includes(
-      uo
-    ) && uo === b, fo = ae ? !1 : !(fc && uo === Zi), hc = Zi !== b, ha = [Ue.USD].includes(b), Yi = Q ? ae ? !1 : hc || !ha : fo, {
+    const dc = zR((He = j.values) == null ? void 0 : He.zipCode), tr = ae ? !1 : b !== (Ct == null ? void 0 : Ct.currency), Zi = j.values.country !== "" ? Ki((Ot = j == null ? void 0 : j.values) == null ? void 0 : Ot.country) : Ct == null ? void 0 : Ct.currency, fo = Ki(e == null ? void 0 : e.merchantCountry), fc = [Ue.USD, Ue.GBP, Ue.CAD, Ue.NGN].includes(
+      fo
+    ) && fo === b, ho = ae ? !1 : !(fc && fo === Zi), hc = Zi !== b, ha = [Ue.USD].includes(b), Yi = Q ? ae ? !1 : hc || !ha : ho, {
       data: ee,
       isLoading: pa,
       error: _t
@@ -28382,9 +28394,9 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         currency: b,
         slug: R,
         apply_tranche_fee: O,
-        ip: H ? F ?? (Ct == null ? void 0 : Ct.ip) : "",
-        country: H ? ($t = an == null ? void 0 : an.find((q) => q.name === j.values.country)) == null ? void 0 : $t.alpha2Code : "",
-        postal_code: H ? dc : "",
+        ip: W ? F ?? (Ct == null ? void 0 : Ct.ip) : "",
+        country: W ? ($t = an == null ? void 0 : an.find((q) => q.name === j.values.country)) == null ? void 0 : $t.alpha2Code : "",
+        postal_code: W ? dc : "",
         product_id: (ar = e == null ? void 0 : e.metadata) == null ? void 0 : ar.product_id,
         apply_switching_fee: tr,
         apply_currency_conversion_fee: Yi
@@ -28392,9 +28404,9 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       ue
     );
     _t && !_e && (p && p({
-      message: `Error loading transaction information: ${((Sa = _t == null ? void 0 : _t.raw) == null ? void 0 : Sa.message) ?? _t ?? ""}, please reload or contact us.`
-    }), console.error(((xa = _t == null ? void 0 : _t.raw) == null ? void 0 : xa.message) ?? _t));
-    const pc = (gh = (mh = (To = ee == null ? void 0 : ee.payload) == null ? void 0 : To.tax_calculation) == null ? void 0 : mh.breakdown[0]) == null ? void 0 : gh.percentage_decimal, ho = ((bh = (yh = ee == null ? void 0 : ee.payload) == null ? void 0 : yh.tax_calculation) == null ? void 0 : bh.local_tax) ?? 0, Xi = ((Sh = (vh = ee == null ? void 0 : ee.payload) == null ? void 0 : vh.tax_calculation) == null ? void 0 : Sh.dollar_tax) ?? 0, mc = ((xh = ee == null ? void 0 : ee.payload) == null ? void 0 : xh.local_amount) ?? 0, po = ((wh = ee == null ? void 0 : ee.payload) == null ? void 0 : wh.local_transaction_fee) ?? 0, gc = ((Ch = ee == null ? void 0 : ee.payload) == null ? void 0 : Ch.currency_switching_fee) ?? 0, ma = ((Ah = ee == null ? void 0 : ee.payload) == null ? void 0 : Ah.local_currency_switching_fee) ?? 0, Ji = ((Th = ee == null ? void 0 : ee.payload) == null ? void 0 : Th.dollar_currency_switching_fee) ?? 0, Ar = parseFloat(mc) + parseFloat(po) + (le ? 0 : parseFloat(ho)) + (tr ? Number(ma) : 0), Nt = it(() => {
+      message: `Error loading transaction information: ${((xa = _t == null ? void 0 : _t.raw) == null ? void 0 : xa.message) ?? _t ?? ""}, please reload or contact us.`
+    }), console.error(((wa = _t == null ? void 0 : _t.raw) == null ? void 0 : wa.message) ?? _t));
+    const pc = (gh = (mh = (To = ee == null ? void 0 : ee.payload) == null ? void 0 : To.tax_calculation) == null ? void 0 : mh.breakdown[0]) == null ? void 0 : gh.percentage_decimal, ma = ((bh = (yh = ee == null ? void 0 : ee.payload) == null ? void 0 : yh.tax_calculation) == null ? void 0 : bh.local_tax) ?? 0, Xi = ((Sh = (vh = ee == null ? void 0 : ee.payload) == null ? void 0 : vh.tax_calculation) == null ? void 0 : Sh.dollar_tax) ?? 0, mc = ((xh = ee == null ? void 0 : ee.payload) == null ? void 0 : xh.local_amount) ?? 0, po = ((wh = ee == null ? void 0 : ee.payload) == null ? void 0 : wh.local_transaction_fee) ?? 0, gc = ((Ch = ee == null ? void 0 : ee.payload) == null ? void 0 : Ch.currency_switching_fee) ?? 0, ga = ((Ah = ee == null ? void 0 : ee.payload) == null ? void 0 : Ah.local_currency_switching_fee) ?? 0, Ji = ((Th = ee == null ? void 0 : ee.payload) == null ? void 0 : Th.dollar_currency_switching_fee) ?? 0, Ar = parseFloat(mc) + parseFloat(po) + (le ? 0 : parseFloat(ma)) + (tr ? Number(ga) : 0), Nt = it(() => {
       var q;
       return b === Ue.UGX ? Math.ceil(Ar) * 100 : Math.round(
         Ar * ((q = ee == null ? void 0 : ee.payload) != null && q.is_zero_decimal_currency ? 1 : 100)
@@ -28408,7 +28420,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         ((Eh = ee == null ? void 0 : ee.payload) == null ? void 0 : Eh.dollar_transaction_fee) ?? 0
       ) + Number(tr ? Ji : 0)).toFixed(2)
     ).toString(), bc = parseFloat(
-      (Number(po) + Number(tr ? ma : 0)).toFixed(2)
+      (Number(po) + Number(tr ? ga : 0)).toFixed(2)
     ).toString(), $e = {
       ...e.metadata,
       phone_number: (Ph = j.values) == null ? void 0 : Ph.phone,
@@ -28428,14 +28440,14 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       tax_calculation_id: (Oh = (Mh = ee == null ? void 0 : ee.payload) == null ? void 0 : Mh.tax_calculation) == null ? void 0 : Oh.id,
       tax_calculation: (Ih = ee == null ? void 0 : ee.payload) == null ? void 0 : Ih.tax_calculation,
       local_amount: (Rh = ee == null ? void 0 : ee.payload) == null ? void 0 : Rh.local_amount,
-      local_tax: ho,
+      local_tax: ma,
       dollar_tax: Xi,
       dollar_currency_switching_fee: Ji,
-      local_currency_switching_fee: ma,
+      local_currency_switching_fee: ga,
       ip_address: F,
       apply_switching_fee: tr,
       apply_currency_conversion_fee: Yi
-    }, { refetch: ga, isLoading: mo } = z9(
+    }, { refetch: ya, isLoading: mo } = z9(
       {
         discount_code: xe,
         product_id: $e == null ? void 0 : $e.product_id,
@@ -28485,7 +28497,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
           amount: 0,
           metadata: {
             ...$e,
-            country: co($e.country)
+            country: uo($e.country)
           }
         });
         return;
@@ -28524,7 +28536,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       isOpen: ns,
       onClose: yo,
       onOpen: rs
-    } = ka(), as = async (q) => {
+    } = _a(), as = async (q) => {
       var yt;
       if (q.preventDefault(), _t) {
         Et(
@@ -28574,9 +28586,9 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       P(!1), ye(!1);
     }, {
       isOpen: wc,
-      onClose: ya,
+      onClose: ba,
       onOpen: vo
-    } = ka(), So = async () => {
+    } = _a(), So = async () => {
       var q, me, st;
       U({
         url: "",
@@ -28617,21 +28629,21 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
         name: "jcb",
         src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743682005/payment_lib/JCB.png"
       }
-    ], [os, Nn] = X(0), Ln = be(null), ba = () => {
+    ], [os, Nn] = X(0), Ln = be(null), va = () => {
       Ln.current && Nn(Ln.current.offsetWidth);
     };
-    he(() => (ba(), window.addEventListener("resize", ba), () => {
-      window.removeEventListener("resize", ba);
+    he(() => (va(), window.addEventListener("resize", va), () => {
+      window.removeEventListener("resize", va);
     }), [_e]);
     const {
       isOpen: Tr,
       onToggle: Co,
       onClose: is
-    } = ka({ defaultIsOpen: !0 }), {
-      isOpen: va,
+    } = _a({ defaultIsOpen: !0 }), {
+      isOpen: Sa,
       onToggle: Ao,
       onClose: ss
-    } = ka({ defaultIsOpen: !1 }), y = [
+    } = _a({ defaultIsOpen: !1 }), y = [
       {
         name: "Bank Transfer or USSD",
         currency: Ue.NGN,
@@ -28651,10 +28663,10 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       (q) => q.currency === b
     ), w = b === Ue.USD && N !== "ips" && Xt("cashapp"), _ = ![Ue.NGN, Ue.GHS, Ue.KES].includes(
       b
-    ) && cc && G || w && G, V = !_ && Xt("crypto") && W && xo || [Ue.NGN, Ue.GHS, Ue.KES].includes(
+    ) && cc && G || w && G, V = !_ && Xt("crypto") && H && xo || [Ue.NGN, Ue.GHS, Ue.KES].includes(
       b
     ) && !_ && N !== "ips";
-    return /* @__PURE__ */ h(dt, { children: /* @__PURE__ */ M(
+    return /* @__PURE__ */ h(lt, { children: /* @__PURE__ */ M(
       Gf,
       {
         py: (k == null ? void 0 : k.padding) ?? "0px",
@@ -28694,18 +28706,18 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                   hasDiscountCode: Se,
                   discountCode: xe,
                   setDiscountCode: Xe,
-                  applyDiscount: ga,
+                  applyDiscount: ya,
                   isApplyingDiscount: mo,
                   onDiscountApplied: d,
                   onDiscountRemoved: f,
                   taxFees: {
-                    localTaxFees: ho,
-                    shouldApplyTax: H && !le,
+                    localTaxFees: ma,
+                    shouldApplyTax: W && !le,
                     taxedPercent: pc
                   },
                   switchingFees: {
                     applySwitchingFee: tr,
-                    localSwitchingFee: ma,
+                    localSwitchingFee: ga,
                     switchingFeeRate: gc
                   },
                   transactionFees: {
@@ -28734,7 +28746,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
               height: { base: "100%", lg: "90vh" },
               px: Z ? "16px" : { base: "0px", lg: "32px" },
               children: /* @__PURE__ */ M(Ee, { width: "100%", maxWidth: "560px", children: [
-                /* @__PURE__ */ h(dt, { children: m }),
+                /* @__PURE__ */ h(lt, { children: m }),
                 /* @__PURE__ */ M(gI, { value: j, children: [
                   /* @__PURE__ */ h("form", { onSubmit: j.handleSubmit, children: /* @__PURE__ */ M(Ee, { borderBottom: "1px solid #E8EBF2", py: "20px", children: [
                     /* @__PURE__ */ M(
@@ -28744,14 +28756,14 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                         alignItems: "center",
                         cursor: "pointer",
                         onClick: () => {
-                          va && ss(), Co(), P(!1);
+                          Sa && ss(), Co(), P(!1);
                         },
                         opacity: Tr ? 1 : 0.6,
                         transition: "opacity 0.2s",
                         children: [
-                          Fi(n) ? /* @__PURE__ */ h(dt, { children: n }) : /* @__PURE__ */ M(Ee, { children: [
+                          Fi(n) ? /* @__PURE__ */ h(lt, { children: n }) : /* @__PURE__ */ M(Ee, { children: [
                             /* @__PURE__ */ h(
-                              Ae,
+                              we,
                               {
                                 fontSize: "1rem",
                                 lineHeight: "32px",
@@ -28762,7 +28774,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                               }
                             ),
                             /* @__PURE__ */ h(
-                              Ae,
+                              we,
                               {
                                 color: "#7D879B",
                                 fontFamily: "Bricolage Grotesque",
@@ -28784,7 +28796,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                         ]
                       }
                     ),
-                    /* @__PURE__ */ h(Si, { in: Tr, children: /* @__PURE__ */ h(Ee, { transition: "all 0.2s", mt: "20px", children: s ? /* @__PURE__ */ M(dt, { children: [
+                    /* @__PURE__ */ h(Si, { in: Tr, children: /* @__PURE__ */ h(Ee, { transition: "all 0.2s", mt: "20px", children: s ? /* @__PURE__ */ M(lt, { children: [
                       s,
                       /* @__PURE__ */ h(
                         ey,
@@ -28839,7 +28851,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                         onClick: () => {
                           Tr && is(), Ao();
                         },
-                        opacity: va ? 1 : 0.6,
+                        opacity: Sa ? 1 : 0.6,
                         transition: "opacity 0.2s",
                         disabled: !vc || Object.keys(j.errors).length > 0,
                         width: "100%",
@@ -28849,7 +28861,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                         children: [
                           /* @__PURE__ */ M(Ee, { children: [
                             /* @__PURE__ */ h(
-                              Ae,
+                              we,
                               {
                                 fontSize: "1rem",
                                 lineHeight: "32px",
@@ -28861,7 +28873,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                               }
                             ),
                             /* @__PURE__ */ h(
-                              Ae,
+                              we,
                               {
                                 color: "#7D879B",
                                 fontFamily: "Bricolage Grotesque",
@@ -28876,7 +28888,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                           /* @__PURE__ */ h(
                             li,
                             {
-                              transform: va ? "rotate(0deg)" : "rotate(180deg)",
+                              transform: Sa ? "rotate(0deg)" : "rotate(180deg)",
                               transition: "transform 0.2s",
                               boxSize: "20px"
                             }
@@ -28884,8 +28896,8 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                         ]
                       }
                     ),
-                    /* @__PURE__ */ h(Si, { in: va, children: /* @__PURE__ */ M(Ee, { transition: "all 0.2s", pb: "200px", children: [
-                      /* @__PURE__ */ h(ne, { gap: "12px", children: (Xt("wallet") || Xt("cashapp")) && !(pe != null && pe.isFullDiscount) && /* @__PURE__ */ h(dt, { children: G && b !== Ue.NGN && b !== Ue.GHS && b !== Ue.KES && /* @__PURE__ */ M(
+                    /* @__PURE__ */ h(Si, { in: Sa, children: /* @__PURE__ */ M(Ee, { transition: "all 0.2s", pb: "200px", children: [
+                      /* @__PURE__ */ h(ne, { gap: "12px", children: (Xt("wallet") || Xt("cashapp")) && !(pe != null && pe.isFullDiscount) && /* @__PURE__ */ h(lt, { children: G && b !== Ue.NGN && b !== Ue.GHS && b !== Ue.KES && /* @__PURE__ */ M(
                         Xs,
                         {
                           stripe: go,
@@ -28948,10 +28960,10 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                       ) }) }),
                       _ && /* @__PURE__ */ h(Qg, {}),
                       Xt("stripe") && ge && /* @__PURE__ */ M(
-                        oo,
+                        io,
                         {
                           onClick: (q) => {
-                            dn || fa || De || (es(q, "card"), ba());
+                            dn || fa || De || (es(q, "card"), va());
                           },
                           isLoading: (j.values.payment_mode && j.values.payment_mode === "card" || !j.values.payment_mode) && (dn || fa),
                           children: [
@@ -28959,7 +28971,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                               /* @__PURE__ */ M(ne, { alignItems: "center", gap: "12px", children: [
                                 /* @__PURE__ */ h(HR, { boxSize: "32px" }),
                                 /* @__PURE__ */ h(
-                                  Ae,
+                                  we,
                                   {
                                     color: "#111215",
                                     fontFamily: "Bricolage Grotesque",
@@ -29054,7 +29066,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                       ),
                       /* @__PURE__ */ h(Ee, { mb: V ? "0px" : "12px", children: V && /* @__PURE__ */ h(Qg, {}) }),
                       y && N !== "ips" && /* @__PURE__ */ h(
-                        oo,
+                        io,
                         {
                           onClick: (q) => {
                             dn || fa || De || es(
@@ -29073,7 +29085,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                                 /* @__PURE__ */ M(ne, { alignItems: "center", gap: "12px", children: [
                                   /* @__PURE__ */ h(qR, { boxSize: "32px" }),
                                   /* @__PURE__ */ h(
-                                    Ae,
+                                    we,
                                     {
                                       color: "#111215",
                                       fontFamily: "Bricolage Grotesque",
@@ -29097,7 +29109,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                           )
                         }
                       ),
-                      Xt("crypto") && W && xo && /* @__PURE__ */ h(
+                      Xt("crypto") && H && xo && /* @__PURE__ */ h(
                         Xs,
                         {
                           stripe: go,
@@ -29130,7 +29142,13 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
                         },
                         nr
                       ),
-                      /* @__PURE__ */ h(ZR, { FooterElement: v })
+                      /* @__PURE__ */ h(
+                        ZR,
+                        {
+                          FooterElement: v,
+                          showFooterElement: W && Number(ma) > 0
+                        }
+                      )
                     ] }) })
                   ] })
                 ] })
@@ -29149,7 +29167,7 @@ const GR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
             IR,
             {
               isOpen: wc,
-              onClose: ya
+              onClose: ba
             }
           ),
           /* @__PURE__ */ h(