@paynext/sdk 0.0.116 → 0.0.117

package/dist/index.es.js

@@ -1,15 +1,15 @@
-var Cr = Object.defineProperty, kr = Object.defineProperties;
-var Er = Object.getOwnPropertyDescriptors;
+var kr = Object.defineProperty, Er = Object.defineProperties;
+var xr = Object.getOwnPropertyDescriptors;
 var ot = Object.getOwnPropertySymbols;
 var yn = Object.prototype.hasOwnProperty, Cn = Object.prototype.propertyIsEnumerable;
-var xt = (n, e, t) => e in n ? Cr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, v = (n, e) => {
+var xt = (n, e, t) => e in n ? kr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, v = (n, e) => {
   for (var t in e || (e = {}))
     yn.call(e, t) && xt(n, t, e[t]);
   if (ot)
     for (var t of ot(e))
       Cn.call(e, t) && xt(n, t, e[t]);
   return n;
-}, I = (n, e) => kr(n, Er(e));
+}, I = (n, e) => Er(n, xr(e));
 var se = (n, e) => {
   var t = {};
   for (var i in n)
@@ -36,8 +36,8 @@ var E = (n, e, t) => new Promise((i, r) => {
   }, o = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, a);
   o((t = t.apply(n, e)).next());
 });
-import xr from "react";
-class nu {
+import wr from "react";
+class iu {
   constructor(e) {
     c(this, "parent");
     c(this, "core");
@@ -68,12 +68,20 @@ class nu {
   }
 }
 var x = /* @__PURE__ */ ((n) => (n.PAYPAL = "PAYPAL", n.APPLE_PAY = "APPLEPAY", n.GOOGLE_PAY = "GPAY", n.CARD = "CARD", n.VENMO = "VENMO", n))(x || {}), Pt = /* @__PURE__ */ ((n) => (n.PENDING = "PENDING", n.FAILED = "FAILED", n.AUTHORIZED = "AUTHORIZED", n.SETTLING = "SETTLING", n.SETTLED = "SETTLED", n.DECLINED = "DECLINED", n.CANCELLED = "CANCELLED", n))(Pt || {}), Dt = /* @__PURE__ */ ((n) => (n.INSUFFICIENT_FUNDS = "insufficient_funds", n.AUTHENTICATION_REQUIRED = "authentication_required", n.CARD_ISSUER_DECLINE = "card_issuer_decline", n.GENERIC_DECLINE = "generic_decline", n.WITHDRAWAL_LIMIT_EXCEEDED = "withdrawal_limit_exceeded", n.DO_NOT_HONOR = "do_not_honor", n.EXPIRED_CARD = "expired_card", n.SUSPECTED_FRAUD = "suspected_fraud", n.INCORRECT_CVC = "incorrect_cvc", n.INVALID_CARD_NUMBER = "invalid_card_number", n.ISSUER_UNAVAILABLE = "issuer_unavailable", n.CARD_LOST_OR_STOLEN = "card_lost_or_stolen", n.CARD_DECLINED = "card_declined", n))(Dt || {});
-const Xt = (n = "sandbox") => ({
+const kn = {
+  appIds: {
+    develop: "app_00b96c0c3011",
+    staging: "app_00396c84ac2b",
+    sandbox: "app_03b1ea2b6dfa",
+    production: "app_409cf462b6cc"
+  },
+  teamId: "team_f20c9e679d47"
+}, Xt = (n = "sandbox") => ({
   develop: "https://dev-api.paynext.com",
   staging: "https://staging-api.paynext.com",
   sandbox: "https://sandbox-api.paynext.com",
   production: "https://api.paynext.com"
-})[n], wr = [
+})[n], Tr = [
   {
     type: x.PAYPAL,
     order: 1,
@@ -94,7 +102,7 @@ const Xt = (n = "sandbox") => ({
     order: 4,
     is_active: !0
   }
-], Tr = (n) => n.googlePay ? x.GOOGLE_PAY : n.applePay ? x.APPLE_PAY : n.paypal ? x.PAYPAL : n.braintree ? x.VENMO : x.CARD, Ar = (n) => {
+], Ar = (n) => n.googlePay ? x.GOOGLE_PAY : n.applePay ? x.APPLE_PAY : n.paypal ? x.PAYPAL : n.braintree ? x.VENMO : x.CARD, _r = (n) => {
   const e = n.card;
   if (e)
     return {
@@ -113,14 +121,14 @@ const Xt = (n = "sandbox") => ({
       last4: e.lastFourDigits,
       number: e.number
     };
-}, _r = (n) => {
+}, Lr = (n) => {
   var t;
   const e = n.paypal;
   if ((t = e == null ? void 0 : e.billing_agreement_token) != null && t.paypalId)
     return {
       billing_agreement_token: e.billing_agreement_token.paypalId
     };
-}, Lr = (n) => {
+}, Vr = (n) => {
   var t, i;
   const e = n.googlePay;
   if (e != null && e.token)
@@ -132,7 +140,7 @@ const Xt = (n = "sandbox") => ({
       token: e.token.number,
       token_service_provider: e.token.tokenServiceProvider
     };
-}, Vr = (n) => {
+}, Ir = (n) => {
   var t, i, r, s, a, o;
   const e = n.applePay;
   if (e)
@@ -144,13 +152,13 @@ const Xt = (n = "sandbox") => ({
       token: (a = e.networkToken) == null ? void 0 : a.number,
       token_service_provider: (o = e.networkToken) == null ? void 0 : o.tokenServiceProvider
     };
-}, Ir = (n) => {
+}, Mr = (n) => {
   const e = n.braintree;
   if (e)
     return {
       payment_method_nonce: e.nonce
     };
-}, kn = (n) => {
+}, En = (n) => {
   var i, r, s, a, o, l, u, d, h, m, p, g, b, y;
   const { applePay: e, googlePay: t } = n;
   if (!(!e && !t))
@@ -162,7 +170,7 @@ const Xt = (n = "sandbox") => ({
       postal_code: ((p = e == null ? void 0 : e.billingContact) == null ? void 0 : p.postalCode) || ((g = t == null ? void 0 : t.billingAddress) == null ? void 0 : g.postalCode) || void 0,
       state: ((b = e == null ? void 0 : e.billingContact) == null ? void 0 : b.administrativeArea) || ((y = t == null ? void 0 : t.billingAddress) == null ? void 0 : y.administrativeArea) || void 0
     };
-}, En = (n) => {
+}, xn = (n) => {
   var r, s, a, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
   const { card: e, googlePay: t, applePay: i } = n;
   if (!(!e && !(t != null && t.card) && !(i != null && i.card)))
@@ -182,13 +190,13 @@ const Xt = (n = "sandbox") => ({
       last4: (e == null ? void 0 : e.lastFourDigits) || ((M = t == null ? void 0 : t.card) == null ? void 0 : M.lastFour) || ((T = i == null ? void 0 : i.card) == null ? void 0 : T.lastFour),
       number: (e == null ? void 0 : e.number) || ((D = t == null ? void 0 : t.card) == null ? void 0 : D.number)
     };
-}, xn = (n) => {
+}, wn = (n) => {
   var i, r;
   const { applePay: e, card: t } = n;
   return (i = e == null ? void 0 : e.billingContact) != null && i.givenName ? `${e.billingContact.givenName} ${e.billingContact.familyName || ""}`.trim() : (r = t == null ? void 0 : t.metadata) == null ? void 0 : r.name;
-}, Mr = (n) => {
+}, Pr = (n) => {
   var i, r, s, a, o, l;
-  const e = Tr(n), t = {
+  const e = Ar(n), t = {
     client_session: n.clientSession,
     three_ds_session_id: n.threeDsSessionId,
     type: e
@@ -196,59 +204,59 @@ const Xt = (n = "sandbox") => ({
   switch (e) {
     case x.CARD:
       return I(v({}, t), {
-        name: xn(n),
-        card: Ar(n)
+        name: wn(n),
+        card: _r(n)
       });
     case x.PAYPAL:
       return I(v({}, t), {
-        paypal: _r(n)
+        paypal: Lr(n)
       });
     case x.GOOGLE_PAY:
       return I(v({}, t), {
         name: (r = (i = n.googlePay) == null ? void 0 : i.billingAddress) == null ? void 0 : r.name,
         phone: (a = (s = n.googlePay) == null ? void 0 : s.billingAddress) == null ? void 0 : a.phoneNumber,
-        card: En(n),
-        google_pay: Lr(n),
-        billing_address: kn(n)
+        card: xn(n),
+        google_pay: Vr(n),
+        billing_address: En(n)
       });
     case x.APPLE_PAY:
       return I(v({}, t), {
-        name: xn(n),
-        card: En(n),
-        apple_pay: Vr(n),
+        name: wn(n),
+        card: xn(n),
+        apple_pay: Ir(n),
         phone: (l = (o = n.applePay) == null ? void 0 : o.shippingContact) == null ? void 0 : l.phoneNumber,
-        billing_address: kn(n)
+        billing_address: En(n)
       });
     case x.VENMO:
       return I(v({}, t), {
-        venmo: Ir(n)
+        venmo: Mr(n)
       });
     default:
       throw new Error(`Unsupported payment method: ${e}`);
   }
-}, Pr = (n, e, t) => E(void 0, null, function* () {
+}, Dr = (n, e, t) => E(void 0, null, function* () {
   const i = `${Xt(e)}/payments/create`, r = new Headers();
   r.append("Content-Type", "application/json"), r.append("X-API-Version", t);
-  const s = Mr(n);
+  const s = Pr(n);
   return yield (yield fetch(i, {
     method: "POST",
     headers: r,
     body: JSON.stringify(s)
   })).json();
-}), Dr = (n, e, t) => E(void 0, null, function* () {
+}), Rr = (n, e, t) => E(void 0, null, function* () {
   const i = `${Xt(e)}/payments/create/billing/agreement`, r = new Headers();
   return r.append("Content-Type", "application/json"), r.append("X-API-Version", t), (yield (yield fetch(i, {
     method: "POST",
     headers: r,
     body: JSON.stringify({ client_session: n })
   })).json()).paypal_agreement_token_response.token_id || "";
-}), Rr = (n, e, t) => E(void 0, null, function* () {
+}), Or = (n, e, t) => E(void 0, null, function* () {
   const i = new Headers();
   i.append("X-API-Version", t);
   const r = `${Xt(e)}/payments/config?client_session_id=${n}`, a = yield (yield fetch(r, { headers: i })).json();
-  return a.checkout_config || (a.checkout_config = wr), a;
+  return a.checkout_config || (a.checkout_config = Tr), a;
 });
-let Or = class {
+let Nr = class {
   constructor(e) {
     c(this, "apple", null);
     c(this, "isAvailable", !1);
@@ -303,7 +311,7 @@ let Or = class {
       !this.apple || !this.isAvailable || (e.innerHTML = "", yield this.apple.mount(e), (t = this.onReady) == null || t.call(this));
     });
   }
-}, Nr = class {
+}, Sr = class {
   constructor(e) {
     c(this, "google", null);
     this.ev = e;
@@ -365,7 +373,7 @@ class K {
     this.listeners = [];
   }
 }
-class Sr {
+class Fr {
   constructor(e) {
     c(this, "threeDs", null);
     this.ev = e;
@@ -381,7 +389,7 @@ class Sr {
     });
   }
 }
-class Fr {
+class jr {
   constructor() {
     c(this, "isReady", !1);
     c(this, "ev", null);
@@ -405,14 +413,14 @@ class Fr {
         throw new Error("Evervault can only be initialized in browser environment");
       this.isReady = !1;
       const { loadEvervault: t } = yield import("./evervault-js-37KtqVz5.js");
-      this.ev = yield t(e.teamId, e.appId), this.apple = new Or(this.ev), this.google = new Nr(this.ev), this.events.ready.emit(), this.isReady = !0;
+      this.ev = yield t(e.teamId, e.appId), this.apple = new Nr(this.ev), this.google = new Sr(this.ev), this.events.ready.emit(), this.isReady = !0;
     });
   }
   // init three ds
   initThreeDs(e) {
     return E(this, null, function* () {
       if (!this.ev) throw new Error("Evervault should be init before using Three DS Secure");
-      this.threeDs = new Sr(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
+      this.threeDs = new Fr(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
     });
   }
   // init apple
@@ -462,7 +470,7 @@ class Fr {
 function Qt(n) {
   return typeof n == "object" && !Array.isArray(n);
 }
-function jr(n, e, t) {
+function Br(n, e, t) {
   var i;
   if (n instanceof EventTarget)
     return [n];
@@ -473,66 +481,66 @@ function jr(n, e, t) {
   }
   return Array.from(n);
 }
-function hi(n, e, t, i) {
-  return typeof n == "string" && Qt(e) ? jr(n, t, i) : n instanceof NodeList ? Array.from(n) : Array.isArray(n) ? n : [n];
+function pi(n, e, t, i) {
+  return typeof n == "string" && Qt(e) ? Br(n, t, i) : n instanceof NodeList ? Array.from(n) : Array.isArray(n) ? n : [n];
 }
-function Br(n, e, t) {
+function zr(n, e, t) {
   return n * (e + 1);
 }
-function wn(n, e, t, i) {
+function Tn(n, e, t, i) {
   var r;
   return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, n + parseFloat(e)) : e === "<" ? t : (r = i.get(e)) != null ? r : n;
 }
-const nt = (n, e, t) => n + (e - n) * t, zr = (n, e, t) => {
+const nt = (n, e, t) => n + (e - n) * t, $r = (n, e, t) => {
   const i = e - n;
   return ((t - n) % i + i) % i + n;
-}, pi = (n) => Array.isArray(n) && typeof n[0] != "number";
-function mi(n, e) {
-  return pi(n) ? n[zr(0, n.length, e)] : n;
+}, mi = (n) => Array.isArray(n) && typeof n[0] != "number";
+function fi(n, e) {
+  return mi(n) ? n[$r(0, n.length, e)] : n;
 }
-function $r(n, e) {
+function Kr(n, e) {
   n.indexOf(e) === -1 && n.push(e);
 }
-function fi(n, e) {
+function gi(n, e) {
   const t = n.indexOf(e);
   t > -1 && n.splice(t, 1);
 }
-function Kr(n, e, t) {
+function qr(n, e, t) {
   for (let i = 0; i < n.length; i++) {
     const r = n[i];
-    r.at > e && r.at < t && (fi(n, r), i--);
+    r.at > e && r.at < t && (gi(n, r), i--);
   }
 }
-function qr(n, e, t, i, r, s) {
-  Kr(n, r, s);
+function Gr(n, e, t, i, r, s) {
+  qr(n, r, s);
   for (let a = 0; a < e.length; a++)
     n.push({
       value: e[a],
       at: nt(r, s, i[a]),
-      easing: mi(t, a)
+      easing: fi(t, a)
     });
 }
-function Gr(n, e) {
+function Hr(n, e) {
   for (let t = 0; t < n.length; t++)
     n[t] = n[t] / (e + 1);
 }
-function Hr(n, e) {
+function Yr(n, e) {
   return n.at === e.at ? n.value === null ? 1 : e.value === null ? -1 : 0 : n.at - e.at;
 }
 const J = (n) => !!(n && n.getVelocity), en = /* @__NO_SIDE_EFFECTS__ */ (n, e, t) => {
   const i = e - n;
   return i === 0 ? 1 : (t - n) / i;
 };
-function gi(n, e) {
+function bi(n, e) {
   const t = n[n.length - 1];
   for (let i = 1; i <= e; i++) {
     const r = /* @__PURE__ */ en(0, e, i);
     n.push(nt(t, 1, r));
   }
 }
-function bi(n) {
+function vi(n) {
   const e = [0];
-  return gi(e, n.length - 1), e;
+  return bi(e, n.length - 1), e;
 }
 function tn(n) {
   return typeof n == "function" && "applyToOptions" in n;
@@ -547,7 +555,7 @@ function nn(n) {
   return e >= mt ? 1 / 0 : e;
 }
 const ae = /* @__NO_SIDE_EFFECTS__ */ (n) => n * 1e3, le = /* @__NO_SIDE_EFFECTS__ */ (n) => n / 1e3;
-function vi(n, e = 100, t) {
+function yi(n, e = 100, t) {
   const i = t(I(v({}, n), { keyframes: [0, e] })), r = Math.min(nn(i), mt);
   return {
     type: "keyframes",
@@ -564,8 +572,8 @@ process.env.NODE_ENV !== "production" && (it = (n, e) => {
   if (!n)
     throw new Error(e);
 });
-const Yr = "easeInOut", Ur = 20;
-function Wr(n, s = {}, i, r) {
+const Ur = "easeInOut", Wr = 20;
+function Zr(n, s = {}, i, r) {
   var a = s, { defaultTransition: e = {} } = a, t = se(a, ["defaultTransition"]);
   const o = e.duration || 0.3, l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = {}, h = /* @__PURE__ */ new Map();
   let m = 0, p = 0, g = 0;
@@ -575,56 +583,56 @@ function Wr(n, s = {}, i, r) {
       h.set(y, p);
       continue;
     } else if (!Array.isArray(y)) {
-      h.set(y.name, wn(p, y.at, m, h));
+      h.set(y.name, Tn(p, y.at, m, h));
       continue;
     }
     let [k, V, _ = {}] = y;
-    _.at !== void 0 && (p = wn(p, _.at, m, h));
+    _.at !== void 0 && (p = Tn(p, _.at, m, h));
     let M = 0;
     const T = (D, C, w, R = 0, O = 0) => {
-      const q = Zr(D), _e = C, { delay: Te = 0, times: te = bi(q), type: fe = "keyframes", repeat: he, repeatType: kt, repeatDelay: Et = 0 } = _e, at = se(_e, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
+      const q = Jr(D), _e = C, { delay: Te = 0, times: te = vi(q), type: fe = "keyframes", repeat: he, repeatType: kt, repeatDelay: Et = 0 } = _e, at = se(_e, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: ne = e.ease || "easeOut", duration: f } = C;
       const P = typeof Te == "function" ? Te(R, O) : Te, N = q.length, G = tn(fe) ? fe : r == null ? void 0 : r[fe];
       if (N <= 2 && G) {
         let z = 100;
-        if (N === 2 && Qr(q)) {
+        if (N === 2 && es(q)) {
           const ge = q[1] - q[0];
           z = Math.abs(ge);
         }
         const re = v({}, at);
         f !== void 0 && (re.duration = /* @__PURE__ */ ae(f));
-        const pe = vi(re, z, G);
+        const pe = yi(re, z, G);
         ne = pe.ease, f = pe.duration;
       }
       f != null || (f = o);
       const ie = p + P;
       te.length === 1 && te[0] === 0 && (te[1] = 1);
       const X = te.length - q.length;
-      if (X > 0 && gi(te, X), q.length === 1 && q.unshift(null), he) {
-        ce(he < Ur, "Repeat count too high, must be less than 20"), f = Br(f, he);
+      if (X > 0 && bi(te, X), q.length === 1 && q.unshift(null), he) {
+        ce(he < Wr, "Repeat count too high, must be less than 20"), f = zr(f, he);
         const z = [...q], re = [...te];
         ne = Array.isArray(ne) ? [...ne] : [ne];
         const pe = [...ne];
         for (let ge = 0; ge < he; ge++) {
           q.push(...z);
           for (let je = 0; je < z.length; je++)
-            te.push(re[je] + (ge + 1)), ne.push(je === 0 ? "linear" : mi(pe, je - 1));
+            te.push(re[je] + (ge + 1)), ne.push(je === 0 ? "linear" : fi(pe, je - 1));
         }
-        Gr(te, he);
+        Hr(te, he);
       }
       const Ae = ie + f;
-      qr(w, q, ne, te, ie, Ae), M = Math.max(P + f, M), g = Math.max(Ae, g);
+      Gr(w, q, ne, te, ie, Ae), M = Math.max(P + f, M), g = Math.max(Ae, g);
     };
     if (J(k)) {
-      const D = Tn(k, u);
-      T(V, _, An("default", D));
+      const D = An(k, u);
+      T(V, _, _n("default", D));
     } else {
-      const D = hi(k, V, i, d), C = D.length;
+      const D = pi(k, V, i, d), C = D.length;
       for (let w = 0; w < C; w++) {
         V = V, _ = _;
-        const R = D[w], O = Tn(R, u);
+        const R = D[w], O = An(R, u);
         for (const q in V)
-          T(V[q], Jr(_, q), An(q, O), w, C);
+          T(V[q], Xr(_, q), _n(q, O), w, C);
       }
     }
     m = p, p += M;
@@ -632,13 +640,13 @@ function Wr(n, s = {}, i, r) {
   return u.forEach((b, y) => {
     for (const k in b) {
       const V = b[k];
-      V.sort(Hr);
+      V.sort(Yr);
       const _ = [], M = [], T = [];
       for (let C = 0; C < V.length; C++) {
         const { at: w, value: R, easing: O } = V[C];
         _.push(R), M.push(/* @__PURE__ */ en(0, g, w)), T.push(O || "easeOut");
       }
-      M[0] !== 0 && (M.unshift(0), _.unshift(_[0]), T.unshift(Yr)), M[M.length - 1] !== 1 && (M.push(1), _.push(null)), l.has(y) || l.set(y, {
+      M[0] !== 0 && (M.unshift(0), _.unshift(_[0]), T.unshift(Ur)), M[M.length - 1] !== 1 && (M.push(1), _.push(null)), l.has(y) || l.set(y, {
         keyframes: {},
         transition: {}
       });
@@ -651,39 +659,39 @@ function Wr(n, s = {}, i, r) {
     }
   }), l;
 }
-function Tn(n, e) {
+function An(n, e) {
   return !e.has(n) && e.set(n, {}), e.get(n);
 }
-function An(n, e) {
+function _n(n, e) {
   return e[n] || (e[n] = []), e[n];
 }
-function Zr(n) {
+function Jr(n) {
   return Array.isArray(n) ? n : [n];
 }
-function Jr(n, e) {
+function Xr(n, e) {
   return n && n[e] ? v(v({}, n), n[e]) : v({}, n);
 }
-const Xr = (n) => typeof n == "number", Qr = (n) => n.every(Xr), Je = /* @__PURE__ */ new WeakMap(), es = (n) => Array.isArray(n);
-function _n(n) {
+const Qr = (n) => typeof n == "number", es = (n) => n.every(Qr), Je = /* @__PURE__ */ new WeakMap(), ts = (n) => Array.isArray(n);
+function Ln(n) {
   const e = [{}, {}];
   return n == null || n.values.forEach((t, i) => {
     e[0][i] = t.get(), e[1][i] = t.getVelocity();
   }), e;
 }
-function yi(n, e, t, i) {
+function Ci(n, e, t, i) {
   if (typeof e == "function") {
-    const [r, s] = _n(i);
+    const [r, s] = Ln(i);
     e = e(t !== void 0 ? t : n.custom, r, s);
   }
   if (typeof e == "string" && (e = n.variants && n.variants[e]), typeof e == "function") {
-    const [r, s] = _n(i);
+    const [r, s] = Ln(i);
     e = e(t !== void 0 ? t : n.custom, r, s);
   }
   return e;
 }
-function ts(n, e, t) {
+function ns(n, e, t) {
   const i = n.getProps();
-  return yi(i, e, i.custom, n);
+  return Ci(i, e, i.custom, n);
 }
 const lt = [
   "setup",
@@ -703,7 +711,7 @@ const lt = [
   "postRender"
   // Compute
 ];
-function ns(n, e) {
+function is(n, e) {
   let t = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = !1, s = !1;
   const a = /* @__PURE__ */ new WeakSet();
   let o = {
@@ -741,16 +749,16 @@ function ns(n, e) {
   };
   return u;
 }
-const de = {}, is = 40;
-function rs(n, e) {
+const de = {}, rs = 40;
+function ss(n, e) {
   let t = !1, i = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => t = !0, a = lt.reduce((_, M) => (_[M] = ns(s), _), {}), { setup: o, read: l, resolveKeyframes: u, preUpdate: d, update: h, preRender: m, render: p, postRender: g } = a, b = () => {
+  }, s = () => t = !0, a = lt.reduce((_, M) => (_[M] = is(s), _), {}), { setup: o, read: l, resolveKeyframes: u, preUpdate: d, update: h, preRender: m, render: p, postRender: g } = a, b = () => {
     const _ = de.useManualTiming ? r.timestamp : performance.now();
-    t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(_ - r.timestamp, is), 1)), r.timestamp = _, r.isProcessing = !0, o.process(r), l.process(r), u.process(r), d.process(r), h.process(r), m.process(r), p.process(r), g.process(r), r.isProcessing = !1, t && e && (i = !1, n(b));
+    t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(_ - r.timestamp, rs), 1)), r.timestamp = _, r.isProcessing = !0, o.process(r), l.process(r), u.process(r), d.process(r), h.process(r), m.process(r), p.process(r), g.process(r), r.isProcessing = !1, t && e && (i = !1, n(b));
   }, y = () => {
     t = !0, i = !0, r.isProcessing || n(b);
   };
@@ -762,26 +770,26 @@ function rs(n, e) {
       a[lt[M]].cancel(_);
   }, state: r, steps: a };
 }
-const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: ue, cancel: Rt, state: ft } = /* @__PURE__ */ rs(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
+const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: ue, cancel: Rt, state: ft } = /* @__PURE__ */ ss(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
 let pt;
-function ss() {
+function as() {
   pt = void 0;
 }
 const ee = {
   now: () => (pt === void 0 && ee.set(ft.isProcessing || de.useManualTiming ? ft.timestamp : performance.now()), pt),
   set: (n) => {
-    pt = n, queueMicrotask(ss);
+    pt = n, queueMicrotask(as);
   }
-}, Ln = /* @__PURE__ */ new Set();
-function Ci(n, e, t) {
-  n || Ln.has(e) || (console.warn(e), Ln.add(e));
+}, Vn = /* @__PURE__ */ new Set();
+function ki(n, e, t) {
+  n || Vn.has(e) || (console.warn(e), Vn.add(e));
 }
-class ki {
+class Ei {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return $r(this.subscriptions, e), () => fi(this.subscriptions, e);
+    return Kr(this.subscriptions, e), () => gi(this.subscriptions, e);
   }
   notify(e, t, i) {
     const r = this.subscriptions.length;
@@ -801,11 +809,11 @@ class ki {
     this.subscriptions.length = 0;
   }
 }
-function Ei(n, e) {
+function xi(n, e) {
   return e ? n * (1e3 / e) : 0;
 }
-const Vn = 30, as = (n) => !isNaN(parseFloat(n));
-class os {
+const In = 30, os = (n) => !isNaN(parseFloat(n));
+class ls {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -823,7 +831,7 @@ class os {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = t.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = ee.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = as(this.current));
+    this.current = e, this.updatedAt = ee.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = os(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -869,10 +877,10 @@ class os {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && Ci(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && ki(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, t) {
-    this.events[e] || (this.events[e] = new ki());
+    this.events[e] || (this.events[e] = new Ei());
     const i = this.events[e].add(t);
     return e === "change" ? () => {
       i(), ue.read(() => {
@@ -953,10 +961,10 @@ class os {
    */
   getVelocity() {
     const e = ee.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Vn)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > In)
       return 0;
-    const t = Math.min(this.updatedAt - this.prevUpdatedAt, Vn);
-    return Ei(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
+    const t = Math.min(this.updatedAt - this.prevUpdatedAt, In);
+    return xi(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1009,41 +1017,41 @@ class os {
   }
 }
 function Xe(n, e) {
-  return new os(n, e);
+  return new ls(n, e);
 }
-function ls(n, e, t) {
+function cs(n, e, t) {
   n.hasValue(e) ? n.getValue(e).set(t) : n.addValue(e, Xe(t));
 }
-function cs(n) {
-  return es(n) ? n[n.length - 1] || 0 : n;
+function ds(n) {
+  return ts(n) ? n[n.length - 1] || 0 : n;
 }
-function ds(n, e) {
-  let a = ts(n, e) || {}, { transitionEnd: i = {}, transition: r = {} } = a, s = se(a, ["transitionEnd", "transition"]);
+function us(n, e) {
+  let a = ns(n, e) || {}, { transitionEnd: i = {}, transition: r = {} } = a, s = se(a, ["transitionEnd", "transition"]);
   s = v(v({}, s), i);
   for (const o in s) {
-    const l = cs(s[o]);
-    ls(n, o, l);
+    const l = ds(s[o]);
+    cs(n, o, l);
   }
 }
-function us(n) {
+function hs(n) {
   return !!(J(n) && n.add);
 }
-function hs(n, e) {
+function ps(n, e) {
   const t = n.getValue("willChange");
-  if (us(t))
+  if (hs(t))
     return t.add(e);
   if (!t && de.WillChange) {
     const i = new de.WillChange("auto");
     n.addValue("willChange", i), i.add(e);
   }
 }
-const rn = (n) => n.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ps = "framerAppearId", ms = "data-" + rn(ps);
-function fs(n) {
-  return n.props[ms];
+const rn = (n) => n.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ms = "framerAppearId", fs = "data-" + rn(ms);
+function gs(n) {
+  return n.props[fs];
 }
-const gs = (n) => n !== null;
-function bs(n, { repeat: e, repeatType: t = "loop" }, i) {
-  const r = n.filter(gs), s = e && t !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
+const bs = (n) => n !== null;
+function vs(n, { repeat: e, repeatType: t = "loop" }, i) {
+  const r = n.filter(bs), s = e && t !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
   return r[s];
 }
 const Re = [
@@ -1064,33 +1072,33 @@ const Re = [
   "skew",
   "skewX",
   "skewY"
-], Oe = new Set(Re), vs = {
+], Oe = new Set(Re), ys = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, ys = (n) => ({
+}, Cs = (n) => ({
   type: "spring",
   stiffness: 550,
   damping: n === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Cs = {
+}), ks = {
   type: "keyframes",
   duration: 0.8
-}, ks = {
+}, Es = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Es = (n, { keyframes: e }) => e.length > 2 ? Cs : Oe.has(n) ? n.startsWith("scale") ? ys(e[1]) : vs : ks;
-function xs(h) {
+}, xs = (n, { keyframes: e }) => e.length > 2 ? ks : Oe.has(n) ? n.startsWith("scale") ? Cs(e[1]) : ys : Es;
+function ws(h) {
   var m = h, { when: n, delay: e, delayChildren: t, staggerChildren: i, staggerDirection: r, repeat: s, repeatType: a, repeatDelay: o, from: l, elapsed: u } = m, d = se(m, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(d).length;
 }
-function xi(n, e) {
+function wi(n, e) {
   var t, i;
   return (i = (t = n == null ? void 0 : n[e]) != null ? t : n == null ? void 0 : n.default) != null ? i : n;
 }
-const wi = (n) => (e) => typeof e == "string" && e.startsWith(n), Ti = /* @__PURE__ */ wi("--"), ws = /* @__PURE__ */ wi("var(--"), sn = (n) => ws(n) ? Ts.test(n.split("/*")[0].trim()) : !1, Ts = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, xe = (n, e, t) => t > e ? e : t < n ? n : t, Ne = {
+const Ti = (n) => (e) => typeof e == "string" && e.startsWith(n), Ai = /* @__PURE__ */ Ti("--"), Ts = /* @__PURE__ */ Ti("var(--"), sn = (n) => Ts(n) ? As.test(n.split("/*")[0].trim()) : !1, As = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, xe = (n, e, t) => t > e ? e : t < n ? n : t, Ne = {
   test: (n) => typeof n == "number",
   parse: parseFloat,
   transform: (n) => n
@@ -1099,10 +1107,10 @@ const wi = (n) => (e) => typeof e == "string" && e.startsWith(n), Ti = /* @__PUR
 }), ct = I(v({}, Ne), {
   default: 1
 }), We = (n) => Math.round(n * 1e5) / 1e5, an = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function As(n) {
+function _s(n) {
   return n == null;
 }
-const _s = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, on = (n, e) => (t) => !!(typeof t == "string" && _s.test(t) && t.startsWith(n) || e && !As(t) && Object.prototype.hasOwnProperty.call(t, e)), Ai = (n, e, t) => (i) => {
+const Ls = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, on = (n, e) => (t) => !!(typeof t == "string" && Ls.test(t) && t.startsWith(n) || e && !_s(t) && Object.prototype.hasOwnProperty.call(t, e)), _i = (n, e, t) => (i) => {
   if (typeof i != "string")
     return i;
   const [r, s, a, o] = i.match(an);
@@ -1112,14 +1120,14 @@ const _s = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [t]: parseFloat(a),
     alpha: o !== void 0 ? parseFloat(o) : 1
   };
-}, Ls = (n) => xe(0, 255, n), wt = I(v({}, Ne), {
-  transform: (n) => Math.round(Ls(n))
+}, Vs = (n) => xe(0, 255, n), wt = I(v({}, Ne), {
+  transform: (n) => Math.round(Vs(n))
 }), ye = {
   test: /* @__PURE__ */ on("rgb", "red"),
-  parse: /* @__PURE__ */ Ai("red", "green", "blue"),
+  parse: /* @__PURE__ */ _i("red", "green", "blue"),
   transform: ({ red: n, green: e, blue: t, alpha: i = 1 }) => "rgba(" + wt.transform(n) + ", " + wt.transform(e) + ", " + wt.transform(t) + ", " + We(Qe.transform(i)) + ")"
 };
-function Vs(n) {
+function Is(n) {
   let e = "", t = "", i = "", r = "";
   return n.length > 5 ? (e = n.substring(1, 3), t = n.substring(3, 5), i = n.substring(5, 7), r = n.substring(7, 9)) : (e = n.substring(1, 2), t = n.substring(2, 3), i = n.substring(3, 4), r = n.substring(4, 5), e += e, t += t, i += i, r += r), {
     red: parseInt(e, 16),
@@ -1130,29 +1138,29 @@ function Vs(n) {
 }
 const Ot = {
   test: /* @__PURE__ */ on("#"),
-  parse: Vs,
+  parse: Is,
   transform: ye.transform
 }, rt = /* @__NO_SIDE_EFFECTS__ */ (n) => ({
   test: (e) => typeof e == "string" && e.endsWith(n) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${n}`
-}), me = /* @__PURE__ */ rt("deg"), Me = /* @__PURE__ */ rt("%"), L = /* @__PURE__ */ rt("px"), Is = /* @__PURE__ */ rt("vh"), Ms = /* @__PURE__ */ rt("vw"), In = I(v({}, Me), {
+}), me = /* @__PURE__ */ rt("deg"), Me = /* @__PURE__ */ rt("%"), L = /* @__PURE__ */ rt("px"), Ms = /* @__PURE__ */ rt("vh"), Ps = /* @__PURE__ */ rt("vw"), Mn = I(v({}, Me), {
   parse: (n) => Me.parse(n) / 100,
   transform: (n) => Me.transform(n * 100)
 }), Ve = {
   test: /* @__PURE__ */ on("hsl", "hue"),
-  parse: /* @__PURE__ */ Ai("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ _i("hue", "saturation", "lightness"),
   transform: ({ hue: n, saturation: e, lightness: t, alpha: i = 1 }) => "hsla(" + Math.round(n) + ", " + Me.transform(We(e)) + ", " + Me.transform(We(t)) + ", " + We(Qe.transform(i)) + ")"
 }, U = {
   test: (n) => ye.test(n) || Ot.test(n) || Ve.test(n),
   parse: (n) => ye.test(n) ? ye.parse(n) : Ve.test(n) ? Ve.parse(n) : Ot.parse(n),
   transform: (n) => typeof n == "string" ? n : n.hasOwnProperty("red") ? ye.transform(n) : Ve.transform(n)
-}, Ps = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Ds(n) {
+}, Ds = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Rs(n) {
   var e, t;
-  return isNaN(n) && typeof n == "string" && (((e = n.match(an)) == null ? void 0 : e.length) || 0) + (((t = n.match(Ps)) == null ? void 0 : t.length) || 0) > 0;
+  return isNaN(n) && typeof n == "string" && (((e = n.match(an)) == null ? void 0 : e.length) || 0) + (((t = n.match(Ds)) == null ? void 0 : t.length) || 0) > 0;
 }
-const _i = "number", Li = "color", Rs = "var", Os = "var(", Mn = "${}", Ns = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const Li = "number", Vi = "color", Os = "var", Ns = "var(", Pn = "${}", Ss = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function et(n) {
   const e = n.toString(), t = [], i = {
     color: [],
@@ -1160,39 +1168,39 @@ function et(n) {
     var: []
   }, r = [];
   let s = 0;
-  const o = e.replace(Ns, (l) => (U.test(l) ? (i.color.push(s), r.push(Li), t.push(U.parse(l))) : l.startsWith(Os) ? (i.var.push(s), r.push(Rs), t.push(l)) : (i.number.push(s), r.push(_i), t.push(parseFloat(l))), ++s, Mn)).split(Mn);
+  const o = e.replace(Ss, (l) => (U.test(l) ? (i.color.push(s), r.push(Vi), t.push(U.parse(l))) : l.startsWith(Ns) ? (i.var.push(s), r.push(Os), t.push(l)) : (i.number.push(s), r.push(Li), t.push(parseFloat(l))), ++s, Pn)).split(Pn);
   return { values: t, split: o, indexes: i, types: r };
 }
-function Vi(n) {
+function Ii(n) {
   return et(n).values;
 }
-function Ii(n) {
+function Mi(n) {
   const { split: e, types: t } = et(n), i = e.length;
   return (r) => {
     let s = "";
     for (let a = 0; a < i; a++)
       if (s += e[a], r[a] !== void 0) {
         const o = t[a];
-        o === _i ? s += We(r[a]) : o === Li ? s += U.transform(r[a]) : s += r[a];
+        o === Li ? s += We(r[a]) : o === Vi ? s += U.transform(r[a]) : s += r[a];
       }
     return s;
   };
 }
-const Ss = (n) => typeof n == "number" ? 0 : n;
-function Fs(n) {
-  const e = Vi(n);
-  return Ii(n)(e.map(Ss));
+const Fs = (n) => typeof n == "number" ? 0 : n;
+function js(n) {
+  const e = Ii(n);
+  return Mi(n)(e.map(Fs));
 }
 const Se = {
-  test: Ds,
-  parse: Vi,
-  createTransformer: Ii,
-  getAnimatableNone: Fs
+  test: Rs,
+  parse: Ii,
+  createTransformer: Mi,
+  getAnimatableNone: js
 };
 function Tt(n, e, t) {
   return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? n + (e - n) * 6 * t : t < 1 / 2 ? e : t < 2 / 3 ? n + (e - n) * (2 / 3 - t) * 6 : n;
 }
-function js({ hue: n, saturation: e, lightness: t, alpha: i }) {
+function Bs({ hue: n, saturation: e, lightness: t, alpha: i }) {
   n /= 360, e /= 100, t /= 100;
   let r = 0, s = 0, a = 0;
   if (!e)
@@ -1214,32 +1222,32 @@ function gt(n, e) {
 const At = (n, e, t) => {
   const i = n * n, r = t * (e * e - i) + i;
   return r < 0 ? 0 : Math.sqrt(r);
-}, Bs = [Ot, ye, Ve], zs = (n) => Bs.find((e) => e.test(n));
-function Pn(n) {
-  const e = zs(n);
+}, zs = [Ot, ye, Ve], $s = (n) => zs.find((e) => e.test(n));
+function Dn(n) {
+  const e = $s(n);
   if (it(!!e, `'${n}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let t = e.parse(n);
-  return e === Ve && (t = js(t)), t;
+  return e === Ve && (t = Bs(t)), t;
 }
-const Dn = (n, e) => {
-  const t = Pn(n), i = Pn(e);
+const Rn = (n, e) => {
+  const t = Dn(n), i = Dn(e);
   if (!t || !i)
     return gt(n, e);
   const r = v({}, t);
   return (s) => (r.red = At(t.red, i.red, s), r.green = At(t.green, i.green, s), r.blue = At(t.blue, i.blue, s), r.alpha = nt(t.alpha, i.alpha, s), ye.transform(r));
 }, Nt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function $s(n, e) {
+function Ks(n, e) {
   return Nt.has(n) ? (t) => t <= 0 ? n : e : (t) => t >= 1 ? e : n;
 }
-const Ks = (n, e) => (t) => e(n(t)), ln = (...n) => n.reduce(Ks);
-function qs(n, e) {
+const qs = (n, e) => (t) => e(n(t)), ln = (...n) => n.reduce(qs);
+function Gs(n, e) {
   return (t) => nt(n, e, t);
 }
 function cn(n) {
-  return typeof n == "number" ? qs : typeof n == "string" ? sn(n) ? gt : U.test(n) ? Dn : Ys : Array.isArray(n) ? Mi : typeof n == "object" ? U.test(n) ? Dn : Gs : gt;
+  return typeof n == "number" ? Gs : typeof n == "string" ? sn(n) ? gt : U.test(n) ? Rn : Us : Array.isArray(n) ? Pi : typeof n == "object" ? U.test(n) ? Rn : Hs : gt;
 }
-function Mi(n, e) {
+function Pi(n, e) {
   const t = [...n], i = t.length, r = n.map((s, a) => cn(s)(s, e[a]));
   return (s) => {
     for (let a = 0; a < i; a++)
@@ -1247,7 +1255,7 @@ function Mi(n, e) {
     return t;
   };
 }
-function Gs(n, e) {
+function Hs(n, e) {
   const t = v(v({}, n), e), i = {};
   for (const r in t)
     n[r] !== void 0 && e[r] !== void 0 && (i[r] = cn(n[r])(n[r], e[r]));
@@ -1257,7 +1265,7 @@ function Gs(n, e) {
     return t;
   };
 }
-function Hs(n, e) {
+function Ys(n, e) {
   var r;
   const t = [], i = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < e.values.length; s++) {
@@ -1266,14 +1274,14 @@ function Hs(n, e) {
   }
   return t;
 }
-const Ys = (n, e) => {
+const Us = (n, e) => {
   const t = Se.createTransformer(e), i = et(n), r = et(e);
-  return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Nt.has(n) && !r.values.length || Nt.has(e) && !i.values.length ? $s(n, e) : ln(Mi(Hs(i, r), r.values), t) : (it(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), gt(n, e));
+  return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Nt.has(n) && !r.values.length || Nt.has(e) && !i.values.length ? Ks(n, e) : ln(Pi(Ys(i, r), r.values), t) : (it(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), gt(n, e));
 };
-function Pi(n, e, t) {
+function Di(n, e, t) {
   return typeof n == "number" && typeof e == "number" && typeof t == "number" ? nt(n, e, t) : cn(n)(n, e);
 }
-const Us = (n) => {
+const Ws = (n) => {
   const e = ({ timestamp: t }) => n(t);
   return {
     start: (t = !0) => ue.update(e, t),
@@ -1284,16 +1292,16 @@ const Us = (n) => {
      */
     now: () => ft.isProcessing ? ft.timestamp : ee.now()
   };
-}, Di = (n, e, t = 10) => {
+}, Ri = (n, e, t = 10) => {
   let i = "";
   const r = Math.max(Math.round(e / t), 2);
   for (let s = 0; s < r; s++)
     i += n(s / (r - 1)) + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
-}, Ws = 5;
-function Ri(n, e, t) {
-  const i = Math.max(e - Ws, 0);
-  return Ei(t - n(i), e - i);
+}, Zs = 5;
+function Oi(n, e, t) {
+  const i = Math.max(e - Zs, 0);
+  return xi(t - n(i), e - i);
 }
 const B = {
   // Default spring physics
@@ -1324,7 +1332,7 @@ const B = {
   minDamping: 0.05,
   maxDamping: 1
 }, _t = 1e-3;
-function Zs({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.velocity, mass: i = B.mass }) {
+function Js({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.velocity, mass: i = B.mass }) {
   let r, s;
   it(n <= /* @__PURE__ */ ae(B.maxDuration), "Spring duration must be 10 seconds or less");
   let a = 1 - e;
@@ -1341,7 +1349,7 @@ function Zs({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.ve
     const d = Math.exp(-u * n), h = (t - u) * (n * n);
     return d * h;
   });
-  const o = 5 / n, l = Xs(r, s, o);
+  const o = 5 / n, l = Qs(r, s, o);
   if (n = /* @__PURE__ */ ae(n), isNaN(l))
     return {
       stiffness: B.stiffness,
@@ -1357,21 +1365,21 @@ function Zs({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.ve
     };
   }
 }
-const Js = 12;
-function Xs(n, e, t) {
+const Xs = 12;
+function Qs(n, e, t) {
   let i = t;
-  for (let r = 1; r < Js; r++)
+  for (let r = 1; r < Xs; r++)
     i = i - n(i) / e(i);
   return i;
 }
 function St(n, e) {
   return n * Math.sqrt(1 - e * e);
 }
-const Qs = ["duration", "bounce"], ea = ["stiffness", "damping", "mass"];
-function Rn(n, e) {
+const ea = ["duration", "bounce"], ta = ["stiffness", "damping", "mass"];
+function On(n, e) {
   return e.some((t) => n[t] !== void 0);
 }
-function ta(n) {
+function na(n) {
   let e = v({
     velocity: B.velocity,
     stiffness: B.stiffness,
@@ -1379,7 +1387,7 @@ function ta(n) {
     mass: B.mass,
     isResolvedFromDuration: !1
   }, n);
-  if (!Rn(n, ea) && Rn(n, Qs))
+  if (!On(n, ta) && On(n, ea))
     if (n.visualDuration) {
       const t = n.visualDuration, i = 2 * Math.PI / (t * 1.2), r = i * i, s = 2 * xe(0.05, 1, 1 - (n.bounce || 0)) * Math.sqrt(r);
       e = I(v({}, e), {
@@ -1388,7 +1396,7 @@ function ta(n) {
         damping: s
       });
     } else {
-      const t = Zs(n);
+      const t = Js(n);
       e = I(v(v({}, e), t), {
         mass: B.mass
       }), e.isResolvedFromDuration = !0;
@@ -1402,7 +1410,7 @@ function tt(n = B.visualDuration, e = B.bounce) {
     bounce: e
   } : n;
   let { restSpeed: i, restDelta: r } = t;
-  const s = t.keyframes[0], a = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: p } = ta(I(v({}, t), {
+  const s = t.keyframes[0], a = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: p } = na(I(v({}, t), {
     velocity: -/* @__PURE__ */ le(t.velocity || 0)
   })), g = m || 0, b = u / (2 * Math.sqrt(l * d)), y = a - s, k = /* @__PURE__ */ le(Math.sqrt(l / d)), V = Math.abs(y) < 5;
   i || (i = V ? B.restSpeed.granular : B.restSpeed.default), r || (r = V ? B.restDelta.granular : B.restDelta.default);
@@ -1430,14 +1438,14 @@ function tt(n = B.visualDuration, e = B.bounce) {
         o.done = T >= h;
       else {
         let C = T === 0 ? g : 0;
-        b < 1 && (C = T === 0 ? /* @__PURE__ */ ae(g) : Ri(_, T, D));
+        b < 1 && (C = T === 0 ? /* @__PURE__ */ ae(g) : Oi(_, T, D));
         const w = Math.abs(C) <= i, R = Math.abs(a - D) <= r;
         o.done = w && R;
       }
       return o.value = o.done ? a : D, o;
     },
     toString: () => {
-      const T = Math.min(nn(M), mt), D = Di((C) => M.next(T * C).value, T, 30);
+      const T = Math.min(nn(M), mt), D = Ri((C) => M.next(T * C).value, T, 30);
       return T + "ms " + D;
     },
     toTransition: () => {
@@ -1446,7 +1454,7 @@ function tt(n = B.visualDuration, e = B.bounce) {
   return M;
 }
 tt.applyToOptions = (n) => {
-  const e = vi(n, 100, tt);
+  const e = yi(n, 100, tt);
   return n.ease = e.ease, n.duration = /* @__PURE__ */ ae(e.duration), n.type = "keyframes", n;
 };
 function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 325, bounceDamping: r = 10, bounceStiffness: s = 500, modifyTarget: a, min: o, max: l, restDelta: u = 0.5, restSpeed: d }) {
@@ -1465,7 +1473,7 @@ function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 3
   const C = (w) => {
     p(m.value) && (T = w, D = tt({
       keyframes: [m.value, g(m.value)],
-      velocity: Ri(_, w, m.value),
+      velocity: Oi(_, w, m.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: s,
@@ -1481,8 +1489,8 @@ function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 3
     }
   };
 }
-function na(n, e, t) {
-  const i = [], r = t || de.mix || Pi, s = n.length - 1;
+function ia(n, e, t) {
+  const i = [], r = t || de.mix || Di, s = n.length - 1;
   for (let a = 0; a < s; a++) {
     let o = r(n[a], n[a + 1]);
     if (e) {
@@ -1493,7 +1501,7 @@ function na(n, e, t) {
   }
   return i;
 }
-function ia(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
+function ra(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
   const s = n.length;
   if (ce(s === e.length, "Both input and output ranges must be the same length"), s === 1)
     return () => e[0];
@@ -1501,7 +1509,7 @@ function ia(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
     return () => e[1];
   const a = n[0] === n[1];
   n[0] > n[s - 1] && (n = [...n].reverse(), e = [...e].reverse());
-  const o = na(e, i, r), l = o.length, u = (d) => {
+  const o = ia(e, i, r), l = o.length, u = (d) => {
     if (a && d < n[0])
       return e[0];
     let h = 0;
@@ -1513,78 +1521,78 @@ function ia(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
   };
   return t ? (d) => u(xe(n[0], n[s - 1], d)) : u;
 }
-function ra(n, e) {
+function sa(n, e) {
   return n.map((t) => t * e);
 }
-const Oi = (n, e, t) => (((1 - 3 * t + 3 * e) * n + (3 * t - 6 * e)) * n + 3 * e) * n, sa = 1e-7, aa = 12;
-function oa(n, e, t, i, r) {
+const Ni = (n, e, t) => (((1 - 3 * t + 3 * e) * n + (3 * t - 6 * e)) * n + 3 * e) * n, aa = 1e-7, oa = 12;
+function la(n, e, t, i, r) {
   let s, a, o = 0;
   do
-    a = e + (t - e) / 2, s = Oi(a, i, r) - n, s > 0 ? t = a : e = a;
-  while (Math.abs(s) > sa && ++o < aa);
+    a = e + (t - e) / 2, s = Ni(a, i, r) - n, s > 0 ? t = a : e = a;
+  while (Math.abs(s) > aa && ++o < oa);
   return a;
 }
 function st(n, e, t, i) {
   if (n === e && t === i)
     return De;
-  const r = (s) => oa(s, 0, 1, n, t);
-  return (s) => s === 0 || s === 1 ? s : Oi(r(s), e, i);
+  const r = (s) => la(s, 0, 1, n, t);
+  return (s) => s === 0 || s === 1 ? s : Ni(r(s), e, i);
 }
-const la = /* @__PURE__ */ st(0.42, 0, 1, 1), ca = /* @__PURE__ */ st(0, 0, 0.58, 1), Ni = /* @__PURE__ */ st(0.42, 0, 0.58, 1), Si = (n) => (e) => e <= 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2, Fi = (n) => (e) => 1 - n(1 - e), ji = /* @__PURE__ */ st(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ Fi(ji), Bi = /* @__PURE__ */ Si(dn), zi = (n) => (n *= 2) < 1 ? 0.5 * dn(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1))), un = (n) => 1 - Math.sin(Math.acos(n)), da = Fi(un), $i = Si(un), Ki = (n) => Array.isArray(n) && typeof n[0] == "number", On = {
+const ca = /* @__PURE__ */ st(0.42, 0, 1, 1), da = /* @__PURE__ */ st(0, 0, 0.58, 1), Si = /* @__PURE__ */ st(0.42, 0, 0.58, 1), Fi = (n) => (e) => e <= 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2, ji = (n) => (e) => 1 - n(1 - e), Bi = /* @__PURE__ */ st(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ ji(Bi), zi = /* @__PURE__ */ Fi(dn), $i = (n) => (n *= 2) < 1 ? 0.5 * dn(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1))), un = (n) => 1 - Math.sin(Math.acos(n)), ua = ji(un), Ki = Fi(un), qi = (n) => Array.isArray(n) && typeof n[0] == "number", Nn = {
   linear: De,
-  easeIn: la,
-  easeInOut: Ni,
-  easeOut: ca,
+  easeIn: ca,
+  easeInOut: Si,
+  easeOut: da,
   circIn: un,
-  circInOut: $i,
-  circOut: da,
+  circInOut: Ki,
+  circOut: ua,
   backIn: dn,
-  backInOut: Bi,
-  backOut: ji,
-  anticipate: zi
-}, ua = (n) => typeof n == "string", Nn = (n) => {
-  if (Ki(n)) {
+  backInOut: zi,
+  backOut: Bi,
+  anticipate: $i
+}, ha = (n) => typeof n == "string", Sn = (n) => {
+  if (qi(n)) {
     ce(n.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, t, i, r] = n;
     return st(e, t, i, r);
-  } else if (ua(n))
-    return ce(On[n] !== void 0, `Invalid easing type '${n}'`), On[n];
+  } else if (ha(n))
+    return ce(Nn[n] !== void 0, `Invalid easing type '${n}'`), Nn[n];
   return n;
 };
-function ha(n, e) {
-  return n.map(() => e || Ni).splice(0, n.length - 1);
+function pa(n, e) {
+  return n.map(() => e || Si).splice(0, n.length - 1);
 }
 function Ie({ duration: n = 300, keyframes: e, times: t, ease: i = "easeInOut" }) {
-  const r = pi(i) ? i.map(Nn) : Nn(i), s = {
+  const r = mi(i) ? i.map(Sn) : Sn(i), s = {
     done: !1,
     value: e[0]
-  }, a = ra(
+  }, a = sa(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    t && t.length === e.length ? t : bi(e),
+    t && t.length === e.length ? t : vi(e),
     n
-  ), o = ia(a, e, {
-    ease: Array.isArray(r) ? r : ha(e, r)
+  ), o = ra(a, e, {
+    ease: Array.isArray(r) ? r : pa(e, r)
   });
   return {
     calculatedDuration: n,
     next: (l) => (s.value = o(l), s.done = l >= n, s)
   };
 }
-const pa = (n) => n !== null;
+const ma = (n) => n !== null;
 function hn(n, { repeat: e, repeatType: t = "loop" }, i, r = 1) {
-  const s = n.filter(pa), o = r < 0 || e && t !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
+  const s = n.filter(ma), o = r < 0 || e && t !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return !o || i === void 0 ? s[o] : i;
 }
-const ma = {
+const fa = {
   decay: Ft,
   inertia: Ft,
   tween: Ie,
   keyframes: Ie,
   spring: tt
 };
-function qi(n) {
-  typeof n.type == "string" && (n.type = ma[n.type]);
+function Gi(n) {
+  typeof n.type == "string" && (n.type = fa[n.type]);
 }
 class pn {
   constructor() {
@@ -1610,7 +1618,7 @@ class pn {
     return this.finished.then(e, t);
   }
 }
-const fa = (n) => n / 100;
+const ga = (n) => n / 100;
 class mn extends pn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
@@ -1621,11 +1629,11 @@ class mn extends pn {
   }
   initAnimation() {
     const { options: e } = this;
-    qi(e);
+    Gi(e);
     const { type: t = Ie, repeat: i = 0, repeatDelay: r = 0, repeatType: s, velocity: a = 0 } = e;
     let { keyframes: o } = e;
     const l = t || Ie;
-    process.env.NODE_ENV !== "production" && l !== Ie && ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Ie && typeof o[0] != "number" && (this.mixKeyframes = ln(fa, Pi(o[0], o[1])), o = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Ie && ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Ie && typeof o[0] != "number" && (this.mixKeyframes = ln(ga, Di(o[0], o[1])), o = [0, 100]);
     const u = l(I(v({}, e), { keyframes: o }));
     s === "mirror" && (this.mirroredGenerator = l(I(v({}, e), {
       keyframes: [...o].reverse(),
@@ -1689,7 +1697,7 @@ class mn extends pn {
     var r, s;
     if (this.isStopped)
       return;
-    const { driver: e = Us, startTime: t } = this.options;
+    const { driver: e = Ws, startTime: t } = this.options;
     this.driver || (this.driver = e((a) => this.tick(a))), (s = (r = this.options).onPlay) == null || s.call(r);
     const i = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = i) : this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime || (this.startTime = t != null ? t : i), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -1722,7 +1730,7 @@ class mn extends pn {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (t = this.driver) == null || t.stop(), e.observe(this);
   }
 }
-function ga(n) {
+function ba(n) {
   var e;
   for (let t = 1; t < n.length; t++)
     (e = n[t]) != null || (n[t] = n[t - 1]);
@@ -1730,7 +1738,7 @@ function ga(n) {
 const Ce = (n) => n * 180 / Math.PI, jt = (n) => {
   const e = Ce(Math.atan2(n[1], n[0]));
   return Bt(e);
-}, ba = {
+}, va = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1743,20 +1751,20 @@ const Ce = (n) => n * 180 / Math.PI, jt = (n) => {
   skewX: (n) => Ce(Math.atan(n[1])),
   skewY: (n) => Ce(Math.atan(n[2])),
   skew: (n) => (Math.abs(n[1]) + Math.abs(n[2])) / 2
-}, Bt = (n) => (n = n % 360, n < 0 && (n += 360), n), Sn = jt, Fn = (n) => Math.sqrt(n[0] * n[0] + n[1] * n[1]), jn = (n) => Math.sqrt(n[4] * n[4] + n[5] * n[5]), va = {
+}, Bt = (n) => (n = n % 360, n < 0 && (n += 360), n), Fn = jt, jn = (n) => Math.sqrt(n[0] * n[0] + n[1] * n[1]), Bn = (n) => Math.sqrt(n[4] * n[4] + n[5] * n[5]), ya = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Fn,
-  scaleY: jn,
-  scale: (n) => (Fn(n) + jn(n)) / 2,
+  scaleX: jn,
+  scaleY: Bn,
+  scale: (n) => (jn(n) + Bn(n)) / 2,
   rotateX: (n) => Bt(Ce(Math.atan2(n[6], n[5]))),
   rotateY: (n) => Bt(Ce(Math.atan2(-n[2], n[0]))),
-  rotateZ: Sn,
-  rotate: Sn,
+  rotateZ: Fn,
+  rotate: Fn,
   skewX: (n) => Ce(Math.atan(n[4])),
   skewY: (n) => Ce(Math.atan(n[1])),
   skew: (n) => (Math.abs(n[1]) + Math.abs(n[4])) / 2
@@ -1770,27 +1778,27 @@ function $t(n, e) {
   const t = n.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let i, r;
   if (t)
-    i = va, r = t;
+    i = ya, r = t;
   else {
     const o = n.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    i = ba, r = o;
+    i = va, r = o;
   }
   if (!r)
     return zt(e);
-  const s = i[e], a = r[1].split(",").map(Ca);
+  const s = i[e], a = r[1].split(",").map(ka);
   return typeof s == "function" ? s(a) : a[s];
 }
-const ya = (n, e) => {
+const Ca = (n, e) => {
   const { transform: t = "none" } = getComputedStyle(n);
   return $t(t, e);
 };
-function Ca(n) {
+function ka(n) {
   return parseFloat(n.trim());
 }
-const Bn = (n) => n === Ne || n === L, ka = /* @__PURE__ */ new Set(["x", "y", "z"]), Ea = Re.filter((n) => !ka.has(n));
-function xa(n) {
+const zn = (n) => n === Ne || n === L, Ea = /* @__PURE__ */ new Set(["x", "y", "z"]), xa = Re.filter((n) => !Ea.has(n));
+function wa(n) {
   const e = [];
-  return Ea.forEach((t) => {
+  return xa.forEach((t) => {
     const i = n.getValue(t);
     i !== void 0 && (e.push([t, i.get()]), i.set(t.startsWith("scale") ? 1 : 0));
   }), e;
@@ -1811,11 +1819,11 @@ ke.translateX = ke.x;
 ke.translateY = ke.y;
 const Ee = /* @__PURE__ */ new Set();
 let Kt = !1, qt = !1, Gt = !1;
-function Gi() {
+function Hi() {
   if (qt) {
     const n = Array.from(Ee).filter((i) => i.needsMeasurement), e = new Set(n.map((i) => i.element)), t = /* @__PURE__ */ new Map();
     e.forEach((i) => {
-      const r = xa(i);
+      const r = wa(i);
       r.length && (t.set(i, r), i.render());
     }), n.forEach((i) => i.measureInitialState()), e.forEach((i) => {
       i.render();
@@ -1830,20 +1838,20 @@ function Gi() {
   }
   qt = !1, Kt = !1, Ee.forEach((n) => n.complete(Gt)), Ee.clear();
 }
-function Hi() {
+function Yi() {
   Ee.forEach((n) => {
     n.readKeyframes(), n.needsMeasurement && (qt = !0);
   });
 }
-function wa() {
-  Gt = !0, Hi(), Gi(), Gt = !1;
+function Ta() {
+  Gt = !0, Yi(), Hi(), Gt = !1;
 }
 class fn {
   constructor(e, t, i, r, s, a = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = t, this.name = i, this.motionValue = r, this.element = s, this.isAsync = a;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Ee.add(this), Kt || (Kt = !0, ue.read(Hi), ue.resolveKeyframes(Gi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Ee.add(this), Kt || (Kt = !0, ue.read(Yi), ue.resolveKeyframes(Hi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: t, element: i, motionValue: r } = this;
@@ -1857,7 +1865,7 @@ class fn {
       }
       e[0] === void 0 && (e[0] = a), r && s === void 0 && r.set(e[0]);
     }
-    ga(e);
+    ba(e);
   }
   setFinalKeyframe() {
   }
@@ -1877,31 +1885,31 @@ class fn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Ta = (n) => n.startsWith("--");
-function Aa(n, e, t) {
-  Ta(e) ? n.style.setProperty(e, t) : n.style[e] = t;
+const Aa = (n) => n.startsWith("--");
+function _a(n, e, t) {
+  Aa(e) ? n.style.setProperty(e, t) : n.style[e] = t;
 }
 // @__NO_SIDE_EFFECTS__
 function gn(n) {
   let e;
   return () => (e === void 0 && (e = n()), e);
 }
-const _a = /* @__PURE__ */ gn(() => window.ScrollTimeline !== void 0), La = {};
-function Va(n, e) {
+const La = /* @__PURE__ */ gn(() => window.ScrollTimeline !== void 0), Va = {};
+function Ia(n, e) {
   const t = /* @__PURE__ */ gn(n);
   return () => {
     var i;
-    return (i = La[e]) != null ? i : t();
+    return (i = Va[e]) != null ? i : t();
   };
 }
-const Yi = /* @__PURE__ */ Va(() => {
+const Ui = /* @__PURE__ */ Ia(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch (n) {
     return !1;
   }
   return !0;
-}, "linearEasing"), Ue = ([n, e, t, i]) => `cubic-bezier(${n}, ${e}, ${t}, ${i})`, zn = {
+}, "linearEasing"), Ue = ([n, e, t, i]) => `cubic-bezier(${n}, ${e}, ${t}, ${i})`, $n = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1912,16 +1920,16 @@ const Yi = /* @__PURE__ */ Va(() => {
   backIn: /* @__PURE__ */ Ue([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ Ue([0.33, 1.53, 0.69, 0.99])
 };
-function Ui(n, e) {
+function Wi(n, e) {
   if (n)
-    return typeof n == "function" ? Yi() ? Di(n, e) : "ease-out" : Ki(n) ? Ue(n) : Array.isArray(n) ? n.map((t) => Ui(t, e) || zn.easeOut) : zn[n];
+    return typeof n == "function" ? Ui() ? Ri(n, e) : "ease-out" : qi(n) ? Ue(n) : Array.isArray(n) ? n.map((t) => Wi(t, e) || $n.easeOut) : $n[n];
 }
-function Ia(n, e, t, { delay: i = 0, duration: r = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: l } = {}, u = void 0) {
+function Ma(n, e, t, { delay: i = 0, duration: r = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: l } = {}, u = void 0) {
   const d = {
     [e]: t
   };
   l && (d.offset = l);
-  const h = Ui(o, r);
+  const h = Wi(o, r);
   Array.isArray(h) && (d.easing = h);
   const m = {
     delay: i,
@@ -1933,22 +1941,22 @@ function Ia(n, e, t, { delay: i = 0, duration: r = 300, repeat: s = 0, repeatTyp
   };
   return u && (m.pseudoElement = u), n.animate(d, m);
 }
-function Ma(t) {
+function Pa(t) {
   var i = t, { type: n } = i, e = se(i, ["type"]);
   var r, s;
-  return tn(n) && Yi() ? n.applyToOptions(e) : ((r = e.duration) != null || (e.duration = 300), (s = e.ease) != null || (e.ease = "easeOut"), e);
+  return tn(n) && Ui() ? n.applyToOptions(e) : ((r = e.duration) != null || (e.duration = 300), (s = e.ease) != null || (e.ease = "easeOut"), e);
 }
-class Pa extends pn {
+class Da extends pn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: t, name: i, keyframes: r, pseudoElement: s, allowFlatten: a = !1, finalKeyframe: o, onComplete: l } = e;
     this.isPseudoElement = !!s, this.allowFlatten = a, this.options = e, ce(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const u = Ma(e);
-    this.animation = Ia(t, i, r, u, s), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const u = Pa(e);
+    this.animation = Ma(t, i, r, u, s), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !s) {
         const d = hn(r, this.options, o, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(d) : Aa(t, i, d), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(d) : _a(t, i, d), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -2027,24 +2035,24 @@ class Pa extends pn {
    */
   attachTimeline({ timeline: e, observe: t }) {
     var i;
-    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && _a() ? (this.animation.timeline = e, De) : t(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && La() ? (this.animation.timeline = e, De) : t(this);
   }
 }
-const Wi = {
-  anticipate: zi,
-  backInOut: Bi,
-  circInOut: $i
+const Zi = {
+  anticipate: $i,
+  backInOut: zi,
+  circInOut: Ki
 };
-function Da(n) {
-  return n in Wi;
-}
 function Ra(n) {
-  typeof n.ease == "string" && Da(n.ease) && (n.ease = Wi[n.ease]);
+  return n in Zi;
+}
+function Oa(n) {
+  typeof n.ease == "string" && Ra(n.ease) && (n.ease = Zi[n.ease]);
 }
-const $n = 10;
-class Oa extends Pa {
+const Kn = 10;
+class Na extends Da {
   constructor(e) {
-    Ra(e), qi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    Oa(e), Gi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -2066,13 +2074,13 @@ class Oa extends Pa {
     const o = new mn(I(v({}, a), {
       autoplay: !1
     })), l = /* @__PURE__ */ ae((d = this.finishedTime) != null ? d : this.time);
-    t.setWithVelocity(o.sample(l - $n).value, o.sample(l).value, $n), o.stop();
+    t.setWithVelocity(o.sample(l - Kn).value, o.sample(l).value, Kn), o.stop();
   }
 }
-const Kn = (n, e) => e === "zIndex" ? !1 : !!(typeof n == "number" || Array.isArray(n) || typeof n == "string" && // It's animatable if we have a string
+const qn = (n, e) => e === "zIndex" ? !1 : !!(typeof n == "number" || Array.isArray(n) || typeof n == "string" && // It's animatable if we have a string
 (Se.test(n) || n === "0") && // And it contains numbers and/or colors
 !n.startsWith("url("));
-function Na(n) {
+function Sa(n) {
   const e = n[0];
   if (n.length === 1)
     return !0;
@@ -2080,43 +2088,43 @@ function Na(n) {
     if (n[t] !== e)
       return !0;
 }
-function Sa(n, e, t, i) {
+function Fa(n, e, t, i) {
   const r = n[0];
   if (r === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const s = n[n.length - 1], a = Kn(r, e), o = Kn(s, e);
-  return it(a === o, `You are trying to animate ${e} from "${r}" to "${s}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${s} via the \`style\` property.`), !a || !o ? !1 : Na(n) || (t === "spring" || tn(t)) && i;
+  const s = n[n.length - 1], a = qn(r, e), o = qn(s, e);
+  return it(a === o, `You are trying to animate ${e} from "${r}" to "${s}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${s} via the \`style\` property.`), !a || !o ? !1 : Sa(n) || (t === "spring" || tn(t)) && i;
 }
-function Zi(n) {
+function Ji(n) {
   return typeof n == "object" && n !== null;
 }
-function Fa(n) {
-  return Zi(n) && "offsetHeight" in n;
+function ja(n) {
+  return Ji(n) && "offsetHeight" in n;
 }
-const ja = /* @__PURE__ */ new Set([
+const Ba = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Ba = /* @__PURE__ */ gn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function za(n) {
+]), za = /* @__PURE__ */ gn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function $a(n) {
   var u;
   const { motionValue: e, name: t, repeatDelay: i, repeatType: r, damping: s, type: a } = n;
-  if (!Fa((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
+  if (!ja((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
     return !1;
   const { onUpdate: o, transformTemplate: l } = e.owner.getProps();
-  return Ba() && t && ja.has(t) && (t !== "transform" || !l) && /**
+  return za() && t && Ba.has(t) && (t !== "transform" || !l) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !o && !i && r !== "mirror" && s !== 0 && a !== "inertia";
 }
-const $a = 40;
-class Ka extends pn {
+const Ka = 40;
+class qa extends pn {
   constructor(m) {
     var p = m, { autoplay: e = !0, delay: t = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: s = 0, repeatType: a = "loop", keyframes: o, name: l, motionValue: u, element: d } = p, h = se(p, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
     var y;
@@ -2140,13 +2148,13 @@ class Ka extends pn {
   onKeyframesResolved(e, t, i, r) {
     this.keyframeResolver = void 0;
     const { name: s, type: a, velocity: o, delay: l, isHandoff: u, onUpdate: d } = i;
-    this.resolvedAt = ee.now(), Sa(e, s, a, o) || ((de.instantAnimations || !l) && (d == null || d(hn(e, i, t))), e[0] = e[e.length - 1], i.duration = 0, i.repeat = 0);
-    const h = r ? this.resolvedAt ? this.resolvedAt - this.createdAt > $a ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = I(v({
+    this.resolvedAt = ee.now(), Fa(e, s, a, o) || ((de.instantAnimations || !l) && (d == null || d(hn(e, i, t))), e[0] = e[e.length - 1], i.duration = 0, i.repeat = 0);
+    const h = r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ka ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = I(v({
       startTime: h,
       finalKeyframe: t
     }, i), {
       keyframes: e
-    }), p = !u && za(m) ? new Oa(I(v({}, m), {
+    }), p = !u && $a(m) ? new Na(I(v({}, m), {
       element: m.motionValue.owner.current
     })) : new mn(m);
     p.finished.then(() => this.notifyFinished()).catch(De), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
@@ -2160,7 +2168,7 @@ class Ka extends pn {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), wa()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Ta()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -2200,8 +2208,8 @@ class Ka extends pn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const Ji = (n, e, t, i = {}, r, s) => (a) => {
-  const o = xi(i, n) || {}, l = o.delay || i.delay || 0;
+const Xi = (n, e, t, i = {}, r, s) => (a) => {
+  const o = wi(i, n) || {}, l = o.delay || i.delay || 0;
   let { elapsed: u = 0 } = i;
   u = u - /* @__PURE__ */ ae(l);
   const d = I(v({
@@ -2220,10 +2228,10 @@ const Ji = (n, e, t, i = {}, r, s) => (a) => {
     motionValue: e,
     element: s ? void 0 : r
   });
-  xs(o) || Object.assign(d, Es(n, d)), d.duration && (d.duration = /* @__PURE__ */ ae(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ae(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
+  ws(o) || Object.assign(d, xs(n, d)), d.duration && (d.duration = /* @__PURE__ */ ae(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ae(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
   let h = !1;
   if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (d.duration = 0, d.delay === 0 && (h = !0)), (de.instantAnimations || de.skipAnimations) && (h = !0, d.duration = 0, d.delay = 0), d.allowFlatten = !o.type && !o.ease, h && !s && e.get() !== void 0) {
-    const m = bs(d.keyframes, o);
+    const m = vs(d.keyframes, o);
     if (m !== void 0) {
       ue.update(() => {
         d.onUpdate(m), d.onComplete();
@@ -2231,8 +2239,8 @@ const Ji = (n, e, t, i = {}, r, s) => (a) => {
       return;
     }
   }
-  return o.isSync ? new mn(d) : new Ka(d);
-}, Xi = /* @__PURE__ */ new Set([
+  return o.isSync ? new mn(d) : new qa(d);
+}, Qi = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -2241,49 +2249,49 @@ const Ji = (n, e, t, i = {}, r, s) => (a) => {
   "bottom",
   ...Re
 ]);
-function qa({ protectedKeys: n, needsAnimating: e }, t) {
+function Ga({ protectedKeys: n, needsAnimating: e }, t) {
   const i = n.hasOwnProperty(t) && e[t] !== !0;
   return e[t] = !1, i;
 }
-function Ga(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
+function Ha(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
   var h;
   let d = e, { transition: s = n.getDefaultTransition(), transitionEnd: a } = d, o = se(d, ["transition", "transitionEnd"]);
   i && (s = i);
   const l = [], u = r && n.animationState && n.animationState.getState()[r];
   for (const m in o) {
     const p = n.getValue(m, (h = n.latestValues[m]) != null ? h : null), g = o[m];
-    if (g === void 0 || u && qa(u, m))
+    if (g === void 0 || u && Ga(u, m))
       continue;
     const b = v({
       delay: t
-    }, xi(s || {}, m)), y = p.get();
+    }, wi(s || {}, m)), y = p.get();
     if (y !== void 0 && !p.isAnimating && !Array.isArray(g) && g === y && !b.velocity)
       continue;
     let k = !1;
     if (window.MotionHandoffAnimation) {
-      const _ = fs(n);
+      const _ = gs(n);
       if (_) {
         const M = window.MotionHandoffAnimation(_, m, ue);
         M !== null && (b.startTime = M, k = !0);
       }
     }
-    hs(n, m), p.start(Ji(m, p, g, n.shouldReduceMotion && Xi.has(m) ? { type: !1 } : b, n, k));
+    ps(n, m), p.start(Xi(m, p, g, n.shouldReduceMotion && Qi.has(m) ? { type: !1 } : b, n, k));
     const V = p.animation;
     V && l.push(V);
   }
   return a && Promise.all(l).then(() => {
     ue.update(() => {
-      a && ds(n, a);
+      a && us(n, a);
     });
   }), l;
 }
-function Ha({ top: n, left: e, right: t, bottom: i }) {
+function Ya({ top: n, left: e, right: t, bottom: i }) {
   return {
     x: { min: e, max: t },
     y: { min: n, max: i }
   };
 }
-function Ya(n, e) {
+function Ua(n, e) {
   if (!e)
     return n;
   const t = e({ x: n.left, y: n.top }), i = e({ x: n.right, y: n.bottom });
@@ -2294,10 +2302,10 @@ function Ya(n, e) {
     right: i.x
   };
 }
-function Ua(n, e) {
-  return Ha(Ya(n.getBoundingClientRect(), e));
+function Wa(n, e) {
+  return Ya(Ua(n.getBoundingClientRect(), e));
 }
-const qn = {
+const Gn = {
   animation: [
     "animate",
     "variants",
@@ -2317,29 +2325,29 @@ const qn = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, Ht = {};
-for (const n in qn)
+for (const n in Gn)
   Ht[n] = {
-    isEnabled: (e) => qn[n].some((t) => !!e[t])
+    isEnabled: (e) => Gn[n].some((t) => !!e[t])
   };
-const Gn = () => ({ min: 0, max: 0 }), bn = () => ({
-  x: Gn(),
-  y: Gn()
-}), Wa = typeof window != "undefined", Yt = { current: null }, Qi = { current: !1 };
-function Za() {
-  if (Qi.current = !0, !!Wa)
+const Hn = () => ({ min: 0, max: 0 }), bn = () => ({
+  x: Hn(),
+  y: Hn()
+}), Za = typeof window != "undefined", Yt = { current: null }, er = { current: !1 };
+function Ja() {
+  if (er.current = !0, !!Za)
     if (window.matchMedia) {
       const n = window.matchMedia("(prefers-reduced-motion)"), e = () => Yt.current = n.matches;
       n.addListener(e), e();
     } else
       Yt.current = !1;
 }
-function Ja(n) {
+function Xa(n) {
   return n !== null && typeof n == "object" && typeof n.start == "function";
 }
-function Xa(n) {
+function Qa(n) {
   return typeof n == "string" || Array.isArray(n);
 }
-const Qa = [
+const eo = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2347,14 +2355,14 @@ const Qa = [
   "whileTap",
   "whileDrag",
   "exit"
-], eo = ["initial", ...Qa];
-function er(n) {
-  return Ja(n.animate) || eo.some((e) => Xa(n[e]));
+], to = ["initial", ...eo];
+function tr(n) {
+  return Xa(n.animate) || to.some((e) => Qa(n[e]));
 }
-function to(n) {
-  return !!(er(n) || n.variants);
+function no(n) {
+  return !!(tr(n) || n.variants);
 }
-function no(n, e, t) {
+function io(n, e, t) {
   for (const i in e) {
     const r = e[i], s = t[i];
     if (J(r))
@@ -2374,11 +2382,11 @@ function no(n, e, t) {
     e[i] === void 0 && n.removeValue(i);
   return e;
 }
-const tr = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), nr = (n) => /^0[^.\s]+$/u.test(n), io = {
+const nr = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), ir = (n) => /^0[^.\s]+$/u.test(n), ro = {
   test: (n) => n === "auto",
   parse: (n) => n
-}, ir = (n) => (e) => e.test(n), rr = [Ne, L, Me, me, Ms, Is, io], Hn = (n) => rr.find(ir(n)), ro = [...rr, U, Se], so = (n) => ro.find(ir(n)), ao = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function oo(n) {
+}, rr = (n) => (e) => e.test(n), sr = [Ne, L, Me, me, Ps, Ms, ro], Yn = (n) => sr.find(rr(n)), so = [...sr, U, Se], ao = (n) => so.find(rr(n)), oo = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function lo(n) {
   const [e, t] = n.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return n;
@@ -2386,17 +2394,17 @@ function oo(n) {
   if (!i)
     return n;
   const r = t.replace(i, "");
-  let s = ao.has(e) ? 1 : 0;
+  let s = oo.has(e) ? 1 : 0;
   return i !== t && (s *= 100), e + "(" + s + r + ")";
 }
-const lo = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
+const co = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   getAnimatableNone: (n) => {
-    const e = n.match(lo);
-    return e ? e.map(oo).join(" ") : n;
+    const e = n.match(co);
+    return e ? e.map(lo).join(" ") : n;
   }
-}), Yn = I(v({}, Ne), {
+}), Un = I(v({}, Ne), {
   transform: Math.round
-}), co = {
+}), uo = {
   rotate: me,
   rotateX: me,
   rotateY: me,
@@ -2418,8 +2426,8 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   perspective: L,
   transformPerspective: L,
   opacity: Qe,
-  originX: In,
-  originY: In,
+  originX: Mn,
+  originY: Mn,
   originZ: L
 }, vn = I(v({
   // Border props
@@ -2457,13 +2465,13 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   // Misc
   backgroundPositionX: L,
   backgroundPositionY: L
-}, co), {
-  zIndex: Yn,
+}, uo), {
+  zIndex: Un,
   // SVG
   fillOpacity: Qe,
   strokeOpacity: Qe,
-  numOctaves: Yn
-}), uo = I(v({}, vn), {
+  numOctaves: Un
+}), ho = I(v({}, vn), {
   // Color props
   color: U,
   backgroundColor: U,
@@ -2478,12 +2486,12 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   borderLeftColor: U,
   filter: Ut,
   WebkitFilter: Ut
-}), sr = (n) => uo[n];
-function ar(n, e) {
-  let t = sr(n);
+}), ar = (n) => ho[n];
+function or(n, e) {
+  let t = ar(n);
   return t !== Ut && (t = Se), t.getAnimatableNone ? t.getAnimatableNone(e) : void 0;
 }
-const Un = [
+const Wn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2492,7 +2500,7 @@ const Un = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class or {
+class lr {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -2511,7 +2519,7 @@ class or {
       this.renderScheduledAt < p && (this.renderScheduledAt = p, ue.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = a;
-    this.latestValues = l, this.baseTarget = v({}, l), this.initialValues = t.initial ? v({}, l) : {}, this.renderState = u, this.parent = e, this.props = t, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = er(t), this.isVariantNode = to(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = l, this.baseTarget = v({}, l), this.initialValues = t.initial ? v({}, l) : {}, this.renderState = u, this.parent = e, this.props = t, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = tr(t), this.isVariantNode = no(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const m = this.scrapeMotionValuesFromProps(t, {}, this), { willChange: d } = m, h = se(m, ["willChange"]);
     for (const p in h) {
       const g = h[p];
@@ -2519,7 +2527,7 @@ class or {
     }
   }
   mount(e) {
-    this.current = e, Je.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((t, i) => this.bindToMotionValue(i, t)), Qi.current || Za(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Yt.current, process.env.NODE_ENV !== "production" && Ci(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = e, Je.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((t, i) => this.bindToMotionValue(i, t)), er.current || Ja(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Yt.current, process.env.NODE_ENV !== "production" && ki(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Rt(this.notifyUpdate), Rt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -2582,13 +2590,13 @@ class or {
    */
   update(e, t) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = t;
-    for (let i = 0; i < Un.length; i++) {
-      const r = Un[i];
+    for (let i = 0; i < Wn.length; i++) {
+      const r = Wn[i];
       this.propEventSubscriptions[r] && (this.propEventSubscriptions[r](), delete this.propEventSubscriptions[r]);
       const s = "on" + r, a = e[s];
       a && (this.propEventSubscriptions[r] = this.on(r, a));
     }
-    this.prevMotionValues = no(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = io(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2654,7 +2662,7 @@ class or {
   readValue(e, t) {
     var r;
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (r = this.getBaseTargetFromProps(this.props, e)) != null ? r : this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (tr(i) || nr(i)) ? i = parseFloat(i) : !so(i) && Se.test(t) && (i = ar(e, t)), this.setBaseTarget(e, J(i) ? i.get() : i)), J(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (nr(i) || ir(i)) ? i = parseFloat(i) : !ao(i) && Se.test(t) && (i = or(e, t)), this.setBaseTarget(e, J(i) ? i.get() : i)), J(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2672,7 +2680,7 @@ class or {
     const { initial: t } = this.props;
     let i;
     if (typeof t == "string" || typeof t == "object") {
-      const a = yi(this.props, t, (s = this.presenceContext) == null ? void 0 : s.custom);
+      const a = Ci(this.props, t, (s = this.presenceContext) == null ? void 0 : s.custom);
       a && (i = a[e]);
     }
     if (t && i !== void 0)
@@ -2681,51 +2689,51 @@ class or {
     return r !== void 0 && !J(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, t) {
-    return this.events[e] || (this.events[e] = new ki()), this.events[e].add(t);
+    return this.events[e] || (this.events[e] = new Ei()), this.events[e].add(t);
   }
   notify(e, ...t) {
     this.events[e] && this.events[e].notify(...t);
   }
 }
-const ho = (
+const po = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function po(n) {
-  const e = ho.exec(n);
+function mo(n) {
+  const e = po.exec(n);
   if (!e)
     return [,];
   const [, t, i, r] = e;
   return [`--${t != null ? t : i}`, r];
 }
-const mo = 4;
-function lr(n, e, t = 1) {
-  ce(t <= mo, `Max CSS variable fallback depth detected in property "${n}". This may indicate a circular fallback dependency.`);
-  const [i, r] = po(n);
+const fo = 4;
+function cr(n, e, t = 1) {
+  ce(t <= fo, `Max CSS variable fallback depth detected in property "${n}". This may indicate a circular fallback dependency.`);
+  const [i, r] = mo(n);
   if (!i)
     return;
   const s = window.getComputedStyle(e).getPropertyValue(i);
   if (s) {
     const a = s.trim();
-    return tr(a) ? parseFloat(a) : a;
+    return nr(a) ? parseFloat(a) : a;
   }
-  return sn(r) ? lr(r, e, t + 1) : r;
+  return sn(r) ? cr(r, e, t + 1) : r;
 }
-function fo(n) {
-  return typeof n == "number" ? n === 0 : n !== null ? n === "none" || n === "0" || nr(n) : !0;
+function go(n) {
+  return typeof n == "number" ? n === 0 : n !== null ? n === "none" || n === "0" || ir(n) : !0;
 }
-const go = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function bo(n, e, t) {
+const bo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function vo(n, e, t) {
   let i = 0, r;
   for (; i < n.length && !r; ) {
     const s = n[i];
-    typeof s == "string" && !go.has(s) && et(s).values.length && (r = n[i]), i++;
+    typeof s == "string" && !bo.has(s) && et(s).values.length && (r = n[i]), i++;
   }
   if (r && t)
     for (const s of e)
-      n[s] = ar(t, r);
+      n[s] = or(t, r);
 }
-class vo extends fn {
+class yo extends fn {
   constructor(e, t, i, r, s) {
     super(e, t, i, r, s, !0);
   }
@@ -2737,15 +2745,15 @@ class vo extends fn {
     for (let l = 0; l < e.length; l++) {
       let u = e[l];
       if (typeof u == "string" && (u = u.trim(), sn(u))) {
-        const d = lr(u, t.current);
+        const d = cr(u, t.current);
         d !== void 0 && (e[l] = d), l === e.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !Xi.has(i) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !Qi.has(i) || e.length !== 2)
       return;
-    const [r, s] = e, a = Hn(r), o = Hn(s);
+    const [r, s] = e, a = Yn(r), o = Yn(s);
     if (a !== o)
-      if (Bn(a) && Bn(o))
+      if (zn(a) && zn(o))
         for (let l = 0; l < e.length; l++) {
           const u = e[l];
           typeof u == "string" && (e[l] = parseFloat(u));
@@ -2755,8 +2763,8 @@ class vo extends fn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: t } = this, i = [];
     for (let r = 0; r < e.length; r++)
-      (e[r] === null || fo(e[r])) && i.push(r);
-    i.length && bo(e, i, t);
+      (e[r] === null || go(e[r])) && i.push(r);
+    i.length && vo(e, i, t);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: t, name: i } = this;
@@ -2779,9 +2787,9 @@ class vo extends fn {
     }), this.resolveNoneKeyframes();
   }
 }
-class cr extends or {
+class dr extends lr {
   constructor() {
-    super(...arguments), this.KeyframeResolver = vo;
+    super(...arguments), this.KeyframeResolver = yo;
   }
   sortInstanceNodePosition(e, t) {
     return e.compareDocumentPosition(t) & 2 ? 1 : -1;
@@ -2800,24 +2808,24 @@ class cr extends or {
     }));
   }
 }
-const dr = (n, e) => e && typeof n == "number" ? e.transform(n) : n, yo = {
+const ur = (n, e) => e && typeof n == "number" ? e.transform(n) : n, Co = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Co = Re.length;
-function ko(n, e, t) {
+}, ko = Re.length;
+function Eo(n, e, t) {
   let i = "", r = !0;
-  for (let s = 0; s < Co; s++) {
+  for (let s = 0; s < ko; s++) {
     const a = Re[s], o = n[a];
     if (o === void 0)
       continue;
     let l = !0;
     if (typeof o == "number" ? l = o === (a.startsWith("scale") ? 1 : 0) : l = parseFloat(o) === 0, !l || t) {
-      const u = dr(o, vn[a]);
+      const u = ur(o, vn[a]);
       if (!l) {
         r = !1;
-        const d = yo[a] || a;
+        const d = Co[a] || a;
         i += `${d}(${u}) `;
       }
       t && (e[a] = u);
@@ -2825,7 +2833,7 @@ function ko(n, e, t) {
   }
   return i = i.trim(), t ? i = t(e, r ? "" : i) : r && (i = "none"), i;
 }
-function ur(n, e, t) {
+function hr(n, e, t) {
   const { style: i, vars: r, transformOrigin: s } = n;
   let a = !1, o = !1;
   for (const l in e) {
@@ -2833,70 +2841,70 @@ function ur(n, e, t) {
     if (Oe.has(l)) {
       a = !0;
       continue;
-    } else if (Ti(l)) {
+    } else if (Ai(l)) {
       r[l] = u;
       continue;
     } else {
-      const d = dr(u, vn[l]);
+      const d = ur(u, vn[l]);
       l.startsWith("origin") ? (o = !0, s[l] = d) : i[l] = d;
     }
   }
-  if (e.transform || (a || t ? i.transform = ko(e, n.transform, t) : i.transform && (i.transform = "none")), o) {
+  if (e.transform || (a || t ? i.transform = Eo(e, n.transform, t) : i.transform && (i.transform = "none")), o) {
     const { originX: l = "50%", originY: u = "50%", originZ: d = 0 } = s;
     i.transformOrigin = `${l} ${u} ${d}`;
   }
 }
-function hr(n, { style: e, vars: t }, i, r) {
+function pr(n, { style: e, vars: t }, i, r) {
   Object.assign(n.style, e, r && r.getProjectionStyles(i));
   for (const s in t)
     n.style.setProperty(s, t[s]);
 }
-const Eo = {};
-function xo(n, { layout: e, layoutId: t }) {
-  return Oe.has(n) || n.startsWith("origin") || (e || t !== void 0) && (!!Eo[n] || n === "opacity");
+const xo = {};
+function wo(n, { layout: e, layoutId: t }) {
+  return Oe.has(n) || n.startsWith("origin") || (e || t !== void 0) && (!!xo[n] || n === "opacity");
 }
-function pr(n, e, t) {
+function mr(n, e, t) {
   var s;
   const { style: i } = n, r = {};
   for (const a in i)
-    (J(i[a]) || e.style && J(e.style[a]) || xo(a, n) || ((s = t == null ? void 0 : t.getValue(a)) == null ? void 0 : s.liveStyle) !== void 0) && (r[a] = i[a]);
+    (J(i[a]) || e.style && J(e.style[a]) || wo(a, n) || ((s = t == null ? void 0 : t.getValue(a)) == null ? void 0 : s.liveStyle) !== void 0) && (r[a] = i[a]);
   return r;
 }
-function wo(n) {
+function To(n) {
   return window.getComputedStyle(n);
 }
-class To extends cr {
+class Ao extends dr {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = hr;
+    super(...arguments), this.type = "html", this.renderInstance = pr;
   }
   readValueFromInstance(e, t) {
     var i;
     if (Oe.has(t))
-      return (i = this.projection) != null && i.isProjecting ? zt(t) : ya(e, t);
+      return (i = this.projection) != null && i.isProjecting ? zt(t) : Ca(e, t);
     {
-      const r = wo(e), s = (Ti(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      const r = To(e), s = (Ai(t) ? r.getPropertyValue(t) : r[t]) || 0;
       return typeof s == "string" ? s.trim() : s;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return Ua(e, t);
+    return Wa(e, t);
   }
   build(e, t, i) {
-    ur(e, t, i.transformTemplate);
+    hr(e, t, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, t, i) {
-    return pr(e, t, i);
+    return mr(e, t, i);
   }
 }
-function Ao(n, e) {
+function _o(n, e) {
   return n in e;
 }
-class _o extends or {
+class Lo extends lr {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(e, t) {
-    if (Ao(t, e)) {
+    if (_o(t, e)) {
       const i = e[t];
       if (typeof i == "string" || typeof i == "number")
         return i;
@@ -2920,21 +2928,21 @@ class _o extends or {
     return 0;
   }
 }
-const Lo = {
+const Vo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Vo = {
+}, Io = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Io(n, e, t = 1, i = 0, r = !0) {
+function Mo(n, e, t = 1, i = 0, r = !0) {
   n.pathLength = 1;
-  const s = r ? Lo : Vo;
+  const s = r ? Vo : Io;
   n[s.offset] = L.transform(-i);
   const a = L.transform(e), o = L.transform(t);
   n[s.array] = `${a} ${o}`;
 }
-function Mo(n, h, l, u, d) {
+function Po(n, h, l, u, d) {
   var m = h, {
     attrX: e,
     attrY: t,
@@ -2951,15 +2959,15 @@ function Mo(n, h, l, u, d) {
     "pathOffset"
   ]);
   var b, y;
-  if (ur(n, o, u), l) {
+  if (hr(n, o, u), l) {
     n.style.viewBox && (n.attrs.viewBox = n.style.viewBox);
     return;
   }
   n.attrs = n.style, n.style = {};
   const { attrs: p, style: g } = n;
-  p.transform && (g.transform = p.transform, delete p.transform), (g.transform || p.transformOrigin) && (g.transformOrigin = (b = p.transformOrigin) != null ? b : "50% 50%", delete p.transformOrigin), g.transform && (g.transformBox = (y = d == null ? void 0 : d.transformBox) != null ? y : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), i !== void 0 && (p.scale = i), r !== void 0 && Io(p, r, s, a, !1);
+  p.transform && (g.transform = p.transform, delete p.transform), (g.transform || p.transformOrigin) && (g.transformOrigin = (b = p.transformOrigin) != null ? b : "50% 50%", delete p.transformOrigin), g.transform && (g.transformBox = (y = d == null ? void 0 : d.transformBox) != null ? y : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), i !== void 0 && (p.scale = i), r !== void 0 && Mo(p, r, s, a, !1);
 }
-const mr = /* @__PURE__ */ new Set([
+const fr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2983,14 +2991,14 @@ const mr = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Po = (n) => typeof n == "string" && n.toLowerCase() === "svg";
-function Do(n, e, t, i) {
-  hr(n, e, void 0, i);
+]), Do = (n) => typeof n == "string" && n.toLowerCase() === "svg";
+function Ro(n, e, t, i) {
+  pr(n, e, void 0, i);
   for (const r in e.attrs)
-    n.setAttribute(mr.has(r) ? r : rn(r), e.attrs[r]);
+    n.setAttribute(fr.has(r) ? r : rn(r), e.attrs[r]);
 }
-function Ro(n, e, t) {
-  const i = pr(n, e, t);
+function Oo(n, e, t) {
+  const i = mr(n, e, t);
   for (const r in n)
     if (J(n[r]) || J(e[r])) {
       const s = Re.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
@@ -2998,7 +3006,7 @@ function Ro(n, e, t) {
     }
   return i;
 }
-class Oo extends cr {
+class No extends dr {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = bn;
   }
@@ -3007,31 +3015,31 @@ class Oo extends cr {
   }
   readValueFromInstance(e, t) {
     if (Oe.has(t)) {
-      const i = sr(t);
+      const i = ar(t);
       return i && i.default || 0;
     }
-    return t = mr.has(t) ? t : rn(t), e.getAttribute(t);
+    return t = fr.has(t) ? t : rn(t), e.getAttribute(t);
   }
   scrapeMotionValuesFromProps(e, t, i) {
-    return Ro(e, t, i);
+    return Oo(e, t, i);
   }
   build(e, t, i) {
-    Mo(e, t, this.isSVGTag, i.transformTemplate, i.style);
+    Po(e, t, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(e, t, i, r) {
-    Do(e, t, i, r);
+    Ro(e, t, i, r);
   }
   mount(e) {
-    this.isSVGTag = Po(e.tagName), super.mount(e);
+    this.isSVGTag = Do(e.tagName), super.mount(e);
   }
 }
-function fr(n) {
-  return Zi(n) && "ownerSVGElement" in n;
-}
-function No(n) {
-  return fr(n) && n.tagName === "svg";
+function gr(n) {
+  return Ji(n) && "ownerSVGElement" in n;
 }
 function So(n) {
+  return gr(n) && n.tagName === "svg";
+}
+function Fo(n) {
   const e = {
     presenceContext: null,
     props: {},
@@ -3045,10 +3053,10 @@ function So(n) {
       },
       latestValues: {}
     }
-  }, t = fr(n) && !No(n) ? new Oo(e) : new To(e);
+  }, t = gr(n) && !So(n) ? new No(e) : new Ao(e);
   t.mount(n), Je.set(n, t);
 }
-function Fo(n) {
+function jo(n) {
   const e = {
     presenceContext: null,
     props: {},
@@ -3058,39 +3066,39 @@ function Fo(n) {
       },
       latestValues: {}
     }
-  }, t = new _o(e);
+  }, t = new Lo(e);
   t.mount(n), Je.set(n, t);
 }
-function jo(n, e, t) {
+function Bo(n, e, t) {
   const i = J(n) ? n : Xe(n);
-  return i.start(Ji("", i, e, t)), i.animation;
+  return i.start(Xi("", i, e, t)), i.animation;
 }
-function Bo(n, e) {
+function zo(n, e) {
   return J(n) || typeof n == "number" || typeof n == "string" && !Qt(e);
 }
-function gr(n, e, t, i) {
+function br(n, e, t, i) {
   const r = [];
-  if (Bo(n, e))
-    r.push(jo(n, Qt(e) && e.default || e, t && (t.default || t)));
+  if (zo(n, e))
+    r.push(Bo(n, Qt(e) && e.default || e, t && (t.default || t)));
   else {
-    const s = hi(n, e, i), a = s.length;
+    const s = pi(n, e, i), a = s.length;
     ce(!!a, "No valid elements provided.");
     for (let o = 0; o < a; o++) {
-      const l = s[o], u = l instanceof Element ? So : Fo;
+      const l = s[o], u = l instanceof Element ? Fo : jo;
       Je.has(l) || u(l);
       const d = Je.get(l), h = v({}, t);
-      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, a)), r.push(...Ga(d, I(v({}, e), { transition: h }), {}));
+      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, a)), r.push(...Ha(d, I(v({}, e), { transition: h }), {}));
     }
   }
   return r;
 }
-function zo(n, e, t) {
+function $o(n, e, t) {
   const i = [];
-  return Wr(n, e, t, { spring: tt }).forEach(({ keyframes: s, transition: a }, o) => {
-    i.push(...gr(o, s, a));
+  return Zr(n, e, t, { spring: tt }).forEach(({ keyframes: s, transition: a }, o) => {
+    i.push(...br(o, s, a));
   }), i;
 }
-class $o {
+class Ko {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -3155,40 +3163,40 @@ class $o {
     this.runAll("complete");
   }
 }
-class Ko extends $o {
+class qo extends Ko {
   then(e, t) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
-function qo(n) {
+function Go(n) {
   return Array.isArray(n) && n.some(Array.isArray);
 }
-function Go(n) {
+function Ho(n) {
   function e(t, i, r) {
     let s = [];
-    return qo(t) ? s = zo(t, i, n) : s = gr(t, i, r, n), new Ko(s);
+    return Go(t) ? s = $o(t, i, n) : s = br(t, i, r, n), new qo(s);
   }
   return e;
 }
-const H = Go(), Ho = "_spinner_1lif3_1", Yo = "_spinnerContainer_1lif3_5", Uo = "_success_1lif3_9", Wo = "_successContainer_1lif3_14", Zo = "_container_1lif3_57", Jo = "_card_1lif3_66", Xo = "_warning_1lif3_75", Qo = "_svg_1lif3_83", el = "_srOnly_1lif3_88", tl = "_backButton_1lif3_92", S = {
-  spinner: Ho,
-  spinnerContainer: Yo,
-  success: Uo,
-  successContainer: Wo,
-  container: Zo,
-  card: Jo,
-  warning: Xo,
-  svg: Qo,
-  srOnly: el,
-  backButton: tl
+const H = Ho(), Yo = "_spinner_1lif3_1", Uo = "_spinnerContainer_1lif3_5", Wo = "_success_1lif3_9", Zo = "_successContainer_1lif3_14", Jo = "_container_1lif3_57", Xo = "_card_1lif3_66", Qo = "_warning_1lif3_75", el = "_svg_1lif3_83", tl = "_srOnly_1lif3_88", nl = "_backButton_1lif3_92", S = {
+  spinner: Yo,
+  spinnerContainer: Uo,
+  success: Wo,
+  successContainer: Zo,
+  container: Jo,
+  card: Xo,
+  warning: Qo,
+  svg: el,
+  srOnly: tl,
+  backButton: nl
 };
 function F(n, e) {
   if (!e) return;
   const t = e.trim().split(/\s+/).filter((i) => i.length > 0);
   n.classList.add(...t);
 }
-class br {
+class vr {
   constructor() {
     c(this, "template", `
     <svg class="${S.spinner}"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215" fill="none">
@@ -3210,38 +3218,38 @@ class br {
     return this.spinner;
   }
 }
-const nl = "_loader_nwq3e_1", Wn = {
-  loader: nl
+const il = "_loader_nwq3e_1", Zn = {
+  loader: il
 };
-class il {
+class rl {
   constructor() {
     c(this, "loader");
-    this.loader = document.createElement("div"), this.loader.classList.add(Wn.loader), this.loader.appendChild(new br().render());
+    this.loader = document.createElement("div"), this.loader.classList.add(Zn.loader), this.loader.appendChild(new vr().render());
   }
   setClassName(e) {
-    e ? F(this.loader, e) : this.loader.className = Wn.loader;
+    e ? F(this.loader, e) : this.loader.className = Zn.loader;
   }
   render() {
     return this.loader;
   }
 }
-const rl = "_checkout_mcuv2_1", sl = "_hidden_mcuv2_8", al = "_formInitial_mcuv2_12", ol = "_btnsInitial_mcuv2_22", Z = {
-  checkout: rl,
-  hidden: sl,
-  formInitial: al,
-  btnsInitial: ol
-}, ll = "_buttons_qc8am_1", cl = "_hidden_qc8am_8", dl = "_skeleton_qc8am_12", be = {
-  buttons: ll,
-  hidden: cl,
-  skeleton: dl
-}, ul = "_applePay_1wlwu_1", hl = "_hidden_1wlwu_13", Lt = {
-  applePay: ul,
-  hidden: hl
+const sl = "_checkout_mcuv2_1", al = "_hidden_mcuv2_8", ol = "_formInitial_mcuv2_12", ll = "_btnsInitial_mcuv2_22", Z = {
+  checkout: sl,
+  hidden: al,
+  formInitial: ol,
+  btnsInitial: ll
+}, cl = "_buttons_qc8am_1", dl = "_hidden_qc8am_8", ul = "_skeleton_qc8am_12", be = {
+  buttons: cl,
+  hidden: dl,
+  skeleton: ul
+}, hl = "_applePay_1wlwu_1", pl = "_hidden_1wlwu_13", Lt = {
+  applePay: hl,
+  hidden: pl
 };
-var Vt, Zn;
-function pl() {
-  if (Zn) return Vt;
-  Zn = 1;
+var Vt, Jn;
+function ml() {
+  if (Jn) return Vt;
+  Jn = 1;
   var n = {
     visa: {
       niceType: "Visa",
@@ -3436,19 +3444,19 @@ function pl() {
   };
   return Vt = n, Vt;
 }
-var Be = {}, ze = {}, Jn;
-function vr() {
-  if (Jn) return ze;
-  Jn = 1, Object.defineProperty(ze, "__esModule", { value: !0 }), ze.clone = void 0;
+var Be = {}, ze = {}, Xn;
+function yr() {
+  if (Xn) return ze;
+  Xn = 1, Object.defineProperty(ze, "__esModule", { value: !0 }), ze.clone = void 0;
   function n(e) {
     return e ? JSON.parse(JSON.stringify(e)) : null;
   }
   return ze.clone = n, ze;
 }
-var $e = {}, Xn;
-function ml() {
-  if (Xn) return $e;
-  Xn = 1, Object.defineProperty($e, "__esModule", { value: !0 }), $e.matches = void 0;
+var $e = {}, Qn;
+function fl() {
+  if (Qn) return $e;
+  Qn = 1, Object.defineProperty($e, "__esModule", { value: !0 }), $e.matches = void 0;
   function n(i, r, s) {
     var a = String(r).length, o = i.substr(0, a), l = parseInt(o, 10);
     return r = parseInt(String(r).substr(0, o.length), 10), s = parseInt(String(s).substr(0, o.length), 10), l >= r && l <= s;
@@ -3461,11 +3469,11 @@ function ml() {
   }
   return $e.matches = t, $e;
 }
-var Qn;
-function fl() {
-  if (Qn) return Be;
-  Qn = 1, Object.defineProperty(Be, "__esModule", { value: !0 }), Be.addMatchingCardsToResults = void 0;
-  var n = vr(), e = ml();
+var ei;
+function gl() {
+  if (ei) return Be;
+  ei = 1, Object.defineProperty(Be, "__esModule", { value: !0 }), Be.addMatchingCardsToResults = void 0;
+  var n = yr(), e = fl();
   function t(i, r, s) {
     var a, o;
     for (a = 0; a < r.patterns.length; a++) {
@@ -3479,19 +3487,19 @@ function fl() {
   }
   return Be.addMatchingCardsToResults = t, Be;
 }
-var Ke = {}, ei;
-function gl() {
-  if (ei) return Ke;
-  ei = 1, Object.defineProperty(Ke, "__esModule", { value: !0 }), Ke.isValidInputType = void 0;
+var Ke = {}, ti;
+function bl() {
+  if (ti) return Ke;
+  ti = 1, Object.defineProperty(Ke, "__esModule", { value: !0 }), Ke.isValidInputType = void 0;
   function n(e) {
     return typeof e == "string" || e instanceof String;
   }
   return Ke.isValidInputType = n, Ke;
 }
-var qe = {}, ti;
-function bl() {
-  if (ti) return qe;
-  ti = 1, Object.defineProperty(qe, "__esModule", { value: !0 }), qe.findBestMatch = void 0;
+var qe = {}, ni;
+function vl() {
+  if (ni) return qe;
+  ni = 1, Object.defineProperty(qe, "__esModule", { value: !0 }), qe.findBestMatch = void 0;
   function n(t) {
     var i = t.filter(function(r) {
       return r.matchStrength;
@@ -3505,10 +3513,10 @@ function bl() {
   }
   return qe.findBestMatch = e, qe;
 }
-var Ge, ni;
-function vl() {
-  if (ni) return Ge;
-  ni = 1;
+var Ge, ii;
+function yl() {
+  if (ii) return Ge;
+  ii = 1;
   var n = Ge && Ge.__assign || function() {
     return n = Object.assign || function(g) {
       for (var b, y = 1, k = arguments.length; y < k; y++) {
@@ -3517,7 +3525,7 @@ function vl() {
       }
       return g;
     }, n.apply(this, arguments);
-  }, e = pl(), t = fl(), i = gl(), r = bl(), s = vr(), a = {}, o = {
+  }, e = ml(), t = gl(), i = bl(), r = vl(), s = yr(), a = {}, o = {
     VISA: "visa",
     MASTERCARD: "mastercard",
     AMERICAN_EXPRESS: "american-express",
@@ -3595,24 +3603,24 @@ function vl() {
     u = (0, s.clone)(l), a = {};
   }, p.types = o, Ge = p, Ge;
 }
-var Pe = vl();
+var Pe = yl();
 Pe.updateCard("visa", {
   lengths: [16]
 });
 Pe.updateCard("unionpay", {
   gaps: [4, 8, 12, 16]
 });
-const yl = (n, e) => {
+const Cl = (n, e) => {
   const t = Pe.getTypeInfo(e), i = n.replace(/\D/g, ""), r = (t == null ? void 0 : t.gaps) || [4, 8, 12], s = t ? Math.max(...t.lengths) + r.length : 19, a = [0].concat(r, i.length), o = [];
   for (let l = 0; a[l] < i.length; l++) {
     const u = a[l], d = Math.min(a[l + 1], i.length);
     o.push(i.slice(u, d));
   }
   return o.join(" ").slice(0, s);
-}, Cl = (n, e) => {
+}, kl = (n, e) => {
   const t = Pe.getTypeInfo(e), i = (t == null ? void 0 : t.code.size) || 4;
   return n.replace(/\D/g, "").slice(0, i);
-}, kl = (n) => {
+}, El = (n) => {
   const e = n.replace(/\D/g, "");
   let t = e.slice(0, 2);
   if (!t) return "";
@@ -3681,40 +3689,40 @@ const bt = [
     minLength: 12,
     maxLength: 19
   }
-], El = (n) => {
+], xl = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "American Express")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, xl = (n) => {
+}, wl = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "Discover")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, wl = (n) => {
+}, Tl = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "JCB")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, Tl = (n) => {
+}, Al = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "Diners Club")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, Al = (n) => {
+}, _l = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "Union Pay")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, _l = (n) => {
+}, Ll = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "Maestro")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, yr = (n) => bt.find((e) => e.pattern.test(n)) || null, ii = (n) => bt.filter((e) => e.pattern.test(n)), Ll = (n) => {
+}, Cr = (n) => bt.find((e) => e.pattern.test(n)) || null, ri = (n) => bt.filter((e) => e.pattern.test(n)), Vl = (n) => {
   let e = 0, t = !1;
   for (let i = n.length - 1; i >= 0; i--) {
     let r = parseInt(n[i]);
     t && (r *= 2, r > 9 && (r -= 9)), e += r, t = !t;
   }
   return e % 10 === 0;
-}, ri = (n, e) => {
+}, si = (n, e) => {
   const t = n.replace(/\D/g, "");
   if (!t)
     return { isValid: !1, cardType: null, error: Y.Empty };
   if (!/^\d+$/.test(t))
     return { isValid: !1, cardType: null, error: Y.Invalid };
-  if (El(t) || xl(t) || wl(t) || Tl(t) || Al(t) || _l(t))
+  if (xl(t) || wl(t) || Tl(t) || Al(t) || _l(t) || Ll(t))
     return { isValid: !1, cardType: null, error: Y.Unsupported };
-  const i = yr(t);
+  const i = Cr(t);
   if (i) {
     if (t.length < i.minLength || t.length > i.maxLength)
       return {
@@ -3732,7 +3740,7 @@ const bt = [
     isValid: !1,
     cardType: i.name,
     error: Y.Unsupported
-  } : Ll(t) ? {
+  } : Vl(t) ? {
     isValid: !0,
     cardType: (i == null ? void 0 : i.name) || null,
     error: null
@@ -3741,7 +3749,7 @@ const bt = [
     cardType: (i == null ? void 0 : i.name) || null,
     error: Y.Invalid
   };
-}, Vl = (n) => {
+}, Il = (n) => {
   var e;
   return n ? typeof n.amount != "number" ? (console.error("Transaction amount is missing or invalid for Google Pay"), null) : n.currency ? n.country ? n.merchant_id ? n.checkout_config && !((e = n.checkout_config) == null ? void 0 : e.find(
     ({ is_active: i, type: r }) => i && r === x.GOOGLE_PAY
@@ -3752,7 +3760,7 @@ const bt = [
     merchantId: n.merchant_id,
     lineItems: []
   } : (console.error("Transaction merchant_id is missing for Google Pay"), null) : (console.error("Transaction country is missing for Google Pay"), null) : (console.error("Transaction currency is missing for Google Pay"), null) : (console.error("TransactionConfig is missing for Google Pay"), null);
-}, Il = (n) => {
+}, Ml = (n) => {
   var e, t;
   return n ? typeof n.amount != "number" ? (console.error("Transaction amount is missing or invalid for Apple Pay"), null) : n.currency ? n.country ? n.merchant_id ? n.checkout_config && !((e = n.checkout_config) == null ? void 0 : e.find(
     ({ is_active: r, type: s }) => r && s === x.APPLE_PAY
@@ -3763,7 +3771,7 @@ const bt = [
     merchantId: n.merchant_id,
     lineItems: ((t = n.apple_pay_info) == null ? void 0 : t.line_items) || []
   } : (console.error("Transaction merchant_id is missing for Apple Pay"), null) : (console.error("Transaction country is missing for Apple Pay"), null) : (console.error("Transaction currency is missing for Apple Pay"), null) : (console.error("TransactionConfig is missing for Apple Pay"), null);
-}, Ml = (n = []) => n.reduce((e, t) => {
+}, Pl = (n = []) => n.reduce((e, t) => {
   switch (t) {
     case we.Visa:
       return e.push("visa"), e;
@@ -3784,7 +3792,7 @@ const bt = [
     default:
       return e;
   }
-}, []), Pl = (n) => ({
+}, []), Dl = (n) => ({
   ar: "ar-AB",
   en: "en-US",
   cs: "cs-CZ",
@@ -3814,7 +3822,7 @@ const bt = [
   tr: "tr-TR",
   vi: "vi-VN",
   zh: "zh-CN"
-})[n] || "en-US", Dl = (n) => ({
+})[n] || "en-US", Rl = (n) => ({
   en: "en",
   ar: "ar",
   bg: "bg",
@@ -3846,7 +3854,7 @@ const bt = [
   tr: "tr",
   ua: "uk",
   zh: "zh"
-})[n] || "en", Rl = (n) => ({
+})[n] || "en", Ol = (n) => ({
   en: "en_US",
   ar: "ar_EG",
   cs: "cs_CZ",
@@ -3881,10 +3889,10 @@ var dt = { exports: {} }, He = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var si;
-function Ol() {
-  if (si) return He;
-  si = 1;
+var ai;
+function Nl() {
+  if (ai) return He;
+  ai = 1;
   var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function t(i, r, s) {
     var a = null;
@@ -3913,9 +3921,9 @@ var Ye = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ai;
-function Nl() {
-  return ai || (ai = 1, process.env.NODE_ENV !== "production" && function() {
+var oi;
+function Sl() {
+  return oi || (oi = 1, process.env.NODE_ENV !== "production" && function() {
     function n(f) {
       if (f == null) return null;
       if (typeof f == "function")
@@ -4107,7 +4115,7 @@ React keys must be passed directly to JSX without using spread:
     function h(f) {
       typeof f == "object" && f !== null && f.$$typeof === p && f._store && (f._store.validated = 1);
     }
-    var m = xr, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), q = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Te = Object.prototype.hasOwnProperty, te = Array.isArray, fe = console.createTask ? console.createTask : function() {
+    var m = wr, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), q = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Te = Object.prototype.hasOwnProperty, te = Array.isArray, fe = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -4146,12 +4154,12 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), Ye;
 }
-var oi;
-function Sl() {
-  return oi || (oi = 1, process.env.NODE_ENV === "production" ? dt.exports = Ol() : dt.exports = Nl()), dt.exports;
+var li;
+function Fl() {
+  return li || (li = 1, process.env.NODE_ENV === "production" ? dt.exports = Nl() : dt.exports = Sl()), dt.exports;
 }
-Sl();
-const Fl = [
+Fl();
+const jl = [
   // CardType.DinersClub,
   // CardType.DinersClub,
   // CardType.Discover,
@@ -4161,7 +4169,7 @@ const Fl = [
   // CardType.UnionPay,
   // CardType.Maestro,
 ], vt = (n, e) => (console.error("Error: ", n), e.status.error);
-class jl {
+class Bl {
   constructor(e) {
     c(this, "element");
     c(this, "events", {
@@ -4178,7 +4186,7 @@ class jl {
   init(e) {
     return E(this, null, function* () {
       if (!this.config) return !1;
-      const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Il(t);
+      const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Ml(t);
       if (!r)
         return !1;
       const s = e ? I(v({}, e), {
@@ -4199,8 +4207,8 @@ class jl {
       return yield this.ev.initApple(
         I(v({}, s), {
           transaction: r,
-          supportedCardTypes: Ml(Fl),
-          locale: Pl(i || "en"),
+          supportedCardTypes: Pl(jl),
+          locale: Dl(i || "en"),
           onPaymentAttempt: this.onPaymentAttempt
         }),
         this.customButtonStyles
@@ -4214,7 +4222,7 @@ class jl {
     return this.element;
   }
 }
-const Bl = [
+const zl = [
   { type: x.PAYPAL, is_active: !1, order: 1 },
   { type: x.APPLE_PAY, is_active: !1, order: 2 },
   { type: x.GOOGLE_PAY, is_active: !1, order: 3 },
@@ -4236,11 +4244,11 @@ const Bl = [
   open: { y: 0, opacity: 1, height: "auto" },
   close: { y: -15, opacity: 0, height: 0 },
   transition: { duration: 0.25, type: "spring", bounce: 0 }
-}, zl = "_googlePay_17y0j_1", $l = "_hidden_17y0j_19", It = {
-  googlePay: zl,
-  hidden: $l
+}, $l = "_googlePay_17y0j_1", Kl = "_hidden_17y0j_19", It = {
+  googlePay: $l,
+  hidden: Kl
 };
-class Kl {
+class ql {
   constructor(e) {
     c(this, "element");
     c(this, "events", {
@@ -4255,7 +4263,7 @@ class Kl {
   init(e) {
     return E(this, null, function* () {
       if (!this.config) return !1;
-      const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Vl(t);
+      const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Il(t);
       if (!r)
         return !1;
       const s = e ? I(v({}, e), {
@@ -4275,7 +4283,7 @@ class Kl {
       return yield this.ev.initGoogle(
         I(v({}, s), {
           transaction: r,
-          locale: Dl(i || "en"),
+          locale: Rl(i || "en"),
           onPaymentAttempt: this.onPaymentAttempt
         }),
         this.customButtonStyles
@@ -4289,11 +4297,11 @@ class Kl {
     return this.element;
   }
 }
-const ql = "_paypal_iyh6g_1", Gl = "_hidden_iyh6g_7", Mt = {
-  paypal: ql,
-  hidden: Gl
+const Gl = "_paypal_iyh6g_1", Hl = "_hidden_iyh6g_7", Mt = {
+  paypal: Gl,
+  hidden: Hl
 };
-class Hl {
+class Yl {
   constructor(e) {
     c(this, "element");
     c(this, "events", {
@@ -4315,7 +4323,7 @@ class Hl {
         return !1;
       const t = this.config.state.transaction.getState(), i = this.config.state.checkout.getState(), r = () => E(this, null, function* () {
         try {
-          return yield Dr(i.clientToken, i.environment, i.apiVersion);
+          return yield Rr(i.clientToken, i.environment, i.apiVersion);
         } catch (l) {
           throw l;
         }
@@ -4329,7 +4337,7 @@ class Hl {
           clientId: t.paypal_info.client_id,
           environment: t.paypal_info.environment || "sandbox",
           vault: !0,
-          locale: Rl(this.config.state.translate.locale()),
+          locale: Ol(this.config.state.translate.locale()),
           intent: "tokenize"
         }), !this.paypal.isLoaded())
           return !1;
@@ -4425,7 +4433,7 @@ class Hl {
     return this.element;
   }
 }
-class Yl {
+class Ul {
   constructor() {
     c(this, "template", `
     <svg xmlns="http://www.w3.org/2000/svg" 
@@ -4450,16 +4458,16 @@ class Yl {
     return this.element;
   }
 }
-const Ul = "_button_1trim_1", li = {
-  button: Ul
+const Wl = "_button_1trim_1", ci = {
+  button: Wl
 };
-class Wl {
+class Zl {
   constructor(e) {
     c(this, "element");
-    c(this, "icon", new Yl());
+    c(this, "icon", new Ul());
     this.config = e;
     const t = this.config.state.styles.getState().WalletButton, i = this.config.state.translate;
-    this.element = document.createElement("button"), this.element.classList.add(li.button, li.press), t != null && t.className && F(this.element, t.className), t != null && t.styles && Object.assign(this.element.style, t.styles);
+    this.element = document.createElement("button"), this.element.classList.add(ci.button, ci.press), t != null && t.className && F(this.element, t.className), t != null && t.styles && Object.assign(this.element.style, t.styles);
     const r = document.createElement("span");
     r.textContent = i.getState().messages.card.compact.button, this.element.append(this.icon.render(), r), i.subscribe(({ messages: s }) => {
       r.textContent = s.card.compact.button;
@@ -4472,19 +4480,19 @@ class Wl {
     return this.element;
   }
 }
-const Zl = (n, e, t) => e.concat(n.filter((i) => e.every((r) => !t(i, r)))), Jl = "_container_10ziz_2", Xl = "_venmo_10ziz_8", Ql = "_hidden_10ziz_35", ht = {
-  container: Jl,
-  venmo: Xl,
-  hidden: Ql
-}, ec = {
+const Jl = (n, e, t) => e.concat(n.filter((i) => e.every((r) => !t(i, r)))), Xl = "_container_10ziz_2", Ql = "_venmo_10ziz_8", ec = "_hidden_10ziz_35", ht = {
+  container: Xl,
+  venmo: Ql,
+  hidden: ec
+}, tc = {
   display: "flex",
   height: 40,
   borderRadius: 12
-}, tc = `<svg viewBox="2.3 484.3 611.9 117.80000000000001" xmlns="http://www.w3.org/2000/svg">
+}, nc = `<svg viewBox="2.3 484.3 611.9 117.80000000000001" xmlns="http://www.w3.org/2000/svg">
     <path d="M103.1 485.8c4.2 7 5.7 14 5.7 22.4 0 28-23.8 65.9-43.4 91.1H20.5L2.3 491.5l40.6-2.8 9.8 77.1c8.4-14 19.7-37.9 19.7-53.2 0-8.4-1.4-14-4.2-19.7zm51.8 47.7c7 0 25.2-2.8 25.2-14 0-5.7-2.8-7-7-7-8.3 0-18.2 8.4-18.2 21zm-1.3 21c0 12.7 7 18.2 16.8 18.2s19.7-2.8 32.2-8.4l-5.7 30.8c-8.4 4.2-22.4 7-36.4 7-33.5 0-46.2-21-46.2-46.2 0-33.5 19.7-68.6 60.2-68.6 22.4 0 35 12.7 35 30.8 1.5 26.6-35 36.4-55.9 36.4zM324.4 511c0 4.2 0 9.8-1.4 14l-11.2 74.2H274l11.2-68.6c0-1.4 1.4-5.7 1.4-7 0-5.7-2.8-5.7-7-5.7-5.7 0-9.8 2.8-12.7 4.2l-14 77.1H215l16.8-112.1h33.5v8.4c8.4-5.7 18.2-11.2 32.2-11.2 19.9 3 26.9 12.7 26.9 26.7zm113.4-12.5c11.2-8.4 21-12.7 35-12.7 19.7 0 26.7 9.8 26.7 25.2 0 4.2 0 9.8-1.4 14L487 599.3h-37.9l11.2-70v-5.7c0-5.7-2.8-7-7-7s-9.8 1.4-12.7 4.2L428 599.2h-37.9l11.2-70v-5.7c0-5.7-2.8-7-7-7-5.7 0-9.8 2.8-12.7 4.2L369 599h-37.9L348 487h32.2l1.4 9.8c7-5.7 18.2-11.2 32.2-11.2 11.4 1.7 19.7 5.9 24 12.9zM575 532.1c0-9.8-2.8-15.4-9.8-15.4-15.4 0-18.2 26.7-18.2 40.6 0 9.8 2.8 16.8 9.8 16.8 15.5-1.4 18.2-29.4 18.2-42zm-65.8 22.4c0-35 18.2-68.6 61.6-68.6 32.2 0 43.4 19.7 43.4 44.9 0 35-18.2 70-61.6 70-32.2 1.3-43.4-19.7-43.4-46.3z"
           fill="currentColor"/>
 </svg>`;
-class nc {
+class ic {
   constructor(e) {
     c(this, "isProcessing", !1);
     c(this, "container");
@@ -4497,7 +4505,7 @@ class nc {
     c(this, "isInitialized", !1);
     this.config = e, this.braintree = this.config.service.braintree;
     const t = this.config.state.styles.getState().BraintreeButton;
-    this.container = document.createElement("div"), this.container.classList.add(ht.container), this.venmoButton = document.createElement("button"), this.venmoButton.classList.add(ht.venmo, ht.hidden), t != null && t.className && F(this.venmoButton, t.className), t != null && t.styles && Object.assign(this.venmoButton.style, t.styles), this.venmoButton.setAttribute("aria-label", "Venmo"), this.venmoButton.innerHTML = tc, this.container.append(this.venmoButton);
+    this.container = document.createElement("div"), this.container.classList.add(ht.container), this.venmoButton = document.createElement("button"), this.venmoButton.classList.add(ht.venmo, ht.hidden), t != null && t.className && F(this.venmoButton, t.className), t != null && t.styles && Object.assign(this.venmoButton.style, t.styles), this.venmoButton.setAttribute("aria-label", "Venmo"), this.venmoButton.innerHTML = nc, this.container.append(this.venmoButton);
   }
   // init
   init(e) {
@@ -4521,7 +4529,7 @@ class nc {
   }
   // display venmo button
   displayVenmoButton(e) {
-    Object.assign(this.venmoButton.style, ec), this.venmoButton.addEventListener("click", () => E(this, null, function* () {
+    Object.assign(this.venmoButton.style, tc), this.venmoButton.addEventListener("click", () => E(this, null, function* () {
       if (this.events.onPaymentAttempt.emit(x.VENMO), !this.isProcessing) {
         this.isProcessing = !0, this.venmoButton.disabled = !0;
         try {
@@ -4565,7 +4573,7 @@ class nc {
     return this.container;
   }
 }
-class ic {
+class rc {
   constructor(e) {
     c(this, "attempted", /* @__PURE__ */ new Set());
     c(this, "buttons");
@@ -4741,7 +4749,7 @@ class ic {
   // init payment methods
   initPaymentMethods() {
     return E(this, null, function* () {
-      const e = this.config.state.transaction.getState(), t = Zl(Bl, (e == null ? void 0 : e.checkout_config) || [], (a, o) => a.type === o.type), i = this.config.state.checkout.getState();
+      const e = this.config.state.transaction.getState(), t = Jl(zl, (e == null ? void 0 : e.checkout_config) || [], (a, o) => a.type === o.type), i = this.config.state.checkout.getState();
       let r = t.filter(({ is_active: a }) => a);
       (i == null ? void 0 : i.variant) === "default" && (r = r.filter(({ type: a }) => a !== x.CARD));
       const s = this.initializeButtonInstances(r);
@@ -4753,7 +4761,7 @@ class ic {
   // initialize button instances
   initializeButtonInstances(e) {
     const t = e.map(({ type: h }) => h), i = t.includes(x.APPLE_PAY), r = t.includes(x.GOOGLE_PAY), s = t.includes(x.PAYPAL), a = t.includes(x.VENMO), o = t.includes(x.CARD);
-    i && !this.applePay && (this.applePay = new jl(this.config)), r && !this.googlePay && (this.googlePay = new Kl(this.config)), s && !this.paypal && (this.paypal = new Hl(this.config), this.paypal.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), a && !this.braintree && (this.braintree = new nc(this.config), this.braintree.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), o && !this.card && (this.card = new Wl(this.config), this.card.addEventListener(() => {
+    i && !this.applePay && (this.applePay = new Bl(this.config)), r && !this.googlePay && (this.googlePay = new ql(this.config)), s && !this.paypal && (this.paypal = new Yl(this.config), this.paypal.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), a && !this.braintree && (this.braintree = new ic(this.config), this.braintree.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), o && !this.card && (this.card = new Zl(this.config), this.card.addEventListener(() => {
       this.events.open.emit();
     }));
     const l = e.sort((h, m) => h.order - m.order), u = /* @__PURE__ */ new Map();
@@ -4797,7 +4805,7 @@ class ic {
     return this.buttons;
   }
 }
-class rc {
+class sc {
   constructor(e) {
     c(this, "template", `
     <svg
@@ -4823,14 +4831,14 @@ class rc {
     return this.element;
   }
 }
-const sc = "_button_125my_1", ac = {
-  button: sc
+const ac = "_button_125my_1", oc = {
+  button: ac
 };
-class oc {
+class lc {
   constructor(e) {
     c(this, "element");
     c(this, "icon");
-    this.element = document.createElement("div"), this.element.classList.add(ac.button), this.icon = new rc(e), this.element.appendChild(this.icon.render());
+    this.element = document.createElement("div"), this.element.classList.add(oc.button), this.icon = new sc(e), this.element.appendChild(this.icon.render());
   }
   addEventListener(e) {
     return this.element.addEventListener("click", e);
@@ -4839,16 +4847,16 @@ class oc {
     return this.element;
   }
 }
-const lc = "_button_1d7ly_1", cc = "_disabled_1d7ly_18", dc = "_hidden_1d7ly_28", uc = "_spinner_1d7ly_32", oe = {
-  button: lc,
-  disabled: cc,
-  hidden: dc,
-  spinner: uc
+const cc = "_button_1d7ly_1", dc = "_disabled_1d7ly_18", uc = "_hidden_1d7ly_28", hc = "_spinner_1d7ly_32", oe = {
+  button: cc,
+  disabled: dc,
+  hidden: uc,
+  spinner: hc
 };
-class hc {
+class pc {
   constructor(e, t) {
     c(this, "element");
-    c(this, "spinner", new br());
+    c(this, "spinner", new vr());
     c(this, "message", document.createElement("span"));
     c(this, "iconElement");
     this.element = document.createElement("button"), this.element.setAttribute("type", "button"), this.element.classList.add(oe.button, oe.press), t != null && t.className && F(this.element, t.className), t != null && t.styles && Object.assign(this.element.style, t.styles), t != null && t.iconSvg && (this.iconElement = document.createElement("div"), this.iconElement.classList.add(S.card), this.iconElement.innerHTML = t.iconSvg), this.spinner.addClass(oe.spinner), this.spinner.addClass(oe.hidden), this.message.textContent = e.messages().card.pay.button, this.element.append(this.spinner.render()), this.iconElement && this.element.append(this.iconElement), this.element.append(this.message), e.subscribe((i) => {
@@ -4865,20 +4873,20 @@ class hc {
     return this.element;
   }
 }
-const pc = "_cardForm_1uc4x_1", mc = "_hidden_1uc4x_6", fc = "_topOffset_1uc4x_10", ve = {
-  cardForm: pc,
-  hidden: mc,
-  topOffset: fc
-}, gc = "_wrapper_1xw0g_1", bc = "_inputContainer_1xw0g_5", vc = "_disabled_1xw0g_23", yc = "_input_1xw0g_5", Cc = "_errorInput_1xw0g_18", kc = "_label_1xw0g_56", Ec = "_labelError_1xw0g_67", xc = "_disabledInput_1xw0g_75", wc = "_hidden_1xw0g_82", $ = {
-  wrapper: gc,
-  inputContainer: bc,
-  disabled: vc,
-  input: yc,
-  errorInput: Cc,
-  label: kc,
-  labelError: Ec,
-  disabledInput: xc,
-  hidden: wc
+const mc = "_cardForm_1uc4x_1", fc = "_hidden_1uc4x_6", gc = "_topOffset_1uc4x_10", ve = {
+  cardForm: mc,
+  hidden: fc,
+  topOffset: gc
+}, bc = "_wrapper_1xw0g_1", vc = "_inputContainer_1xw0g_5", yc = "_disabled_1xw0g_23", Cc = "_input_1xw0g_5", kc = "_errorInput_1xw0g_18", Ec = "_label_1xw0g_56", xc = "_labelError_1xw0g_67", wc = "_disabledInput_1xw0g_75", Tc = "_hidden_1xw0g_82", $ = {
+  wrapper: bc,
+  inputContainer: vc,
+  disabled: yc,
+  input: Cc,
+  errorInput: kc,
+  label: Ec,
+  labelError: xc,
+  disabledInput: wc,
+  hidden: Tc
 };
 class yt {
   constructor() {
@@ -4901,7 +4909,7 @@ class yt {
     return this.element;
   }
 }
-class Tc {
+class Ac {
   constructor(e, t) {
     c(this, "id", "paynext-card-input-name");
     c(this, "element");
@@ -4974,20 +4982,20 @@ class Tc {
     return this.toggleLabelError(i), this.isDisabled ? (this.inputContainer.classList.add($.disabled), this.input.classList.add($.disabledInput)) : (this.inputContainer.classList.remove($.disabled), this.input.classList.remove($.disabledInput)), this.element;
   }
 }
-const Ac = "_wrapper_1xw0g_1", _c = "_inputContainer_1xw0g_5", Lc = "_disabled_1xw0g_23", Vc = "_input_1xw0g_5", Ic = "_endContent_1xw0g_39", Mc = "_errorInput_1xw0g_18", Pc = "_error_1xw0g_18", Dc = "_label_1xw0g_56", Rc = "_labelError_1xw0g_67", Oc = "_disabledInput_1xw0g_75", Nc = "_hidden_1xw0g_82", j = {
-  wrapper: Ac,
-  inputContainer: _c,
-  disabled: Lc,
-  input: Vc,
-  endContent: Ic,
-  errorInput: Mc,
-  error: Pc,
-  label: Dc,
-  labelError: Rc,
-  disabledInput: Oc,
-  hidden: Nc
+const _c = "_wrapper_1xw0g_1", Lc = "_inputContainer_1xw0g_5", Vc = "_disabled_1xw0g_23", Ic = "_input_1xw0g_5", Mc = "_endContent_1xw0g_39", Pc = "_errorInput_1xw0g_18", Dc = "_error_1xw0g_18", Rc = "_label_1xw0g_56", Oc = "_labelError_1xw0g_67", Nc = "_disabledInput_1xw0g_75", Sc = "_hidden_1xw0g_82", j = {
+  wrapper: _c,
+  inputContainer: Lc,
+  disabled: Vc,
+  input: Ic,
+  endContent: Mc,
+  errorInput: Pc,
+  error: Dc,
+  label: Rc,
+  labelError: Oc,
+  disabledInput: Nc,
+  hidden: Sc
 };
-class Sc {
+class Fc {
   constructor() {
     c(this, "template", `
     <svg
@@ -5025,7 +5033,7 @@ class Sc {
     return this.element;
   }
 }
-class Fc {
+class jc {
   constructor() {
     c(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 16' width='24' class='${S.svg}'>
@@ -5048,7 +5056,7 @@ class Fc {
     return this.element;
   }
 }
-class jc {
+class Bc {
   constructor() {
     c(this, "template", `
    <svg
@@ -5097,7 +5105,7 @@ class jc {
     return this.element;
   }
 }
-class Bc {
+class zc {
   constructor(e, t) {
     c(this, "id", "paynext-card-input-number");
     c(this, "initialCardTypes", bt.map((e) => e.type));
@@ -5109,12 +5117,12 @@ class Bc {
     c(this, "labelError", document.createElement("span"));
     c(this, "endContent", document.createElement("div"));
     c(this, "error", document.createElement("p"));
-    c(this, "unknownCard", new Sc());
+    c(this, "unknownCard", new Fc());
     // private readonly dinerClub = new DinersClubIcon()
     // private readonly jcb = new JcbIcon()
-    c(this, "masterCard", new Fc());
+    c(this, "masterCard", new jc());
     // private readonly unionPay = new UnionPayIcon()
-    c(this, "visa", new jc());
+    c(this, "visa", new Bc());
     c(this, "placeholderStyle", document.createElement("style"));
     c(this, "supportedCardTypes", this.initialCardTypes);
     c(this, "isTouchSubmit", !1);
@@ -5155,12 +5163,12 @@ ${b}::-ms-input-placeholder{${g}}
   handleChange(e) {
     if (this.isDisabled) return;
     this.isRequired = !1, this.errorMessage = "", this.isChanged || (this.isChanged = !0);
-    const t = ii(e).map((s) => s.type), i = yr(e), r = yl(e, (i == null ? void 0 : i.type) || "");
+    const t = ri(e).map((s) => s.type), i = Cr(e), r = Cl(e, (i == null ? void 0 : i.type) || "");
     this.supportedCardTypes = t.length ? t : this.initialCardTypes, r.replace(/\D/g, "").length === ((i == null ? void 0 : i.maxLength) || 16) && this.validate(r), this.input.value = r, this.events.change.emit({
       card: r,
       cardType: i == null ? void 0 : i.type,
       cardTypes: t,
-      isValid: ri(e, this.supportedCardTypes).isValid
+      isValid: si(e, this.supportedCardTypes).isValid
     }), this.render();
   }
   toggleLabelError(e) {
@@ -5205,11 +5213,11 @@ ${b}::-ms-input-placeholder{${g}}
     var e;
     return {
       value: this.input.value,
-      cardType: ((e = ii(this.input.value)[0]) == null ? void 0 : e.type) || ""
+      cardType: ((e = ri(this.input.value)[0]) == null ? void 0 : e.type) || ""
     };
   }
   validate(e) {
-    const t = this.translate.messages(), { isValid: i, error: r } = ri(e, this.supportedCardTypes);
+    const t = this.translate.messages(), { isValid: i, error: r } = si(e, this.supportedCardTypes);
     return i ? (this.isRequired = !1, this.errorMessage = "", this.render(), i) : (r === Y.Empty ? (this.errorMessage = "", this.isRequired = !0) : r === Y.Unsupported ? (this.errorMessage = t.card.number.error.unsupported, this.isRequired = !1) : (this.errorMessage = r === Y.Incomplete ? t.card.number.error.incomplete : t.card.number.error.invalid, this.isRequired = !1), this.render(), i);
   }
   render() {
@@ -5217,20 +5225,20 @@ ${b}::-ms-input-placeholder{${g}}
     return this.toggleLabelError(t), this.toggleErrorMessage(i), !t && !i ? (this.inputContainer.classList.remove(j.errorInput), this.endContent.innerHTML = "", this.endContent.append(...this.getCardIcons())) : (this.endContent.innerHTML = "", this.endContent.appendChild(this.unknownCard.render())), this.isDisabled ? (this.inputContainer.classList.add(j.disabled), this.input.classList.add(j.disabledInput)) : (this.inputContainer.classList.remove(j.disabled), this.input.classList.remove(j.disabledInput)), this.element;
   }
 }
-const zc = "_inputContainer_41zd2_5", $c = "_disabled_41zd2_23", Kc = "_input_41zd2_5", qc = "_endContent_41zd2_39", Gc = "_errorInput_41zd2_18", Hc = "_error_41zd2_18", Yc = "_label_41zd2_56", Uc = "_labelError_41zd2_67", Wc = "_disabledInput_41zd2_75", Zc = "_hidden_41zd2_82", Jc = "_securityContent_41zd2_86", A = {
-  inputContainer: zc,
-  disabled: $c,
-  input: Kc,
-  endContent: qc,
-  errorInput: Gc,
-  error: Hc,
-  label: Yc,
-  labelError: Uc,
-  disabledInput: Wc,
-  hidden: Zc,
-  securityContent: Jc
+const $c = "_inputContainer_41zd2_5", Kc = "_disabled_41zd2_23", qc = "_input_41zd2_5", Gc = "_endContent_41zd2_39", Hc = "_errorInput_41zd2_18", Yc = "_error_41zd2_18", Uc = "_label_41zd2_56", Wc = "_labelError_41zd2_67", Zc = "_disabledInput_41zd2_75", Jc = "_hidden_41zd2_82", Xc = "_securityContent_41zd2_86", A = {
+  inputContainer: $c,
+  disabled: Kc,
+  input: qc,
+  endContent: Gc,
+  errorInput: Hc,
+  error: Yc,
+  label: Uc,
+  labelError: Wc,
+  disabledInput: Zc,
+  hidden: Jc,
+  securityContent: Xc
 };
-class Xc {
+class Qc {
   constructor() {
     c(this, "template", `
     <svg class='${S.svg}' focusable='false' viewBox='0 0 32 21' role='img' aria-label='CVC'>
@@ -5259,14 +5267,14 @@ class Xc {
     return this.element;
   }
 }
-class Qc {
+class ed {
   constructor(e, t) {
     c(this, "cvcId", "paynext-card-input-cvc");
     c(this, "expiryId", "paynext-card-input-expiry");
     c(this, "element");
     c(this, "expiryWarning", new yt());
     c(this, "cvcWarning", new yt());
-    c(this, "cardCvc", new Xc());
+    c(this, "cardCvc", new Qc());
     c(this, "expiryInputContainer", document.createElement("div"));
     c(this, "expiryInput", document.createElement("input"));
     c(this, "expiryLabel", document.createElement("label"));
@@ -5350,7 +5358,7 @@ class Qc {
   handleCvcChange(e) {
     if (this.isDisabled) return;
     this.isCvcRequired = !1, this.cvcErrorMessage = "", this.isCvcChanged || (this.isCvcChanged = !0);
-    const t = Cl(e, this.cardType || ""), i = Pe.getTypeInfo(this.cardType || "");
+    const t = kl(e, this.cardType || ""), i = Pe.getTypeInfo(this.cardType || "");
     t.length === (i == null ? void 0 : i.code.size) && this.validateCvc(t), this.events.cvcChange.emit({
       value: t,
       isValid: this.cvcValidator(t) === null
@@ -5400,7 +5408,7 @@ class Qc {
   handleExpiryChange(e) {
     if (this.isDisabled) return;
     this.isExpiryRequired = !1, this.expiryErrorMessage = "", this.isExpiryChanged || (this.isExpiryChanged = !0);
-    const t = kl(e);
+    const t = El(e);
     t.length === 7 && this.validateExpiry(t), this.events.expiryChange.emit({
       value: t,
       isValid: this.expiryValidator(t) === null
@@ -5462,7 +5470,7 @@ class Qc {
     return this.toggleCvcLabelError(s), this.toggleCvcErrorMessage(a), !s && !a ? (this.cvcInputContainer.classList.remove(A.errorInput), this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cardCvc.render())) : (this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cvcWarning.render())), this.isDisabled ? (this.expiryInputContainer.classList.add(A.disabled), this.expiryInput.classList.add(A.disabledInput), this.cvcInputContainer.classList.add(A.disabled), this.cvcInput.classList.add(A.disabledInput)) : (this.expiryInputContainer.classList.remove(A.disabled), this.expiryInput.classList.remove(A.disabledInput), this.cvcInputContainer.classList.remove(A.disabled), this.cvcInput.classList.remove(A.disabledInput)), this.element;
   }
 }
-class ed {
+class td {
   constructor({ translate: e, className: t, stylesState: i, isDefaultVariant: r, onPaymentAttempt: s }) {
     c(this, "element");
     c(this, "submit");
@@ -5477,7 +5485,7 @@ class ed {
       close: new K()
     });
     const a = i.getState();
-    this.element = document.createElement("form"), this.onPaymentAttempt = s, this.submit = new hc(e, a.SubmitButton), this.back = new oc(a.BackButton), this.number = new Bc(e, a.Input), this.name = new Tc(e, a.Input), this.cardSecurity = new Qc(e, a.Input), this.element.classList.add(ve.cardForm), t && F(this.element, t);
+    this.element = document.createElement("form"), this.onPaymentAttempt = s, this.submit = new pc(e, a.SubmitButton), this.back = new lc(a.BackButton), this.number = new zc(e, a.Input), this.name = new Ac(e, a.Input), this.cardSecurity = new ed(e, a.Input), this.element.classList.add(ve.cardForm), t && F(this.element, t);
     const o = this.back.render();
     r && (this.isBackVisible = !1, o.classList.add(ve.hidden), this.element.classList.add(ve.topOffset)), this.element.append(
       o,
@@ -5528,7 +5536,7 @@ class ed {
     return this.element;
   }
 }
-class td {
+class nd {
   constructor() {
     c(this, "template", `
     <svg
@@ -5555,16 +5563,16 @@ class td {
     return this.element;
   }
 }
-const nd = "_container_79xkl_1", id = "_title_79xkl_5", ci = {
-  container: nd,
-  title: id
+const id = "_container_79xkl_1", rd = "_title_79xkl_5", di = {
+  container: id,
+  title: rd
 };
-class rd {
+class sd {
   constructor() {
     c(this, "element");
     c(this, "message", document.createElement("p"));
-    c(this, "icon", new td());
-    this.element = document.createElement("div"), this.element.classList.add(ci.container), this.message.classList.add(ci.title), this.element.append(this.icon.render(), this.message);
+    c(this, "icon", new nd());
+    this.element = document.createElement("div"), this.element.classList.add(di.container), this.message.classList.add(di.title), this.element.append(this.icon.render(), this.message);
   }
   addClassName(e) {
     F(this.element, e);
@@ -5576,9 +5584,9 @@ class rd {
     return this.element;
   }
 }
-const sd = "_container_g3abj_1", ad = "_title_g3abj_12", di = {
-  container: sd,
-  title: ad
+const ad = "_container_g3abj_1", od = "_title_g3abj_12", ui = {
+  container: ad,
+  title: od
 }, Ze = class Ze {
   constructor(e, t) {
     c(this, "element");
@@ -5586,7 +5594,7 @@ const sd = "_container_g3abj_1", ad = "_title_g3abj_12", di = {
     c(this, "icon", new yt());
     c(this, "hasCustomMessage", !1);
     c(this, "hasConfigMessage", !1);
-    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(di.container), this.message.classList.add(di.title), t ? (this.message.textContent = t, this.hasCustomMessage = !0, this.hasConfigMessage = !0) : this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: i }) => {
+    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(ui.container), this.message.classList.add(ui.title), t ? (this.message.textContent = t, this.hasCustomMessage = !0, this.hasConfigMessage = !0) : this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: i }) => {
       this.hasCustomMessage || (this.message.textContent = i.status.error);
     }), Ze.instances.add(this);
   }
@@ -5622,7 +5630,7 @@ const sd = "_container_g3abj_1", ad = "_title_g3abj_12", di = {
 };
 c(Ze, "instances", /* @__PURE__ */ new Set());
 let Wt = Ze;
-class od {
+class ld {
   constructor(e) {
     c(this, "isLoading", !1);
     c(this, "isFormOpen", !1);
@@ -5630,14 +5638,14 @@ class od {
     c(this, "hasLoadedOnce", !1);
     c(this, "checkout");
     c(this, "container", document.createElement("div"));
-    c(this, "loader", new il());
+    c(this, "loader", new rl());
     c(this, "success");
     c(this, "buttons");
     c(this, "form");
     c(this, "error");
     c(this, "errorPrevHeight", null);
     c(this, "FORM_HEIGHT", 309);
-    this.config = e, this.buttons = new ic(e), this.form = new ed({
+    this.config = e, this.buttons = new rc(e), this.form = new td({
       translate: e.state.translate,
       className: Z.hidden,
       stylesState: e.state.styles,
@@ -5646,7 +5654,7 @@ class od {
         var i, r;
         return (r = (i = this.config.state.checkout.getState()).onCheckoutAttempt) == null ? void 0 : r.call(i, t);
       }
-    }), this.success = new rd(), this.success.addClassName(Z.hidden), this.error = new Wt(e.state.translate, e.state.checkout.getState().errorMessageText), this.error.hide(), this.container.append(this.loader.render(), this.buttons.render(), this.form.render()), this.checkout = document.createElement("div"), this.checkout.classList.add(Z.checkout), this.checkout.append(this.container, this.error.render(), this.success.render());
+    }), this.success = new sd(), this.success.addClassName(Z.hidden), this.error = new Wt(e.state.translate, e.state.checkout.getState().errorMessageText), this.error.hide(), this.container.append(this.loader.render(), this.buttons.render(), this.form.render()), this.checkout = document.createElement("div"), this.checkout.classList.add(Z.checkout), this.checkout.append(this.container, this.error.render(), this.success.render());
   }
   // init
   init() {
@@ -5769,7 +5777,7 @@ class od {
       const t = this.config.state.checkout.getState(), i = this.config.state.translate.messages();
       let r;
       try {
-        if (r = yield Pr(e, t.environment, t.apiVersion), r.error)
+        if (r = yield Dr(e, t.environment, t.apiVersion), r.error)
           throw new Error(((s = r.error) == null ? void 0 : s.message) || i.status.error);
         if (r.three_ds_session_id) {
           yield this.config.service.ev.initThreeDs({
@@ -5847,7 +5855,7 @@ class od {
     return this.checkout;
   }
 }
-class ld {
+class cd {
   constructor(e) {
     c(this, "component");
     this.config = e;
@@ -5857,16 +5865,11 @@ class ld {
     return E(this, null, function* () {
       const { checkout: e, transaction: t, translate: i, styles: r } = this.config.state, { apiVersion: s } = e.getState();
       e.subscribe(({ clientToken: a, environment: o, locale: l, translate: u, styles: d }) => {
-        const h = {
-          develop: "app_00b96c0c3011",
-          staging: "app_00396c84ac2b",
-          sandbox: "app_03b1ea2b6dfa",
-          production: "app_409cf462b6cc"
-        }, m = "team_f20c9e679d47", p = h[o];
-        this.config.service.ev.initEv({ teamId: m, appId: p }), l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(a, o, s).catch((g) => {
-          if (console.error(g), this.component) {
-            const b = i.messages(), y = g.name === "INVALID_SESSION" ? b.status.invalidSession : g.message;
-            this.component.showError(y);
+        const h = kn.teamId, m = kn.appIds[o];
+        this.config.service.ev.initEv({ teamId: h, appId: m }), l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(a, o, s).catch((p) => {
+          if (console.error(p), this.component) {
+            const g = i.messages(), b = p.name === "INVALID_SESSION" ? g.status.invalidSession : p.message;
+            this.component.showError(b);
           }
         });
       });
@@ -5875,7 +5878,7 @@ class ld {
   // mount
   mount() {
     return E(this, null, function* () {
-      return this.component || (this.component = new od(this.config)), yield this.init(), yield this.component.init(), this.component.render();
+      return this.component || (this.component = new ld(this.config)), yield this.init(), yield this.component.init(), this.component.render();
     });
   }
 }
@@ -5899,24 +5902,24 @@ class Ct {
     return this.observer.addListener(e);
   }
 }
-const cd = {
+const dd = {
   clientToken: "",
   environment: "sandbox",
   apiVersion: "1.0.0",
   variant: "default"
 };
-class dd extends Ct {
+class ud extends Ct {
   constructor(e) {
-    super(v(v({}, cd), e));
+    super(v(v({}, dd), e));
   }
 }
-const ud = {};
-class hd extends Ct {
+const hd = {};
+class pd extends Ct {
   constructor(e) {
-    super(v(v({}, ud), e));
+    super(v(v({}, hd), e));
   }
 }
-class pd extends Ct {
+class md extends Ct {
   constructor(t) {
     super(t || null);
     c(this, "clientToken", "");
@@ -5927,7 +5930,7 @@ class pd extends Ct {
       if (this.clientToken === t) return this.getState();
       this.clientToken = t;
       try {
-        const s = yield Rr(t, i, r);
+        const s = yield Or(t, i, r);
         return this.setState(s), s;
       } catch (s) {
         console.error("Failed to update transaction:", s);
@@ -5937,7 +5940,7 @@ class pd extends Ct {
     });
   }
 }
-const md = {
+const fd = {
   card: {
     required: "يتطلب",
     number: {
@@ -5980,7 +5983,7 @@ const md = {
     error: "تم رفض طريقة الدفع الخاصة بك. قد يكون هذا بسبب عدم كفاية الأموال أو تفاصيل الدفع منتهية الصلاحية أو قيود الأمان. يرجى التحقق من تفاصيل الدفع الخاصة بك أو تجربة طريقة دفع مختلفة.",
     invalidSession: "انتهت صلاحية جلسة الدفع الخاصة بك. يرجى تحديث الصفحة للمتابعة."
   }
-}, fd = {
+}, gd = {
   card: {
     required: "ЗАДЪЛЖИТЕЛНО",
     number: {
@@ -6023,7 +6026,7 @@ const md = {
     error: "Вашият метод на плащане беше отхвърлен. Това може да се дължи на недостатъчни средства, изтекли платежни данни или ограничения за сигурност. Моля, проверете вашите платежни данни или опитайте друг метод на плащане.",
     invalidSession: "Вашата платежна сесия е изтекла. Моля, опреснете страницата, за да продължите."
   }
-}, gd = {
+}, bd = {
   card: {
     required: "POVINNÉ",
     number: {
@@ -6066,7 +6069,7 @@ const md = {
     error: "Váš způsob platby byl odmítnut. Může to být kvůli nedostatečným prostředkům, vypršelým platebním údajům nebo bezpečnostním omezením. Zkontrolujte prosím své platební údaje nebo zkuste jiný způsob platby.",
     invalidSession: "Vaše platební relace vypršela. Obnovte stránku pro pokračování."
   }
-}, bd = {
+}, vd = {
   card: {
     required: "PÅKRÆVET",
     number: {
@@ -6109,7 +6112,7 @@ const md = {
     error: "Din betalingsmetode blev afvist. Dette kan skyldes utilstrækkelige midler, udløbne betalingsoplysninger eller sikkerhedsbegrænsninger. Kontroller venligst dine betalingsoplysninger eller prøv en anden betalingsmetode.",
     invalidSession: "Din betalingssession er udløbet. Opdater venligst siden for at fortsætte."
   }
-}, vd = {
+}, yd = {
   card: {
     required: "PFLICHT",
     number: {
@@ -6152,7 +6155,7 @@ const md = {
     error: "Ihre Zahlungsmethode wurde abgelehnt. Dies könnte auf unzureichende Mittel, abgelaufene Zahlungsdetails oder Sicherheitsbeschränkungen zurückzuführen sein. Bitte überprüfen Sie Ihre Zahlungsdetails oder versuchen Sie eine andere Zahlungsmethode.",
     invalidSession: "Ihre Zahlungssitzung ist abgelaufen. Bitte aktualisieren Sie die Seite, um fortzufahren."
   }
-}, yd = {
+}, Cd = {
   card: {
     required: "Απαιτούμενο",
     number: {
@@ -6195,7 +6198,7 @@ const md = {
     error: "Η μέθοδος πληρωμής σας απορρίφθηκε. Αυτό μπορεί να οφείλεται σε ανεπαρκή κεφάλαια, ληγμένα στοιχεία πληρωμής ή περιορισμούς ασφαλείας. Παρακαλούμε ελέγξτε τα στοιχεία πληρωμής σας ή δοκιμάστε μια διαφορετική μέθοδο πληρωμής.",
     invalidSession: "Η συνεδρία πληρωμής σας έχει λήξει. Παρακαλούμε ανανεώστε τη σελίδα για να συνεχίσετε."
   }
-}, Cd = {
+}, kd = {
   card: {
     required: "REQUIRED",
     number: {
@@ -6238,7 +6241,7 @@ const md = {
     error: "Your payment method was declined. This could be due to insufficient funds, expired payment details, or security restrictions. Please check your payment details or try a different payment method.",
     invalidSession: "Your payment session has expired. Please refresh the page to continue."
   }
-}, kd = {
+}, Ed = {
   card: {
     required: "OBLIGATORIO",
     number: {
@@ -6281,7 +6284,7 @@ const md = {
     error: "Su método de pago fue rechazado. Esto podría deberse a fondos insuficientes, detalles de pago caducados o restricciones de seguridad. Por favor, verifique sus detalles de pago o pruebe con otro método de pago.",
     invalidSession: "Su sesión de pago ha caducado. Por favor, actualice la página para continuar."
   }
-}, Ed = {
+}, xd = {
   card: {
     required: "NÕUTAV",
     number: {
@@ -6324,7 +6327,7 @@ const md = {
     error: "Teie makseviis lükati tagasi. See võib olla tingitud ebapiisavatest vahenditest, aegunud makseandmetest või turvapiirangutes. Palun kontrollige oma makseandmeid või proovige teist makseviisi.",
     invalidSession: "Teie makseseanss on aegunud. Palun värskendage lehte jätkamiseks."
   }
-}, xd = {
+}, wd = {
   card: {
     required: "PAKOLLINEN",
     number: {
@@ -6367,7 +6370,7 @@ const md = {
     error: "Maksutapasi hylättiin. Tämä voi johtua riittämättömistä varoista, vanhentuneista maksutiedoista tai turvallisuusrajoituksista. Tarkista maksutietosi tai kokeile toista maksutapaa.",
     invalidSession: "Maksuistuntosi on vanhentunut. Päivitä sivu jatkaaksesi."
   }
-}, wd = {
+}, Td = {
   card: {
     required: "KAILANGAN",
     number: {
@@ -6410,7 +6413,7 @@ const md = {
     error: "Ang iyong paraan ng pagbabayad ay tinanggihan. Maaaring dahil ito sa hindi sapat na pondo, nag-expire na mga detalye ng pagbabayad, o mga paghihigpit sa seguridad. Pakisuri ang iyong mga detalye ng pagbabayad o subukang ibang paraan ng pagbabayad.",
     invalidSession: "Ang iyong sesyon ng pagbabayad ay nag-expire na. Paki-refresh ang pahina upang magpatuloy."
   }
-}, Td = {
+}, Ad = {
   card: {
     required: "OBLIGATOIRE",
     number: {
@@ -6453,7 +6456,7 @@ const md = {
     error: "Votre moyen de paiement a été refusé. Cela peut être dû à des fonds insuffisants, des détails de paiement expirés ou des restrictions de sécurité. Veuillez vérifier vos détails de paiement ou essayer un autre moyen de paiement.",
     invalidSession: "Votre session de paiement a expiré. Veuillez actualiser la page pour continuer."
   }
-}, Ad = {
+}, _d = {
   card: {
     required: "POTREBNO",
     number: {
@@ -6496,7 +6499,7 @@ const md = {
     error: "Vaš način plaćanja je odbijen. To može biti zbog nedovoljnih sredstava, isteklih podataka o plaćanju ili sigurnosnih ograničenja. Molimo provjerite svoje podatke o plaćanju ili pokušajte s drugim načinom plaćanja.",
     invalidSession: "Vaša sesija plaćanja je istekla. Molimo osvježite stranicu za nastavak."
   }
-}, _d = {
+}, Ld = {
   card: {
     required: "KÖTELEZŐ",
     number: {
@@ -6539,7 +6542,7 @@ const md = {
     error: "A fizetési módot elutasították. Ez annak köszönhető, hogy nincs elegendő fedezet, lejártak a fizetési adatok, vagy biztonsági korlátozások léptek életbe. Ellenőrizze a fizetési adatait, vagy próbáljon meg másik fizetési módot használni.",
     invalidSession: "A fizetési munkamenete lejárt. Frissítse az oldalt a folytatáshoz."
   }
-}, Ld = {
+}, Vd = {
   card: {
     required: "WAJIB",
     number: {
@@ -6582,7 +6585,7 @@ const md = {
     error: "Metode pembayaran Anda ditolak. Ini bisa karena dana tidak mencukupi, detail pembayaran kedaluwarsa, atau pembatasan keamanan. Silakan periksa detail pembayaran Anda atau coba metode pembayaran lain.",
     invalidSession: "Sesi pembayaran Anda telah kedaluwarsa. Silakan muat ulang halaman untuk melanjutkan."
   }
-}, Vd = {
+}, Id = {
   card: {
     required: "OBBLIGATORIO",
     number: {
@@ -6625,7 +6628,7 @@ const md = {
     error: "Il tuo metodo di pagamento è stato rifiutato. Ciò potrebbe essere dovuto a fondi insufficienti, dettagli di pagamento scaduti o restrizioni di sicurezza. Si prega di controllare i dettagli di pagamento o provare un metodo di pagamento diverso.",
     invalidSession: "La tua sessione di pagamento è scaduta. Si prega di aggiornare la pagina per continuare."
   }
-}, Id = {
+}, Md = {
   card: {
     required: "必須",
     number: {
@@ -6668,7 +6671,7 @@ const md = {
     error: "お支払い方法が拒否されました。これは、残高不足、有効期限切れのお支払い情報、またはセキュリティ制限が原因である可能性があります。お支払い情報を確認するか、別のお支払い方法をお試しください。",
     invalidSession: "お支払いセッションの有効期限が切れました。ページを更新して続行してください。"
   }
-}, Md = {
+}, Pd = {
   card: {
     required: "필수",
     number: {
@@ -6711,7 +6714,7 @@ const md = {
     error: "결제 수단이 거부되었습니다. 잔액 부족, 만료된 결제 정보 또는 보안 제한으로 인해 발생할 수 있습니다. 결제 정보를 확인하거나 다른 결제 수단을 시도해 주세요.",
     invalidSession: "결제 세션이 만료되었습니다. 계속하려면 페이지를 새로고침하세요."
   }
-}, Pd = {
+}, Dd = {
   card: {
     required: "PRIVALOMA",
     number: {
@@ -6754,7 +6757,7 @@ const md = {
     error: "Jūsų mokėjimo būdas buvo atmestas. Tai gali būti dėl nepakankamų lėšų, pasibaigusios mokėjimo informacijos ar saugumo apribojimų. Patikrinkite savo mokėjimo informaciją arba bandykite kitą mokėjimo būdą.",
     invalidSession: "Jūsų mokėjimo seansas baigėsi. Atnaujinkite puslapį, kad tęstumėte."
   }
-}, Dd = {
+}, Rd = {
   card: {
     required: "OBLIGĀTI",
     number: {
@@ -6797,7 +6800,7 @@ const md = {
     error: "Jūsu maksājuma metode tika noraidīta. Tas var būt nepietiekamu līdzekļu, novecojušas maksājumu informācijas vai drošības ierobežojumu dēļ. Lūdzu, pārbaudiet savu maksājumu informāciju vai mēģiniet citu maksājuma metodi.",
     invalidSession: "Jūsu maksājuma sesija ir beigusies. Lūdzu, atsvaidziniet lapu, lai turpinātu."
   }
-}, Rd = {
+}, Od = {
   card: {
     required: "DIPERLUKAN",
     number: {
@@ -6840,7 +6843,7 @@ const md = {
     error: "Kaedah pembayaran anda ditolak. Ini mungkin disebabkan oleh dana yang tidak mencukupi, butiran pembayaran yang tamat tempoh atau sekatan keselamatan. Sila semak butiran pembayaran anda atau cuba kaedah pembayaran lain.",
     invalidSession: "Sesi pembayaran anda telah tamat tempoh. Sila muat semula halaman untuk meneruskan."
   }
-}, Od = {
+}, Nd = {
   card: {
     required: "MEĦTIEĠ/A",
     number: {
@@ -6883,7 +6886,7 @@ const md = {
     error: "Il-metodu tal-ħlas tiegħek ġie miċħud. Dan jista' jkun minħabba fondi insuffiċjenti, dettalji tal-ħlas skaduti jew restrizzjonijiet ta' sigurtà. Jekk jogħġbok iċċekkja d-dettalji tal-ħlas tiegħek jew prova metodu ta' ħlas differenti.",
     invalidSession: "Sessjoni skaduta. Jekk jogħġbok aġġorna l-paġna biex tkompli."
   }
-}, Nd = {
+}, Sd = {
   card: {
     required: "PÅKREVD",
     number: {
@@ -6926,7 +6929,7 @@ const md = {
     error: "Betalingsmetoden din ble avvist. Dette kan skyldes utilstrekkelige midler, utløpte betalingsdetaljer eller sikkerhetsbegrensninger. Vennligst sjekk betalingsdetaljene dine eller prøv en annen betalingsmetode.",
     invalidSession: "Betalingsøkten din har utløpt. Vennligst oppdater siden for å fortsette."
   }
-}, Sd = {
+}, Fd = {
   card: {
     required: "VEREIST",
     number: {
@@ -6969,7 +6972,7 @@ const md = {
     error: "Je betaalmethode is geweigerd. Dit kan komen door onvoldoende saldo, verlopen betalingsgegevens of beveiligingsbeperkingen. Controleer je betalingsgegevens of probeer een andere betaalmethode.",
     invalidSession: "Je betaalsessie is verlopen. Ververs de pagina om door te gaan."
   }
-}, Fd = {
+}, jd = {
   card: {
     required: "WYMAGANE",
     number: {
@@ -7012,7 +7015,7 @@ const md = {
     error: "Twoja metoda płatności została odrzucona. Może to wynikać z niewystarczających środków, wygasłych danych płatności lub ograniczeń bezpieczeństwa. Sprawdź dane płatności lub spróbuj innej metody płatności.",
     invalidSession: "Twoja sesja płatności wygasła. Odśwież stronę, aby kontynuować."
   }
-}, jd = {
+}, Bd = {
   card: {
     required: "OBRIGATÓRIO",
     number: {
@@ -7055,7 +7058,7 @@ const md = {
     error: "Seu método de pagamento foi recusado. Isso pode ser devido a fundos insuficientes, detalhes de pagamento expirados ou restrições de segurança. Por favor, verifique seus detalhes de pagamento ou tente um método de pagamento diferente.",
     invalidSession: "Sua sessão de pagamento expirou. Por favor, atualize a página para continuar."
   }
-}, Bd = {
+}, zd = {
   card: {
     required: "NECESAR",
     number: {
@@ -7098,7 +7101,7 @@ const md = {
     error: "Metoda dvs. de plată a fost refuzată. Acest lucru se poate datora fondurilor insuficiente, detaliilor de plată expirate sau restricțiilor de securitate. Vă rugăm să verificați detaliile de plată sau să încercați o altă metodă de plată.",
     invalidSession: "Sesiunea dvs. de plată a expirat. Vă rugăm să reîmprospătați pagina pentru a continua."
   }
-}, zd = {
+}, $d = {
   card: {
     required: "ОБЯЗАТЕЛЬНО",
     number: {
@@ -7141,7 +7144,7 @@ const md = {
     error: "Ваш способ оплаты был отклонен. Это может быть из-за недостаточных средств, истекших платежных данных или ограничений безопасности. Пожалуйста, проверьте ваши платежные данные или попробуйте другой способ оплаты.",
     invalidSession: "Ваша платежная сессия истекла. Пожалуйста, обновите страницу, чтобы продолжить."
   }
-}, $d = {
+}, Kd = {
   card: {
     required: "ОБОВʼЯЗКОВО",
     number: {
@@ -7184,7 +7187,7 @@ const md = {
     error: "Ваш спосіб оплати було відхилено. Це може бути через недостатню кількість коштів, термін дії платіжних даних закінчився або обмеження безпеки. Будь ласка, перевірте свої платіжні дані або спробуйте інший спосіб оплати.",
     invalidSession: "Термін дії вашої платіжної сесії закінчився. Будь ласка, оновіть сторінку, щоб продовжити."
   }
-}, Kd = {
+}, qd = {
   card: {
     required: "POŽADOVANÉ",
     number: {
@@ -7227,7 +7230,7 @@ const md = {
     error: "Váš spôsob platby bol zamietnutý. Môže to byť kvôli nedostatočným prostriedkom, vypršaným platobným údajom alebo bezpečnostným obmedzeniam. Skontrolujte prosím svoje platobné údaje alebo skúste iný spôsob platby.",
     invalidSession: "Vaša platobná relácia vypršala. Obnovte stránku pre pokračovanie."
   }
-}, qd = {
+}, Gd = {
   card: {
     required: "OBVEZNO",
     number: {
@@ -7270,7 +7273,7 @@ const md = {
     error: "Vaš način plačila je bil zavrnjen. To je lahko zaradi nezadostnih sredstev, poteklih podatkov o plačilu ali varnostnih omejitev. Preverite svoje podatke o plačilu ali poskusite drug način plačila.",
     invalidSession: "Vaša seja plačila je potekla. Osvežite stran za nadaljevanje."
   }
-}, Gd = {
+}, Hd = {
   card: {
     required: "KRÄVS",
     number: {
@@ -7313,7 +7316,7 @@ const md = {
     error: "Din betalningsmetod avvisades. Detta kan bero på otillräckliga medel, utgångna betalningsuppgifter eller säkerhetsbegränsningar. Vänligen kontrollera dina betalningsuppgifter eller prova en annan betalningsmetod.",
     invalidSession: "Din betalningssession har löpt ut. Vänligen uppdatera sidan för att fortsätta."
   }
-}, Hd = {
+}, Yd = {
   card: {
     required: "จำเป็น",
     number: {
@@ -7356,7 +7359,7 @@ const md = {
     error: "วิธีการชำระเงินของคุณถูกปฏิเสธ อาจเป็นเพราะเงินไม่เพียงพอ ข้อมูลการชำระเงินหมดอายุ หรือข้อจำกัดด้านความปลอดภัย โปรดตรวจสอบข้อมูลการชำระเงินของคุณหรือลองวิธีการชำระเงินอื่น",
     invalidSession: "เซสชั่นการชำระเงินของคุณหมดอายุแล้ว โปรดรีเฟรชหน้าเพื่อดำเนินการต่อ"
   }
-}, Yd = {
+}, Ud = {
   card: {
     required: "GEREKLI",
     number: {
@@ -7399,7 +7402,7 @@ const md = {
     error: "Ödeme yönteminiz reddedildi. Bu, yetersiz bakiye, süresi dolmuş ödeme bilgileri veya güvenlik kısıtlamaları nedeniyle olabilir. Lütfen ödeme bilgilerinizi kontrol edin veya farklı bir ödeme yöntemi deneyin.",
     invalidSession: "Ödeme oturumunuz sona erdi. Devam etmek için lütfen sayfayı yenileyin."
   }
-}, Ud = {
+}, Wd = {
   card: {
     required: "BẮT BUỘC",
     number: {
@@ -7442,7 +7445,7 @@ const md = {
     error: "Phương thức thanh toán của bạn đã bị từ chối. Điều này có thể do số dư không đủ, thông tin thanh toán đã hết hạn hoặc hạn chế bảo mật. Vui lòng kiểm tra thông tin thanh toán của bạn hoặc thử phương thức thanh toán khác.",
     invalidSession: "Phiên thanh toán của bạn đã hết hạn. Vui lòng làm mới trang để tiếp tục."
   }
-}, Wd = {
+}, Zd = {
   card: {
     required: "必填",
     number: {
@@ -7486,46 +7489,46 @@ const md = {
     invalidSession: "您的付款会话已过期。请刷新页面以继续。"
   }
 }, Zt = {
-  ar: md,
-  en: Cd,
-  bg: fd,
-  cs: gd,
-  da: bd,
-  de: vd,
-  el: yd,
-  es: kd,
-  et: Ed,
-  fi: xd,
-  fil: wd,
-  fr: Td,
-  hr: Ad,
-  hu: _d,
-  id: Ld,
-  it: Vd,
-  ja: Id,
-  ko: Md,
-  lt: Pd,
-  lv: Dd,
-  ms: Rd,
-  ru: zd,
-  mt: Od,
-  no: Nd,
-  nl: Sd,
-  pl: Fd,
-  pt: jd,
-  ro: Bd,
-  uk: $d,
-  sk: Kd,
-  sl: qd,
-  sv: Gd,
-  th: Hd,
-  tr: Yd,
-  vi: Ud,
-  zh: Wd
+  ar: fd,
+  en: kd,
+  bg: gd,
+  cs: bd,
+  da: vd,
+  de: yd,
+  el: Cd,
+  es: Ed,
+  et: xd,
+  fi: wd,
+  fil: Td,
+  fr: Ad,
+  hr: _d,
+  hu: Ld,
+  id: Vd,
+  it: Id,
+  ja: Md,
+  ko: Pd,
+  lt: Dd,
+  lv: Rd,
+  ms: Od,
+  ru: $d,
+  mt: Nd,
+  no: Sd,
+  nl: Fd,
+  pl: jd,
+  pt: Bd,
+  ro: zd,
+  uk: Kd,
+  sk: qd,
+  sl: Gd,
+  sv: Hd,
+  th: Yd,
+  tr: Ud,
+  vi: Wd,
+  zh: Zd
 }, Jt = () => {
   const n = navigator == null ? void 0 : navigator.language.split("-")[0];
   return Zt[n] || Zt.en;
-}, ui = (n, e = {}) => {
+}, hi = (n, e = {}) => {
   var r, s;
   if (!n) return Jt();
   const t = Zt[n] || Jt();
@@ -7551,7 +7554,7 @@ const md = {
     }
   };
 };
-class Zd extends Ct {
+class Jd extends Ct {
   constructor() {
     super({
       messages: Jt(),
@@ -7559,11 +7562,11 @@ class Zd extends Ct {
     });
   }
   setMessages(e) {
-    const t = this.locale(), i = ui(t, e);
+    const t = this.locale(), i = hi(t, e);
     this.setState({ locale: t, messages: i, overrides: e });
   }
   setLocale(e) {
-    const t = this.overrides(), i = ui(e, t);
+    const t = this.overrides(), i = hi(e, t);
     this.setState({ locale: e, messages: i, overrides: t });
   }
   overrides() {
@@ -7582,13 +7585,13 @@ class Zd extends Ct {
     return this.locale() === "ar" ? "rtl" : "ltr";
   }
 }
-const Jd = {
+const Xd = {
   layout: "vertical",
   tagline: !1,
   height: 40,
   borderRadius: 12
 };
-class Xd {
+class Qd {
   constructor() {
     c(this, "paypal", null);
   }
@@ -7616,7 +7619,7 @@ class Xd {
       if (!e.isConnected)
         throw new Error("PayPal parent element must be connected to DOM before render()");
       if (this.paypal) {
-        const s = v(v({}, Jd), (t == null ? void 0 : t.style) || {}), a = I(v({
+        const s = v(v({}, Xd), (t == null ? void 0 : t.style) || {}), a = I(v({
           fundingSource: "paypal"
         }, t), {
           style: s
@@ -7628,7 +7631,7 @@ class Xd {
     });
   }
 }
-class Qd {
+class eu {
   constructor() {
     c(this, "client", null);
     c(this, "venmoInstance", null);
@@ -7716,18 +7719,18 @@ class Qd {
     });
   }
 }
-class su {
+class au {
   constructor() {
-    c(this, "ev", new Fr());
-    c(this, "paypal", new Xd());
-    c(this, "braintree", new Qd());
+    c(this, "ev", new jr());
+    c(this, "paypal", new Qd());
+    c(this, "braintree", new eu());
     c(this, "state", {
-      translate: new Zd(),
-      checkout: new dd(),
-      transaction: new pd(),
-      styles: new hd()
+      translate: new Jd(),
+      checkout: new ud(),
+      transaction: new md(),
+      styles: new pd()
     });
-    c(this, "checkout", new ld({
+    c(this, "checkout", new cd({
       state: this.state,
       service: { ev: this.ev, paypal: this.paypal, braintree: this.braintree }
     }));
@@ -7737,8 +7740,8 @@ class su {
   }
 }
 export {
-  su as Core,
-  nu as PayNextCheckout,
+  au as Core,
+  iu as PayNextCheckout,
   x as PaymentMethod
 };
 //# sourceMappingURL=index.es.js.map