@paynext/sdk 0.0.118 → 0.0.120

package/dist/index.es.js

@@ -1,16 +1,16 @@
-var kr = Object.defineProperty, Er = Object.defineProperties;
-var xr = Object.getOwnPropertyDescriptors;
+var xr = Object.defineProperty, wr = Object.defineProperties;
+var Tr = Object.getOwnPropertyDescriptors;
 var ot = Object.getOwnPropertySymbols;
 var yn = Object.prototype.hasOwnProperty, Cn = Object.prototype.propertyIsEnumerable;
-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) => {
+var xt = (n, e, t) => e in n ? xr(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) => Er(n, xr(e));
-var se = (n, e) => {
+}, I = (n, e) => wr(n, Tr(e));
+var ae = (n, e) => {
   var t = {};
   for (var i in n)
     yn.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
@@ -21,22 +21,22 @@ var se = (n, e) => {
 };
 var c = (n, e, t) => xt(n, typeof e != "symbol" ? e + "" : e, t);
 var E = (n, e, t) => new Promise((i, r) => {
-  var s = (l) => {
+  var a = (l) => {
     try {
       o(t.next(l));
     } catch (u) {
       r(u);
     }
-  }, a = (l) => {
+  }, s = (l) => {
     try {
       o(t.throw(l));
     } catch (u) {
       r(u);
     }
-  }, o = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, a);
+  }, o = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(a, s);
   o((t = t.apply(n, e)).next());
 });
-import wr from "react";
+import Ar from "react";
 class iu {
   constructor(e) {
     c(this, "parent");
@@ -68,7 +68,7 @@ class iu {
   }
 }
 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 kn = {
+const En = {
   appIds: {
     develop: "app_00b96c0c3011",
     staging: "app_00396c84ac2b",
@@ -81,7 +81,7 @@ const kn = {
   staging: "https://staging-api.paynext.com",
   sandbox: "https://sandbox-api.paynext.com",
   production: "https://api.paynext.com"
-})[n], Tr = [
+})[n], _r = [
   {
     type: x.PAYPAL,
     order: 1,
@@ -102,7 +102,7 @@ const kn = {
     order: 4,
     is_active: !0
   }
-], Ar = (n) => n.googlePay ? x.GOOGLE_PAY : n.applePay ? x.APPLE_PAY : n.paypal ? x.PAYPAL : n.braintree ? x.VENMO : x.CARD, _r = (n) => {
+], Lr = (n) => n.googlePay ? x.GOOGLE_PAY : n.applePay ? x.APPLE_PAY : n.paypal ? x.PAYPAL : n.braintree ? x.VENMO : x.CARD, Vr = (n) => {
   const e = n.card;
   if (e)
     return {
@@ -121,14 +121,14 @@ const kn = {
       last4: e.lastFourDigits,
       number: e.number
     };
-}, Lr = (n) => {
+}, Ir = (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
     };
-}, Vr = (n) => {
+}, Mr = (n) => {
   var t, i;
   const e = n.googlePay;
   if (e != null && e.token)
@@ -140,45 +140,45 @@ const kn = {
       token: e.token.number,
       token_service_provider: e.token.tokenServiceProvider
     };
-}, Ir = (n) => {
-  var t, i, r, s, a, o;
+}, Pr = (n) => {
+  var t, i, r, a, s, o;
   const e = n.applePay;
   if (e)
     return {
       cryptogram: e.cryptogram,
       eci: e.eci,
       exp_month: (i = (t = e.networkToken) == null ? void 0 : t.expiry) != null && i.month ? Number(e.networkToken.expiry.month) : void 0,
-      exp_year: (s = (r = e.networkToken) == null ? void 0 : r.expiry) != null && s.year ? Number(e.networkToken.expiry.year) : void 0,
-      token: (a = e.networkToken) == null ? void 0 : a.number,
+      exp_year: (a = (r = e.networkToken) == null ? void 0 : r.expiry) != null && a.year ? Number(e.networkToken.expiry.year) : void 0,
+      token: (s = e.networkToken) == null ? void 0 : s.number,
       token_service_provider: (o = e.networkToken) == null ? void 0 : o.tokenServiceProvider
     };
-}, Mr = (n) => {
+}, Dr = (n) => {
   const e = n.braintree;
   if (e)
     return {
       payment_method_nonce: e.nonce
     };
-}, En = (n) => {
-  var i, r, s, a, o, l, u, d, h, m, p, g, b, y;
+}, kn = (n) => {
+  var i, r, a, s, o, l, u, d, h, m, p, g, b, y;
   const { applePay: e, googlePay: t } = n;
   if (!(!e && !t))
     return {
       city: ((i = e == null ? void 0 : e.billingContact) == null ? void 0 : i.locality) || ((r = t == null ? void 0 : t.billingAddress) == null ? void 0 : r.locality) || void 0,
-      country: ((s = e == null ? void 0 : e.billingContact) == null ? void 0 : s.countryCode) || ((a = t == null ? void 0 : t.billingAddress) == null ? void 0 : a.countryCode) || void 0,
+      country: ((a = e == null ? void 0 : e.billingContact) == null ? void 0 : a.countryCode) || ((s = t == null ? void 0 : t.billingAddress) == null ? void 0 : s.countryCode) || void 0,
       line1: ((l = (o = e == null ? void 0 : e.billingContact) == null ? void 0 : o.addressLines) == null ? void 0 : l.at(0)) || ((u = t == null ? void 0 : t.billingAddress) == null ? void 0 : u.address1) || void 0,
       line2: ((h = (d = e == null ? void 0 : e.billingContact) == null ? void 0 : d.addressLines) == null ? void 0 : h.at(1)) || ((m = t == null ? void 0 : t.billingAddress) == null ? void 0 : m.address2) || void 0,
       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
     };
 }, xn = (n) => {
-  var r, s, a, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
+  var r, a, s, 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)))
     return {
       bin: e == null ? void 0 : e.firstSixDigits,
       bin_data: {
-        brand: (e == null ? void 0 : e.cardBrand) || ((r = t == null ? void 0 : t.card) == null ? void 0 : r.brand) || ((s = i == null ? void 0 : i.card) == null ? void 0 : s.brand),
-        country: (e == null ? void 0 : e.country) || ((a = t == null ? void 0 : t.card) == null ? void 0 : a.country) || ((o = i == null ? void 0 : i.card) == null ? void 0 : o.country),
+        brand: (e == null ? void 0 : e.cardBrand) || ((r = t == null ? void 0 : t.card) == null ? void 0 : r.brand) || ((a = i == null ? void 0 : i.card) == null ? void 0 : a.brand),
+        country: (e == null ? void 0 : e.country) || ((s = t == null ? void 0 : t.card) == null ? void 0 : s.country) || ((o = i == null ? void 0 : i.card) == null ? void 0 : o.country),
         currency_code: (e == null ? void 0 : e.currency) || ((l = t == null ? void 0 : t.card) == null ? void 0 : l.currency) || ((u = i == null ? void 0 : i.card) == null ? void 0 : u.currency),
         funding: (e == null ? void 0 : e.funding) || ((d = t == null ? void 0 : t.card) == null ? void 0 : d.funding) || ((h = i == null ? void 0 : i.card) == null ? void 0 : h.funding),
         issuer: (e == null ? void 0 : e.issuer) || ((m = t == null ? void 0 : t.card) == null ? void 0 : m.issuer) || ((p = i == null ? void 0 : i.card) == null ? void 0 : p.issuer),
@@ -194,9 +194,9 @@ const kn = {
   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;
-}, Pr = (n) => {
-  var i, r, s, a, o, l;
-  const e = Ar(n), t = {
+}, Rr = (n) => {
+  var i, r, a, s, o, l, u, d;
+  const e = Lr(n), t = {
     client_session: n.clientSession,
     three_ds_session_id: n.threeDsSessionId,
     type: e
@@ -205,58 +205,58 @@ const kn = {
     case x.CARD:
       return I(v({}, t), {
         name: wn(n),
-        card: _r(n)
+        card: Vr(n)
       });
     case x.PAYPAL:
       return I(v({}, t), {
-        paypal: Lr(n)
+        paypal: Ir(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,
+        phone: (l = (o = (s = (a = n.googlePay) == null ? void 0 : a.billingAddress) == null ? void 0 : s.phoneNumber) == null ? void 0 : o.replace(/ /g, "")) == null ? void 0 : l.replace(/-/g, ""),
         card: xn(n),
-        google_pay: Vr(n),
-        billing_address: En(n)
+        google_pay: Mr(n),
+        billing_address: kn(n)
       });
     case x.APPLE_PAY:
       return I(v({}, t), {
         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: En(n)
+        apple_pay: Pr(n),
+        phone: (d = (u = n.applePay) == null ? void 0 : u.shippingContact) == null ? void 0 : d.phoneNumber,
+        billing_address: kn(n)
       });
     case x.VENMO:
       return I(v({}, t), {
-        venmo: Mr(n)
+        venmo: Dr(n)
       });
     default:
       throw new Error(`Unsupported payment method: ${e}`);
   }
-}, Dr = (n, e, t) => E(void 0, null, function* () {
+}, Or = (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 = Pr(n);
+  const a = Rr(n);
   return yield (yield fetch(i, {
     method: "POST",
     headers: r,
-    body: JSON.stringify(s)
+    body: JSON.stringify(a)
   })).json();
-}), Rr = (n, e, t) => E(void 0, null, function* () {
+}), Nr = (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 || "";
-}), Or = (n, e, t) => E(void 0, null, function* () {
+}), Sr = (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 = Tr), a;
+  const r = `${Xt(e)}/payments/config?client_session_id=${n}`, s = yield (yield fetch(r, { headers: i })).json();
+  return s.checkout_config || (s.checkout_config = _r), s;
 });
-let Nr = class {
+let Tn = class {
   constructor(e) {
     c(this, "apple", null);
     c(this, "isAvailable", !1);
@@ -270,8 +270,8 @@ let Nr = class {
       // supportedCardTypes,
       onReady: i,
       onError: r,
-      onSuccess: s,
-      onCancel: a,
+      onSuccess: a,
+      onCancel: s,
       onPaymentAttempt: o
     }, l) {
       const h = this.ev.transactions.create(e);
@@ -293,7 +293,7 @@ let Nr = class {
             paymentMethod: x.GOOGLE_PAY
           });
           try {
-            s == null || s(p);
+            a == null || a(p);
           } catch (k) {
             console.error(k), g({
               message: "Cannot pay with payment credentials"
@@ -301,8 +301,8 @@ let Nr = class {
           }
         })
       }));
-      const m = yield this.apple.availability();
-      this.isAvailable = m === "available", this.isAvailable || r == null || r("Apple Pay is not supported on this device"), r && this.apple.on("error", r), a && this.apple.on("cancel", a), this.onReady = i;
+      const m = "available";
+      this.isAvailable = m === "available", this.isAvailable || r == null || r("Apple Pay is not supported on this device"), r && this.apple.on("error", r), s && this.apple.on("cancel", s), this.onReady = i;
     });
   }
   render(e) {
@@ -311,13 +311,13 @@ let Nr = class {
       !this.apple || !this.isAvailable || (e.innerHTML = "", yield this.apple.mount(e), (t = this.onReady) == null || t.call(this));
     });
   }
-}, Sr = class {
+}, An = class {
   constructor(e) {
     c(this, "google", null);
     this.ev = e;
   }
   init(u, d) {
-    return E(this, arguments, function* ({ transaction: e, locale: t, onReady: i, onError: r, onSuccess: s, onCancel: a, onPaymentAttempt: o }, l) {
+    return E(this, arguments, function* ({ transaction: e, locale: t, onReady: i, onError: r, onSuccess: a, onCancel: s, onPaymentAttempt: o }, l) {
       const h = this.ev.transactions.create(e);
       this.google = this.ev.ui.googlePay(h, I(v({
         locale: t,
@@ -339,14 +339,14 @@ let Nr = class {
             paymentMethod: x.GOOGLE_PAY
           });
           try {
-            s == null || s(m);
+            a == null || a(m);
           } catch (y) {
             console.error(y), p({
               message: "Cannot pay with payment credentials"
             });
           }
         })
-      })), a && this.google.on("cancel", a), i && this.google.on("ready", i), r && this.google.on("error", r);
+      })), s && this.google.on("cancel", s), i && this.google.on("ready", i), r && this.google.on("error", r);
     });
   }
   render(e) {
@@ -378,7 +378,7 @@ class Fr {
     c(this, "threeDs", null);
     this.ev = e;
   }
-  init(s) {
+  init(a) {
     return E(this, arguments, function* ({ threeDsId: e, onReady: t, onSuccess: i, onError: r }) {
       this.threeDs = this.ev.ui.threeDSecure(e), this.threeDs.on("ready", () => t == null ? void 0 : t()), this.threeDs.on("success", () => i == null ? void 0 : i()), this.threeDs.on("failure", () => r == null ? void 0 : r()), this.threeDs.on("error", () => r == null ? void 0 : r());
     });
@@ -405,15 +405,29 @@ class jr {
     var i, r;
     return ((i = this.ev) == null ? void 0 : i.config.appId) !== t || ((r = this.ev) == null ? void 0 : r.config.teamId) !== e;
   }
-  // init ev
-  initEv(e) {
+  // preload evervault
+  preloadEvervault(e) {
     return E(this, null, function* () {
       if (!this.isShouldLoad(e)) return;
       if (typeof window == "undefined")
         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 Nr(this.ev), this.google = new Sr(this.ev), this.events.ready.emit(), this.isReady = !0;
+      this.ev = yield t(e.teamId, e.appId), this.apple = new Tn(this.ev), this.google = new An(this.ev);
+    });
+  }
+  // init ev
+  initEv(e) {
+    return E(this, null, function* () {
+      if (!this.ev) {
+        if (!this.isShouldLoad(e)) return;
+        if (typeof window == "undefined")
+          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 Tn(this.ev), this.google = new An(this.ev);
+      }
+      this.events.ready.emit(), this.isReady = !0;
     });
   }
   // init three ds
@@ -476,48 +490,48 @@ function Br(n, e, t) {
     return [n];
   if (typeof n == "string") {
     let r = document;
-    const s = (i = t == null ? void 0 : t[n]) != null ? i : r.querySelectorAll(n);
-    return s ? Array.from(s) : [];
+    const a = (i = t == null ? void 0 : t[n]) != null ? i : r.querySelectorAll(n);
+    return a ? Array.from(a) : [];
   }
   return Array.from(n);
 }
-function pi(n, e, t, i) {
+function fi(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 zr(n, e, t) {
   return n * (e + 1);
 }
-function Tn(n, e, t, i) {
+function _n(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, $r = (n, e, t) => {
   const i = e - n;
   return ((t - n) % i + i) % i + n;
-}, mi = (n) => Array.isArray(n) && typeof n[0] != "number";
-function fi(n, e) {
-  return mi(n) ? n[$r(0, n.length, e)] : n;
+}, gi = (n) => Array.isArray(n) && typeof n[0] != "number";
+function bi(n, e) {
+  return gi(n) ? n[$r(0, n.length, e)] : n;
 }
 function Kr(n, e) {
   n.indexOf(e) === -1 && n.push(e);
 }
-function gi(n, e) {
+function vi(n, e) {
   const t = n.indexOf(e);
   t > -1 && n.splice(t, 1);
 }
 function qr(n, e, t) {
   for (let i = 0; i < n.length; i++) {
     const r = n[i];
-    r.at > e && r.at < t && (gi(n, r), i--);
+    r.at > e && r.at < t && (vi(n, r), i--);
   }
 }
-function Gr(n, e, t, i, r, s) {
-  qr(n, r, s);
-  for (let a = 0; a < e.length; a++)
+function Gr(n, e, t, i, r, a) {
+  qr(n, r, a);
+  for (let s = 0; s < e.length; s++)
     n.push({
-      value: e[a],
-      at: nt(r, s, i[a]),
-      easing: fi(t, a)
+      value: e[s],
+      at: nt(r, a, i[s]),
+      easing: bi(t, s)
     });
 }
 function Hr(n, e) {
@@ -531,16 +545,16 @@ const J = (n) => !!(n && n.getVelocity), en = /* @__NO_SIDE_EFFECTS__ */ (n, e,
   const i = e - n;
   return i === 0 ? 1 : (t - n) / i;
 };
-function bi(n, e) {
+function yi(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 vi(n) {
+function Ci(n) {
   const e = [0];
-  return bi(e, n.length - 1), e;
+  return yi(e, n.length - 1), e;
 }
 function tn(n) {
   return typeof n == "function" && "applyToOptions" in n;
@@ -554,12 +568,12 @@ function nn(n) {
     e += t, i = n.next(e);
   return e >= mt ? 1 / 0 : e;
 }
-const ae = /* @__NO_SIDE_EFFECTS__ */ (n) => n * 1e3, le = /* @__NO_SIDE_EFFECTS__ */ (n) => n / 1e3;
-function yi(n, e = 100, t) {
+const se = /* @__NO_SIDE_EFFECTS__ */ (n) => n * 1e3, le = /* @__NO_SIDE_EFFECTS__ */ (n) => n / 1e3;
+function Ei(n, e = 100, t) {
   const i = t(I(v({}, n), { keyframes: [0, e] })), r = Math.min(nn(i), mt);
   return {
     type: "keyframes",
-    ease: (s) => i.next(r * s).value / e,
+    ease: (a) => i.next(r * a).value / e,
     duration: /* @__PURE__ */ le(r)
   };
 }
@@ -573,8 +587,8 @@ process.env.NODE_ENV !== "production" && (it = (n, e) => {
     throw new Error(e);
 });
 const Ur = "easeInOut", Wr = 20;
-function Zr(n, s = {}, i, r) {
-  var a = s, { defaultTransition: e = {} } = a, t = se(a, ["defaultTransition"]);
+function Zr(n, a = {}, i, r) {
+  var s = a, { defaultTransition: e = {} } = s, t = ae(s, ["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;
   for (let b = 0; b < n.length; b++) {
@@ -583,32 +597,32 @@ function Zr(n, s = {}, i, r) {
       h.set(y, p);
       continue;
     } else if (!Array.isArray(y)) {
-      h.set(y.name, Tn(p, y.at, m, h));
+      h.set(y.name, _n(p, y.at, m, h));
       continue;
     }
     let [k, V, _ = {}] = y;
-    _.at !== void 0 && (p = Tn(p, _.at, m, h));
+    _.at !== void 0 && (p = _n(p, _.at, m, h));
     let M = 0;
     const T = (D, C, w, R = 0, O = 0) => {
-      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"]);
+      const q = Jr(D), _e = C, { delay: Te = 0, times: te = Ci(q), type: fe = "keyframes", repeat: he, repeatType: Et, repeatDelay: kt = 0 } = _e, st = ae(_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 && es(q)) {
+        if (N === 2 && ea(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 = yi(re, z, G);
+        const re = v({}, st);
+        f !== void 0 && (re.duration = /* @__PURE__ */ se(f));
+        const pe = Ei(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 && bi(te, X), q.length === 1 && q.unshift(null), he) {
+      if (X > 0 && yi(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];
@@ -616,7 +630,7 @@ function Zr(n, s = {}, i, r) {
         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" : fi(pe, je - 1));
+            te.push(re[je] + (ge + 1)), ne.push(je === 0 ? "linear" : bi(pe, je - 1));
         }
         Hr(te, he);
       }
@@ -624,15 +638,15 @@ function Zr(n, s = {}, i, r) {
       Gr(w, q, ne, te, ie, Ae), M = Math.max(P + f, M), g = Math.max(Ae, g);
     };
     if (J(k)) {
-      const D = An(k, u);
-      T(V, _, _n("default", D));
+      const D = Ln(k, u);
+      T(V, _, Vn("default", D));
     } else {
-      const D = pi(k, V, i, d), C = D.length;
+      const D = fi(k, V, i, d), C = D.length;
       for (let w = 0; w < C; w++) {
         V = V, _ = _;
-        const R = D[w], O = An(R, u);
+        const R = D[w], O = Ln(R, u);
         for (const q in V)
-          T(V[q], Xr(_, q), _n(q, O), w, C);
+          T(V[q], Xr(_, q), Vn(q, O), w, C);
       }
     }
     m = p, p += M;
@@ -659,10 +673,10 @@ function Zr(n, s = {}, i, r) {
     }
   }), l;
 }
-function An(n, e) {
+function Ln(n, e) {
   return !e.has(n) && e.set(n, {}), e.get(n);
 }
-function _n(n, e) {
+function Vn(n, e) {
   return e[n] || (e[n] = []), e[n];
 }
 function Jr(n) {
@@ -671,27 +685,27 @@ function Jr(n) {
 function Xr(n, e) {
   return n && n[e] ? v(v({}, n), n[e]) : v({}, 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 Qr = (n) => typeof n == "number", ea = (n) => n.every(Qr), Je = /* @__PURE__ */ new WeakMap(), ta = (n) => Array.isArray(n);
+function In(n) {
   const e = [{}, {}];
   return n == null || n.values.forEach((t, i) => {
     e[0][i] = t.get(), e[1][i] = t.getVelocity();
   }), e;
 }
-function Ci(n, e, t, i) {
+function ki(n, e, t, i) {
   if (typeof e == "function") {
-    const [r, s] = Ln(i);
-    e = e(t !== void 0 ? t : n.custom, r, s);
+    const [r, a] = In(i);
+    e = e(t !== void 0 ? t : n.custom, r, a);
   }
   if (typeof e == "string" && (e = n.variants && n.variants[e]), typeof e == "function") {
-    const [r, s] = Ln(i);
-    e = e(t !== void 0 ? t : n.custom, r, s);
+    const [r, a] = In(i);
+    e = e(t !== void 0 ? t : n.custom, r, a);
   }
   return e;
 }
-function ns(n, e, t) {
+function na(n, e, t) {
   const i = n.getProps();
-  return Ci(i, e, i.custom, n);
+  return ki(i, e, i.custom, n);
 }
 const lt = [
   "setup",
@@ -711,16 +725,16 @@ const lt = [
   "postRender"
   // Compute
 ];
-function is(n, e) {
-  let t = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = !1, s = !1;
-  const a = /* @__PURE__ */ new WeakSet();
+function ia(n, e) {
+  let t = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = !1, a = !1;
+  const s = /* @__PURE__ */ new WeakSet();
   let o = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
   };
   function l(d) {
-    a.has(d) && (u.schedule(d), n()), d(o);
+    s.has(d) && (u.schedule(d), n()), d(o);
   }
   const u = {
     /**
@@ -728,68 +742,68 @@ function is(n, e) {
      */
     schedule: (d, h = !1, m = !1) => {
       const g = m && r ? t : i;
-      return h && a.add(d), g.has(d) || g.add(d), d;
+      return h && s.add(d), g.has(d) || g.add(d), d;
     },
     /**
      * Cancel the provided callback from running on the next frame.
      */
     cancel: (d) => {
-      i.delete(d), a.delete(d);
+      i.delete(d), s.delete(d);
     },
     /**
      * Execute all schedule callbacks.
      */
     process: (d) => {
       if (o = d, r) {
-        s = !0;
+        a = !0;
         return;
       }
-      r = !0, [t, i] = [i, t], t.forEach(l), t.clear(), r = !1, s && (s = !1, u.process(d));
+      r = !0, [t, i] = [i, t], t.forEach(l), t.clear(), r = !1, a && (a = !1, u.process(d));
     }
   };
   return u;
 }
-const de = {}, rs = 40;
-function ss(n, e) {
+const de = {}, ra = 40;
+function aa(n, e) {
   let t = !1, i = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, 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 = () => {
+  }, a = () => t = !0, s = lt.reduce((_, M) => (_[M] = ia(a), _), {}), { setup: o, read: l, resolveKeyframes: u, preUpdate: d, update: h, preRender: m, render: p, postRender: g } = s, b = () => {
     const _ = de.useManualTiming ? r.timestamp : performance.now();
-    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));
+    t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(_ - r.timestamp, ra), 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);
   };
   return { schedule: lt.reduce((_, M) => {
-    const T = a[M];
+    const T = s[M];
     return _[M] = (D, C = !1, w = !1) => (t || y(), T.schedule(D, C, w)), _;
   }, {}), cancel: (_) => {
     for (let M = 0; M < lt.length; M++)
-      a[lt[M]].cancel(_);
-  }, state: r, steps: a };
+      s[lt[M]].cancel(_);
+  }, state: r, steps: s };
 }
-const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: ue, cancel: Rt, state: ft } = /* @__PURE__ */ ss(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
+const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: ue, cancel: Rt, state: ft } = /* @__PURE__ */ aa(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
 let pt;
-function as() {
+function sa() {
   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(as);
+    pt = n, queueMicrotask(sa);
   }
-}, Vn = /* @__PURE__ */ new Set();
-function ki(n, e, t) {
-  n || Vn.has(e) || (console.warn(e), Vn.add(e));
+}, Mn = /* @__PURE__ */ new Set();
+function xi(n, e, t) {
+  n || Mn.has(e) || (console.warn(e), Mn.add(e));
 }
-class Ei {
+class wi {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return Kr(this.subscriptions, e), () => gi(this.subscriptions, e);
+    return Kr(this.subscriptions, e), () => vi(this.subscriptions, e);
   }
   notify(e, t, i) {
     const r = this.subscriptions.length;
@@ -797,9 +811,9 @@ class Ei {
       if (r === 1)
         this.subscriptions[0](e, t, i);
       else
-        for (let s = 0; s < r; s++) {
-          const a = this.subscriptions[s];
-          a && a(e, t, i);
+        for (let a = 0; a < r; a++) {
+          const s = this.subscriptions[a];
+          s && s(e, t, i);
         }
   }
   getSize() {
@@ -809,11 +823,11 @@ class Ei {
     this.subscriptions.length = 0;
   }
 }
-function xi(n, e) {
+function Ti(n, e) {
   return e ? n * (1e3 / e) : 0;
 }
-const In = 30, os = (n) => !isNaN(parseFloat(n));
-class ls {
+const Pn = 30, oa = (n) => !isNaN(parseFloat(n));
+class la {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -822,16 +836,16 @@ class ls {
    */
   constructor(e, t = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i, r = !0) => {
-      var a, o;
-      const s = ee.now();
-      if (this.updatedAt !== s && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((a = this.events.change) == null || a.notify(this.current), this.dependents))
+      var s, o;
+      const a = ee.now();
+      if (this.updatedAt !== a && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((s = this.events.change) == null || s.notify(this.current), this.dependents))
         for (const l of this.dependents)
           l.dirty();
       r && ((o = this.events.renderRequest) == null || o.notify(this.current));
     }, 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 = os(this.current));
+    this.current = e, this.updatedAt = ee.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = oa(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -877,10 +891,10 @@ class ls {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && ki(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && xi(!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 Ei());
+    this.events[e] || (this.events[e] = new wi());
     const i = this.events[e].add(t);
     return e === "change" ? () => {
       i(), ue.read(() => {
@@ -961,10 +975,10 @@ class ls {
    */
   getVelocity() {
     const e = ee.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > In)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Pn)
       return 0;
-    const t = Math.min(this.updatedAt - this.prevUpdatedAt, In);
-    return xi(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
+    const t = Math.min(this.updatedAt - this.prevUpdatedAt, Pn);
+    return Ti(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1017,42 +1031,42 @@ class ls {
   }
 }
 function Xe(n, e) {
-  return new ls(n, e);
+  return new la(n, e);
 }
-function cs(n, e, t) {
+function ca(n, e, t) {
   n.hasValue(e) ? n.getValue(e).set(t) : n.addValue(e, Xe(t));
 }
-function ds(n) {
-  return ts(n) ? n[n.length - 1] || 0 : n;
+function da(n) {
+  return ta(n) ? n[n.length - 1] || 0 : n;
 }
-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 = ds(s[o]);
-    cs(n, o, l);
+function ua(n, e) {
+  let s = na(n, e) || {}, { transitionEnd: i = {}, transition: r = {} } = s, a = ae(s, ["transitionEnd", "transition"]);
+  a = v(v({}, a), i);
+  for (const o in a) {
+    const l = da(a[o]);
+    ca(n, o, l);
   }
 }
-function hs(n) {
+function ha(n) {
   return !!(J(n) && n.add);
 }
-function ps(n, e) {
+function pa(n, e) {
   const t = n.getValue("willChange");
-  if (hs(t))
+  if (ha(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(), ms = "framerAppearId", fs = "data-" + rn(ms);
-function gs(n) {
-  return n.props[fs];
+const rn = (n) => n.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ma = "framerAppearId", fa = "data-" + rn(ma);
+function ga(n) {
+  return n.props[fa];
 }
-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 ba = (n) => n !== null;
+function va(n, { repeat: e, repeatType: t = "loop" }, i) {
+  const r = n.filter(ba), a = e && t !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
+  return r[a];
 }
 const Re = [
   "transformPerspective",
@@ -1072,33 +1086,33 @@ const Re = [
   "skew",
   "skewX",
   "skewY"
-], Oe = new Set(Re), ys = {
+], Oe = new Set(Re), ya = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Cs = (n) => ({
+}, Ca = (n) => ({
   type: "spring",
   stiffness: 550,
   damping: n === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), ks = {
+}), Ea = {
   type: "keyframes",
   duration: 0.8
-}, Es = {
+}, ka = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, 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"]);
+}, xa = (n, { keyframes: e }) => e.length > 2 ? Ea : Oe.has(n) ? n.startsWith("scale") ? Ca(e[1]) : ya : ka;
+function wa(h) {
+  var m = h, { when: n, delay: e, delayChildren: t, staggerChildren: i, staggerDirection: r, repeat: a, repeatType: s, repeatDelay: o, from: l, elapsed: u } = m, d = ae(m, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(d).length;
 }
-function wi(n, e) {
+function Ai(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 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 = {
+const _i = (n) => (e) => typeof e == "string" && e.startsWith(n), Li = /* @__PURE__ */ _i("--"), Ta = /* @__PURE__ */ _i("var(--"), an = (n) => Ta(n) ? Aa.test(n.split("/*")[0].trim()) : !1, Aa = /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
@@ -1106,28 +1120,28 @@ const Ti = (n) => (e) => typeof e == "string" && e.startsWith(n), Ai = /* @__PUR
   transform: (n) => xe(0, 1, n)
 }), ct = I(v({}, Ne), {
   default: 1
-}), We = (n) => Math.round(n * 1e5) / 1e5, an = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function _s(n) {
+}), We = (n) => Math.round(n * 1e5) / 1e5, sn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function _a(n) {
   return n == null;
 }
-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) => {
+const La = /^(?:#[\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" && La.test(t) && t.startsWith(n) || e && !_a(t) && Object.prototype.hasOwnProperty.call(t, e)), Vi = (n, e, t) => (i) => {
   if (typeof i != "string")
     return i;
-  const [r, s, a, o] = i.match(an);
+  const [r, a, s, o] = i.match(sn);
   return {
     [n]: parseFloat(r),
-    [e]: parseFloat(s),
-    [t]: parseFloat(a),
+    [e]: parseFloat(a),
+    [t]: parseFloat(s),
     alpha: o !== void 0 ? parseFloat(o) : 1
   };
-}, Vs = (n) => xe(0, 255, n), wt = I(v({}, Ne), {
-  transform: (n) => Math.round(Vs(n))
+}, Va = (n) => xe(0, 255, n), wt = I(v({}, Ne), {
+  transform: (n) => Math.round(Va(n))
 }), ye = {
   test: /* @__PURE__ */ on("rgb", "red"),
-  parse: /* @__PURE__ */ _i("red", "green", "blue"),
+  parse: /* @__PURE__ */ Vi("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 Is(n) {
+function Ia(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),
@@ -1138,81 +1152,81 @@ function Is(n) {
 }
 const Ot = {
   test: /* @__PURE__ */ on("#"),
-  parse: Is,
+  parse: Ia,
   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"), Ms = /* @__PURE__ */ rt("vh"), Ps = /* @__PURE__ */ rt("vw"), Mn = I(v({}, Me), {
+}), me = /* @__PURE__ */ rt("deg"), Me = /* @__PURE__ */ rt("%"), L = /* @__PURE__ */ rt("px"), Ma = /* @__PURE__ */ rt("vh"), Pa = /* @__PURE__ */ rt("vw"), Dn = I(v({}, Me), {
   parse: (n) => Me.parse(n) / 100,
   transform: (n) => Me.transform(n * 100)
 }), Ve = {
   test: /* @__PURE__ */ on("hsl", "hue"),
-  parse: /* @__PURE__ */ _i("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ Vi("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)
-}, Ds = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Rs(n) {
+}, Da = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Ra(n) {
   var e, t;
-  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;
+  return isNaN(n) && typeof n == "string" && (((e = n.match(sn)) == null ? void 0 : e.length) || 0) + (((t = n.match(Da)) == null ? void 0 : t.length) || 0) > 0;
 }
-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;
+const Ii = "number", Mi = "color", Oa = "var", Na = "var(", Rn = "${}", Sa = /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: [],
     number: [],
     var: []
   }, r = [];
-  let s = 0;
-  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);
+  let a = 0;
+  const o = e.replace(Sa, (l) => (U.test(l) ? (i.color.push(a), r.push(Mi), t.push(U.parse(l))) : l.startsWith(Na) ? (i.var.push(a), r.push(Oa), t.push(l)) : (i.number.push(a), r.push(Ii), t.push(parseFloat(l))), ++a, Rn)).split(Rn);
   return { values: t, split: o, indexes: i, types: r };
 }
-function Ii(n) {
+function Pi(n) {
   return et(n).values;
 }
-function Mi(n) {
+function Di(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 === Li ? s += We(r[a]) : o === Vi ? s += U.transform(r[a]) : s += r[a];
+    let a = "";
+    for (let s = 0; s < i; s++)
+      if (a += e[s], r[s] !== void 0) {
+        const o = t[s];
+        o === Ii ? a += We(r[s]) : o === Mi ? a += U.transform(r[s]) : a += r[s];
       }
-    return s;
+    return a;
   };
 }
-const Fs = (n) => typeof n == "number" ? 0 : n;
-function js(n) {
-  const e = Ii(n);
-  return Mi(n)(e.map(Fs));
+const Fa = (n) => typeof n == "number" ? 0 : n;
+function ja(n) {
+  const e = Pi(n);
+  return Di(n)(e.map(Fa));
 }
 const Se = {
-  test: Rs,
-  parse: Ii,
-  createTransformer: Mi,
-  getAnimatableNone: js
+  test: Ra,
+  parse: Pi,
+  createTransformer: Di,
+  getAnimatableNone: ja
 };
 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 Bs({ hue: n, saturation: e, lightness: t, alpha: i }) {
+function Ba({ hue: n, saturation: e, lightness: t, alpha: i }) {
   n /= 360, e /= 100, t /= 100;
-  let r = 0, s = 0, a = 0;
+  let r = 0, a = 0, s = 0;
   if (!e)
-    r = s = a = t;
+    r = a = s = t;
   else {
     const o = t < 0.5 ? t * (1 + e) : t + e - t * e, l = 2 * t - o;
-    r = Tt(l, o, n + 1 / 3), s = Tt(l, o, n), a = Tt(l, o, n - 1 / 3);
+    r = Tt(l, o, n + 1 / 3), a = Tt(l, o, n), s = Tt(l, o, n - 1 / 3);
   }
   return {
     red: Math.round(r * 255),
-    green: Math.round(s * 255),
-    blue: Math.round(a * 255),
+    green: Math.round(a * 255),
+    blue: Math.round(s * 255),
     alpha: i
   };
 }
@@ -1222,66 +1236,66 @@ 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);
-}, zs = [Ot, ye, Ve], $s = (n) => zs.find((e) => e.test(n));
-function Dn(n) {
-  const e = $s(n);
+}, za = [Ot, ye, Ve], $a = (n) => za.find((e) => e.test(n));
+function On(n) {
+  const e = $a(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 = Bs(t)), t;
+  return e === Ve && (t = Ba(t)), t;
 }
-const Rn = (n, e) => {
-  const t = Dn(n), i = Dn(e);
+const Nn = (n, e) => {
+  const t = On(n), i = On(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));
+  return (a) => (r.red = At(t.red, i.red, a), r.green = At(t.green, i.green, a), r.blue = At(t.blue, i.blue, a), r.alpha = nt(t.alpha, i.alpha, a), ye.transform(r));
 }, Nt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Ks(n, e) {
+function Ka(n, e) {
   return Nt.has(n) ? (t) => t <= 0 ? n : e : (t) => t >= 1 ? e : n;
 }
-const qs = (n, e) => (t) => e(n(t)), ln = (...n) => n.reduce(qs);
-function Gs(n, e) {
+const qa = (n, e) => (t) => e(n(t)), ln = (...n) => n.reduce(qa);
+function Ga(n, e) {
   return (t) => nt(n, e, t);
 }
 function cn(n) {
-  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;
+  return typeof n == "number" ? Ga : typeof n == "string" ? an(n) ? gt : U.test(n) ? Nn : Ua : Array.isArray(n) ? Ri : typeof n == "object" ? U.test(n) ? Nn : Ha : gt;
 }
-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++)
-      t[a] = r[a](s);
+function Ri(n, e) {
+  const t = [...n], i = t.length, r = n.map((a, s) => cn(a)(a, e[s]));
+  return (a) => {
+    for (let s = 0; s < i; s++)
+      t[s] = r[s](a);
     return t;
   };
 }
-function Hs(n, e) {
+function Ha(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]));
   return (r) => {
-    for (const s in i)
-      t[s] = i[s](r);
+    for (const a in i)
+      t[a] = i[a](r);
     return t;
   };
 }
-function Ys(n, e) {
+function Ya(n, e) {
   var r;
   const t = [], i = { color: 0, var: 0, number: 0 };
-  for (let s = 0; s < e.values.length; s++) {
-    const a = e.types[s], o = n.indexes[a][i[a]], l = (r = n.values[o]) != null ? r : 0;
-    t[s] = l, i[a]++;
+  for (let a = 0; a < e.values.length; a++) {
+    const s = e.types[a], o = n.indexes[s][i[s]], l = (r = n.values[o]) != null ? r : 0;
+    t[a] = l, i[s]++;
   }
   return t;
 }
-const Us = (n, e) => {
+const Ua = (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 ? 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));
+  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 ? Ka(n, e) : ln(Ri(Ya(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 Di(n, e, t) {
+function Oi(n, e, t) {
   return typeof n == "number" && typeof e == "number" && typeof t == "number" ? nt(n, e, t) : cn(n)(n, e);
 }
-const Ws = (n) => {
+const Wa = (n) => {
   const e = ({ timestamp: t }) => n(t);
   return {
     start: (t = !0) => ue.update(e, t),
@@ -1292,16 +1306,16 @@ const Ws = (n) => {
      */
     now: () => ft.isProcessing ? ft.timestamp : ee.now()
   };
-}, Ri = (n, e, t = 10) => {
+}, Ni = (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)) + ", ";
+  for (let a = 0; a < r; a++)
+    i += n(a / (r - 1)) + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
-}, Zs = 5;
-function Oi(n, e, t) {
-  const i = Math.max(e - Zs, 0);
-  return xi(t - n(i), e - i);
+}, Za = 5;
+function Si(n, e, t) {
+  const i = Math.max(e - Za, 0);
+  return Ti(t - n(i), e - i);
 }
 const B = {
   // Default spring physics
@@ -1332,25 +1346,25 @@ const B = {
   minDamping: 0.05,
   maxDamping: 1
 }, _t = 1e-3;
-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;
-  a = xe(B.minDamping, B.maxDamping, a), n = xe(B.minDuration, B.maxDuration, /* @__PURE__ */ le(n)), a < 1 ? (r = (u) => {
-    const d = u * a, h = d * n, m = d - t, p = St(u, a), g = Math.exp(-h);
+function Ja({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.velocity, mass: i = B.mass }) {
+  let r, a;
+  it(n <= /* @__PURE__ */ se(B.maxDuration), "Spring duration must be 10 seconds or less");
+  let s = 1 - e;
+  s = xe(B.minDamping, B.maxDamping, s), n = xe(B.minDuration, B.maxDuration, /* @__PURE__ */ le(n)), s < 1 ? (r = (u) => {
+    const d = u * s, h = d * n, m = d - t, p = St(u, s), g = Math.exp(-h);
     return _t - m / p * g;
-  }, s = (u) => {
-    const h = u * a * n, m = h * t + t, p = Math.pow(a, 2) * Math.pow(u, 2) * n, g = Math.exp(-h), b = St(Math.pow(u, 2), a);
+  }, a = (u) => {
+    const h = u * s * n, m = h * t + t, p = Math.pow(s, 2) * Math.pow(u, 2) * n, g = Math.exp(-h), b = St(Math.pow(u, 2), s);
     return (-r(u) + _t > 0 ? -1 : 1) * ((m - p) * g) / b;
   }) : (r = (u) => {
     const d = Math.exp(-u * n), h = (u - t) * n + 1;
     return -_t + d * h;
-  }, s = (u) => {
+  }, a = (u) => {
     const d = Math.exp(-u * n), h = (t - u) * (n * n);
     return d * h;
   });
-  const o = 5 / n, l = Qs(r, s, o);
-  if (n = /* @__PURE__ */ ae(n), isNaN(l))
+  const o = 5 / n, l = Qa(r, a, o);
+  if (n = /* @__PURE__ */ se(n), isNaN(l))
     return {
       stiffness: B.stiffness,
       damping: B.damping,
@@ -1360,26 +1374,26 @@ function Js({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.ve
     const u = Math.pow(l, 2) * i;
     return {
       stiffness: u,
-      damping: a * 2 * Math.sqrt(i * u),
+      damping: s * 2 * Math.sqrt(i * u),
       duration: n
     };
   }
 }
-const Xs = 12;
-function Qs(n, e, t) {
+const Xa = 12;
+function Qa(n, e, t) {
   let i = t;
-  for (let r = 1; r < Xs; r++)
+  for (let r = 1; r < Xa; r++)
     i = i - n(i) / e(i);
   return i;
 }
 function St(n, e) {
   return n * Math.sqrt(1 - e * e);
 }
-const ea = ["duration", "bounce"], ta = ["stiffness", "damping", "mass"];
-function On(n, e) {
+const es = ["duration", "bounce"], ts = ["stiffness", "damping", "mass"];
+function Sn(n, e) {
   return e.some((t) => n[t] !== void 0);
 }
-function na(n) {
+function ns(n) {
   let e = v({
     velocity: B.velocity,
     stiffness: B.stiffness,
@@ -1387,16 +1401,16 @@ function na(n) {
     mass: B.mass,
     isResolvedFromDuration: !1
   }, n);
-  if (!On(n, ta) && On(n, ea))
+  if (!Sn(n, ts) && Sn(n, es))
     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);
+      const t = n.visualDuration, i = 2 * Math.PI / (t * 1.2), r = i * i, a = 2 * xe(0.05, 1, 1 - (n.bounce || 0)) * Math.sqrt(r);
       e = I(v({}, e), {
         mass: B.mass,
         stiffness: r,
-        damping: s
+        damping: a
       });
     } else {
-      const t = Js(n);
+      const t = Ja(n);
       e = I(v(v({}, e), t), {
         mass: B.mass
       }), e.isResolvedFromDuration = !0;
@@ -1410,24 +1424,24 @@ 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 } = na(I(v({}, t), {
+  const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: p } = ns(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;
+  })), g = m || 0, b = u / (2 * Math.sqrt(l * d)), y = s - a, 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);
   let _;
   if (b < 1) {
     const T = St(k, b);
     _ = (D) => {
       const C = Math.exp(-b * k * D);
-      return a - C * ((g + b * k * y) / T * Math.sin(T * D) + y * Math.cos(T * D));
+      return s - C * ((g + b * k * y) / T * Math.sin(T * D) + y * Math.cos(T * D));
     };
   } else if (b === 1)
-    _ = (T) => a - Math.exp(-k * T) * (y + (g + k * y) * T);
+    _ = (T) => s - Math.exp(-k * T) * (y + (g + k * y) * T);
   else {
     const T = k * Math.sqrt(b * b - 1);
     _ = (D) => {
       const C = Math.exp(-b * k * D), w = Math.min(T * D, 300);
-      return a - C * ((g + b * k * y) * Math.sinh(w) + T * y * Math.cosh(w)) / T;
+      return s - C * ((g + b * k * y) * Math.sinh(w) + T * y * Math.cosh(w)) / T;
     };
   }
   const M = {
@@ -1438,14 +1452,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) : Oi(_, T, D));
-        const w = Math.abs(C) <= i, R = Math.abs(a - D) <= r;
+        b < 1 && (C = T === 0 ? /* @__PURE__ */ se(g) : Si(_, T, D));
+        const w = Math.abs(C) <= i, R = Math.abs(s - D) <= r;
         o.done = w && R;
       }
-      return o.value = o.done ? a : D, o;
+      return o.value = o.done ? s : D, o;
     },
     toString: () => {
-      const T = Math.min(nn(M), mt), D = Ri((C) => M.next(T * C).value, T, 30);
+      const T = Math.min(nn(M), mt), D = Ni((C) => M.next(T * C).value, T, 30);
       return T + "ms " + D;
     },
     toTransition: () => {
@@ -1454,16 +1468,16 @@ function tt(n = B.visualDuration, e = B.bounce) {
   return M;
 }
 tt.applyToOptions = (n) => {
-  const e = yi(n, 100, tt);
-  return n.ease = e.ease, n.duration = /* @__PURE__ */ ae(e.duration), n.type = "keyframes", n;
+  const e = Ei(n, 100, tt);
+  return n.ease = e.ease, n.duration = /* @__PURE__ */ se(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 }) {
+function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 325, bounceDamping: r = 10, bounceStiffness: a = 500, modifyTarget: s, min: o, max: l, restDelta: u = 0.5, restSpeed: d }) {
   const h = n[0], m = {
     done: !1,
     value: h
   }, p = (w) => o !== void 0 && w < o || l !== void 0 && w > l, g = (w) => o === void 0 ? l : l === void 0 || Math.abs(o - w) < Math.abs(l - w) ? o : l;
   let b = t * e;
-  const y = h + b, k = a === void 0 ? y : a(y);
+  const y = h + b, k = s === void 0 ? y : s(y);
   k !== y && (b = k - h);
   const V = (w) => -b * Math.exp(-w / i), _ = (w) => k + V(w), M = (w) => {
     const R = V(w), O = _(w);
@@ -1473,10 +1487,10 @@ 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: Oi(_, w, m.value),
+      velocity: Si(_, w, m.value),
       // TODO: This should be passing * 1000
       damping: r,
-      stiffness: s,
+      stiffness: a,
       restDelta: u,
       restSpeed: d
     }));
@@ -1489,28 +1503,28 @@ function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 3
     }
   };
 }
-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]);
+function is(n, e, t) {
+  const i = [], r = t || de.mix || Oi, a = n.length - 1;
+  for (let s = 0; s < a; s++) {
+    let o = r(n[s], n[s + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[a] || De : e;
+      const l = Array.isArray(e) ? e[s] || De : e;
       o = ln(l, o);
     }
     i.push(o);
   }
   return i;
 }
-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)
+function rs(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
+  const a = n.length;
+  if (ce(a === e.length, "Both input and output ranges must be the same length"), a === 1)
     return () => e[0];
-  if (s === 2 && e[0] === e[1])
+  if (a === 2 && e[0] === e[1])
     return () => e[1];
-  const a = n[0] === n[1];
-  n[0] > n[s - 1] && (n = [...n].reverse(), e = [...e].reverse());
-  const o = ia(e, i, r), l = o.length, u = (d) => {
-    if (a && d < n[0])
+  const s = n[0] === n[1];
+  n[0] > n[a - 1] && (n = [...n].reverse(), e = [...e].reverse());
+  const o = is(e, i, r), l = o.length, u = (d) => {
+    if (s && d < n[0])
       return e[0];
     let h = 0;
     if (l > 1)
@@ -1519,80 +1533,80 @@ function ra(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
     const m = /* @__PURE__ */ en(n[h], n[h + 1], d);
     return o[h](m);
   };
-  return t ? (d) => u(xe(n[0], n[s - 1], d)) : u;
+  return t ? (d) => u(xe(n[0], n[a - 1], d)) : u;
 }
-function sa(n, e) {
+function as(n, e) {
   return n.map((t) => t * e);
 }
-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;
+const Fi = (n, e, t) => (((1 - 3 * t + 3 * e) * n + (3 * t - 6 * e)) * n + 3 * e) * n, ss = 1e-7, os = 12;
+function ls(n, e, t, i, r) {
+  let a, s, o = 0;
   do
-    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;
+    s = e + (t - e) / 2, a = Fi(s, i, r) - n, a > 0 ? t = s : e = s;
+  while (Math.abs(a) > ss && ++o < os);
+  return s;
 }
-function st(n, e, t, i) {
+function at(n, e, t, i) {
   if (n === e && t === i)
     return De;
-  const r = (s) => la(s, 0, 1, n, t);
-  return (s) => s === 0 || s === 1 ? s : Ni(r(s), e, i);
+  const r = (a) => ls(a, 0, 1, n, t);
+  return (a) => a === 0 || a === 1 ? a : Fi(r(a), e, i);
 }
-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 = {
+const cs = /* @__PURE__ */ at(0.42, 0, 1, 1), ds = /* @__PURE__ */ at(0, 0, 0.58, 1), ji = /* @__PURE__ */ at(0.42, 0, 0.58, 1), Bi = (n) => (e) => e <= 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2, zi = (n) => (e) => 1 - n(1 - e), $i = /* @__PURE__ */ at(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ zi($i), Ki = /* @__PURE__ */ Bi(dn), qi = (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)), us = zi(un), Gi = Bi(un), Hi = (n) => Array.isArray(n) && typeof n[0] == "number", Fn = {
   linear: De,
-  easeIn: ca,
-  easeInOut: Si,
-  easeOut: da,
+  easeIn: cs,
+  easeInOut: ji,
+  easeOut: ds,
   circIn: un,
-  circInOut: Ki,
-  circOut: ua,
+  circInOut: Gi,
+  circOut: us,
   backIn: dn,
-  backInOut: zi,
-  backOut: Bi,
-  anticipate: $i
-}, ha = (n) => typeof n == "string", Sn = (n) => {
-  if (qi(n)) {
+  backInOut: Ki,
+  backOut: $i,
+  anticipate: qi
+}, hs = (n) => typeof n == "string", jn = (n) => {
+  if (Hi(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 (ha(n))
-    return ce(Nn[n] !== void 0, `Invalid easing type '${n}'`), Nn[n];
+    return at(e, t, i, r);
+  } else if (hs(n))
+    return ce(Fn[n] !== void 0, `Invalid easing type '${n}'`), Fn[n];
   return n;
 };
-function pa(n, e) {
-  return n.map(() => e || Si).splice(0, n.length - 1);
+function ps(n, e) {
+  return n.map(() => e || ji).splice(0, n.length - 1);
 }
 function Ie({ duration: n = 300, keyframes: e, times: t, ease: i = "easeInOut" }) {
-  const r = mi(i) ? i.map(Sn) : Sn(i), s = {
+  const r = gi(i) ? i.map(jn) : jn(i), a = {
     done: !1,
     value: e[0]
-  }, a = sa(
+  }, s = as(
     // 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 : vi(e),
+    t && t.length === e.length ? t : Ci(e),
     n
-  ), o = ra(a, e, {
-    ease: Array.isArray(r) ? r : pa(e, r)
+  ), o = rs(s, e, {
+    ease: Array.isArray(r) ? r : ps(e, r)
   });
   return {
     calculatedDuration: n,
-    next: (l) => (s.value = o(l), s.done = l >= n, s)
+    next: (l) => (a.value = o(l), a.done = l >= n, a)
   };
 }
-const ma = (n) => n !== null;
+const ms = (n) => n !== null;
 function hn(n, { repeat: e, repeatType: t = "loop" }, i, r = 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 a = n.filter(ms), o = r < 0 || e && t !== "loop" && e % 2 === 1 ? 0 : a.length - 1;
+  return !o || i === void 0 ? a[o] : i;
 }
-const fa = {
+const fs = {
   decay: Ft,
   inertia: Ft,
   tween: Ie,
   keyframes: Ie,
   spring: tt
 };
-function Gi(n) {
-  typeof n.type == "string" && (n.type = fa[n.type]);
+function Yi(n) {
+  typeof n.type == "string" && (n.type = fs[n.type]);
 }
 class pn {
   constructor() {
@@ -1618,7 +1632,7 @@ class pn {
     return this.finished.then(e, t);
   }
 }
-const ga = (n) => n / 100;
+const gs = (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 = () => {
@@ -1629,15 +1643,15 @@ class mn extends pn {
   }
   initAnimation() {
     const { options: e } = this;
-    Gi(e);
-    const { type: t = Ie, repeat: i = 0, repeatDelay: r = 0, repeatType: s, velocity: a = 0 } = e;
+    Yi(e);
+    const { type: t = Ie, repeat: i = 0, repeatDelay: r = 0, repeatType: a, velocity: s = 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(ga, Di(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(gs, Oi(o[0], o[1])), o = [0, 100]);
     const u = l(I(v({}, e), { keyframes: o }));
-    s === "mirror" && (this.mirroredGenerator = l(I(v({}, e), {
+    a === "mirror" && (this.mirroredGenerator = l(I(v({}, e), {
       keyframes: [...o].reverse(),
-      velocity: -a
+      velocity: -s
     }))), u.calculatedDuration === null && (u.calculatedDuration = nn(u));
     const { calculatedDuration: d } = u;
     this.calculatedDuration = d, this.resolvedDuration = d + r, this.totalDuration = this.resolvedDuration * (i + 1) - r, this.generator = u;
@@ -1647,7 +1661,7 @@ class mn extends pn {
     this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = t;
   }
   tick(e, t = !1) {
-    const { generator: i, totalDuration: r, mixKeyframes: s, mirroredGenerator: a, resolvedDuration: o, calculatedDuration: l } = this;
+    const { generator: i, totalDuration: r, mixKeyframes: a, mirroredGenerator: s, resolvedDuration: o, calculatedDuration: l } = this;
     if (this.startTime === null)
       return i.next(0);
     const { delay: u = 0, keyframes: d, repeat: h, repeatType: m, repeatDelay: p, type: g, onUpdate: b, finalKeyframe: y } = this.options;
@@ -1658,10 +1672,10 @@ class mn extends pn {
     if (h) {
       const w = Math.min(this.currentTime, r) / o;
       let R = Math.floor(w), O = w % 1;
-      !O && w >= 1 && (O = 1), O === 1 && R--, R = Math.min(R, h + 1), !!(R % 2) && (m === "reverse" ? (O = 1 - O, p && (O -= p / o)) : m === "mirror" && (M = a)), _ = xe(0, 1, O) * o;
+      !O && w >= 1 && (O = 1), O === 1 && R--, R = Math.min(R, h + 1), !!(R % 2) && (m === "reverse" ? (O = 1 - O, p && (O -= p / o)) : m === "mirror" && (M = s)), _ = xe(0, 1, O) * o;
     }
     const T = V ? { done: !1, value: d[0] } : M.next(_);
-    s && (T.value = s(T.value));
+    a && (T.value = a(T.value));
     let { done: D } = T;
     !V && l !== null && (D = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
     const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && D);
@@ -1683,7 +1697,7 @@ class mn extends pn {
   }
   set time(e) {
     var t;
-    e = /* @__PURE__ */ ae(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), (t = this.driver) == null || t.start(!1);
+    e = /* @__PURE__ */ se(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), (t = this.driver) == null || t.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
@@ -1694,11 +1708,11 @@ class mn extends pn {
     this.playbackSpeed = e, t && (this.time = /* @__PURE__ */ le(this.currentTime));
   }
   play() {
-    var r, s;
+    var r, a;
     if (this.isStopped)
       return;
-    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 { driver: e = Wa, startTime: t } = this.options;
+    this.driver || (this.driver = e((s) => this.tick(s))), (a = (r = this.options).onPlay) == null || a.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();
   }
@@ -1730,7 +1744,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 ba(n) {
+function bs(n) {
   var e;
   for (let t = 1; t < n.length; t++)
     (e = n[t]) != null || (n[t] = n[t - 1]);
@@ -1738,7 +1752,7 @@ function ba(n) {
 const Ce = (n) => n * 180 / Math.PI, jt = (n) => {
   const e = Ce(Math.atan2(n[1], n[0]));
   return Bt(e);
-}, va = {
+}, vs = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1751,20 +1765,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), 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 = {
+}, Bt = (n) => (n = n % 360, n < 0 && (n += 360), n), Bn = jt, zn = (n) => Math.sqrt(n[0] * n[0] + n[1] * n[1]), $n = (n) => Math.sqrt(n[4] * n[4] + n[5] * n[5]), ys = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: jn,
-  scaleY: Bn,
-  scale: (n) => (jn(n) + Bn(n)) / 2,
+  scaleX: zn,
+  scaleY: $n,
+  scale: (n) => (zn(n) + $n(n)) / 2,
   rotateX: (n) => Bt(Ce(Math.atan2(n[6], n[5]))),
   rotateY: (n) => Bt(Ce(Math.atan2(-n[2], n[0]))),
-  rotateZ: Fn,
-  rotate: Fn,
+  rotateZ: Bn,
+  rotate: Bn,
   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
@@ -1778,32 +1792,32 @@ function $t(n, e) {
   const t = n.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let i, r;
   if (t)
-    i = ya, r = t;
+    i = ys, r = t;
   else {
     const o = n.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    i = va, r = o;
+    i = vs, r = o;
   }
   if (!r)
     return zt(e);
-  const s = i[e], a = r[1].split(",").map(ka);
-  return typeof s == "function" ? s(a) : a[s];
+  const a = i[e], s = r[1].split(",").map(Es);
+  return typeof a == "function" ? a(s) : s[a];
 }
-const Ca = (n, e) => {
+const Cs = (n, e) => {
   const { transform: t = "none" } = getComputedStyle(n);
   return $t(t, e);
 };
-function ka(n) {
+function Es(n) {
   return parseFloat(n.trim());
 }
-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 Kn = (n) => n === Ne || n === L, ks = /* @__PURE__ */ new Set(["x", "y", "z"]), xs = Re.filter((n) => !ks.has(n));
+function ws(n) {
   const e = [];
-  return xa.forEach((t) => {
+  return xs.forEach((t) => {
     const i = n.getValue(t);
     i !== void 0 && (e.push([t, i.get()]), i.set(t.startsWith("scale") ? 1 : 0));
   }), e;
 }
-const ke = {
+const Ee = {
   // Dimensions
   width: ({ x: n }, { paddingLeft: e = "0", paddingRight: t = "0" }) => n.max - n.min - parseFloat(e) - parseFloat(t),
   height: ({ y: n }, { paddingTop: e = "0", paddingBottom: t = "0" }) => n.max - n.min - parseFloat(e) - parseFloat(t),
@@ -1815,57 +1829,57 @@ const ke = {
   x: (n, { transform: e }) => $t(e, "x"),
   y: (n, { transform: e }) => $t(e, "y")
 };
-ke.translateX = ke.x;
-ke.translateY = ke.y;
-const Ee = /* @__PURE__ */ new Set();
+Ee.translateX = Ee.x;
+Ee.translateY = Ee.y;
+const ke = /* @__PURE__ */ new Set();
 let Kt = !1, qt = !1, Gt = !1;
-function Hi() {
+function Ui() {
   if (qt) {
-    const n = Array.from(Ee).filter((i) => i.needsMeasurement), e = new Set(n.map((i) => i.element)), t = /* @__PURE__ */ new Map();
+    const n = Array.from(ke).filter((i) => i.needsMeasurement), e = new Set(n.map((i) => i.element)), t = /* @__PURE__ */ new Map();
     e.forEach((i) => {
-      const r = wa(i);
+      const r = ws(i);
       r.length && (t.set(i, r), i.render());
     }), n.forEach((i) => i.measureInitialState()), e.forEach((i) => {
       i.render();
       const r = t.get(i);
-      r && r.forEach(([s, a]) => {
+      r && r.forEach(([a, s]) => {
         var o;
-        (o = i.getValue(s)) == null || o.set(a);
+        (o = i.getValue(a)) == null || o.set(s);
       });
     }), n.forEach((i) => i.measureEndState()), n.forEach((i) => {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  qt = !1, Kt = !1, Ee.forEach((n) => n.complete(Gt)), Ee.clear();
+  qt = !1, Kt = !1, ke.forEach((n) => n.complete(Gt)), ke.clear();
 }
-function Yi() {
-  Ee.forEach((n) => {
+function Wi() {
+  ke.forEach((n) => {
     n.readKeyframes(), n.needsMeasurement && (qt = !0);
   });
 }
-function Ta() {
-  Gt = !0, Yi(), Hi(), Gt = !1;
+function Ts() {
+  Gt = !0, Wi(), Ui(), 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;
+  constructor(e, t, i, r, a, s = !1) {
+    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = t, this.name = i, this.motionValue = r, this.element = a, this.isAsync = s;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Ee.add(this), Kt || (Kt = !0, ue.read(Yi), ue.resolveKeyframes(Hi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (ke.add(this), Kt || (Kt = !0, ue.read(Wi), ue.resolveKeyframes(Ui))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: t, element: i, motionValue: r } = this;
     if (e[0] === null) {
-      const s = r == null ? void 0 : r.get(), a = e[e.length - 1];
-      if (s !== void 0)
-        e[0] = s;
+      const a = r == null ? void 0 : r.get(), s = e[e.length - 1];
+      if (a !== void 0)
+        e[0] = a;
       else if (i && t) {
-        const o = i.readValue(t, a);
+        const o = i.readValue(t, s);
         o != null && (e[0] = o);
       }
-      e[0] === void 0 && (e[0] = a), r && s === void 0 && r.set(e[0]);
+      e[0] === void 0 && (e[0] = s), r && a === void 0 && r.set(e[0]);
     }
-    ba(e);
+    bs(e);
   }
   setFinalKeyframe() {
   }
@@ -1876,40 +1890,40 @@ class fn {
   measureEndState() {
   }
   complete(e = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), Ee.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), ke.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (Ee.delete(this), this.state = "pending");
+    this.state === "scheduled" && (ke.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Aa = (n) => n.startsWith("--");
-function _a(n, e, t) {
-  Aa(e) ? n.style.setProperty(e, t) : n.style[e] = t;
+const As = (n) => n.startsWith("--");
+function _s(n, e, t) {
+  As(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 La = /* @__PURE__ */ gn(() => window.ScrollTimeline !== void 0), Va = {};
-function Ia(n, e) {
+const Ls = /* @__PURE__ */ gn(() => window.ScrollTimeline !== void 0), Vs = {};
+function Is(n, e) {
   const t = /* @__PURE__ */ gn(n);
   return () => {
     var i;
-    return (i = Va[e]) != null ? i : t();
+    return (i = Vs[e]) != null ? i : t();
   };
 }
-const Ui = /* @__PURE__ */ Ia(() => {
+const Zi = /* @__PURE__ */ Is(() => {
   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})`, $n = {
+}, "linearEasing"), Ue = ([n, e, t, i]) => `cubic-bezier(${n}, ${e}, ${t}, ${i})`, qn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1920,43 +1934,43 @@ const Ui = /* @__PURE__ */ Ia(() => {
   backIn: /* @__PURE__ */ Ue([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ Ue([0.33, 1.53, 0.69, 0.99])
 };
-function Wi(n, e) {
+function Ji(n, e) {
   if (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];
+    return typeof n == "function" ? Zi() ? Ni(n, e) : "ease-out" : Hi(n) ? Ue(n) : Array.isArray(n) ? n.map((t) => Ji(t, e) || qn.easeOut) : qn[n];
 }
-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) {
+function Ms(n, e, t, { delay: i = 0, duration: r = 300, repeat: a = 0, repeatType: s = "loop", ease: o = "easeOut", times: l } = {}, u = void 0) {
   const d = {
     [e]: t
   };
   l && (d.offset = l);
-  const h = Wi(o, r);
+  const h = Ji(o, r);
   Array.isArray(h) && (d.easing = h);
   const m = {
     delay: i,
     duration: r,
     easing: Array.isArray(h) ? "linear" : h,
     fill: "both",
-    iterations: s + 1,
-    direction: a === "reverse" ? "alternate" : "normal"
+    iterations: a + 1,
+    direction: s === "reverse" ? "alternate" : "normal"
   };
   return u && (m.pseudoElement = u), n.animate(d, m);
 }
-function Pa(t) {
-  var i = t, { type: n } = i, e = se(i, ["type"]);
-  var r, s;
-  return tn(n) && Ui() ? n.applyToOptions(e) : ((r = e.duration) != null || (e.duration = 300), (s = e.ease) != null || (e.ease = "easeOut"), e);
+function Ps(t) {
+  var i = t, { type: n } = i, e = ae(i, ["type"]);
+  var r, a;
+  return tn(n) && Zi() ? n.applyToOptions(e) : ((r = e.duration) != null || (e.duration = 300), (a = e.ease) != null || (e.ease = "easeOut"), e);
 }
-class Da extends pn {
+class Ds 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 = 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 { element: t, name: i, keyframes: r, pseudoElement: a, allowFlatten: s = !1, finalKeyframe: o, onComplete: l } = e;
+    this.isPseudoElement = !!a, this.allowFlatten = s, 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 = Ps(e);
+    this.animation = Ms(t, i, r, u, a), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+      if (this.finishedTime = this.time, !a) {
         const d = hn(r, this.options, o, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(d) : _a(t, i, d), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(d) : _s(t, i, d), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -2009,7 +2023,7 @@ class Da extends pn {
     return /* @__PURE__ */ le(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ ae(e);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ se(e);
   }
   /**
    * The playback speed of the animation.
@@ -2035,24 +2049,24 @@ class Da 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 && La() ? (this.animation.timeline = e, De) : t(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && Ls() ? (this.animation.timeline = e, De) : t(this);
   }
 }
-const Zi = {
-  anticipate: $i,
-  backInOut: zi,
-  circInOut: Ki
+const Xi = {
+  anticipate: qi,
+  backInOut: Ki,
+  circInOut: Gi
 };
-function Ra(n) {
-  return n in Zi;
+function Rs(n) {
+  return n in Xi;
 }
-function Oa(n) {
-  typeof n.ease == "string" && Ra(n.ease) && (n.ease = Zi[n.ease]);
+function Os(n) {
+  typeof n.ease == "string" && Rs(n.ease) && (n.ease = Xi[n.ease]);
 }
-const Kn = 10;
-class Na extends Da {
+const Gn = 10;
+class Ns extends Ds {
   constructor(e) {
-    Oa(e), Gi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    Os(e), Yi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -2064,23 +2078,23 @@ class Na extends Da {
    */
   updateMotionValue(e) {
     var d;
-    const u = this.options, { motionValue: t, onUpdate: i, onComplete: r, element: s } = u, a = se(u, ["motionValue", "onUpdate", "onComplete", "element"]);
+    const u = this.options, { motionValue: t, onUpdate: i, onComplete: r, element: a } = u, s = ae(u, ["motionValue", "onUpdate", "onComplete", "element"]);
     if (!t)
       return;
     if (e !== void 0) {
       t.set(e);
       return;
     }
-    const o = new mn(I(v({}, a), {
+    const o = new mn(I(v({}, s), {
       autoplay: !1
-    })), l = /* @__PURE__ */ ae((d = this.finishedTime) != null ? d : this.time);
-    t.setWithVelocity(o.sample(l - Kn).value, o.sample(l).value, Kn), o.stop();
+    })), l = /* @__PURE__ */ se((d = this.finishedTime) != null ? d : this.time);
+    t.setWithVelocity(o.sample(l - Gn).value, o.sample(l).value, Gn), o.stop();
   }
 }
-const qn = (n, e) => e === "zIndex" ? !1 : !!(typeof n == "number" || Array.isArray(n) || typeof n == "string" && // It's animatable if we have a string
+const Hn = (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 Sa(n) {
+function Ss(n) {
   const e = n[0];
   if (n.length === 1)
     return !0;
@@ -2088,45 +2102,45 @@ function Sa(n) {
     if (n[t] !== e)
       return !0;
 }
-function Fa(n, e, t, i) {
+function Fs(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 = 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;
+  const a = n[n.length - 1], s = Hn(r, e), o = Hn(a, e);
+  return it(s === o, `You are trying to animate ${e} from "${r}" to "${a}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${a} via the \`style\` property.`), !s || !o ? !1 : Ss(n) || (t === "spring" || tn(t)) && i;
 }
-function Ji(n) {
+function Qi(n) {
   return typeof n == "object" && n !== null;
 }
-function ja(n) {
-  return Ji(n) && "offsetHeight" in n;
+function js(n) {
+  return Qi(n) && "offsetHeight" in n;
 }
-const Ba = /* @__PURE__ */ new Set([
+const Bs = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), za = /* @__PURE__ */ gn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function $a(n) {
+]), zs = /* @__PURE__ */ gn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function $s(n) {
   var u;
-  const { motionValue: e, name: t, repeatDelay: i, repeatType: r, damping: s, type: a } = n;
-  if (!ja((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
+  const { motionValue: e, name: t, repeatDelay: i, repeatType: r, damping: a, type: s } = n;
+  if (!js((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
     return !1;
   const { onUpdate: o, transformTemplate: l } = e.owner.getProps();
-  return za() && t && Ba.has(t) && (t !== "transform" || !l) && /**
+  return zs() && t && Bs.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";
+  !o && !i && r !== "mirror" && a !== 0 && s !== "inertia";
 }
-const Ka = 40;
-class qa extends pn {
+const Ks = 40;
+class qs 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 p = m, { autoplay: e = !0, delay: t = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: a = 0, repeatType: s = "loop", keyframes: o, name: l, motionValue: u, element: d } = p, h = ae(p, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
     var y;
     super(), this.stop = () => {
       var k, V;
@@ -2137,8 +2151,8 @@ class qa extends pn {
       delay: t,
       type: i,
       repeat: r,
-      repeatDelay: s,
-      repeatType: a,
+      repeatDelay: a,
+      repeatType: s,
       name: l,
       motionValue: u,
       element: d
@@ -2147,14 +2161,14 @@ class qa 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(), 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({
+    const { name: a, type: s, velocity: o, delay: l, isHandoff: u, onUpdate: d } = i;
+    this.resolvedAt = ee.now(), Fs(e, a, s, 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 > Ks ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = I(v({
       startTime: h,
       finalKeyframe: t
     }, i), {
       keyframes: e
-    }), p = !u && $a(m) ? new Na(I(v({}, m), {
+    }), p = !u && $s(m) ? new Ns(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;
@@ -2168,7 +2182,7 @@ class qa extends pn {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Ta()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Ts()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -2208,10 +2222,10 @@ class qa extends pn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const Xi = (n, e, t, i = {}, r, s) => (a) => {
-  const o = wi(i, n) || {}, l = o.delay || i.delay || 0;
+const er = (n, e, t, i = {}, r, a) => (s) => {
+  const o = Ai(i, n) || {}, l = o.delay || i.delay || 0;
   let { elapsed: u = 0 } = i;
-  u = u - /* @__PURE__ */ ae(l);
+  u = u - /* @__PURE__ */ se(l);
   const d = I(v({
     keyframes: Array.isArray(t) ? t : [null, t],
     ease: "easeOut",
@@ -2222,16 +2236,16 @@ const Xi = (n, e, t, i = {}, r, s) => (a) => {
       e.set(m), o.onUpdate && o.onUpdate(m);
     },
     onComplete: () => {
-      a(), o.onComplete && o.onComplete();
+      s(), o.onComplete && o.onComplete();
     },
     name: n,
     motionValue: e,
-    element: s ? void 0 : r
+    element: a ? void 0 : r
   });
-  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);
+  wa(o) || Object.assign(d, xa(n, d)), d.duration && (d.duration = /* @__PURE__ */ se(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ se(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 = vs(d.keyframes, o);
+  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 && !a && e.get() !== void 0) {
+    const m = va(d.keyframes, o);
     if (m !== void 0) {
       ue.update(() => {
         d.onUpdate(m), d.onComplete();
@@ -2239,8 +2253,8 @@ const Xi = (n, e, t, i = {}, r, s) => (a) => {
       return;
     }
   }
-  return o.isSync ? new mn(d) : new qa(d);
-}, Qi = /* @__PURE__ */ new Set([
+  return o.isSync ? new mn(d) : new qs(d);
+}, tr = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -2249,49 +2263,49 @@ const Xi = (n, e, t, i = {}, r, s) => (a) => {
   "bottom",
   ...Re
 ]);
-function Ga({ protectedKeys: n, needsAnimating: e }, t) {
+function Gs({ protectedKeys: n, needsAnimating: e }, t) {
   const i = n.hasOwnProperty(t) && e[t] !== !0;
   return e[t] = !1, i;
 }
-function Ha(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
+function Hs(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);
+  let d = e, { transition: a = n.getDefaultTransition(), transitionEnd: s } = d, o = ae(d, ["transition", "transitionEnd"]);
+  i && (a = 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 && Ga(u, m))
+    if (g === void 0 || u && Gs(u, m))
       continue;
     const b = v({
       delay: t
-    }, wi(s || {}, m)), y = p.get();
+    }, Ai(a || {}, 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 _ = gs(n);
+      const _ = ga(n);
       if (_) {
         const M = window.MotionHandoffAnimation(_, m, ue);
         M !== null && (b.startTime = M, k = !0);
       }
     }
-    ps(n, m), p.start(Xi(m, p, g, n.shouldReduceMotion && Qi.has(m) ? { type: !1 } : b, n, k));
+    pa(n, m), p.start(er(m, p, g, n.shouldReduceMotion && tr.has(m) ? { type: !1 } : b, n, k));
     const V = p.animation;
     V && l.push(V);
   }
-  return a && Promise.all(l).then(() => {
+  return s && Promise.all(l).then(() => {
     ue.update(() => {
-      a && us(n, a);
+      s && ua(n, s);
     });
   }), l;
 }
-function Ya({ top: n, left: e, right: t, bottom: i }) {
+function Ys({ top: n, left: e, right: t, bottom: i }) {
   return {
     x: { min: e, max: t },
     y: { min: n, max: i }
   };
 }
-function Ua(n, e) {
+function Us(n, e) {
   if (!e)
     return n;
   const t = e({ x: n.left, y: n.top }), i = e({ x: n.right, y: n.bottom });
@@ -2302,10 +2316,10 @@ function Ua(n, e) {
     right: i.x
   };
 }
-function Wa(n, e) {
-  return Ya(Ua(n.getBoundingClientRect(), e));
+function Ws(n, e) {
+  return Ys(Us(n.getBoundingClientRect(), e));
 }
-const Gn = {
+const Yn = {
   animation: [
     "animate",
     "variants",
@@ -2325,26 +2339,26 @@ const Gn = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, Ht = {};
-for (const n in Gn)
+for (const n in Yn)
   Ht[n] = {
-    isEnabled: (e) => Gn[n].some((t) => !!e[t])
+    isEnabled: (e) => Yn[n].some((t) => !!e[t])
   };
-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)
+const Un = () => ({ min: 0, max: 0 }), bn = () => ({
+  x: Un(),
+  y: Un()
+}), Zs = typeof window != "undefined", Yt = { current: null }, nr = { current: !1 };
+function Js() {
+  if (nr.current = !0, !!Zs)
     if (window.matchMedia) {
       const n = window.matchMedia("(prefers-reduced-motion)"), e = () => Yt.current = n.matches;
       n.addListener(e), e();
     } else
       Yt.current = !1;
 }
-function Xa(n) {
+function Xs(n) {
   return n !== null && typeof n == "object" && typeof n.start == "function";
 }
-function Qa(n) {
+function Qs(n) {
   return typeof n == "string" || Array.isArray(n);
 }
 const eo = [
@@ -2356,53 +2370,53 @@ const eo = [
   "whileDrag",
   "exit"
 ], to = ["initial", ...eo];
-function tr(n) {
-  return Xa(n.animate) || to.some((e) => Qa(n[e]));
+function ir(n) {
+  return Xs(n.animate) || to.some((e) => Qs(n[e]));
 }
 function no(n) {
-  return !!(tr(n) || n.variants);
+  return !!(ir(n) || n.variants);
 }
 function io(n, e, t) {
   for (const i in e) {
-    const r = e[i], s = t[i];
+    const r = e[i], a = t[i];
     if (J(r))
       n.addValue(i, r);
-    else if (J(s))
+    else if (J(a))
       n.addValue(i, Xe(r, { owner: n }));
-    else if (s !== r)
+    else if (a !== r)
       if (n.hasValue(i)) {
-        const a = n.getValue(i);
-        a.liveStyle === !0 ? a.jump(r) : a.hasAnimated || a.set(r);
+        const s = n.getValue(i);
+        s.liveStyle === !0 ? s.jump(r) : s.hasAnimated || s.set(r);
       } else {
-        const a = n.getStaticValue(i);
-        n.addValue(i, Xe(a !== void 0 ? a : r, { owner: n }));
+        const s = n.getStaticValue(i);
+        n.addValue(i, Xe(s !== void 0 ? s : r, { owner: n }));
       }
   }
   for (const i in t)
     e[i] === void 0 && n.removeValue(i);
   return e;
 }
-const nr = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), ir = (n) => /^0[^.\s]+$/u.test(n), ro = {
+const rr = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), ar = (n) => /^0[^.\s]+$/u.test(n), ro = {
   test: (n) => n === "auto",
   parse: (n) => 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"]);
+}, sr = (n) => (e) => e.test(n), or = [Ne, L, Me, me, Pa, Ma, ro], Wn = (n) => or.find(sr(n)), ao = [...or, U, Se], so = (n) => ao.find(sr(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;
-  const [i] = t.match(an) || [];
+  const [i] = t.match(sn) || [];
   if (!i)
     return n;
   const r = t.replace(i, "");
-  let s = oo.has(e) ? 1 : 0;
-  return i !== t && (s *= 100), e + "(" + s + r + ")";
+  let a = oo.has(e) ? 1 : 0;
+  return i !== t && (a *= 100), e + "(" + a + r + ")";
 }
 const co = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   getAnimatableNone: (n) => {
     const e = n.match(co);
     return e ? e.map(lo).join(" ") : n;
   }
-}), Un = I(v({}, Ne), {
+}), Zn = I(v({}, Ne), {
   transform: Math.round
 }), uo = {
   rotate: me,
@@ -2426,8 +2440,8 @@ const co = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   perspective: L,
   transformPerspective: L,
   opacity: Qe,
-  originX: Mn,
-  originY: Mn,
+  originX: Dn,
+  originY: Dn,
   originZ: L
 }, vn = I(v({
   // Border props
@@ -2466,11 +2480,11 @@ const co = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   backgroundPositionX: L,
   backgroundPositionY: L
 }, uo), {
-  zIndex: Un,
+  zIndex: Zn,
   // SVG
   fillOpacity: Qe,
   strokeOpacity: Qe,
-  numOctaves: Un
+  numOctaves: Zn
 }), ho = I(v({}, vn), {
   // Color props
   color: U,
@@ -2486,12 +2500,12 @@ const co = /\b([a-z-]*)\(.*?\)/gu, Ut = I(v({}, Se), {
   borderLeftColor: U,
   filter: Ut,
   WebkitFilter: Ut
-}), ar = (n) => ho[n];
-function or(n, e) {
-  let t = ar(n);
+}), lr = (n) => ho[n];
+function cr(n, e) {
+  let t = lr(n);
   return t !== Ut && (t = Se), t.getAnimatableNone ? t.getAnimatableNone(e) : void 0;
 }
-const Wn = [
+const Jn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2500,7 +2514,7 @@ const Wn = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class lr {
+class dr {
   /**
    * 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,23 +2525,23 @@ class lr {
   scrapeMotionValuesFromProps(e, t, i) {
     return {};
   }
-  constructor({ parent: e, props: t, presenceContext: i, reducedMotionConfig: r, blockInitialAnimation: s, visualState: a }, o = {}) {
+  constructor({ parent: e, props: t, presenceContext: i, reducedMotionConfig: r, blockInitialAnimation: a, visualState: s }, o = {}) {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = fn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const p = ee.now();
       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 = 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"]);
+    const { latestValues: l, renderState: u } = s;
+    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 = !!a, this.isControllingVariants = ir(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 = ae(m, ["willChange"]);
     for (const p in h) {
       const g = h[p];
       l[p] !== void 0 && J(g) && g.set(l[p], !1);
     }
   }
   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)), 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);
+    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)), nr.current || Js(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Yt.current, process.env.NODE_ENV !== "production" && xi(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);
@@ -2545,10 +2559,10 @@ class lr {
     i && this.onBindTransform && this.onBindTransform();
     const r = t.on("change", (o) => {
       this.latestValues[e] = o, this.props.onUpdate && ue.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0);
-    }), s = t.on("renderRequest", this.scheduleRender);
-    let a;
-    window.MotionCheckAppearSync && (a = window.MotionCheckAppearSync(this, e, t)), this.valueSubscriptions.set(e, () => {
-      r(), s(), a && a(), t.owner && t.stop();
+    }), a = t.on("renderRequest", this.scheduleRender);
+    let s;
+    window.MotionCheckAppearSync && (s = window.MotionCheckAppearSync(this, e, t)), this.valueSubscriptions.set(e, () => {
+      r(), a(), s && s(), t.owner && t.stop();
     });
   }
   sortNodePosition(e) {
@@ -2562,8 +2576,8 @@ class lr {
         continue;
       const { isEnabled: i, Feature: r } = t;
       if (!this.features[e] && r && i(this.props) && (this.features[e] = new r(this)), this.features[e]) {
-        const s = this.features[e];
-        s.isMounted ? s.update() : (s.mount(), s.isMounted = !0);
+        const a = this.features[e];
+        a.isMounted ? a.update() : (a.mount(), a.isMounted = !0);
       }
     }
   }
@@ -2590,11 +2604,11 @@ class lr {
    */
   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 < Wn.length; i++) {
-      const r = Wn[i];
+    for (let i = 0; i < Jn.length; i++) {
+      const r = Jn[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));
+      const a = "on" + r, s = e[a];
+      s && (this.propEventSubscriptions[r] = this.on(r, s));
     }
     this.prevMotionValues = io(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
@@ -2662,7 +2676,7 @@ class lr {
   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" && (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;
+    return i != null && (typeof i == "string" && (rr(i) || ar(i)) ? i = parseFloat(i) : !so(i) && Se.test(t) && (i = cr(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
@@ -2676,12 +2690,12 @@ class lr {
    * props.
    */
   getBaseTarget(e) {
-    var s;
+    var a;
     const { initial: t } = this.props;
     let i;
     if (typeof t == "string" || typeof t == "object") {
-      const a = Ci(this.props, t, (s = this.presenceContext) == null ? void 0 : s.custom);
-      a && (i = a[e]);
+      const s = ki(this.props, t, (a = this.presenceContext) == null ? void 0 : a.custom);
+      s && (i = s[e]);
     }
     if (t && i !== void 0)
       return i;
@@ -2689,7 +2703,7 @@ class lr {
     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 Ei()), this.events[e].add(t);
+    return this.events[e] || (this.events[e] = new wi()), this.events[e].add(t);
   }
   notify(e, ...t) {
     this.events[e] && this.events[e].notify(...t);
@@ -2707,35 +2721,35 @@ function mo(n) {
   return [`--${t != null ? t : i}`, r];
 }
 const fo = 4;
-function cr(n, e, t = 1) {
+function ur(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 nr(a) ? parseFloat(a) : a;
+  const a = window.getComputedStyle(e).getPropertyValue(i);
+  if (a) {
+    const s = a.trim();
+    return rr(s) ? parseFloat(s) : s;
   }
-  return sn(r) ? cr(r, e, t + 1) : r;
+  return an(r) ? ur(r, e, t + 1) : r;
 }
 function go(n) {
-  return typeof n == "number" ? n === 0 : n !== null ? n === "none" || n === "0" || ir(n) : !0;
+  return typeof n == "number" ? n === 0 : n !== null ? n === "none" || n === "0" || ar(n) : !0;
 }
 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" && !bo.has(s) && et(s).values.length && (r = n[i]), i++;
+    const a = n[i];
+    typeof a == "string" && !bo.has(a) && et(a).values.length && (r = n[i]), i++;
   }
   if (r && t)
-    for (const s of e)
-      n[s] = or(t, r);
+    for (const a of e)
+      n[a] = cr(t, r);
 }
 class yo extends fn {
-  constructor(e, t, i, r, s) {
-    super(e, t, i, r, s, !0);
+  constructor(e, t, i, r, a) {
+    super(e, t, i, r, a, !0);
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, element: t, name: i } = this;
@@ -2744,21 +2758,21 @@ class yo extends fn {
     super.readKeyframes();
     for (let l = 0; l < e.length; l++) {
       let u = e[l];
-      if (typeof u == "string" && (u = u.trim(), sn(u))) {
-        const d = cr(u, t.current);
+      if (typeof u == "string" && (u = u.trim(), an(u))) {
+        const d = ur(u, t.current);
         d !== void 0 && (e[l] = d), l === e.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !Qi.has(i) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !tr.has(i) || e.length !== 2)
       return;
-    const [r, s] = e, a = Yn(r), o = Yn(s);
-    if (a !== o)
-      if (zn(a) && zn(o))
+    const [r, a] = e, s = Wn(r), o = Wn(a);
+    if (s !== o)
+      if (Kn(s) && Kn(o))
         for (let l = 0; l < e.length; l++) {
           const u = e[l];
           typeof u == "string" && (e[l] = parseFloat(u));
         }
-      else ke[i] && (this.needsMeasurement = !0);
+      else Ee[i] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: t } = this, i = [];
@@ -2770,7 +2784,7 @@ class yo extends fn {
     const { element: e, unresolvedKeyframes: t, name: i } = this;
     if (!e || !e.current)
       return;
-    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = ke[i](e.measureViewportBox(), window.getComputedStyle(e.current)), t[0] = this.measuredOrigin;
+    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Ee[i](e.measureViewportBox(), window.getComputedStyle(e.current)), t[0] = this.measuredOrigin;
     const r = t[t.length - 1];
     r !== void 0 && e.getValue(i, r).jump(r, !1);
   }
@@ -2781,13 +2795,13 @@ class yo extends fn {
       return;
     const r = e.getValue(t);
     r && r.jump(this.measuredOrigin, !1);
-    const s = i.length - 1, a = i[s];
-    i[s] = ke[t](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), (o = this.removedTransforms) != null && o.length && this.removedTransforms.forEach(([l, u]) => {
+    const a = i.length - 1, s = i[a];
+    i[a] = Ee[t](e.measureViewportBox(), window.getComputedStyle(e.current)), s !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = s), (o = this.removedTransforms) != null && o.length && this.removedTransforms.forEach(([l, u]) => {
       e.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-class dr extends lr {
+class hr extends dr {
   constructor() {
     super(...arguments), this.KeyframeResolver = yo;
   }
@@ -2808,98 +2822,98 @@ class dr extends lr {
     }));
   }
 }
-const ur = (n, e) => e && typeof n == "number" ? e.transform(n) : n, Co = {
+const pr = (n, e) => e && typeof n == "number" ? e.transform(n) : n, Co = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, ko = Re.length;
-function Eo(n, e, t) {
+}, Eo = Re.length;
+function ko(n, e, t) {
   let i = "", r = !0;
-  for (let s = 0; s < ko; s++) {
-    const a = Re[s], o = n[a];
+  for (let a = 0; a < Eo; a++) {
+    const s = Re[a], o = n[s];
     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 = ur(o, vn[a]);
+    if (typeof o == "number" ? l = o === (s.startsWith("scale") ? 1 : 0) : l = parseFloat(o) === 0, !l || t) {
+      const u = pr(o, vn[s]);
       if (!l) {
         r = !1;
-        const d = Co[a] || a;
+        const d = Co[s] || s;
         i += `${d}(${u}) `;
       }
-      t && (e[a] = u);
+      t && (e[s] = u);
     }
   }
   return i = i.trim(), t ? i = t(e, r ? "" : i) : r && (i = "none"), i;
 }
-function hr(n, e, t) {
-  const { style: i, vars: r, transformOrigin: s } = n;
-  let a = !1, o = !1;
+function mr(n, e, t) {
+  const { style: i, vars: r, transformOrigin: a } = n;
+  let s = !1, o = !1;
   for (const l in e) {
     const u = e[l];
     if (Oe.has(l)) {
-      a = !0;
+      s = !0;
       continue;
-    } else if (Ai(l)) {
+    } else if (Li(l)) {
       r[l] = u;
       continue;
     } else {
-      const d = ur(u, vn[l]);
-      l.startsWith("origin") ? (o = !0, s[l] = d) : i[l] = d;
+      const d = pr(u, vn[l]);
+      l.startsWith("origin") ? (o = !0, a[l] = d) : i[l] = d;
     }
   }
-  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;
+  if (e.transform || (s || t ? i.transform = ko(e, n.transform, t) : i.transform && (i.transform = "none")), o) {
+    const { originX: l = "50%", originY: u = "50%", originZ: d = 0 } = a;
     i.transformOrigin = `${l} ${u} ${d}`;
   }
 }
-function pr(n, { style: e, vars: t }, i, r) {
+function fr(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]);
+  for (const a in t)
+    n.style.setProperty(a, t[a]);
 }
 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 mr(n, e, t) {
-  var s;
+function gr(n, e, t) {
+  var a;
   const { style: i } = n, r = {};
-  for (const a in i)
-    (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]);
+  for (const s in i)
+    (J(i[s]) || e.style && J(e.style[s]) || wo(s, n) || ((a = t == null ? void 0 : t.getValue(s)) == null ? void 0 : a.liveStyle) !== void 0) && (r[s] = i[s]);
   return r;
 }
 function To(n) {
   return window.getComputedStyle(n);
 }
-class Ao extends dr {
+class Ao extends hr {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = pr;
+    super(...arguments), this.type = "html", this.renderInstance = fr;
   }
   readValueFromInstance(e, t) {
     var i;
     if (Oe.has(t))
-      return (i = this.projection) != null && i.isProjecting ? zt(t) : Ca(e, t);
+      return (i = this.projection) != null && i.isProjecting ? zt(t) : Cs(e, t);
     {
-      const r = To(e), s = (Ai(t) ? r.getPropertyValue(t) : r[t]) || 0;
-      return typeof s == "string" ? s.trim() : s;
+      const r = To(e), a = (Li(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof a == "string" ? a.trim() : a;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return Wa(e, t);
+    return Ws(e, t);
   }
   build(e, t, i) {
-    hr(e, t, i.transformTemplate);
+    mr(e, t, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, t, i) {
-    return mr(e, t, i);
+    return gr(e, t, i);
   }
 }
 function _o(n, e) {
   return n in e;
 }
-class Lo extends lr {
+class Lo extends dr {
   constructor() {
     super(...arguments), this.type = "object";
   }
@@ -2937,10 +2951,10 @@ const Vo = {
 };
 function Mo(n, e, t = 1, i = 0, r = !0) {
   n.pathLength = 1;
-  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}`;
+  const a = r ? Vo : Io;
+  n[a.offset] = L.transform(-i);
+  const s = L.transform(e), o = L.transform(t);
+  n[a.array] = `${s} ${o}`;
 }
 function Po(n, h, l, u, d) {
   var m = h, {
@@ -2948,9 +2962,9 @@ function Po(n, h, l, u, d) {
     attrY: t,
     attrScale: i,
     pathLength: r,
-    pathSpacing: s = 1,
-    pathOffset: a = 0
-  } = m, o = se(m, [
+    pathSpacing: a = 1,
+    pathOffset: s = 0
+  } = m, o = ae(m, [
     "attrX",
     "attrY",
     "attrScale",
@@ -2959,15 +2973,15 @@ function Po(n, h, l, u, d) {
     "pathOffset"
   ]);
   var b, y;
-  if (hr(n, o, u), l) {
+  if (mr(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 && Mo(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, a, s, !1);
 }
-const fr = /* @__PURE__ */ new Set([
+const br = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2993,20 +3007,20 @@ const fr = /* @__PURE__ */ new Set([
   "lengthAdjust"
 ]), Do = (n) => typeof n == "string" && n.toLowerCase() === "svg";
 function Ro(n, e, t, i) {
-  pr(n, e, void 0, i);
+  fr(n, e, void 0, i);
   for (const r in e.attrs)
-    n.setAttribute(fr.has(r) ? r : rn(r), e.attrs[r]);
+    n.setAttribute(br.has(r) ? r : rn(r), e.attrs[r]);
 }
 function Oo(n, e, t) {
-  const i = mr(n, e, t);
+  const i = gr(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;
-      i[s] = n[r];
+      const a = Re.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
+      i[a] = n[r];
     }
   return i;
 }
-class No extends dr {
+class No extends hr {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = bn;
   }
@@ -3015,10 +3029,10 @@ class No extends dr {
   }
   readValueFromInstance(e, t) {
     if (Oe.has(t)) {
-      const i = ar(t);
+      const i = lr(t);
       return i && i.default || 0;
     }
-    return t = fr.has(t) ? t : rn(t), e.getAttribute(t);
+    return t = br.has(t) ? t : rn(t), e.getAttribute(t);
   }
   scrapeMotionValuesFromProps(e, t, i) {
     return Oo(e, t, i);
@@ -3033,11 +3047,11 @@ class No extends dr {
     this.isSVGTag = Do(e.tagName), super.mount(e);
   }
 }
-function gr(n) {
-  return Ji(n) && "ownerSVGElement" in n;
+function vr(n) {
+  return Qi(n) && "ownerSVGElement" in n;
 }
 function So(n) {
-  return gr(n) && n.tagName === "svg";
+  return vr(n) && n.tagName === "svg";
 }
 function Fo(n) {
   const e = {
@@ -3053,7 +3067,7 @@ function Fo(n) {
       },
       latestValues: {}
     }
-  }, t = gr(n) && !So(n) ? new No(e) : new Ao(e);
+  }, t = vr(n) && !So(n) ? new No(e) : new Ao(e);
   t.mount(n), Je.set(n, t);
 }
 function jo(n) {
@@ -3071,31 +3085,31 @@ function jo(n) {
 }
 function Bo(n, e, t) {
   const i = J(n) ? n : Xe(n);
-  return i.start(Xi("", i, e, t)), i.animation;
+  return i.start(er("", i, e, t)), i.animation;
 }
 function zo(n, e) {
   return J(n) || typeof n == "number" || typeof n == "string" && !Qt(e);
 }
-function br(n, e, t, i) {
+function yr(n, e, t, i) {
   const r = [];
   if (zo(n, e))
     r.push(Bo(n, Qt(e) && e.default || e, t && (t.default || t)));
   else {
-    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 ? Fo : jo;
+    const a = fi(n, e, i), s = a.length;
+    ce(!!s, "No valid elements provided.");
+    for (let o = 0; o < s; o++) {
+      const l = a[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(...Ha(d, I(v({}, e), { transition: h }), {}));
+      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, s)), r.push(...Hs(d, I(v({}, e), { transition: h }), {}));
     }
   }
   return r;
 }
 function $o(n, e, t) {
   const i = [];
-  return Zr(n, e, t, { spring: tt }).forEach(({ keyframes: s, transition: a }, o) => {
-    i.push(...br(o, s, a));
+  return Zr(n, e, t, { spring: tt }).forEach(({ keyframes: a, transition: s }, o) => {
+    i.push(...yr(o, a, s));
   }), i;
 }
 class Ko {
@@ -3174,8 +3188,8 @@ function Go(n) {
 }
 function Ho(n) {
   function e(t, i, r) {
-    let s = [];
-    return Go(t) ? s = $o(t, i, n) : s = br(t, i, r, n), new qo(s);
+    let a = [];
+    return Go(t) ? a = $o(t, i, n) : a = yr(t, i, r, n), new qo(a);
   }
   return e;
 }
@@ -3196,7 +3210,7 @@ function F(n, e) {
   const t = e.trim().split(/\s+/).filter((i) => i.length > 0);
   n.classList.add(...t);
 }
-class vr {
+class Cr {
   constructor() {
     c(this, "template", `
     <svg class="${S.spinner}"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215" fill="none">
@@ -3218,24 +3232,24 @@ class vr {
     return this.spinner;
   }
 }
-const il = "_loader_nwq3e_1", Zn = {
+const il = "_loader_nwq3e_1", Xn = {
   loader: il
 };
 class rl {
   constructor() {
     c(this, "loader");
-    this.loader = document.createElement("div"), this.loader.classList.add(Zn.loader), this.loader.appendChild(new vr().render());
+    this.loader = document.createElement("div"), this.loader.classList.add(Xn.loader), this.loader.appendChild(new Cr().render());
   }
   setClassName(e) {
-    e ? F(this.loader, e) : this.loader.className = Zn.loader;
+    e ? F(this.loader, e) : this.loader.className = Xn.loader;
   }
   render() {
     return this.loader;
   }
 }
-const sl = "_checkout_mcuv2_1", al = "_hidden_mcuv2_8", ol = "_formInitial_mcuv2_12", ll = "_btnsInitial_mcuv2_22", Z = {
-  checkout: sl,
-  hidden: al,
+const al = "_checkout_mcuv2_1", sl = "_hidden_mcuv2_8", ol = "_formInitial_mcuv2_12", ll = "_btnsInitial_mcuv2_22", Z = {
+  checkout: al,
+  hidden: sl,
   formInitial: ol,
   btnsInitial: ll
 }, cl = "_buttons_qc8am_1", dl = "_hidden_qc8am_8", ul = "_skeleton_qc8am_12", be = {
@@ -3246,10 +3260,10 @@ const sl = "_checkout_mcuv2_1", al = "_hidden_mcuv2_8", ol = "_formInitial_mcuv2
   applePay: hl,
   hidden: pl
 };
-var Vt, Jn;
+var Vt, Qn;
 function ml() {
-  if (Jn) return Vt;
-  Jn = 1;
+  if (Qn) return Vt;
+  Qn = 1;
   var n = {
     visa: {
       niceType: "Visa",
@@ -3444,22 +3458,22 @@ function ml() {
   };
   return Vt = n, Vt;
 }
-var Be = {}, ze = {}, Xn;
-function yr() {
-  if (Xn) return ze;
-  Xn = 1, Object.defineProperty(ze, "__esModule", { value: !0 }), ze.clone = void 0;
+var Be = {}, ze = {}, ei;
+function Er() {
+  if (ei) return ze;
+  ei = 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 = {}, Qn;
+var $e = {}, ti;
 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;
+  if (ti) return $e;
+  ti = 1, Object.defineProperty($e, "__esModule", { value: !0 }), $e.matches = void 0;
+  function n(i, r, a) {
+    var s = String(r).length, o = i.substr(0, s), l = parseInt(o, 10);
+    return r = parseInt(String(r).substr(0, o.length), 10), a = parseInt(String(a).substr(0, o.length), 10), l >= r && l <= a;
   }
   function e(i, r) {
     return r = String(r), r.substring(0, i.length) === i.substring(0, r.length);
@@ -3469,37 +3483,37 @@ function fl() {
   }
   return $e.matches = t, $e;
 }
-var ei;
+var ni;
 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++) {
-      var l = r.patterns[a];
+  if (ni) return Be;
+  ni = 1, Object.defineProperty(Be, "__esModule", { value: !0 }), Be.addMatchingCardsToResults = void 0;
+  var n = Er(), e = fl();
+  function t(i, r, a) {
+    var s, o;
+    for (s = 0; s < r.patterns.length; s++) {
+      var l = r.patterns[s];
       if ((0, e.matches)(i, l)) {
         var u = (0, n.clone)(r);
-        Array.isArray(l) ? o = String(l[0]).length : o = String(l).length, i.length >= o && (u.matchStrength = o), s.push(u);
+        Array.isArray(l) ? o = String(l[0]).length : o = String(l).length, i.length >= o && (u.matchStrength = o), a.push(u);
         break;
       }
     }
   }
   return Be.addMatchingCardsToResults = t, Be;
 }
-var Ke = {}, ti;
+var Ke = {}, ii;
 function bl() {
-  if (ti) return Ke;
-  ti = 1, Object.defineProperty(Ke, "__esModule", { value: !0 }), Ke.isValidInputType = void 0;
+  if (ii) return Ke;
+  ii = 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 = {}, ni;
+var qe = {}, ri;
 function vl() {
-  if (ni) return qe;
-  ni = 1, Object.defineProperty(qe, "__esModule", { value: !0 }), qe.findBestMatch = void 0;
+  if (ri) return qe;
+  ri = 1, Object.defineProperty(qe, "__esModule", { value: !0 }), qe.findBestMatch = void 0;
   function n(t) {
     var i = t.filter(function(r) {
       return r.matchStrength;
@@ -3513,10 +3527,10 @@ function vl() {
   }
   return qe.findBestMatch = e, qe;
 }
-var Ge, ii;
+var Ge, ai;
 function yl() {
-  if (ii) return Ge;
-  ii = 1;
+  if (ai) return Ge;
+  ai = 1;
   var n = Ge && Ge.__assign || function() {
     return n = Object.assign || function(g) {
       for (var b, y = 1, k = arguments.length; y < k; y++) {
@@ -3525,7 +3539,7 @@ function yl() {
       }
       return g;
     }, n.apply(this, arguments);
-  }, e = ml(), t = gl(), i = bl(), r = vl(), s = yr(), a = {}, o = {
+  }, e = ml(), t = gl(), i = bl(), r = vl(), a = Er(), s = {}, o = {
     VISA: "visa",
     MASTERCARD: "mastercard",
     AMERICAN_EXPRESS: "american-express",
@@ -3551,13 +3565,13 @@ function yl() {
     o.MIR,
     o.HIPER,
     o.HIPERCARD
-  ], u = (0, s.clone)(l);
+  ], u = (0, a.clone)(l);
   function d(g) {
-    return a[g] || e[g];
+    return s[g] || e[g];
   }
   function h() {
     return u.map(function(g) {
-      return (0, s.clone)(d(g));
+      return (0, a.clone)(d(g));
     });
   }
   function m(g, b) {
@@ -3581,26 +3595,26 @@ function yl() {
     return y ? [y] : b;
   }
   return p.getTypeInfo = function(g) {
-    return (0, s.clone)(d(g));
+    return (0, a.clone)(d(g));
   }, p.removeCard = function(g) {
     var b = m(g);
     u.splice(b, 1);
   }, p.addCard = function(g) {
     var b = m(g.type, !0);
-    a[g.type] = g, b === -1 && u.push(g.type);
+    s[g.type] = g, b === -1 && u.push(g.type);
   }, p.updateCard = function(g, b) {
-    var y = a[g] || e[g];
+    var y = s[g] || e[g];
     if (!y)
       throw new Error('"'.concat(g, "\" is not a recognized type. Use `addCard` instead.'"));
     if (b.type && y.type !== b.type)
       throw new Error("Cannot overwrite type parameter.");
-    var k = (0, s.clone)(y);
-    k = n(n({}, k), b), a[k.type] = k;
+    var k = (0, a.clone)(y);
+    k = n(n({}, k), b), s[k.type] = k;
   }, p.changeOrder = function(g, b) {
     var y = m(g);
     u.splice(y, 1), u.splice(b, 0, g);
   }, p.resetModifications = function() {
-    u = (0, s.clone)(l), a = {};
+    u = (0, a.clone)(l), s = {};
   }, p.types = o, Ge = p, Ge;
 }
 var Pe = yl();
@@ -3611,16 +3625,16 @@ Pe.updateCard("unionpay", {
   gaps: [4, 8, 12, 16]
 });
 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);
+  const t = Pe.getTypeInfo(e), i = n.replace(/\D/g, ""), r = (t == null ? void 0 : t.gaps) || [4, 8, 12], a = t ? Math.max(...t.lengths) + r.length : 19, s = [0].concat(r, i.length), o = [];
+  for (let l = 0; s[l] < i.length; l++) {
+    const u = s[l], d = Math.min(s[l + 1], i.length);
     o.push(i.slice(u, d));
   }
-  return o.join(" ").slice(0, s);
-}, kl = (n, e) => {
+  return o.join(" ").slice(0, a);
+}, El = (n, e) => {
   const t = Pe.getTypeInfo(e), i = (t == null ? void 0 : t.code.size) || 4;
   return n.replace(/\D/g, "").slice(0, i);
-}, El = (n) => {
+}, kl = (n) => {
   const e = n.replace(/\D/g, "");
   let t = e.slice(0, 2);
   if (!t) return "";
@@ -3707,14 +3721,14 @@ const bt = [
 }, Ll = (n) => {
   var e, t;
   return (t = (e = Fe.find((i) => i.name === "Maestro")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
-}, Cr = (n) => bt.find((e) => e.pattern.test(n)) || null, ri = (n) => bt.filter((e) => e.pattern.test(n)), Vl = (n) => {
+}, kr = (n) => bt.find((e) => e.pattern.test(n)) || null, si = (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;
-}, si = (n, e) => {
+}, oi = (n, e) => {
   const t = n.replace(/\D/g, "");
   if (!t)
     return { isValid: !1, cardType: null, error: Y.Empty };
@@ -3722,7 +3736,7 @@ const bt = [
     return { isValid: !1, cardType: null, error: Y.Invalid };
   if (xl(t) || wl(t) || Tl(t) || Al(t) || _l(t) || Ll(t))
     return { isValid: !1, cardType: null, error: Y.Unsupported };
-  const i = Cr(t);
+  const i = kr(t);
   if (i) {
     if (t.length < i.minLength || t.length > i.maxLength)
       return {
@@ -3763,7 +3777,7 @@ const bt = [
 }, 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
+    ({ is_active: r, type: a }) => r && a === x.APPLE_PAY
   )) ? null : {
     amount: n.amount,
     currency: n.currency,
@@ -3889,24 +3903,24 @@ 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 ai;
+var li;
 function Nl() {
-  if (ai) return He;
-  ai = 1;
+  if (li) return He;
+  li = 1;
   var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function t(i, r, s) {
-    var a = null;
-    if (s !== void 0 && (a = "" + s), r.key !== void 0 && (a = "" + r.key), "key" in r) {
-      s = {};
+  function t(i, r, a) {
+    var s = null;
+    if (a !== void 0 && (s = "" + a), r.key !== void 0 && (s = "" + r.key), "key" in r) {
+      a = {};
       for (var o in r)
-        o !== "key" && (s[o] = r[o]);
-    } else s = r;
-    return r = s.ref, {
+        o !== "key" && (a[o] = r[o]);
+    } else a = r;
+    return r = a.ref, {
       $$typeof: n,
       type: i,
-      key: a,
+      key: s,
       ref: r !== void 0 ? r : null,
-      props: s
+      props: a
     };
   }
   return He.Fragment = e, He.jsx = t, He.jsxs = t, He;
@@ -3921,9 +3935,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 oi;
+var ci;
 function Sl() {
-  return oi || (oi = 1, process.env.NODE_ENV !== "production" && function() {
+  return ci || (ci = 1, process.env.NODE_ENV !== "production" && function() {
     function n(f) {
       if (f == null) return null;
       if (typeof f == "function")
@@ -4002,10 +4016,10 @@ function Sl() {
       var f = q.A;
       return f === null ? null : f.getOwner();
     }
-    function s() {
+    function a() {
       return Error("react-stack-top-frame");
     }
-    function a(f) {
+    function s(f) {
       if (Te.call(f, "key")) {
         var P = Object.getOwnPropertyDescriptor(f, "key").get;
         if (P && P.isReactWarning) return !1;
@@ -4026,7 +4040,7 @@ function Sl() {
     }
     function l() {
       var f = n(this.type);
-      return kt[f] || (kt[f] = !0, console.error(
+      return Et[f] || (Et[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
@@ -4093,7 +4107,7 @@ React keys must be passed directly to JSX without using spread:
           z
         ), ne[z + G] = !0);
       }
-      if (z = null, N !== void 0 && (t(N), z = "" + N), a(P) && (t(P.key), z = "" + P.key), "key" in P) {
+      if (z = null, N !== void 0 && (t(N), z = "" + N), s(P) && (t(P.key), z = "" + P.key), "key" in P) {
         N = {};
         for (var pe in P)
           pe !== "key" && (N[pe] = P[pe]);
@@ -4115,7 +4129,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 = 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() {
+    var m = Ar, 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 = {
@@ -4123,10 +4137,10 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var he, kt = {}, Et = m.react_stack_bottom_frame.bind(
+    var he, Et = {}, kt = m.react_stack_bottom_frame.bind(
       m,
-      s
-    )(), at = fe(i(s)), ne = {};
+      a
+    )(), st = fe(i(a)), ne = {};
     Ye.Fragment = b, Ye.jsx = function(f, P, N, G, ie) {
       var X = 1e4 > q.recentlyCreatedOwnerStacks++;
       return d(
@@ -4136,8 +4150,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         G,
         ie,
-        X ? Error("react-stack-top-frame") : Et,
-        X ? fe(i(f)) : at
+        X ? Error("react-stack-top-frame") : kt,
+        X ? fe(i(f)) : st
       );
     }, Ye.jsxs = function(f, P, N, G, ie) {
       var X = 1e4 > q.recentlyCreatedOwnerStacks++;
@@ -4148,15 +4162,15 @@ React keys must be passed directly to JSX without using spread:
         !0,
         G,
         ie,
-        X ? Error("react-stack-top-frame") : Et,
-        X ? fe(i(f)) : at
+        X ? Error("react-stack-top-frame") : kt,
+        X ? fe(i(f)) : st
       );
     };
   }()), Ye;
 }
-var li;
+var di;
 function Fl() {
-  return li || (li = 1, process.env.NODE_ENV === "production" ? dt.exports = Nl() : dt.exports = Sl()), dt.exports;
+  return di || (di = 1, process.env.NODE_ENV === "production" ? dt.exports = Nl() : dt.exports = Sl()), dt.exports;
 }
 Fl();
 const jl = [
@@ -4189,23 +4203,23 @@ class Bl {
       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), {
-        onError: (a) => {
+      const a = e ? I(v({}, e), {
+        onError: (s) => {
           var l, u;
           if (!this.isInitialized) {
-            console.error("Apple Pay error:", a);
+            console.error("Apple Pay error:", s);
             return;
           }
           const o = this.config.state.translate.messages();
-          a != null && a.toLowerCase().includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (vt(a, o), (u = e.onError) == null || u.call(e, a));
+          s != null && s.toLowerCase().includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (vt(s, o), (u = e.onError) == null || u.call(e, s));
         },
-        onSuccess: (a) => {
+        onSuccess: (s) => {
           var o;
-          (o = e.onSuccess) == null || o.call(e, a);
+          (o = e.onSuccess) == null || o.call(e, s);
         }
       }) : void 0;
       return yield this.ev.initApple(
-        I(v({}, s), {
+        I(v({}, a), {
           transaction: r,
           supportedCardTypes: Pl(jl),
           locale: Dl(i || "en"),
@@ -4266,22 +4280,22 @@ class ql {
       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), {
-        onError: (a) => {
+      const a = e ? I(v({}, e), {
+        onError: (s) => {
           var o;
           if (!this.isInitialized) {
-            console.error("Google Pay error:", a);
+            console.error("Google Pay error:", s);
             return;
           }
-          vt(a, this.config.state.translate.messages()), (o = e.onError) == null || o.call(e, a);
+          vt(s, this.config.state.translate.messages()), (o = e.onError) == null || o.call(e, s);
         },
-        onSuccess: (a) => {
+        onSuccess: (s) => {
           var o;
-          (o = e.onSuccess) == null || o.call(e, a);
+          (o = e.onSuccess) == null || o.call(e, s);
         }
       }) : void 0;
       return yield this.ev.initGoogle(
-        I(v({}, s), {
+        I(v({}, a), {
           transaction: r,
           locale: Rl(i || "en"),
           onPaymentAttempt: this.onPaymentAttempt
@@ -4318,19 +4332,19 @@ class Yl {
   // init
   init(e) {
     return E(this, null, function* () {
-      var a, o;
+      var s, o;
       if (!this.config)
         return !1;
       const t = this.config.state.transaction.getState(), i = this.config.state.checkout.getState(), r = () => E(this, null, function* () {
         try {
-          return yield Rr(i.clientToken, i.environment, i.apiVersion);
+          return yield Nr(i.clientToken, i.environment, i.apiVersion);
         } catch (l) {
           throw l;
         }
       });
       if (!t || Object.keys(t).length === 0)
         return console.error("PayPal transaction data is empty or invalid"), !1;
-      if (!((a = t == null ? void 0 : t.paypal_info) != null && a.client_id))
+      if (!((s = t == null ? void 0 : t.paypal_info) != null && s.client_id))
         return !1;
       try {
         if (yield this.paypal.init({
@@ -4344,7 +4358,7 @@ class Yl {
       } catch (l) {
         return !1;
       }
-      const s = e ? I(v({}, e), {
+      const a = e ? I(v({}, e), {
         onError: (l) => {
           var d, h;
           if (this.emitAttemptOnce(), !this.isInitialized) {
@@ -4363,24 +4377,24 @@ class Yl {
         }
       }) : void 0;
       try {
-        yield this.paypal.render(this.element, I(v({}, s), {
+        yield this.paypal.render(this.element, I(v({}, a), {
           createBillingAgreement: r,
           onClick: () => {
             this.emitAttemptOnce();
           },
           onApprove: (u) => E(this, [u], function* ({ billingToken: l }) {
             var d;
-            (d = s == null ? void 0 : s.onSuccess) == null || d.call(s, l || "");
+            (d = a == null ? void 0 : a.onSuccess) == null || d.call(a, l || "");
           }),
           style: (o = this.customButtonStyles) == null ? void 0 : o.styles,
           onCancel: () => {
             var l;
-            (l = s == null ? void 0 : s.onCancel) == null || l.call(s);
+            (l = a == null ? void 0 : a.onCancel) == null || l.call(a);
           },
           onError: (l) => {
             var d, h;
             const u = this.isUserCancellationError(l);
-            !u && l ? (d = s == null ? void 0 : s.onError) == null || d.call(s, l) : u && ((h = s == null ? void 0 : s.onCancel) == null || h.call(s));
+            !u && l ? (d = a == null ? void 0 : a.onError) == null || d.call(a, l) : u && ((h = a == null ? void 0 : a.onCancel) == null || h.call(a));
           }
         }));
       } catch (l) {
@@ -4408,7 +4422,7 @@ class Yl {
       "cancelled by user",
       "user cancelled",
       "popup close"
-    ].some((s) => t.toLowerCase().includes(s));
+    ].some((a) => t.toLowerCase().includes(a));
   }
   setupInterceptOverlay() {
     if (this.interceptOverlay) return;
@@ -4458,7 +4472,7 @@ class Ul {
     return this.element;
   }
 }
-const Wl = "_button_1trim_1", ci = {
+const Wl = "_button_1trim_1", ui = {
   button: Wl
 };
 class Zl {
@@ -4467,10 +4481,10 @@ class Zl {
     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(ci.button, ci.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(ui.button, ui.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;
+    r.textContent = i.getState().messages.card.compact.button, this.element.append(this.icon.render(), r), i.subscribe(({ messages: a }) => {
+      r.textContent = a.card.compact.button;
     });
   }
   addEventListener(e) {
@@ -4561,8 +4575,8 @@ class ic {
   }
   // handle venmo errors
   handleVenmoError(e, t) {
-    var i, r, s;
-    this.isInitialized && ((i = e == null ? void 0 : e.message) != null && i.toLowerCase().includes("close") ? (r = t == null ? void 0 : t.onCancel) == null || r.call(t) : (s = t == null ? void 0 : t.onError) == null || s.call(t, e));
+    var i, r, a;
+    this.isInitialized && ((i = e == null ? void 0 : e.message) != null && i.toLowerCase().includes("close") ? (r = t == null ? void 0 : t.onCancel) == null || r.call(t) : (a = t == null ? void 0 : t.onError) == null || a.call(t, e));
   }
   // add event listener
   addEventListener(e, t) {
@@ -4632,8 +4646,8 @@ class rc {
           };
           i.addEventListener("pointerdown", r, { capture: !0 }), i.addEventListener("click", r, { capture: !0 }), i.addEventListener(
             "keydown",
-            (s) => {
-              ((s == null ? void 0 : s.key) === "Enter" || (s == null ? void 0 : s.key) === " ") && r();
+            (a) => {
+              ((a == null ? void 0 : a.key) === "Enter" || (a == null ? void 0 : a.key) === " ") && r();
             },
             { capture: !0 }
           ), i.addEventListener("focusin", r, { capture: !0 }), e == null || e.addEventListener("pointerdown", r, { capture: !0 }), e == null || e.addEventListener("click", r, { capture: !0 }), e == null || e.addEventListener("focusin", r, { capture: !0 });
@@ -4671,8 +4685,8 @@ class rc {
           };
           i.addEventListener("pointerdown", r, { capture: !0 }), i.addEventListener("click", r, { capture: !0 }), i.addEventListener(
             "keydown",
-            (s) => {
-              ((s == null ? void 0 : s.key) === "Enter" || (s == null ? void 0 : s.key) === " ") && r();
+            (a) => {
+              ((a == null ? void 0 : a.key) === "Enter" || (a == null ? void 0 : a.key) === " ") && r();
             },
             { capture: !0 }
           ), i.addEventListener("focusin", r, { capture: !0 }), e == null || e.addEventListener("pointerdown", r, { capture: !0 }), e == null || e.addEventListener("click", r, { capture: !0 }), e == null || e.addEventListener("focusin", r, { capture: !0 });
@@ -4749,19 +4763,19 @@ class rc {
   // init payment methods
   initPaymentMethods() {
     return E(this, null, function* () {
-      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);
-      Promise.all(s).then(() => {
+      const e = this.config.state.transaction.getState(), t = Jl(zl, (e == null ? void 0 : e.checkout_config) || [], (s, o) => s.type === o.type), i = this.config.state.checkout.getState();
+      let r = t.filter(({ is_active: s }) => s);
+      (i == null ? void 0 : i.variant) === "default" && (r = r.filter(({ type: s }) => s !== x.CARD));
+      const a = this.initializeButtonInstances(r);
+      Promise.all(a).then(() => {
         this.handleOnFormLoaded();
       }), this.handleReady();
     });
   }
   // 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 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(() => {
+    const t = e.map(({ type: h }) => h), i = t.includes(x.APPLE_PAY), r = t.includes(x.GOOGLE_PAY), a = t.includes(x.PAYPAL), s = t.includes(x.VENMO), o = t.includes(x.CARD);
+    i && !this.applePay && (this.applePay = new Bl(this.config)), r && !this.googlePay && (this.googlePay = new ql(this.config)), a && !this.paypal && (this.paypal = new Yl(this.config), this.paypal.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), s && !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();
@@ -4805,7 +4819,7 @@ class rc {
     return this.buttons;
   }
 }
-class sc {
+class ac {
   constructor(e) {
     c(this, "template", `
     <svg
@@ -4831,14 +4845,14 @@ class sc {
     return this.element;
   }
 }
-const ac = "_button_125my_1", oc = {
-  button: ac
+const sc = "_button_125my_1", oc = {
+  button: sc
 };
 class lc {
   constructor(e) {
     c(this, "element");
     c(this, "icon");
-    this.element = document.createElement("div"), this.element.classList.add(oc.button), this.icon = new sc(e), this.element.appendChild(this.icon.render());
+    this.element = document.createElement("div"), this.element.classList.add(oc.button), this.icon = new ac(e), this.element.appendChild(this.icon.render());
   }
   addEventListener(e) {
     return this.element.addEventListener("click", e);
@@ -4856,7 +4870,7 @@ const cc = "_button_1d7ly_1", dc = "_disabled_1d7ly_18", uc = "_hidden_1d7ly_28"
 class pc {
   constructor(e, t) {
     c(this, "element");
-    c(this, "spinner", new vr());
+    c(this, "spinner", new Cr());
     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) => {
@@ -4877,13 +4891,13 @@ const mc = "_cardForm_1uc4x_1", fc = "_hidden_1uc4x_6", gc = "_topOffset_1uc4x_1
   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", $ = {
+}, bc = "_wrapper_1xw0g_1", vc = "_inputContainer_1xw0g_5", yc = "_disabled_1xw0g_23", Cc = "_input_1xw0g_5", Ec = "_errorInput_1xw0g_18", kc = "_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,
+  errorInput: Ec,
+  label: kc,
   labelError: xc,
   disabledInput: wc,
   hidden: Tc
@@ -4928,9 +4942,9 @@ class Ac {
     c(this, "events", {
       change: new K()
     });
-    var r, s, a, o, l, u, d, h, m;
+    var r, a, s, o, l, u, d, h, m;
     const i = e.messages();
-    if (this.element = document.createElement("div"), this.element.classList.add($.wrapper), this.inputContainer.classList.add($.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (s = t == null ? void 0 : t.container) != null && s.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-name"), this.input.setAttribute("placeholder", i.card.name.placeholder), this.input.classList.add($.input), (a = t == null ? void 0 : t.field) != null && a.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
+    if (this.element = document.createElement("div"), this.element.classList.add($.wrapper), this.inputContainer.classList.add($.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (a = t == null ? void 0 : t.container) != null && a.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-name"), this.input.setAttribute("placeholder", i.card.name.placeholder), this.input.classList.add($.input), (s = t == null ? void 0 : t.field) != null && s.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
       const p = (b) => b.replace(/[A-Z]/g, (y) => "-" + y.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([b, y]) => `${p(b)}:${y};`).join("");
       this.placeholderStyle.textContent = `#${this.id}::placeholder{${g}}`, this.element.appendChild(this.placeholderStyle);
     }
@@ -5133,10 +5147,10 @@ class zc {
     c(this, "events", {
       change: new K()
     });
-    var r, s, a, o, l, u, d, h, m;
+    var r, a, s, o, l, u, d, h, m;
     this.translate = e;
     const i = e.messages();
-    if (this.element = document.createElement("div"), this.element.classList.add(j.wrapper), this.inputContainer.classList.add(j.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (s = t == null ? void 0 : t.container) != null && s.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-number"), this.input.setAttribute("placeholder", "1234 1234 1234 1234"), this.input.setAttribute("inputmode", "numeric"), this.input.setAttribute("pattern", "[0-9]*"), this.input.setAttribute("enterkeyhint", "done"), this.input.classList.add(j.input), (a = t == null ? void 0 : t.field) != null && a.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
+    if (this.element = document.createElement("div"), this.element.classList.add(j.wrapper), this.inputContainer.classList.add(j.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (a = t == null ? void 0 : t.container) != null && a.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-number"), this.input.setAttribute("placeholder", "1234 1234 1234 1234"), this.input.setAttribute("inputmode", "numeric"), this.input.setAttribute("pattern", "[0-9]*"), this.input.setAttribute("enterkeyhint", "done"), this.input.classList.add(j.input), (s = t == null ? void 0 : t.field) != null && s.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
       const p = (y) => y.replace(/[A-Z]/g, (k) => "-" + k.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([y, k]) => `${p(y)}:${k} !important;`).join(""), b = `#${this.id}`;
       this.placeholderStyle.textContent = `${b}::placeholder{${g}}
 ${b}::-webkit-input-placeholder{${g}}
@@ -5163,12 +5177,12 @@ ${b}::-ms-input-placeholder{${g}}
   handleChange(e) {
     if (this.isDisabled) return;
     this.isRequired = !1, this.errorMessage = "", this.isChanged || (this.isChanged = !0);
-    const t = ri(e).map((s) => s.type), i = Cr(e), r = Cl(e, (i == null ? void 0 : i.type) || "");
+    const t = si(e).map((a) => a.type), i = kr(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: si(e, this.supportedCardTypes).isValid
+      isValid: oi(e, this.supportedCardTypes).isValid
     }), this.render();
   }
   toggleLabelError(e) {
@@ -5213,11 +5227,11 @@ ${b}::-ms-input-placeholder{${g}}
     var e;
     return {
       value: this.input.value,
-      cardType: ((e = ri(this.input.value)[0]) == null ? void 0 : e.type) || ""
+      cardType: ((e = si(this.input.value)[0]) == null ? void 0 : e.type) || ""
     };
   }
   validate(e) {
-    const t = this.translate.messages(), { isValid: i, error: r } = si(e, this.supportedCardTypes);
+    const t = this.translate.messages(), { isValid: i, error: r } = oi(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() {
@@ -5303,24 +5317,24 @@ class ed {
       expiryChange: new K(),
       cvcChange: new K()
     });
-    var a, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
+    var s, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
     this.translate = e;
     const i = e.messages();
-    this.element = document.createElement("div"), this.element.classList.add(A.securityContent), this.expiryInputContainer.classList.add(A.inputContainer), (a = t == null ? void 0 : t.container) != null && a.className && F(this.expiryInputContainer, t.container.className), (o = t == null ? void 0 : t.container) != null && o.styles && Object.assign(this.expiryInputContainer.style, t.container.styles), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("autocomplete", "cc-exp"), this.expiryInput.setAttribute("placeholder", i.card.expiry.placeholder), this.expiryInput.setAttribute("inputmode", "numeric"), this.expiryInput.setAttribute("pattern", "[0-9]*"), this.expiryInput.setAttribute("enterkeyhint", "next"), this.expiryInput.classList.add(A.input), (l = t == null ? void 0 : t.field) != null && l.className && F(this.expiryInput, t.field.className), (u = t == null ? void 0 : t.field) != null && u.styles && Object.assign(this.expiryInput.style, t.field.styles), this.expiryEndContent.classList.add(A.endContent), this.expiryEndContent.appendChild(this.expiryWarning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(A.label), (d = t == null ? void 0 : t.label) != null && d.className && F(this.expiryLabel, t.label.className), (h = t == null ? void 0 : t.label) != null && h.styles && Object.assign(this.expiryLabel.style, t.label.styles), this.expiryLabelText.contentEditable = "false", this.expiryLabelText.textContent = i.card.expiry.label, this.expiryLabelError.textContent = i.card.required, this.expiryLabelError.classList.add(A.labelError, A.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(A.error, A.hidden), (m = t == null ? void 0 : t.error) != null && m.className && F(this.expiryError, t.error.className), (p = t == null ? void 0 : t.error) != null && p.styles && Object.assign(this.expiryError.style, t.error.styles);
+    this.element = document.createElement("div"), this.element.classList.add(A.securityContent), this.expiryInputContainer.classList.add(A.inputContainer), (s = t == null ? void 0 : t.container) != null && s.className && F(this.expiryInputContainer, t.container.className), (o = t == null ? void 0 : t.container) != null && o.styles && Object.assign(this.expiryInputContainer.style, t.container.styles), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("autocomplete", "cc-exp"), this.expiryInput.setAttribute("placeholder", i.card.expiry.placeholder), this.expiryInput.setAttribute("inputmode", "numeric"), this.expiryInput.setAttribute("pattern", "[0-9]*"), this.expiryInput.setAttribute("enterkeyhint", "next"), this.expiryInput.classList.add(A.input), (l = t == null ? void 0 : t.field) != null && l.className && F(this.expiryInput, t.field.className), (u = t == null ? void 0 : t.field) != null && u.styles && Object.assign(this.expiryInput.style, t.field.styles), this.expiryEndContent.classList.add(A.endContent), this.expiryEndContent.appendChild(this.expiryWarning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(A.label), (d = t == null ? void 0 : t.label) != null && d.className && F(this.expiryLabel, t.label.className), (h = t == null ? void 0 : t.label) != null && h.styles && Object.assign(this.expiryLabel.style, t.label.styles), this.expiryLabelText.contentEditable = "false", this.expiryLabelText.textContent = i.card.expiry.label, this.expiryLabelError.textContent = i.card.required, this.expiryLabelError.classList.add(A.labelError, A.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(A.error, A.hidden), (m = t == null ? void 0 : t.error) != null && m.className && F(this.expiryError, t.error.className), (p = t == null ? void 0 : t.error) != null && p.styles && Object.assign(this.expiryError.style, t.error.styles);
     const r = document.createElement("div");
     if (r.appendChild(this.expiryError), this.cvcInputContainer.classList.add(A.inputContainer), (g = t == null ? void 0 : t.container) != null && g.className && F(this.cvcInputContainer, t.container.className), (b = t == null ? void 0 : t.container) != null && b.styles && Object.assign(this.cvcInputContainer.style, t.container.styles), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("autocomplete", "cc-csc"), this.cvcInput.setAttribute("placeholder", i.card.cvc.placeholder), this.cvcInput.setAttribute("inputmode", "numeric"), this.cvcInput.setAttribute("pattern", "[0-9]*"), this.cvcInput.setAttribute("enterkeyhint", "done"), this.cvcInput.classList.add(A.input), (y = t == null ? void 0 : t.field) != null && y.className && F(this.cvcInput, t.field.className), (k = t == null ? void 0 : t.field) != null && k.styles && Object.assign(this.cvcInput.style, t.field.styles), (V = t == null ? void 0 : t.placeholder) != null && V.styles && Object.keys(t.placeholder.styles).length) {
       const C = (R) => R.replace(/[A-Z]/g, (O) => "-" + O.toLowerCase()), w = Object.entries(t.placeholder.styles).map(([R, O]) => `${C(R)}:${O};`).join("");
       this.placeholderStyle.textContent = `#${this.expiryId}::placeholder{${w}}#${this.cvcId}::placeholder{${w}}`, this.element.appendChild(this.placeholderStyle);
     }
     this.cvcEndContent.classList.add(A.endContent), this.cvcEndContent.appendChild(this.cardCvc.render()), this.cvcInputContainer.append(this.cvcInput, this.cvcEndContent), this.cvcLabel.setAttribute("for", this.cvcId), this.cvcLabel.classList.add(A.label), (_ = t == null ? void 0 : t.label) != null && _.className && F(this.cvcLabel, t.label.className), (M = t == null ? void 0 : t.label) != null && M.styles && Object.assign(this.cvcLabel.style, t.label.styles), this.cvcLabelText.textContent = i.card.cvc.label, this.cvcLabelError.textContent = i.card.required, this.cvcLabelError.classList.add(A.labelError, A.hidden), (T = t == null ? void 0 : t.error) != null && T.className && F(this.cvcLabel, t.error.className), (D = t == null ? void 0 : t.error) != null && D.styles && Object.assign(this.cvcLabelError.style, t.error.styles), this.cvcLabel.append(this.cvcLabelText, this.cvcLabelError), this.cvcError.classList.add(A.error, A.hidden);
-    const s = document.createElement("div");
-    s.appendChild(this.cvcError), this.element.append(
+    const a = document.createElement("div");
+    a.appendChild(this.cvcError), this.element.append(
       this.expiryLabel,
       this.cvcLabel,
       this.expiryInputContainer,
       this.cvcInputContainer,
       r,
-      s
+      a
     ), this.expiryInput.addEventListener("input", (C) => {
       C.preventDefault();
       const R = this.expiryInput.value.replace(/\D/g, "");
@@ -5358,7 +5372,7 @@ class ed {
   handleCvcChange(e) {
     if (this.isDisabled) return;
     this.isCvcRequired = !1, this.cvcErrorMessage = "", this.isCvcChanged || (this.isCvcChanged = !0);
-    const t = kl(e, this.cardType || ""), i = Pe.getTypeInfo(this.cardType || "");
+    const t = El(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
@@ -5383,8 +5397,8 @@ class ed {
     });
   }
   expiryValidator(e) {
-    const t = !e, i = e.length < 7, r = /* @__PURE__ */ new Date(), [s, a] = e.split(" / ");
-    r.setFullYear(2e3 + parseInt(a), parseInt(s) - 1, 31);
+    const t = !e, i = e.length < 7, r = /* @__PURE__ */ new Date(), [a, s] = e.split(" / ");
+    r.setFullYear(2e3 + parseInt(s), parseInt(a) - 1, 31);
     const o = r.getTime() < Date.now(), l = /* @__PURE__ */ new Date(), u = /* @__PURE__ */ new Date();
     u.setFullYear(l.getFullYear() + 50);
     const d = r.getTime() > u.getTime() || r.getFullYear() < l.getFullYear();
@@ -5408,7 +5422,7 @@ class ed {
   handleExpiryChange(e) {
     if (this.isDisabled) return;
     this.isExpiryRequired = !1, this.expiryErrorMessage = "", this.isExpiryChanged || (this.isExpiryChanged = !0);
-    const t = El(e);
+    const t = kl(e);
     t.length === 7 && this.validateExpiry(t), this.events.expiryChange.emit({
       value: t,
       isValid: this.expiryValidator(t) === null
@@ -5466,12 +5480,12 @@ class ed {
   render() {
     const e = this.isTouchSubmit || this.isExpiryChanged, t = e && !this.isDisabled && this.isExpiryRequired, i = e && !this.isDisabled && !!this.expiryErrorMessage;
     this.toggleExpiryLabelError(t), this.toggleExpiryErrorMessage(i), !t && !i ? (this.expiryInputContainer.classList.remove(A.errorInput), this.expiryEndContent.classList.add(A.hidden)) : this.expiryEndContent.classList.remove(A.hidden);
-    const r = this.isTouchSubmit || this.isCvcChanged, s = r && !this.isDisabled && this.isCvcRequired, a = r && !this.isDisabled && !!this.cvcErrorMessage;
-    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;
+    const r = this.isTouchSubmit || this.isCvcChanged, a = r && !this.isDisabled && this.isCvcRequired, s = r && !this.isDisabled && !!this.cvcErrorMessage;
+    return this.toggleCvcLabelError(a), this.toggleCvcErrorMessage(s), !a && !s ? (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 td {
-  constructor({ translate: e, className: t, stylesState: i, isDefaultVariant: r, onPaymentAttempt: s }) {
+  constructor({ translate: e, className: t, stylesState: i, isDefaultVariant: r, onPaymentAttempt: a }) {
     c(this, "element");
     c(this, "submit");
     c(this, "back");
@@ -5484,8 +5498,8 @@ class td {
       submit: new K(),
       close: new K()
     });
-    const a = i.getState();
-    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 s = i.getState();
+    this.element = document.createElement("form"), this.onPaymentAttempt = a, this.submit = new pc(e, s.SubmitButton), this.back = new lc(s.BackButton), this.number = new zc(e, s.Input), this.name = new Ac(e, s.Input), this.cardSecurity = new ed(e, s.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,
@@ -5563,16 +5577,16 @@ class nd {
     return this.element;
   }
 }
-const id = "_container_79xkl_1", rd = "_title_79xkl_5", di = {
+const id = "_container_79xkl_1", rd = "_title_79xkl_5", hi = {
   container: id,
   title: rd
 };
-class sd {
+class ad {
   constructor() {
     c(this, "element");
     c(this, "message", document.createElement("p"));
     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);
+    this.element = document.createElement("div"), this.element.classList.add(hi.container), this.message.classList.add(hi.title), this.element.append(this.icon.render(), this.message);
   }
   addClassName(e) {
     F(this.element, e);
@@ -5584,8 +5598,8 @@ class sd {
     return this.element;
   }
 }
-const ad = "_container_g3abj_1", od = "_title_g3abj_12", ui = {
-  container: ad,
+const sd = "_container_g3abj_1", od = "_title_g3abj_12", pi = {
+  container: sd,
   title: od
 }, Ze = class Ze {
   constructor(e, t) {
@@ -5594,7 +5608,7 @@ const ad = "_container_g3abj_1", od = "_title_g3abj_12", ui = {
     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(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.translate = e, this.element = document.createElement("div"), this.element.classList.add(pi.container), this.message.classList.add(pi.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);
   }
@@ -5654,7 +5668,7 @@ class ld {
         var i, r;
         return (r = (i = this.config.state.checkout.getState()).onCheckoutAttempt) == null ? void 0 : r.call(i, t);
       }
-    }), 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());
+    }), this.success = new ad(), 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() {
@@ -5693,9 +5707,9 @@ class ld {
           i != null ? i : Promise.resolve()
         ]), t < this.FORM_HEIGHT && (this.checkout.style.height = ""), this.isFormOpen = !0;
       })), this.buttons.addEventListener("error", (e) => {
-        const { onCheckoutFail: t, onCheckoutLoaded: i } = this.config.state.checkout.getState(), r = this.config.state.translate.messages(), s = vt(e, r);
-        this.showError(s);
-        const a = {
+        const { onCheckoutFail: t, onCheckoutLoaded: i } = this.config.state.checkout.getState(), r = this.config.state.translate.messages(), a = vt(e, r);
+        this.showError(a);
+        const s = {
           status: "failed",
           status_reason: {
             advice_code: "try_again_later",
@@ -5703,7 +5717,7 @@ class ld {
             message: e.message || e
           }
         };
-        !this.hasLoadedOnce && i && (this.hasLoadedOnce = !0, i({ success: !1, error: a })), t == null || t(a);
+        !this.hasLoadedOnce && i && (this.hasLoadedOnce = !0, i({ success: !1, error: s })), t == null || t(s);
       }), this.buttons.addEventListener("success", (e) => {
         const { clientToken: t } = this.config.state.checkout.getState();
         switch (e.type) {
@@ -5720,28 +5734,28 @@ class ld {
             return this.handleSuccess({ clientSession: t, braintree: { nonce: e } });
         }
       }), this.form.addEventListener("close", () => E(this, null, function* () {
-        var s, a;
+        var a, s;
         if (this.isLoading) return;
         this.hideError();
         const e = this.checkout.getBoundingClientRect().height;
         let t = null;
-        this.closedHeight > 0 && e > this.closedHeight && (this.checkout.style.height = `${e}px`, t = (s = this.checkout.animate(
+        this.closedHeight > 0 && e > this.closedHeight && (this.checkout.style.height = `${e}px`, t = (a = this.checkout.animate(
           { minHeight: [`${e}px`, `${this.closedHeight}px`] },
           { duration: 250, easing: "ease-out", fill: "forwards" }
-        ).finished) != null ? s : Promise.resolve()), yield H(this.form.element, Le.close, Le.transition), this.form.element.classList.add(Z.hidden);
+        ).finished) != null ? a : Promise.resolve()), yield H(this.form.element, Le.close, Le.transition), this.form.element.classList.add(Z.hidden);
         const { variant: r } = this.config.state.checkout.getState();
         if (r !== "default") {
           this.buttons.buttons.classList.add(Z.btnsInitial), this.buttons.buttons.classList.remove(Z.hidden);
           const o = H(this.buttons.buttons, ut.open, ut.transition);
           yield Promise.all([o, t != null ? t : Promise.resolve()]);
         }
-        this.closedHeight > 0 && (t = (a = this.checkout.animate(
+        this.closedHeight > 0 && (t = (s = this.checkout.animate(
           { minHeight: [`${e}px`, `${this.closedHeight}px`] },
           { duration: 250, easing: "ease-out", fill: "forwards" }
-        ).finished) != null ? a : Promise.resolve(), this.checkout.style.height = "auto"), this.isFormOpen = !1;
+        ).finished) != null ? s : Promise.resolve(), this.checkout.style.height = "auto"), this.isFormOpen = !1;
       })), this.form.addEventListener("submit", (e) => E(this, null, function* () {
         if (this.isLoading || (this.form.touchSubmit(), this.hideError(), !this.form.validate())) return;
-        const i = e.number.replace(/\D/g, ""), r = this.config.state.checkout.getState(), s = this.config.service.ev.getEv(), [a, o] = yield Promise.all([s.encrypt(i), s.encrypt(e.cvc)]), [l, u] = e.expiry.split("/");
+        const i = e.number.replace(/\D/g, ""), r = this.config.state.checkout.getState(), a = this.config.service.ev.getEv(), [s, o] = yield Promise.all([a.encrypt(i), a.encrypt(e.cvc)]), [l, u] = e.expiry.split("/");
         yield this.handleSuccess({
           clientSession: r.clientToken,
           card: {
@@ -5750,7 +5764,7 @@ class ld {
             expMonth: Number(l),
             expYear: Number(u),
             cardBrand: e.cardBrand || "",
-            number: a,
+            number: s,
             cvc: o,
             type: x.CARD,
             metadata: {
@@ -5764,21 +5778,21 @@ class ld {
   }
   // handle error
   handleError(e) {
-    var s;
+    var a;
     const t = this.config.state.checkout.getState(), i = this.config.state.translate.messages(), r = vt(e, i);
-    e && (this.showError(r), (s = t.onCheckoutFail) == null || s.call(t, e)), this.setLoading(!1);
+    e && (this.showError(r), (a = t.onCheckoutFail) == null || a.call(t, e)), this.setLoading(!1);
   }
   // handle success
   handleSuccess(e) {
     return E(this, null, function* () {
-      var s, a;
+      var a, s;
       if (this.isLoading) return;
       this.hideError(), this.setLoading(!0);
       const t = this.config.state.checkout.getState(), i = this.config.state.translate.messages();
       let r;
       try {
-        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 = yield Or(e, t.environment, t.apiVersion), r.error)
+          throw new Error(((a = r.error) == null ? void 0 : a.message) || i.status.error);
         if (r.three_ds_session_id) {
           yield this.config.service.ev.initThreeDs({
             threeDsId: r.three_ds_session_id,
@@ -5806,7 +5820,7 @@ class ld {
           }
         });
       }
-      (a = t.onCheckoutComplete) == null || a.call(t, r);
+      (s = t.onCheckoutComplete) == null || s.call(t, r);
     });
   }
   // show success
@@ -5863,12 +5877,12 @@ class cd {
   // init
   init() {
     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 = kn.teamId, m = kn.appIds[o];
-        l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(a, o, s).then((p) => {
+      const { checkout: e, transaction: t, translate: i, styles: r } = this.config.state, { apiVersion: a } = e.getState();
+      e.subscribe(({ clientToken: s, environment: o, locale: l, translate: u, styles: d }) => {
+        const h = En.teamId, m = En.appIds[o];
+        this.config.service.ev.preloadEvervault({ teamId: h, appId: m }).finally(), l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(s, o, a).then((p) => {
           if (!p)
-            throw new Error("No config found");
+            throw new Error("Payment config not found");
           return this.config.service.ev.initEv({ teamId: h, appId: m });
         }).catch((p) => {
           if (console.error(p), this.component) {
@@ -5934,12 +5948,12 @@ class md extends Ct {
       if (this.clientToken === t) return this.getState();
       this.clientToken = t;
       try {
-        const s = yield Or(t, i, r);
-        return this.setState(s), s;
-      } catch (s) {
-        console.error("Failed to update transaction:", s);
-        const a = new Error("INVALID_SESSION");
-        throw a.name = "INVALID_SESSION", a;
+        const a = yield Sr(t, i, r);
+        return this.setState(a), a;
+      } catch (a) {
+        console.error("Failed to update transaction:", a);
+        const s = new Error("INVALID_SESSION");
+        throw s.name = "INVALID_SESSION", s;
       }
     });
   }
@@ -6202,7 +6216,7 @@ const fd = {
     error: "Η μέθοδος πληρωμής σας απορρίφθηκε. Αυτό μπορεί να οφείλεται σε ανεπαρκή κεφάλαια, ληγμένα στοιχεία πληρωμής ή περιορισμούς ασφαλείας. Παρακαλούμε ελέγξτε τα στοιχεία πληρωμής σας ή δοκιμάστε μια διαφορετική μέθοδο πληρωμής.",
     invalidSession: "Η συνεδρία πληρωμής σας έχει λήξει. Παρακαλούμε ανανεώστε τη σελίδα για να συνεχίσετε."
   }
-}, kd = {
+}, Ed = {
   card: {
     required: "REQUIRED",
     number: {
@@ -6245,7 +6259,7 @@ const fd = {
     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."
   }
-}, Ed = {
+}, kd = {
   card: {
     required: "OBLIGATORIO",
     number: {
@@ -7494,13 +7508,13 @@ const fd = {
   }
 }, Zt = {
   ar: fd,
-  en: kd,
+  en: Ed,
   bg: gd,
   cs: bd,
   da: vd,
   de: yd,
   el: Cd,
-  es: Ed,
+  es: kd,
   et: xd,
   fi: wd,
   fil: Td,
@@ -7532,8 +7546,8 @@ const fd = {
 }, Jt = () => {
   const n = navigator == null ? void 0 : navigator.language.split("-")[0];
   return Zt[n] || Zt.en;
-}, hi = (n, e = {}) => {
-  var r, s;
+}, mi = (n, e = {}) => {
+  var r, a;
   if (!n) return Jt();
   const t = Zt[n] || Jt();
   return {
@@ -7554,7 +7568,7 @@ const fd = {
     }),
     status: {
       error: ((r = e == null ? void 0 : e.status) == null ? void 0 : r.error) || t.status.error,
-      invalidSession: ((s = e == null ? void 0 : e.status) == null ? void 0 : s.invalidSession) || t.status.invalidSession
+      invalidSession: ((a = e == null ? void 0 : e.status) == null ? void 0 : a.invalidSession) || t.status.invalidSession
     }
   };
 };
@@ -7566,11 +7580,11 @@ class Jd extends Ct {
     });
   }
   setMessages(e) {
-    const t = this.locale(), i = hi(t, e);
+    const t = this.locale(), i = mi(t, e);
     this.setState({ locale: t, messages: i, overrides: e });
   }
   setLocale(e) {
-    const t = this.overrides(), i = hi(e, t);
+    const t = this.overrides(), i = mi(e, t);
     this.setState({ locale: e, messages: i, overrides: t });
   }
   overrides() {
@@ -7623,11 +7637,11 @@ class Qd {
       if (!e.isConnected)
         throw new Error("PayPal parent element must be connected to DOM before render()");
       if (this.paypal) {
-        const s = v(v({}, Xd), (t == null ? void 0 : t.style) || {}), a = I(v({
+        const a = v(v({}, Xd), (t == null ? void 0 : t.style) || {}), s = I(v({
           fundingSource: "paypal"
         }, t), {
-          style: s
-        }), o = (r = (i = this.paypal).Buttons) == null ? void 0 : r.call(i, a);
+          style: a
+        }), o = (r = (i = this.paypal).Buttons) == null ? void 0 : r.call(i, s);
         if (!o)
           throw new Error("PayPal Buttons instance is null");
         yield o.render(e);
@@ -7648,15 +7662,15 @@ class eu {
         throw new Error("Braintree can only be initialized in browser environment");
       try {
         const [t, i] = yield Promise.all([
-          import("./client-Cz7Nq-cT.js").then((a) => a.c),
-          import("./data-collector-DPBfun3X.js").then((a) => a.d)
-        ]), r = t.default, s = i.default;
+          import("./client-Cz7Nq-cT.js").then((s) => s.c),
+          import("./data-collector-DPBfun3X.js").then((s) => s.d)
+        ]), r = t.default, a = i.default;
         this.client = yield r.create({ authorization: e.authorization });
         try {
-          const a = yield s.create({ client: this.client, paypal: !0 });
-          this.deviceData = a.deviceData || null;
-        } catch (a) {
-          console.warn("Braintree device data collection failed:", a), this.deviceData = null;
+          const s = yield a.create({ client: this.client, paypal: !0 });
+          this.deviceData = s.deviceData || null;
+        } catch (s) {
+          console.warn("Braintree device data collection failed:", s), this.deviceData = null;
         }
       } catch (t) {
         throw console.error("Failed to initialize Braintree client:", t), t;
@@ -7702,9 +7716,9 @@ class eu {
           if (i)
             t(i);
           else {
-            const s = I(v({}, r), {
+            const a = I(v({}, r), {
               device_data: this.deviceData || void 0
-            }), a = r, o = (a == null ? void 0 : a.billingAddress) || (a == null ? void 0 : a.billing_address);
+            }), s = r, o = (s == null ? void 0 : s.billingAddress) || (s == null ? void 0 : s.billing_address);
             if (o) {
               const l = {
                 city: o.adminArea2,
@@ -7714,16 +7728,16 @@ class eu {
                 postal_code: o.postalCode,
                 state: o.adminArea1
               };
-              s.billing_address = l;
+              a.billing_address = l;
             }
-            e(s);
+            e(a);
           }
         });
       });
     });
   }
 }
-class au {
+class su {
   constructor() {
     c(this, "ev", new jr());
     c(this, "paypal", new Qd());
@@ -7744,7 +7758,7 @@ class au {
   }
 }
 export {
-  au as Core,
+  su as Core,
   iu as PayNextCheckout,
   x as PaymentMethod
 };