npm - @paynext/sdk - Versions diffs - 0.0.41 → 0.0.43 - Mend

@paynext/sdk 0.0.41 → 0.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,22 +1,22 @@
-var ks = Object.defineProperty, Es = Object.defineProperties;
-var Ls = Object.getOwnPropertyDescriptors;
-var ht = Object.getOwnPropertySymbols;
-var wr = Object.prototype.hasOwnProperty, kr = Object.prototype.propertyIsEnumerable;
-var Lt = (t, e, n) => e in t ? ks(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, L = (t, e) => {
+var Es = Object.defineProperty, Ls = Object.defineProperties;
+var Ts = Object.getOwnPropertyDescriptors;
+var pt = Object.getOwnPropertySymbols;
+var kr = Object.prototype.hasOwnProperty, Er = Object.prototype.propertyIsEnumerable;
+var Lt = (t, e, n) => e in t ? Es(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, L = (t, e) => {
   for (var n in e || (e = {}))
-    wr.call(e, n) && Lt(t, n, e[n]);
-  if (ht)
-    for (var n of ht(e))
-      kr.call(e, n) && Lt(t, n, e[n]);
+    kr.call(e, n) && Lt(t, n, e[n]);
+  if (pt)
+    for (var n of pt(e))
+      Er.call(e, n) && Lt(t, n, e[n]);
   return t;
-}, M = (t, e) => Es(t, Ls(e));
+}, M = (t, e) => Ls(t, Ts(e));
 var te = (t, e) => {
   var n = {};
   for (var r in t)
-    wr.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
-  if (t != null && ht)
-    for (var r of ht(t))
-      e.indexOf(r) < 0 && kr.call(t, r) && (n[r] = t[r]);
+    kr.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && pt)
+    for (var r of pt(t))
+      e.indexOf(r) < 0 && Er.call(t, r) && (n[r] = t[r]);
   return n;
 };
 var l = (t, e, n) => Lt(t, typeof e != "symbol" ? e + "" : e, n);
@@ -36,42 +36,42 @@ var v = (t, e, n) => new Promise((r, i) => {
   }, o = (c) => c.done ? r(c.value) : Promise.resolve(c.value).then(s, a);
   o((n = n.apply(t, e)).next());
 });
-let pt = null;
-function Ts() {
+let ht = null;
+function As() {
   return v(this, null, function* () {
-    return pt || (pt = new Promise((t, e) => {
+    return ht || (ht = new Promise((t, e) => {
       const n = document.createElement("script");
       if (n.src = "https://js.evervault.com/v2", n.onload = () => t(), n.onerror = () => {
-        pt = null, e();
+        ht = null, e();
       }, !document.head)
         throw new Error(
           "Expected document.head not to be null. Evervault.js requires a <head> element."
         );
       document.head.appendChild(n);
-    }), pt);
+    }), ht);
   });
 }
-function di() {
+function ui() {
   return v(this, null, function* () {
     if (window.Evervault)
       return window.Evervault;
     try {
-      return yield Ts(), window.Evervault;
+      return yield As(), window.Evervault;
     } catch (t) {
       throw new Error("Failed to load Evervault.js");
     }
   });
 }
-function As(t, e, n) {
+function Vs(t, e, n) {
   return v(this, null, function* () {
-    const r = yield di();
+    const r = yield ui();
     return new r(t, e, n);
   });
 }
 Promise.resolve().then(() => {
-  di();
+  ui();
 });
-let Vs = class {
+let Is = class {
   constructor(e) {
     l(this, "apple", null);
     l(this, "isAvailable", !1);
@@ -91,11 +91,11 @@ let Vs = class {
         allowedCardNetworks: r,
         requestBillingAddress: !0,
         requestPayerDetails: ["name", "email", "phone"],
-        process: (f, p) => v(this, [f, p], function* (h, { fail: m }) {
+        process: (f, m) => v(this, [f, m], function* (p, { fail: h }) {
           try {
-            a == null || a(h);
+            a == null || a(p);
           } catch (g) {
-            console.error(g), m({
+            console.error(g), h({
               message: "Cannot pay with payment credentials"
             });
           }
@@ -111,7 +111,7 @@ let Vs = class {
       !this.apple || !this.isAvailable || (e.innerHTML = "", yield this.apple.mount(e), (n = this.onReady) == null || n.call(this));
     });
   }
-}, Is = class {
+}, Ss = class {
   constructor(e) {
     l(this, "google", null);
     this.ev = e;
@@ -129,7 +129,7 @@ let Vs = class {
         billingAddress: {
           phoneNumber: !0
         },
-        process: (h, m) => v(this, [h, m], function* (u, { fail: d }) {
+        process: (p, h) => v(this, [p, h], function* (u, { fail: d }) {
           try {
             s == null || s(u);
           } catch (f) {
@@ -165,7 +165,7 @@ class $ {
     this.listeners = [];
   }
 }
-class Ss {
+class Ms {
   constructor(e) {
     l(this, "threeDs", null);
     this.ev = e;
@@ -181,7 +181,7 @@ class Ss {
     });
   }
 }
-class Ms {
+class _s {
   constructor() {
     l(this, "isReady", !1);
     l(this, "ev", null);
@@ -200,14 +200,14 @@ class Ms {
   // init ev
   initEv(e) {
     return v(this, null, function* () {
-      this.isShouldLoad(e) && (this.isReady = !1, this.ev = yield As(e.teamId, e.appId), this.apple = new Vs(this.ev), this.google = new Is(this.ev), this.events.ready.emit(), this.isReady = !0);
+      this.isShouldLoad(e) && (this.isReady = !1, this.ev = yield Vs(e.teamId, e.appId), this.apple = new Is(this.ev), this.google = new Ss(this.ev), this.events.ready.emit(), this.isReady = !0);
     });
   }
   // init three ds
   initThreeDs(e) {
     return v(this, null, function* () {
       if (!this.ev) throw new Error("Evervault should be init before using Three DS Secure");
-      this.threeDs = new Ss(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
+      this.threeDs = new Ms(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
     });
   }
   // init apple
@@ -257,7 +257,7 @@ class Ms {
 function Jt(t) {
   return typeof t == "object" && !Array.isArray(t);
 }
-function _s(t, e, n) {
+function Ps(t, e, n) {
   var r;
   if (t instanceof EventTarget)
     return [t];
@@ -268,66 +268,66 @@ function _s(t, e, n) {
   }
   return Array.from(t);
 }
-function ui(t, e, n, r) {
-  return typeof t == "string" && Jt(e) ? _s(t, n, r) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t : [t];
+function pi(t, e, n, r) {
+  return typeof t == "string" && Jt(e) ? Ps(t, n, r) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t : [t];
 }
-function Ps(t, e, n) {
+function Ds(t, e, n) {
   return t * (e + 1);
 }
-function Er(t, e, n, r) {
+function Lr(t, e, n, r) {
   var i;
   return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, t + parseFloat(e)) : e === "<" ? n : (i = r.get(e)) != null ? i : t;
 }
-const lt = (t, e, n) => t + (e - t) * n, Ds = (t, e, n) => {
+const lt = (t, e, n) => t + (e - t) * n, Ns = (t, e, n) => {
   const r = e - t;
   return ((n - t) % r + r) % r + t;
 }, hi = (t) => Array.isArray(t) && typeof t[0] != "number";
-function pi(t, e) {
-  return hi(t) ? t[Ds(0, t.length, e)] : t;
+function mi(t, e) {
+  return hi(t) ? t[Ns(0, t.length, e)] : t;
 }
-function Ns(t, e) {
+function Rs(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function mi(t, e) {
+function fi(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-function Rs(t, e, n) {
+function Os(t, e, n) {
   for (let r = 0; r < t.length; r++) {
     const i = t[r];
-    i.at > e && i.at < n && (mi(t, i), r--);
+    i.at > e && i.at < n && (fi(t, i), r--);
   }
 }
-function Os(t, e, n, r, i, s) {
-  Rs(t, i, s);
+function js(t, e, n, r, i, s) {
+  Os(t, i, s);
   for (let a = 0; a < e.length; a++)
     t.push({
       value: e[a],
       at: lt(i, s, r[a]),
-      easing: pi(n, a)
+      easing: mi(n, a)
     });
 }
-function js(t, e) {
+function qs(t, e) {
   for (let n = 0; n < t.length; n++)
     t[n] = t[n] / (e + 1);
 }
-function qs(t, e) {
+function Ks(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
 const H = (t) => !!(t && t.getVelocity), Xt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const r = e - t;
   return r === 0 ? 1 : (n - t) / r;
 };
-function fi(t, e) {
+function gi(t, e) {
   const n = t[t.length - 1];
   for (let r = 1; r <= e; r++) {
     const i = /* @__PURE__ */ Xt(0, e, r);
     t.push(lt(n, 1, i));
   }
 }
-function gi(t) {
+function yi(t) {
   const e = [0];
-  return fi(e, t.length - 1), e;
+  return gi(e, t.length - 1), e;
 }
 function Qt(t) {
   return typeof t == "function" && "applyToOptions" in t;
@@ -342,7 +342,7 @@ function en(t) {
   return e >= Ct ? 1 / 0 : e;
 }
 const ne = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, le = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function yi(t, e = 100, n) {
+function vi(t, e = 100, n) {
   const r = n(M(L({}, t), { keyframes: [0, e] })), i = Math.min(en(r), Ct);
   return {
     type: "keyframes",
@@ -359,126 +359,126 @@ process.env.NODE_ENV !== "production" && (ct = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-const Ks = "easeInOut", Bs = 20;
-function Fs(t, s = {}, r, i) {
+const Bs = "easeInOut", Fs = 20;
+function zs(t, s = {}, r, i) {
   var a = s, { defaultTransition: e = {} } = a, n = te(a, ["defaultTransition"]);
-  const o = e.duration || 0.3, c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = {}, h = /* @__PURE__ */ new Map();
-  let m = 0, f = 0, p = 0;
+  const o = e.duration || 0.3, c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = {}, p = /* @__PURE__ */ new Map();
+  let h = 0, f = 0, m = 0;
   for (let g = 0; g < t.length; g++) {
     const y = t[g];
     if (typeof y == "string") {
-      h.set(y, f);
+      p.set(y, f);
       continue;
     } else if (!Array.isArray(y)) {
-      h.set(y.name, Er(f, y.at, m, h));
+      p.set(y.name, Lr(f, y.at, h, p));
       continue;
     }
     let [b, A, k = {}] = y;
-    k.at !== void 0 && (f = Er(f, k.at, m, h));
+    k.at !== void 0 && (f = Lr(f, k.at, h, p));
     let V = 0;
     const C = (I, S, x, P = 0, R = 0) => {
-      const N = zs(I), ve = S, { delay: ae = 0, times: G = gi(N), type: oe = "keyframes", repeat: J, repeatType: Te, repeatDelay: Ae = 0 } = ve, Ce = te(ve, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
+      const N = $s(I), ve = S, { delay: ae = 0, times: G = yi(N), type: oe = "keyframes", repeat: J, repeatType: Te, repeatDelay: Ae = 0 } = ve, Ce = te(ve, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: Z = e.ease || "easeOut", duration: K } = S;
-      const he = typeof ae == "function" ? ae(P, R) : ae, pe = N.length, me = Qt(oe) ? oe : i == null ? void 0 : i[oe];
-      if (pe <= 2 && me) {
+      const pe = typeof ae == "function" ? ae(P, R) : ae, he = N.length, me = Qt(oe) ? oe : i == null ? void 0 : i[oe];
+      if (he <= 2 && me) {
         let X = 100;
-        if (pe === 2 && Us(N)) {
+        if (he === 2 && Hs(N)) {
           const Q = N[1] - N[0];
           X = Math.abs(Q);
         }
         const re = L({}, Ce);
         K !== void 0 && (re.duration = /* @__PURE__ */ ne(K));
-        const ie = yi(re, X, me);
+        const ie = vi(re, X, me);
         Z = ie.ease, K = ie.duration;
       }
       K != null || (K = o);
-      const fe = f + he;
+      const fe = f + pe;
       G.length === 1 && G[0] === 0 && (G[1] = 1);
       const ge = G.length - N.length;
-      if (ge > 0 && fi(G, ge), N.length === 1 && N.unshift(null), J) {
-        ce(J < Bs, "Repeat count too high, must be less than 20"), K = Ps(K, J);
+      if (ge > 0 && gi(G, ge), N.length === 1 && N.unshift(null), J) {
+        ce(J < Fs, "Repeat count too high, must be less than 20"), K = Ds(K, J);
         const X = [...N], re = [...G];
         Z = Array.isArray(Z) ? [...Z] : [Z];
         const ie = [...Z];
         for (let Q = 0; Q < J; Q++) {
           N.push(...X);
           for (let ee = 0; ee < X.length; ee++)
-            G.push(re[ee] + (Q + 1)), Z.push(ee === 0 ? "linear" : pi(ie, ee - 1));
+            G.push(re[ee] + (Q + 1)), Z.push(ee === 0 ? "linear" : mi(ie, ee - 1));
         }
-        js(G, J);
+        qs(G, J);
       }
       const ye = fe + K;
-      Os(x, N, Z, G, fe, ye), V = Math.max(he + K, V), p = Math.max(ye, p);
+      js(x, N, Z, G, fe, ye), V = Math.max(pe + K, V), m = Math.max(ye, m);
     };
     if (H(b)) {
-      const I = Lr(b, u);
-      C(A, k, Tr("default", I));
+      const I = Tr(b, u);
+      C(A, k, Ar("default", I));
     } else {
-      const I = ui(b, A, r, d), S = I.length;
+      const I = pi(b, A, r, d), S = I.length;
       for (let x = 0; x < S; x++) {
         A = A, k = k;
-        const P = I[x], R = Lr(P, u);
+        const P = I[x], R = Tr(P, u);
         for (const N in A)
-          C(A[N], $s(k, N), Tr(N, R), x, S);
+          C(A[N], Gs(k, N), Ar(N, R), x, S);
       }
     }
-    m = f, f += V;
+    h = f, f += V;
   }
   return u.forEach((g, y) => {
     for (const b in g) {
       const A = g[b];
-      A.sort(qs);
+      A.sort(Ks);
       const k = [], V = [], C = [];
       for (let S = 0; S < A.length; S++) {
         const { at: x, value: P, easing: R } = A[S];
-        k.push(P), V.push(/* @__PURE__ */ Xt(0, p, x)), C.push(R || "easeOut");
+        k.push(P), V.push(/* @__PURE__ */ Xt(0, m, x)), C.push(R || "easeOut");
       }
-      V[0] !== 0 && (V.unshift(0), k.unshift(k[0]), C.unshift(Ks)), V[V.length - 1] !== 1 && (V.push(1), k.push(null)), c.has(y) || c.set(y, {
+      V[0] !== 0 && (V.unshift(0), k.unshift(k[0]), C.unshift(Bs)), V[V.length - 1] !== 1 && (V.push(1), k.push(null)), c.has(y) || c.set(y, {
         keyframes: {},
         transition: {}
       });
       const I = c.get(y);
       I.keyframes[b] = k, I.transition[b] = L(M(L({}, e), {
-        duration: p,
+        duration: m,
         ease: C,
         times: V
       }), n);
     }
   }), c;
 }
-function Lr(t, e) {
+function Tr(t, e) {
   return !e.has(t) && e.set(t, {}), e.get(t);
 }
-function Tr(t, e) {
+function Ar(t, e) {
   return e[t] || (e[t] = []), e[t];
 }
-function zs(t) {
+function $s(t) {
   return Array.isArray(t) ? t : [t];
 }
-function $s(t, e) {
+function Gs(t, e) {
   return t && t[e] ? L(L({}, t), t[e]) : L({}, t);
 }
-const Gs = (t) => typeof t == "number", Us = (t) => t.every(Gs), rt = /* @__PURE__ */ new WeakMap(), Hs = (t) => Array.isArray(t);
-function Ar(t) {
+const Us = (t) => typeof t == "number", Hs = (t) => t.every(Us), rt = /* @__PURE__ */ new WeakMap(), Zs = (t) => Array.isArray(t);
+function Vr(t) {
   const e = [{}, {}];
   return t == null || t.values.forEach((n, r) => {
     e[0][r] = n.get(), e[1][r] = n.getVelocity();
   }), e;
 }
-function vi(t, e, n, r) {
+function bi(t, e, n, r) {
   if (typeof e == "function") {
-    const [i, s] = Ar(r);
+    const [i, s] = Vr(r);
     e = e(n !== void 0 ? n : t.custom, i, s);
   }
   if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [i, s] = Ar(r);
+    const [i, s] = Vr(r);
     e = e(n !== void 0 ? n : t.custom, i, s);
   }
   return e;
 }
-function Zs(t, e, n) {
+function Ys(t, e, n) {
   const r = t.getProps();
-  return vi(r, e, r.custom, t);
+  return bi(r, e, r.custom, t);
 }
 const mt = [
   "setup",
@@ -498,7 +498,7 @@ const mt = [
   "postRender"
   // Compute
 ];
-function Ys(t, e) {
+function Ws(t, e) {
   let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = !1, s = !1;
   const a = /* @__PURE__ */ new WeakSet();
   let o = {
@@ -513,9 +513,9 @@ function Ys(t, e) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (d, h = !1, m = !1) => {
-      const p = m && i ? n : r;
-      return h && a.add(d), p.has(d) || p.add(d), d;
+    schedule: (d, p = !1, h = !1) => {
+      const m = h && i ? n : r;
+      return p && a.add(d), m.has(d) || m.add(d), d;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -536,16 +536,16 @@ function Ys(t, e) {
   };
   return u;
 }
-const de = {}, Ws = 40;
-function Js(t, e) {
+const de = {}, Js = 40;
+function Xs(t, e) {
   let n = !1, r = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, a = mt.reduce((k, V) => (k[V] = Ys(s), k), {}), { setup: o, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: m, render: f, postRender: p } = a, g = () => {
+  }, s = () => n = !0, a = mt.reduce((k, V) => (k[V] = Ws(s), k), {}), { setup: o, read: c, resolveKeyframes: u, preUpdate: d, update: p, preRender: h, render: f, postRender: m } = a, g = () => {
     const k = de.useManualTiming ? i.timestamp : performance.now();
-    n = !1, de.useManualTiming || (i.delta = r ? 1e3 / 60 : Math.max(Math.min(k - i.timestamp, Ws), 1)), i.timestamp = k, i.isProcessing = !0, o.process(i), c.process(i), u.process(i), d.process(i), h.process(i), m.process(i), f.process(i), p.process(i), i.isProcessing = !1, n && e && (r = !1, t(g));
+    n = !1, de.useManualTiming || (i.delta = r ? 1e3 / 60 : Math.max(Math.min(k - i.timestamp, Js), 1)), i.timestamp = k, i.isProcessing = !0, o.process(i), c.process(i), u.process(i), d.process(i), p.process(i), h.process(i), f.process(i), m.process(i), i.isProcessing = !1, n && e && (r = !1, t(g));
   }, y = () => {
     n = !0, r = !0, i.isProcessing || t(g);
   };
@@ -557,26 +557,26 @@ function Js(t, e) {
       a[mt[V]].cancel(k);
   }, state: i, steps: a };
 }
-const Pe = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: ue, cancel: Dt, state: xt } = /* @__PURE__ */ Js(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : Pe, !0);
+const Pe = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: ue, cancel: Dt, state: xt } = /* @__PURE__ */ Xs(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : Pe, !0);
 let bt;
-function Xs() {
+function Qs() {
   bt = void 0;
 }
 const W = {
   now: () => (bt === void 0 && W.set(xt.isProcessing || de.useManualTiming ? xt.timestamp : performance.now()), bt),
   set: (t) => {
-    bt = t, queueMicrotask(Xs);
+    bt = t, queueMicrotask(Qs);
   }
-}, Vr = /* @__PURE__ */ new Set();
-function bi(t, e, n) {
-  t || Vr.has(e) || (console.warn(e), Vr.add(e));
+}, Ir = /* @__PURE__ */ new Set();
+function Ci(t, e, n) {
+  t || Ir.has(e) || (console.warn(e), Ir.add(e));
 }
-class Ci {
+class xi {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return Ns(this.subscriptions, e), () => mi(this.subscriptions, e);
+    return Rs(this.subscriptions, e), () => fi(this.subscriptions, e);
   }
   notify(e, n, r) {
     const i = this.subscriptions.length;
@@ -596,11 +596,11 @@ class Ci {
     this.subscriptions.length = 0;
   }
 }
-function xi(t, e) {
+function wi(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Ir = 30, Qs = (t) => !isNaN(parseFloat(t));
-class ea {
+const Sr = 30, ea = (t) => !isNaN(parseFloat(t));
+class ta {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -618,7 +618,7 @@ class ea {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = W.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Qs(this.current));
+    this.current = e, this.updatedAt = W.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ea(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -664,10 +664,10 @@ class ea {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && bi(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && Ci(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new Ci());
+    this.events[e] || (this.events[e] = new xi());
     const r = this.events[e].add(n);
     return e === "change" ? () => {
       r(), ue.read(() => {
@@ -748,10 +748,10 @@ class ea {
    */
   getVelocity() {
     const e = W.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Ir)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Sr)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Ir);
-    return xi(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Sr);
+    return wi(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -804,41 +804,41 @@ class ea {
   }
 }
 function it(t, e) {
-  return new ea(t, e);
+  return new ta(t, e);
 }
-function ta(t, e, n) {
+function na(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, it(n));
 }
-function na(t) {
-  return Hs(t) ? t[t.length - 1] || 0 : t;
+function ra(t) {
+  return Zs(t) ? t[t.length - 1] || 0 : t;
 }
-function ra(t, e) {
-  let a = Zs(t, e) || {}, { transitionEnd: r = {}, transition: i = {} } = a, s = te(a, ["transitionEnd", "transition"]);
+function ia(t, e) {
+  let a = Ys(t, e) || {}, { transitionEnd: r = {}, transition: i = {} } = a, s = te(a, ["transitionEnd", "transition"]);
   s = L(L({}, s), r);
   for (const o in s) {
-    const c = na(s[o]);
-    ta(t, o, c);
+    const c = ra(s[o]);
+    na(t, o, c);
   }
 }
-function ia(t) {
+function sa(t) {
   return !!(H(t) && t.add);
 }
-function sa(t, e) {
+function aa(t, e) {
   const n = t.getValue("willChange");
-  if (ia(n))
+  if (sa(n))
     return n.add(e);
   if (!n && de.WillChange) {
     const r = new de.WillChange("auto");
     t.addValue("willChange", r), r.add(e);
   }
 }
-const tn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), aa = "framerAppearId", oa = "data-" + tn(aa);
-function la(t) {
-  return t.props[oa];
+const tn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), oa = "framerAppearId", la = "data-" + tn(oa);
+function ca(t) {
+  return t.props[la];
 }
-const ca = (t) => t !== null;
-function da(t, { repeat: e, repeatType: n = "loop" }, r) {
-  const i = t.filter(ca), s = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+const da = (t) => t !== null;
+function ua(t, { repeat: e, repeatType: n = "loop" }, r) {
+  const i = t.filter(da), s = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[s];
 }
 const De = [
@@ -859,7 +859,7 @@ const De = [
   "skew",
   "skewX",
   "skewY"
-], Ne = new Set(De), ua = {
+], Ne = new Set(De), pa = {
   type: "spring",
   stiffness: 500,
   damping: 25,
@@ -869,23 +869,23 @@ const De = [
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), pa = {
+}), ma = {
   type: "keyframes",
   duration: 0.8
-}, ma = {
+}, fa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, fa = (t, { keyframes: e }) => e.length > 2 ? pa : Ne.has(t) ? t.startsWith("scale") ? ha(e[1]) : ua : ma;
-function ga(h) {
-  var m = h, { when: t, delay: e, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: a, repeatDelay: o, from: c, elapsed: u } = m, d = te(m, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
+}, ga = (t, { keyframes: e }) => e.length > 2 ? ma : Ne.has(t) ? t.startsWith("scale") ? ha(e[1]) : pa : fa;
+function ya(p) {
+  var h = p, { when: t, delay: e, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: a, repeatDelay: o, from: c, elapsed: u } = h, d = te(h, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(d).length;
 }
-function wi(t, e) {
+function ki(t, e) {
   var n, r;
   return (r = (n = t == null ? void 0 : t[e]) != null ? n : t == null ? void 0 : t.default) != null ? r : t;
 }
-const ki = (t) => (e) => typeof e == "string" && e.startsWith(t), Ei = /* @__PURE__ */ ki("--"), ya = /* @__PURE__ */ ki("var(--"), nn = (t) => ya(t) ? va.test(t.split("/*")[0].trim()) : !1, va = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Le = (t, e, n) => n > e ? e : n < t ? t : n, Re = {
+const Ei = (t) => (e) => typeof e == "string" && e.startsWith(t), Li = /* @__PURE__ */ Ei("--"), va = /* @__PURE__ */ Ei("var(--"), nn = (t) => va(t) ? ba.test(t.split("/*")[0].trim()) : !1, ba = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Le = (t, e, n) => n > e ? e : n < t ? t : n, Re = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
@@ -894,10 +894,10 @@ const ki = (t) => (e) => typeof e == "string" && e.startsWith(t), Ei = /* @__PUR
 }), ft = M(L({}, Re), {
   default: 1
 }), nt = (t) => Math.round(t * 1e5) / 1e5, rn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function ba(t) {
+function Ca(t) {
   return t == null;
 }
-const Ca = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, sn = (t, e) => (n) => !!(typeof n == "string" && Ca.test(n) && n.startsWith(t) || e && !ba(n) && Object.prototype.hasOwnProperty.call(n, e)), Li = (t, e, n) => (r) => {
+const xa = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, sn = (t, e) => (n) => !!(typeof n == "string" && xa.test(n) && n.startsWith(t) || e && !Ca(n) && Object.prototype.hasOwnProperty.call(n, e)), Ti = (t, e, n) => (r) => {
   if (typeof r != "string")
     return r;
   const [i, s, a, o] = r.match(rn);
@@ -907,14 +907,14 @@ const Ca = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(a),
     alpha: o !== void 0 ? parseFloat(o) : 1
   };
-}, xa = (t) => Le(0, 255, t), Tt = M(L({}, Re), {
-  transform: (t) => Math.round(xa(t))
+}, wa = (t) => Le(0, 255, t), Tt = M(L({}, Re), {
+  transform: (t) => Math.round(wa(t))
 }), xe = {
   test: /* @__PURE__ */ sn("rgb", "red"),
-  parse: /* @__PURE__ */ Li("red", "green", "blue"),
+  parse: /* @__PURE__ */ Ti("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: r = 1 }) => "rgba(" + Tt.transform(t) + ", " + Tt.transform(e) + ", " + Tt.transform(n) + ", " + nt(st.transform(r)) + ")"
 };
-function wa(t) {
+function ka(t) {
   let e = "", n = "", r = "", i = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), r = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), r = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, r += r, i += i), {
     red: parseInt(e, 16),
@@ -925,29 +925,29 @@ function wa(t) {
 }
 const Nt = {
   test: /* @__PURE__ */ sn("#"),
-  parse: wa,
+  parse: ka,
   transform: xe.transform
 }, dt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), be = /* @__PURE__ */ dt("deg"), Me = /* @__PURE__ */ dt("%"), E = /* @__PURE__ */ dt("px"), ka = /* @__PURE__ */ dt("vh"), Ea = /* @__PURE__ */ dt("vw"), Sr = M(L({}, Me), {
+}), be = /* @__PURE__ */ dt("deg"), Me = /* @__PURE__ */ dt("%"), E = /* @__PURE__ */ dt("px"), Ea = /* @__PURE__ */ dt("vh"), La = /* @__PURE__ */ dt("vw"), Mr = M(L({}, Me), {
   parse: (t) => Me.parse(t) / 100,
   transform: (t) => Me.transform(t * 100)
 }), Ie = {
   test: /* @__PURE__ */ sn("hsl", "hue"),
-  parse: /* @__PURE__ */ Li("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ Ti("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + Me.transform(nt(e)) + ", " + Me.transform(nt(n)) + ", " + nt(st.transform(r)) + ")"
 }, F = {
   test: (t) => xe.test(t) || Nt.test(t) || Ie.test(t),
   parse: (t) => xe.test(t) ? xe.parse(t) : Ie.test(t) ? Ie.parse(t) : Nt.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? xe.transform(t) : Ie.transform(t)
-}, La = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Ta(t) {
+}, Ta = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Aa(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(rn)) == null ? void 0 : e.length) || 0) + (((n = t.match(La)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(rn)) == null ? void 0 : e.length) || 0) + (((n = t.match(Ta)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Ti = "number", Ai = "color", Aa = "var", Va = "var(", Mr = "${}", Ia = /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 Ai = "number", Vi = "color", Va = "var", Ia = "var(", _r = "${}", 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 at(t) {
   const e = t.toString(), n = [], r = {
     color: [],
@@ -955,39 +955,39 @@ function at(t) {
     var: []
   }, i = [];
   let s = 0;
-  const o = e.replace(Ia, (c) => (F.test(c) ? (r.color.push(s), i.push(Ai), n.push(F.parse(c))) : c.startsWith(Va) ? (r.var.push(s), i.push(Aa), n.push(c)) : (r.number.push(s), i.push(Ti), n.push(parseFloat(c))), ++s, Mr)).split(Mr);
+  const o = e.replace(Sa, (c) => (F.test(c) ? (r.color.push(s), i.push(Vi), n.push(F.parse(c))) : c.startsWith(Ia) ? (r.var.push(s), i.push(Va), n.push(c)) : (r.number.push(s), i.push(Ai), n.push(parseFloat(c))), ++s, _r)).split(_r);
   return { values: n, split: o, indexes: r, types: i };
 }
-function Vi(t) {
+function Ii(t) {
   return at(t).values;
 }
-function Ii(t) {
+function Si(t) {
   const { split: e, types: n } = at(t), r = e.length;
   return (i) => {
     let s = "";
     for (let a = 0; a < r; a++)
       if (s += e[a], i[a] !== void 0) {
         const o = n[a];
-        o === Ti ? s += nt(i[a]) : o === Ai ? s += F.transform(i[a]) : s += i[a];
+        o === Ai ? s += nt(i[a]) : o === Vi ? s += F.transform(i[a]) : s += i[a];
       }
     return s;
   };
 }
-const Sa = (t) => typeof t == "number" ? 0 : t;
-function Ma(t) {
-  const e = Vi(t);
-  return Ii(t)(e.map(Sa));
+const Ma = (t) => typeof t == "number" ? 0 : t;
+function _a(t) {
+  const e = Ii(t);
+  return Si(t)(e.map(Ma));
 }
 const Oe = {
-  test: Ta,
-  parse: Vi,
-  createTransformer: Ii,
-  getAnimatableNone: Ma
+  test: Aa,
+  parse: Ii,
+  createTransformer: Si,
+  getAnimatableNone: _a
 };
 function At(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function _a({ hue: t, saturation: e, lightness: n, alpha: r }) {
+function Pa({ hue: t, saturation: e, lightness: n, alpha: r }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, s = 0, a = 0;
   if (!e)
@@ -1009,32 +1009,32 @@ function wt(t, e) {
 const Vt = (t, e, n) => {
   const r = t * t, i = n * (e * e - r) + r;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Pa = [Nt, xe, Ie], Da = (t) => Pa.find((e) => e.test(t));
-function _r(t) {
-  const e = Da(t);
+}, Da = [Nt, xe, Ie], Na = (t) => Da.find((e) => e.test(t));
+function Pr(t) {
+  const e = Na(t);
   if (ct(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let n = e.parse(t);
-  return e === Ie && (n = _a(n)), n;
+  return e === Ie && (n = Pa(n)), n;
 }
-const Pr = (t, e) => {
-  const n = _r(t), r = _r(e);
+const Dr = (t, e) => {
+  const n = Pr(t), r = Pr(e);
   if (!n || !r)
     return wt(t, e);
   const i = L({}, n);
   return (s) => (i.red = Vt(n.red, r.red, s), i.green = Vt(n.green, r.green, s), i.blue = Vt(n.blue, r.blue, s), i.alpha = lt(n.alpha, r.alpha, s), xe.transform(i));
 }, Rt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Na(t, e) {
+function Ra(t, e) {
   return Rt.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-const Ra = (t, e) => (n) => e(t(n)), an = (...t) => t.reduce(Ra);
-function Oa(t, e) {
+const Oa = (t, e) => (n) => e(t(n)), an = (...t) => t.reduce(Oa);
+function ja(t, e) {
   return (n) => lt(t, e, n);
 }
 function on(t) {
-  return typeof t == "number" ? Oa : typeof t == "string" ? nn(t) ? wt : F.test(t) ? Pr : Ka : Array.isArray(t) ? Si : typeof t == "object" ? F.test(t) ? Pr : ja : wt;
+  return typeof t == "number" ? ja : typeof t == "string" ? nn(t) ? wt : F.test(t) ? Dr : Ba : Array.isArray(t) ? Mi : typeof t == "object" ? F.test(t) ? Dr : qa : wt;
 }
-function Si(t, e) {
+function Mi(t, e) {
   const n = [...t], r = n.length, i = t.map((s, a) => on(s)(s, e[a]));
   return (s) => {
     for (let a = 0; a < r; a++)
@@ -1042,7 +1042,7 @@ function Si(t, e) {
     return n;
   };
 }
-function ja(t, e) {
+function qa(t, e) {
   const n = L(L({}, t), e), r = {};
   for (const i in n)
     t[i] !== void 0 && e[i] !== void 0 && (r[i] = on(t[i])(t[i], e[i]));
@@ -1052,7 +1052,7 @@ function ja(t, e) {
     return n;
   };
 }
-function qa(t, e) {
+function Ka(t, e) {
   var i;
   const n = [], r = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < e.values.length; s++) {
@@ -1061,14 +1061,14 @@ function qa(t, e) {
   }
   return n;
 }
-const Ka = (t, e) => {
+const Ba = (t, e) => {
   const n = Oe.createTransformer(e), r = at(t), i = at(e);
-  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? Rt.has(t) && !i.values.length || Rt.has(e) && !r.values.length ? Na(t, e) : an(Si(qa(r, i), i.values), n) : (ct(!0, `Complex values '${t}' 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.`), wt(t, e));
+  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? Rt.has(t) && !i.values.length || Rt.has(e) && !r.values.length ? Ra(t, e) : an(Mi(Ka(r, i), i.values), n) : (ct(!0, `Complex values '${t}' 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.`), wt(t, e));
 };
-function Mi(t, e, n) {
+function _i(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? lt(t, e, n) : on(t)(t, e);
 }
-const Ba = (t) => {
+const Fa = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => ue.update(e, n),
@@ -1079,16 +1079,16 @@ const Ba = (t) => {
      */
     now: () => xt.isProcessing ? xt.timestamp : W.now()
   };
-}, _i = (t, e, n = 10) => {
+}, Pi = (t, e, n = 10) => {
   let r = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let s = 0; s < i; s++)
     r += t(s / (i - 1)) + ", ";
   return `linear(${r.substring(0, r.length - 2)})`;
-}, Fa = 5;
-function Pi(t, e, n) {
-  const r = Math.max(e - Fa, 0);
-  return xi(n - t(r), e - r);
+}, za = 5;
+function Di(t, e, n) {
+  const r = Math.max(e - za, 0);
+  return wi(n - t(r), e - r);
 }
 const D = {
   // Default spring physics
@@ -1118,25 +1118,25 @@ const D = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Dr = 1e-3;
-function za({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.velocity, mass: r = D.mass }) {
+}, Nr = 1e-3;
+function $a({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.velocity, mass: r = D.mass }) {
   let i, s;
   ct(t <= /* @__PURE__ */ ne(D.maxDuration), "Spring duration must be 10 seconds or less");
   let a = 1 - e;
   a = Le(D.minDamping, D.maxDamping, a), t = Le(D.minDuration, D.maxDuration, /* @__PURE__ */ le(t)), a < 1 ? (i = (u) => {
-    const d = u * a, h = d * t, m = d - n, f = Ot(u, a), p = Math.exp(-h);
-    return Dr - m / f * p;
+    const d = u * a, p = d * t, h = d - n, f = Ot(u, a), m = Math.exp(-p);
+    return Nr - h / f * m;
   }, s = (u) => {
-    const h = u * a * t, m = h * n + n, f = Math.pow(a, 2) * Math.pow(u, 2) * t, p = Math.exp(-h), g = Ot(Math.pow(u, 2), a);
-    return (-i(u) + Dr > 0 ? -1 : 1) * ((m - f) * p) / g;
+    const p = u * a * t, h = p * n + n, f = Math.pow(a, 2) * Math.pow(u, 2) * t, m = Math.exp(-p), g = Ot(Math.pow(u, 2), a);
+    return (-i(u) + Nr > 0 ? -1 : 1) * ((h - f) * m) / g;
   }) : (i = (u) => {
-    const d = Math.exp(-u * t), h = (u - n) * t + 1;
-    return -1e-3 + d * h;
+    const d = Math.exp(-u * t), p = (u - n) * t + 1;
+    return -1e-3 + d * p;
   }, s = (u) => {
-    const d = Math.exp(-u * t), h = (n - u) * (t * t);
-    return d * h;
+    const d = Math.exp(-u * t), p = (n - u) * (t * t);
+    return d * p;
   });
-  const o = 5 / t, c = Ga(i, s, o);
+  const o = 5 / t, c = Ua(i, s, o);
   if (t = /* @__PURE__ */ ne(t), isNaN(c))
     return {
       stiffness: D.stiffness,
@@ -1152,21 +1152,21 @@ function za({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.ve
     };
   }
 }
-const $a = 12;
-function Ga(t, e, n) {
+const Ga = 12;
+function Ua(t, e, n) {
   let r = n;
-  for (let i = 1; i < $a; i++)
+  for (let i = 1; i < Ga; i++)
     r = r - t(r) / e(r);
   return r;
 }
 function Ot(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Ua = ["duration", "bounce"], Ha = ["stiffness", "damping", "mass"];
-function Nr(t, e) {
+const Ha = ["duration", "bounce"], Za = ["stiffness", "damping", "mass"];
+function Rr(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Za(t) {
+function Ya(t) {
   let e = L({
     velocity: D.velocity,
     stiffness: D.stiffness,
@@ -1174,7 +1174,7 @@ function Za(t) {
     mass: D.mass,
     isResolvedFromDuration: !1
   }, t);
-  if (!Nr(t, Ha) && Nr(t, Ua))
+  if (!Rr(t, Za) && Rr(t, Ha))
     if (t.visualDuration) {
       const n = t.visualDuration, r = 2 * Math.PI / (n * 1.2), i = r * r, s = 2 * Le(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = M(L({}, e), {
@@ -1183,7 +1183,7 @@ function Za(t) {
         damping: s
       });
     } else {
-      const n = za(t);
+      const n = $a(t);
       e = M(L(L({}, e), n), {
         mass: D.mass
       }), e.isResolvedFromDuration = !0;
@@ -1197,42 +1197,42 @@ function ot(t = D.visualDuration, e = D.bounce) {
     bounce: e
   } : t;
   let { restSpeed: r, restDelta: i } = n;
-  const s = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], o = { done: !1, value: s }, { stiffness: c, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: f } = Za(M(L({}, n), {
+  const s = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], o = { done: !1, value: s }, { stiffness: c, damping: u, mass: d, duration: p, velocity: h, isResolvedFromDuration: f } = Ya(M(L({}, n), {
     velocity: -/* @__PURE__ */ le(n.velocity || 0)
-  })), p = m || 0, g = u / (2 * Math.sqrt(c * d)), y = a - s, b = /* @__PURE__ */ le(Math.sqrt(c / d)), A = Math.abs(y) < 5;
+  })), m = h || 0, g = u / (2 * Math.sqrt(c * d)), y = a - s, b = /* @__PURE__ */ le(Math.sqrt(c / d)), A = Math.abs(y) < 5;
   r || (r = A ? D.restSpeed.granular : D.restSpeed.default), i || (i = A ? D.restDelta.granular : D.restDelta.default);
   let k;
   if (g < 1) {
     const C = Ot(b, g);
     k = (I) => {
       const S = Math.exp(-g * b * I);
-      return a - S * ((p + g * b * y) / C * Math.sin(C * I) + y * Math.cos(C * I));
+      return a - S * ((m + g * b * y) / C * Math.sin(C * I) + y * Math.cos(C * I));
     };
   } else if (g === 1)
-    k = (C) => a - Math.exp(-b * C) * (y + (p + b * y) * C);
+    k = (C) => a - Math.exp(-b * C) * (y + (m + b * y) * C);
   else {
     const C = b * Math.sqrt(g * g - 1);
     k = (I) => {
       const S = Math.exp(-g * b * I), x = Math.min(C * I, 300);
-      return a - S * ((p + g * b * y) * Math.sinh(x) + C * y * Math.cosh(x)) / C;
+      return a - S * ((m + g * b * y) * Math.sinh(x) + C * y * Math.cosh(x)) / C;
     };
   }
   const V = {
-    calculatedDuration: f && h || null,
+    calculatedDuration: f && p || null,
     next: (C) => {
       const I = k(C);
       if (f)
-        o.done = C >= h;
+        o.done = C >= p;
       else {
-        let S = C === 0 ? p : 0;
-        g < 1 && (S = C === 0 ? /* @__PURE__ */ ne(p) : Pi(k, C, I));
+        let S = C === 0 ? m : 0;
+        g < 1 && (S = C === 0 ? /* @__PURE__ */ ne(m) : Di(k, C, I));
         const x = Math.abs(S) <= r, P = Math.abs(a - I) <= i;
         o.done = x && P;
       }
       return o.value = o.done ? a : I, o;
     },
     toString: () => {
-      const C = Math.min(en(V), Ct), I = _i((S) => V.next(C * S).value, C, 30);
+      const C = Math.min(en(V), Ct), I = Pi((S) => V.next(C * S).value, C, 30);
       return C + "ms " + I;
     },
     toTransition: () => {
@@ -1241,26 +1241,26 @@ function ot(t = D.visualDuration, e = D.bounce) {
   return V;
 }
 ot.applyToOptions = (t) => {
-  const e = yi(t, 100, ot);
+  const e = vi(t, 100, ot);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ ne(e.duration), t.type = "keyframes", t;
 };
 function jt({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: i = 10, bounceStiffness: s = 500, modifyTarget: a, min: o, max: c, restDelta: u = 0.5, restSpeed: d }) {
-  const h = t[0], m = {
+  const p = t[0], h = {
     done: !1,
-    value: h
-  }, f = (x) => o !== void 0 && x < o || c !== void 0 && x > c, p = (x) => o === void 0 ? c : c === void 0 || Math.abs(o - x) < Math.abs(c - x) ? o : c;
+    value: p
+  }, f = (x) => o !== void 0 && x < o || c !== void 0 && x > c, m = (x) => o === void 0 ? c : c === void 0 || Math.abs(o - x) < Math.abs(c - x) ? o : c;
   let g = n * e;
-  const y = h + g, b = a === void 0 ? y : a(y);
-  b !== y && (g = b - h);
+  const y = p + g, b = a === void 0 ? y : a(y);
+  b !== y && (g = b - p);
   const A = (x) => -g * Math.exp(-x / r), k = (x) => b + A(x), V = (x) => {
     const P = A(x), R = k(x);
-    m.done = Math.abs(P) <= u, m.value = m.done ? b : R;
+    h.done = Math.abs(P) <= u, h.value = h.done ? b : R;
   };
   let C, I;
   const S = (x) => {
-    f(m.value) && (C = x, I = ot({
-      keyframes: [m.value, p(m.value)],
-      velocity: Pi(k, x, m.value),
+    f(h.value) && (C = x, I = ot({
+      keyframes: [h.value, m(h.value)],
+      velocity: Di(k, x, h.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: s,
@@ -1272,12 +1272,12 @@ function jt({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
     calculatedDuration: null,
     next: (x) => {
       let P = !1;
-      return !I && C === void 0 && (P = !0, V(x), S(x)), C !== void 0 && x >= C ? I.next(x - C) : (!P && V(x), m);
+      return !I && C === void 0 && (P = !0, V(x), S(x)), C !== void 0 && x >= C ? I.next(x - C) : (!P && V(x), h);
     }
   };
 }
-function Ya(t, e, n) {
-  const r = [], i = n || de.mix || Mi, s = t.length - 1;
+function Wa(t, e, n) {
+  const r = [], i = n || de.mix || _i, s = t.length - 1;
   for (let a = 0; a < s; a++) {
     let o = i(t[a], t[a + 1]);
     if (e) {
@@ -1288,7 +1288,7 @@ function Ya(t, e, n) {
   }
   return r;
 }
-function Wa(t, e, { clamp: n = !0, ease: r, mixer: i } = {}) {
+function Ja(t, e, { clamp: n = !0, ease: r, mixer: i } = {}) {
   const s = t.length;
   if (ce(s === e.length, "Both input and output ranges must be the same length"), s === 1)
     return () => e[0];
@@ -1296,90 +1296,90 @@ function Wa(t, e, { clamp: n = !0, ease: r, mixer: i } = {}) {
     return () => e[1];
   const a = t[0] === t[1];
   t[0] > t[s - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const o = Ya(e, r, i), c = o.length, u = (d) => {
+  const o = Wa(e, r, i), c = o.length, u = (d) => {
     if (a && d < t[0])
       return e[0];
-    let h = 0;
+    let p = 0;
     if (c > 1)
-      for (; h < t.length - 2 && !(d < t[h + 1]); h++)
+      for (; p < t.length - 2 && !(d < t[p + 1]); p++)
         ;
-    const m = /* @__PURE__ */ Xt(t[h], t[h + 1], d);
-    return o[h](m);
+    const h = /* @__PURE__ */ Xt(t[p], t[p + 1], d);
+    return o[p](h);
   };
   return n ? (d) => u(Le(t[0], t[s - 1], d)) : u;
 }
-function Ja(t, e) {
+function Xa(t, e) {
   return t.map((n) => n * e);
 }
-const Di = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Xa = 1e-7, Qa = 12;
-function eo(t, e, n, r, i) {
+const Ni = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Qa = 1e-7, eo = 12;
+function to(t, e, n, r, i) {
   let s, a, o = 0;
   do
-    a = e + (n - e) / 2, s = Di(a, r, i) - t, s > 0 ? n = a : e = a;
-  while (Math.abs(s) > Xa && ++o < Qa);
+    a = e + (n - e) / 2, s = Ni(a, r, i) - t, s > 0 ? n = a : e = a;
+  while (Math.abs(s) > Qa && ++o < eo);
   return a;
 }
 function ut(t, e, n, r) {
   if (t === e && n === r)
     return Pe;
-  const i = (s) => eo(s, 0, 1, t, n);
-  return (s) => s === 0 || s === 1 ? s : Di(i(s), e, r);
+  const i = (s) => to(s, 0, 1, t, n);
+  return (s) => s === 0 || s === 1 ? s : Ni(i(s), e, r);
 }
-const to = /* @__PURE__ */ ut(0.42, 0, 1, 1), no = /* @__PURE__ */ ut(0, 0, 0.58, 1), Ni = /* @__PURE__ */ ut(0.42, 0, 0.58, 1), Ri = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Oi = (t) => (e) => 1 - t(1 - e), ji = /* @__PURE__ */ ut(0.33, 1.53, 0.69, 0.99), ln = /* @__PURE__ */ Oi(ji), qi = /* @__PURE__ */ Ri(ln), Ki = (t) => (t *= 2) < 1 ? 0.5 * ln(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), cn = (t) => 1 - Math.sin(Math.acos(t)), ro = Oi(cn), Bi = Ri(cn), Fi = (t) => Array.isArray(t) && typeof t[0] == "number", Rr = {
+const no = /* @__PURE__ */ ut(0.42, 0, 1, 1), ro = /* @__PURE__ */ ut(0, 0, 0.58, 1), Ri = /* @__PURE__ */ ut(0.42, 0, 0.58, 1), Oi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ji = (t) => (e) => 1 - t(1 - e), qi = /* @__PURE__ */ ut(0.33, 1.53, 0.69, 0.99), ln = /* @__PURE__ */ ji(qi), Ki = /* @__PURE__ */ Oi(ln), Bi = (t) => (t *= 2) < 1 ? 0.5 * ln(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), cn = (t) => 1 - Math.sin(Math.acos(t)), io = ji(cn), Fi = Oi(cn), zi = (t) => Array.isArray(t) && typeof t[0] == "number", Or = {
   linear: Pe,
-  easeIn: to,
-  easeInOut: Ni,
-  easeOut: no,
+  easeIn: no,
+  easeInOut: Ri,
+  easeOut: ro,
   circIn: cn,
-  circInOut: Bi,
-  circOut: ro,
+  circInOut: Fi,
+  circOut: io,
   backIn: ln,
-  backInOut: qi,
-  backOut: ji,
-  anticipate: Ki
-}, io = (t) => typeof t == "string", Or = (t) => {
-  if (Fi(t)) {
+  backInOut: Ki,
+  backOut: qi,
+  anticipate: Bi
+}, so = (t) => typeof t == "string", jr = (t) => {
+  if (zi(t)) {
     ce(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, r, i] = t;
     return ut(e, n, r, i);
-  } else if (io(t))
-    return ce(Rr[t] !== void 0, `Invalid easing type '${t}'`), Rr[t];
+  } else if (so(t))
+    return ce(Or[t] !== void 0, `Invalid easing type '${t}'`), Or[t];
   return t;
 };
-function so(t, e) {
-  return t.map(() => e || Ni).splice(0, t.length - 1);
+function ao(t, e) {
+  return t.map(() => e || Ri).splice(0, t.length - 1);
 }
 function Se({ duration: t = 300, keyframes: e, times: n, ease: r = "easeInOut" }) {
-  const i = hi(r) ? r.map(Or) : Or(r), s = {
+  const i = hi(r) ? r.map(jr) : jr(r), s = {
     done: !1,
     value: e[0]
-  }, a = Ja(
+  }, a = Xa(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : gi(e),
+    n && n.length === e.length ? n : yi(e),
     t
-  ), o = Wa(a, e, {
-    ease: Array.isArray(i) ? i : so(e, i)
+  ), o = Ja(a, e, {
+    ease: Array.isArray(i) ? i : ao(e, i)
   });
   return {
     calculatedDuration: t,
     next: (c) => (s.value = o(c), s.done = c >= t, s)
   };
 }
-const ao = (t) => t !== null;
+const oo = (t) => t !== null;
 function dn(t, { repeat: e, repeatType: n = "loop" }, r, i = 1) {
-  const s = t.filter(ao), o = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
+  const s = t.filter(oo), o = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return !o || r === void 0 ? s[o] : r;
 }
-const oo = {
+const lo = {
   decay: jt,
   inertia: jt,
   tween: Se,
   keyframes: Se,
   spring: ot
 };
-function zi(t) {
-  typeof t.type == "string" && (t.type = oo[t.type]);
+function $i(t) {
+  typeof t.type == "string" && (t.type = lo[t.type]);
 }
 class un {
   constructor() {
@@ -1405,8 +1405,8 @@ class un {
     return this.finished.then(e, n);
   }
 }
-const lo = (t) => t / 100;
-class hn extends un {
+const co = (t) => t / 100;
+class pn extends un {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var r, i;
@@ -1416,11 +1416,11 @@ class hn extends un {
   }
   initAnimation() {
     const { options: e } = this;
-    zi(e);
+    $i(e);
     const { type: n = Se, repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: a = 0 } = e;
     let { keyframes: o } = e;
     const c = n || Se;
-    process.env.NODE_ENV !== "production" && c !== Se && ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), c !== Se && typeof o[0] != "number" && (this.mixKeyframes = an(lo, Mi(o[0], o[1])), o = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== Se && ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), c !== Se && typeof o[0] != "number" && (this.mixKeyframes = an(co, _i(o[0], o[1])), o = [0, 100]);
     const u = c(M(L({}, e), { keyframes: o }));
     s === "mirror" && (this.mirroredGenerator = c(M(L({}, e), {
       keyframes: [...o].reverse(),
@@ -1437,22 +1437,22 @@ class hn extends un {
     const { generator: r, totalDuration: i, mixKeyframes: s, mirroredGenerator: a, resolvedDuration: o, calculatedDuration: c } = this;
     if (this.startTime === null)
       return r.next(0);
-    const { delay: u = 0, keyframes: d, repeat: h, repeatType: m, repeatDelay: f, type: p, onUpdate: g, finalKeyframe: y } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: p, repeatType: h, repeatDelay: f, type: m, onUpdate: g, finalKeyframe: y } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
     const b = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), A = this.playbackSpeed >= 0 ? b < 0 : b > i;
     this.currentTime = Math.max(b, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let k = this.currentTime, V = r;
-    if (h) {
+    if (p) {
       const x = Math.min(this.currentTime, i) / o;
       let P = Math.floor(x), R = x % 1;
-      !R && x >= 1 && (R = 1), R === 1 && P--, P = Math.min(P, h + 1), !!(P % 2) && (m === "reverse" ? (R = 1 - R, f && (R -= f / o)) : m === "mirror" && (V = a)), k = Le(0, 1, R) * o;
+      !R && x >= 1 && (R = 1), R === 1 && P--, P = Math.min(P, p + 1), !!(P % 2) && (h === "reverse" ? (R = 1 - R, f && (R -= f / o)) : h === "mirror" && (V = a)), k = Le(0, 1, R) * o;
     }
     const C = A ? { done: !1, value: d[0] } : V.next(k);
     s && (C.value = s(C.value));
     let { done: I } = C;
     !A && c !== null && (I = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const S = this.holdTime === null && (this.state === "finished" || this.state === "running" && I);
-    return S && p !== jt && (C.value = dn(d, this.options, y, this.speed)), g && g(C.value), S && this.finish(), C;
+    return S && m !== jt && (C.value = dn(d, this.options, y, this.speed)), g && g(C.value), S && this.finish(), C;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1484,7 +1484,7 @@ class hn extends un {
     var i, s;
     if (this.isStopped)
       return;
-    const { driver: e = Ba, startTime: n } = this.options;
+    const { driver: e = Fa, startTime: n } = this.options;
     this.driver || (this.driver = e((a) => this.tick(a))), (s = (i = this.options).onPlay) == null || s.call(i);
     const r = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = r) : this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime || (this.startTime = n != null ? n : r), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -1517,7 +1517,7 @@ class hn extends un {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), e.observe(this);
   }
 }
-function co(t) {
+function uo(t) {
   var e;
   for (let n = 1; n < t.length; n++)
     (e = t[n]) != null || (t[n] = t[n - 1]);
@@ -1525,7 +1525,7 @@ function co(t) {
 const we = (t) => t * 180 / Math.PI, qt = (t) => {
   const e = we(Math.atan2(t[1], t[0]));
   return Kt(e);
-}, uo = {
+}, po = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1538,20 +1538,20 @@ const we = (t) => t * 180 / Math.PI, qt = (t) => {
   skewX: (t) => we(Math.atan(t[1])),
   skewY: (t) => we(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Kt = (t) => (t = t % 360, t < 0 && (t += 360), t), jr = qt, qr = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Kr = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ho = {
+}, Kt = (t) => (t = t % 360, t < 0 && (t += 360), t), qr = qt, Kr = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Br = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ho = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: qr,
-  scaleY: Kr,
-  scale: (t) => (qr(t) + Kr(t)) / 2,
+  scaleX: Kr,
+  scaleY: Br,
+  scale: (t) => (Kr(t) + Br(t)) / 2,
   rotateX: (t) => Kt(we(Math.atan2(t[6], t[5]))),
   rotateY: (t) => Kt(we(Math.atan2(-t[2], t[0]))),
-  rotateZ: jr,
-  rotate: jr,
+  rotateZ: qr,
+  rotate: qr,
   skewX: (t) => we(Math.atan(t[4])),
   skewY: (t) => we(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
@@ -1568,24 +1568,24 @@ function Ft(t, e) {
     r = ho, i = n;
   else {
     const o = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    r = uo, i = o;
+    r = po, i = o;
   }
   if (!i)
     return Bt(e);
-  const s = r[e], a = i[1].split(",").map(mo);
+  const s = r[e], a = i[1].split(",").map(fo);
   return typeof s == "function" ? s(a) : a[s];
 }
-const po = (t, e) => {
+const mo = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
   return Ft(n, e);
 };
-function mo(t) {
+function fo(t) {
   return parseFloat(t.trim());
 }
-const Br = (t) => t === Re || t === E, fo = /* @__PURE__ */ new Set(["x", "y", "z"]), go = De.filter((t) => !fo.has(t));
-function yo(t) {
+const Fr = (t) => t === Re || t === E, go = /* @__PURE__ */ new Set(["x", "y", "z"]), yo = De.filter((t) => !go.has(t));
+function vo(t) {
   const e = [];
-  return go.forEach((n) => {
+  return yo.forEach((n) => {
     const r = t.getValue(n);
     r !== void 0 && (e.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -1606,11 +1606,11 @@ ke.translateX = ke.x;
 ke.translateY = ke.y;
 const Ee = /* @__PURE__ */ new Set();
 let zt = !1, $t = !1, Gt = !1;
-function $i() {
+function Gi() {
   if ($t) {
     const t = Array.from(Ee).filter((r) => r.needsMeasurement), e = new Set(t.map((r) => r.element)), n = /* @__PURE__ */ new Map();
     e.forEach((r) => {
-      const i = yo(r);
+      const i = vo(r);
       i.length && (n.set(r, i), r.render());
     }), t.forEach((r) => r.measureInitialState()), e.forEach((r) => {
       r.render();
@@ -1625,20 +1625,20 @@ function $i() {
   }
   $t = !1, zt = !1, Ee.forEach((t) => t.complete(Gt)), Ee.clear();
 }
-function Gi() {
+function Ui() {
   Ee.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && ($t = !0);
   });
 }
-function vo() {
-  Gt = !0, Gi(), $i(), Gt = !1;
+function bo() {
+  Gt = !0, Ui(), Gi(), Gt = !1;
 }
-class pn {
+class hn {
   constructor(e, n, r, i, s, a = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = r, this.motionValue = i, this.element = s, this.isAsync = a;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Ee.add(this), zt || (zt = !0, ue.read(Gi), ue.resolveKeyframes($i))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Ee.add(this), zt || (zt = !0, ue.read(Ui), ue.resolveKeyframes(Gi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: r, motionValue: i } = this;
@@ -1652,7 +1652,7 @@ class pn {
       }
       e[0] === void 0 && (e[0] = a), i && s === void 0 && i.set(e[0]);
     }
-    co(e);
+    uo(e);
   }
   setFinalKeyframe() {
   }
@@ -1672,31 +1672,31 @@ class pn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const bo = (t) => t.startsWith("--");
-function Co(t, e, n) {
-  bo(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const Co = (t) => t.startsWith("--");
+function xo(t, e, n) {
+  Co(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
 // @__NO_SIDE_EFFECTS__
 function mn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const xo = /* @__PURE__ */ mn(() => window.ScrollTimeline !== void 0), wo = {};
-function ko(t, e) {
+const wo = /* @__PURE__ */ mn(() => window.ScrollTimeline !== void 0), ko = {};
+function Eo(t, e) {
   const n = /* @__PURE__ */ mn(t);
   return () => {
     var r;
-    return (r = wo[e]) != null ? r : n();
+    return (r = ko[e]) != null ? r : n();
   };
 }
-const Ui = /* @__PURE__ */ ko(() => {
+const Hi = /* @__PURE__ */ Eo(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch (t) {
     return !1;
   }
   return !0;
-}, "linearEasing"), tt = ([t, e, n, r]) => `cubic-bezier(${t}, ${e}, ${n}, ${r})`, Fr = {
+}, "linearEasing"), tt = ([t, e, n, r]) => `cubic-bezier(${t}, ${e}, ${n}, ${r})`, zr = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1707,43 +1707,43 @@ const Ui = /* @__PURE__ */ ko(() => {
   backIn: /* @__PURE__ */ tt([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ tt([0.33, 1.53, 0.69, 0.99])
 };
-function Hi(t, e) {
+function Zi(t, e) {
   if (t)
-    return typeof t == "function" ? Ui() ? _i(t, e) : "ease-out" : Fi(t) ? tt(t) : Array.isArray(t) ? t.map((n) => Hi(n, e) || Fr.easeOut) : Fr[t];
+    return typeof t == "function" ? Hi() ? Pi(t, e) : "ease-out" : zi(t) ? tt(t) : Array.isArray(t) ? t.map((n) => Zi(n, e) || zr.easeOut) : zr[t];
 }
-function Eo(t, e, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: c } = {}, u = void 0) {
+function Lo(t, e, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: c } = {}, u = void 0) {
   const d = {
     [e]: n
   };
   c && (d.offset = c);
-  const h = Hi(o, i);
-  Array.isArray(h) && (d.easing = h);
-  const m = {
+  const p = Zi(o, i);
+  Array.isArray(p) && (d.easing = p);
+  const h = {
     delay: r,
     duration: i,
-    easing: Array.isArray(h) ? "linear" : h,
+    easing: Array.isArray(p) ? "linear" : p,
     fill: "both",
     iterations: s + 1,
     direction: a === "reverse" ? "alternate" : "normal"
   };
-  return u && (m.pseudoElement = u), t.animate(d, m);
+  return u && (h.pseudoElement = u), t.animate(d, h);
 }
-function Lo(n) {
+function To(n) {
   var r = n, { type: t } = r, e = te(r, ["type"]);
   var i, s;
-  return Qt(t) && Ui() ? t.applyToOptions(e) : ((i = e.duration) != null || (e.duration = 300), (s = e.ease) != null || (e.ease = "easeOut"), e);
+  return Qt(t) && Hi() ? t.applyToOptions(e) : ((i = e.duration) != null || (e.duration = 300), (s = e.ease) != null || (e.ease = "easeOut"), e);
 }
-class To extends un {
+class Ao extends un {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: n, name: r, keyframes: i, pseudoElement: s, allowFlatten: a = !1, finalKeyframe: o, onComplete: c } = 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 = Lo(e);
-    this.animation = Eo(n, r, i, u, s), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const u = To(e);
+    this.animation = Lo(n, r, i, u, s), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !s) {
         const d = dn(i, this.options, o, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(d) : Co(n, r, d), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(d) : xo(n, r, d), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
     };
@@ -1822,24 +1822,24 @@ class To extends un {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var r;
-    return this.allowFlatten && ((r = this.animation.effect) == null || r.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && xo() ? (this.animation.timeline = e, Pe) : n(this);
+    return this.allowFlatten && ((r = this.animation.effect) == null || r.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && wo() ? (this.animation.timeline = e, Pe) : n(this);
   }
 }
-const Zi = {
-  anticipate: Ki,
-  backInOut: qi,
-  circInOut: Bi
+const Yi = {
+  anticipate: Bi,
+  backInOut: Ki,
+  circInOut: Fi
 };
-function Ao(t) {
-  return t in Zi;
-}
 function Vo(t) {
-  typeof t.ease == "string" && Ao(t.ease) && (t.ease = Zi[t.ease]);
+  return t in Yi;
+}
+function Io(t) {
+  typeof t.ease == "string" && Vo(t.ease) && (t.ease = Yi[t.ease]);
 }
-const zr = 10;
-class Io extends To {
+const $r = 10;
+class So extends Ao {
   constructor(e) {
-    Vo(e), zi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    Io(e), $i(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1858,16 +1858,16 @@ class Io extends To {
       n.set(e);
       return;
     }
-    const o = new hn(M(L({}, a), {
+    const o = new pn(M(L({}, a), {
       autoplay: !1
     })), c = /* @__PURE__ */ ne((d = this.finishedTime) != null ? d : this.time);
-    n.setWithVelocity(o.sample(c - zr).value, o.sample(c).value, zr), o.stop();
+    n.setWithVelocity(o.sample(c - $r).value, o.sample(c).value, $r), o.stop();
   }
 }
-const $r = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+const Gr = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (Oe.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function So(t) {
+function Mo(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -1875,51 +1875,51 @@ function So(t) {
     if (t[n] !== e)
       return !0;
 }
-function Mo(t, e, n, r) {
+function _o(t, e, n, r) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const s = t[t.length - 1], a = $r(i, e), o = $r(s, e);
-  return ct(a === o, `You are trying to animate ${e} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !a || !o ? !1 : So(t) || (n === "spring" || Qt(n)) && r;
+  const s = t[t.length - 1], a = Gr(i, e), o = Gr(s, e);
+  return ct(a === o, `You are trying to animate ${e} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !a || !o ? !1 : Mo(t) || (n === "spring" || Qt(n)) && r;
 }
-function Yi(t) {
+function Wi(t) {
   return typeof t == "object" && t !== null;
 }
-function _o(t) {
-  return Yi(t) && "offsetHeight" in t;
+function Po(t) {
+  return Wi(t) && "offsetHeight" in t;
 }
-const Po = /* @__PURE__ */ new Set([
+const Do = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Do = /* @__PURE__ */ mn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function No(t) {
+]), No = /* @__PURE__ */ mn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Ro(t) {
   var u;
   const { motionValue: e, name: n, repeatDelay: r, repeatType: i, damping: s, type: a } = t;
-  if (!_o((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
+  if (!Po((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
     return !1;
   const { onUpdate: o, transformTemplate: c } = e.owner.getProps();
-  return Do() && n && Po.has(n) && (n !== "transform" || !c) && /**
+  return No() && n && Do.has(n) && (n !== "transform" || !c) && /**
    * 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 && !r && i !== "mirror" && s !== 0 && a !== "inertia";
 }
-const Ro = 40;
-class Oo extends un {
-  constructor(m) {
-    var f = m, { autoplay: e = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: s = 0, repeatType: a = "loop", keyframes: o, name: c, motionValue: u, element: d } = f, h = te(f, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
+const Oo = 40;
+class jo extends un {
+  constructor(h) {
+    var f = h, { autoplay: e = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: s = 0, repeatType: a = "loop", keyframes: o, name: c, motionValue: u, element: d } = f, p = te(f, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
     var y;
     super(), this.stop = () => {
       var b, A;
       this._animation && (this._animation.stop(), (b = this.stopTimeline) == null || b.call(this)), (A = this.keyframeResolver) == null || A.cancel();
     }, this.createdAt = W.now();
-    const p = L({
+    const m = L({
       autoplay: e,
       delay: n,
       type: r,
@@ -1929,21 +1929,21 @@ class Oo extends un {
       name: c,
       motionValue: u,
       element: d
-    }, h), g = (d == null ? void 0 : d.KeyframeResolver) || pn;
-    this.keyframeResolver = new g(o, (b, A, k) => this.onKeyframesResolved(b, A, p, !k), c, u, d), (y = this.keyframeResolver) == null || y.scheduleResolve();
+    }, p), g = (d == null ? void 0 : d.KeyframeResolver) || hn;
+    this.keyframeResolver = new g(o, (b, A, k) => this.onKeyframesResolved(b, A, m, !k), c, u, d), (y = this.keyframeResolver) == null || y.scheduleResolve();
   }
   onKeyframesResolved(e, n, r, i) {
     this.keyframeResolver = void 0;
     const { name: s, type: a, velocity: o, delay: c, isHandoff: u, onUpdate: d } = r;
-    this.resolvedAt = W.now(), Mo(e, s, a, o) || ((de.instantAnimations || !c) && (d == null || d(dn(e, r, n))), e[0] = e[e.length - 1], r.duration = 0, r.repeat = 0);
-    const h = i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ro ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = M(L({
-      startTime: h,
+    this.resolvedAt = W.now(), _o(e, s, a, o) || ((de.instantAnimations || !c) && (d == null || d(dn(e, r, n))), e[0] = e[e.length - 1], r.duration = 0, r.repeat = 0);
+    const p = i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Oo ? this.resolvedAt : this.createdAt : this.createdAt : void 0, h = M(L({
+      startTime: p,
       finalKeyframe: n
     }, r), {
       keyframes: e
-    }), f = !u && No(m) ? new Io(M(L({}, m), {
-      element: m.motionValue.owner.current
-    })) : new hn(m);
+    }), f = !u && Ro(h) ? new So(M(L({}, h), {
+      element: h.motionValue.owner.current
+    })) : new pn(h);
     f.finished.then(() => this.notifyFinished()).catch(Pe), this.pendingTimeline && (this.stopTimeline = f.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = f;
   }
   get finished() {
@@ -1955,7 +1955,7 @@ class Oo extends un {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), vo()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), bo()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1995,8 +1995,8 @@ class Oo extends un {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const Wi = (t, e, n, r = {}, i, s) => (a) => {
-  const o = wi(r, t) || {}, c = o.delay || r.delay || 0;
+const Ji = (t, e, n, r = {}, i, s) => (a) => {
+  const o = ki(r, t) || {}, c = o.delay || r.delay || 0;
   let { elapsed: u = 0 } = r;
   u = u - /* @__PURE__ */ ne(c);
   const d = M(L({
@@ -2005,8 +2005,8 @@ const Wi = (t, e, n, r = {}, i, s) => (a) => {
     velocity: e.getVelocity()
   }, o), {
     delay: -u,
-    onUpdate: (m) => {
-      e.set(m), o.onUpdate && o.onUpdate(m);
+    onUpdate: (h) => {
+      e.set(h), o.onUpdate && o.onUpdate(h);
     },
     onComplete: () => {
       a(), o.onComplete && o.onComplete();
@@ -2015,19 +2015,19 @@ const Wi = (t, e, n, r = {}, i, s) => (a) => {
     motionValue: e,
     element: s ? void 0 : i
   });
-  ga(o) || Object.assign(d, fa(t, d)), d.duration && (d.duration = /* @__PURE__ */ ne(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ne(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 = da(d.keyframes, o);
-    if (m !== void 0) {
+  ya(o) || Object.assign(d, ga(t, d)), d.duration && (d.duration = /* @__PURE__ */ ne(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ne(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
+  let p = !1;
+  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (d.duration = 0, d.delay === 0 && (p = !0)), (de.instantAnimations || de.skipAnimations) && (p = !0, d.duration = 0, d.delay = 0), d.allowFlatten = !o.type && !o.ease, p && !s && e.get() !== void 0) {
+    const h = ua(d.keyframes, o);
+    if (h !== void 0) {
       ue.update(() => {
-        d.onUpdate(m), d.onComplete();
+        d.onUpdate(h), d.onComplete();
       });
       return;
     }
   }
-  return o.isSync ? new hn(d) : new Oo(d);
-}, Ji = /* @__PURE__ */ new Set([
+  return o.isSync ? new pn(d) : new jo(d);
+}, Xi = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -2036,49 +2036,49 @@ const Wi = (t, e, n, r = {}, i, s) => (a) => {
   "bottom",
   ...De
 ]);
-function jo({ protectedKeys: t, needsAnimating: e }, n) {
+function qo({ protectedKeys: t, needsAnimating: e }, n) {
   const r = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, r;
 }
-function qo(t, e, { delay: n = 0, transitionOverride: r, type: i } = {}) {
-  var h;
+function Ko(t, e, { delay: n = 0, transitionOverride: r, type: i } = {}) {
+  var p;
   let d = e, { transition: s = t.getDefaultTransition(), transitionEnd: a } = d, o = te(d, ["transition", "transitionEnd"]);
   r && (s = r);
   const c = [], u = i && t.animationState && t.animationState.getState()[i];
-  for (const m in o) {
-    const f = t.getValue(m, (h = t.latestValues[m]) != null ? h : null), p = o[m];
-    if (p === void 0 || u && jo(u, m))
+  for (const h in o) {
+    const f = t.getValue(h, (p = t.latestValues[h]) != null ? p : null), m = o[h];
+    if (m === void 0 || u && qo(u, h))
       continue;
     const g = L({
       delay: n
-    }, wi(s || {}, m)), y = f.get();
-    if (y !== void 0 && !f.isAnimating && !Array.isArray(p) && p === y && !g.velocity)
+    }, ki(s || {}, h)), y = f.get();
+    if (y !== void 0 && !f.isAnimating && !Array.isArray(m) && m === y && !g.velocity)
       continue;
     let b = !1;
     if (window.MotionHandoffAnimation) {
-      const k = la(t);
+      const k = ca(t);
       if (k) {
-        const V = window.MotionHandoffAnimation(k, m, ue);
+        const V = window.MotionHandoffAnimation(k, h, ue);
         V !== null && (g.startTime = V, b = !0);
       }
     }
-    sa(t, m), f.start(Wi(m, f, p, t.shouldReduceMotion && Ji.has(m) ? { type: !1 } : g, t, b));
+    aa(t, h), f.start(Ji(h, f, m, t.shouldReduceMotion && Xi.has(h) ? { type: !1 } : g, t, b));
     const A = f.animation;
     A && c.push(A);
   }
   return a && Promise.all(c).then(() => {
     ue.update(() => {
-      a && ra(t, a);
+      a && ia(t, a);
     });
   }), c;
 }
-function Ko({ top: t, left: e, right: n, bottom: r }) {
+function Bo({ top: t, left: e, right: n, bottom: r }) {
   return {
     x: { min: e, max: n },
     y: { min: t, max: r }
   };
 }
-function Bo(t, e) {
+function Fo(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), r = e({ x: t.right, y: t.bottom });
@@ -2089,10 +2089,10 @@ function Bo(t, e) {
     right: r.x
   };
 }
-function Fo(t, e) {
-  return Ko(Bo(t.getBoundingClientRect(), e));
+function zo(t, e) {
+  return Bo(Fo(t.getBoundingClientRect(), e));
 }
-const Gr = {
+const Ur = {
   animation: [
     "animate",
     "variants",
@@ -2112,29 +2112,29 @@ const Gr = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, Ut = {};
-for (const t in Gr)
+for (const t in Ur)
   Ut[t] = {
-    isEnabled: (e) => Gr[t].some((n) => !!e[n])
+    isEnabled: (e) => Ur[t].some((n) => !!e[n])
   };
-const Ur = () => ({ min: 0, max: 0 }), fn = () => ({
-  x: Ur(),
-  y: Ur()
-}), zo = typeof window != "undefined", Ht = { current: null }, Xi = { current: !1 };
-function $o() {
-  if (Xi.current = !0, !!zo)
+const Hr = () => ({ min: 0, max: 0 }), fn = () => ({
+  x: Hr(),
+  y: Hr()
+}), $o = typeof window != "undefined", Ht = { current: null }, Qi = { current: !1 };
+function Go() {
+  if (Qi.current = !0, !!$o)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ht.current = t.matches;
       t.addListener(e), e();
     } else
       Ht.current = !1;
 }
-function Go(t) {
+function Uo(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function Uo(t) {
+function Ho(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const Ho = [
+const Zo = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2142,14 +2142,14 @@ const Ho = [
   "whileTap",
   "whileDrag",
   "exit"
-], Zo = ["initial", ...Ho];
-function Qi(t) {
-  return Go(t.animate) || Zo.some((e) => Uo(t[e]));
+], Yo = ["initial", ...Zo];
+function es(t) {
+  return Uo(t.animate) || Yo.some((e) => Ho(t[e]));
 }
-function Yo(t) {
-  return !!(Qi(t) || t.variants);
+function Wo(t) {
+  return !!(es(t) || t.variants);
 }
-function Wo(t, e, n) {
+function Jo(t, e, n) {
   for (const r in e) {
     const i = e[r], s = n[r];
     if (H(i))
@@ -2169,11 +2169,11 @@ function Wo(t, e, n) {
     e[r] === void 0 && t.removeValue(r);
   return e;
 }
-const es = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), ts = (t) => /^0[^.\s]+$/u.test(t), Jo = {
+const ts = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), ns = (t) => /^0[^.\s]+$/u.test(t), Xo = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, ns = (t) => (e) => e.test(t), rs = [Re, E, Me, be, Ea, ka, Jo], Hr = (t) => rs.find(ns(t)), Xo = [...rs, F, Oe], Qo = (t) => Xo.find(ns(t)), el = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function tl(t) {
+}, rs = (t) => (e) => e.test(t), is = [Re, E, Me, be, La, Ea, Xo], Zr = (t) => is.find(rs(t)), Qo = [...is, F, Oe], el = (t) => Qo.find(rs(t)), tl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function nl(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -2181,17 +2181,17 @@ function tl(t) {
   if (!r)
     return t;
   const i = n.replace(r, "");
-  let s = el.has(e) ? 1 : 0;
+  let s = tl.has(e) ? 1 : 0;
   return r !== n && (s *= 100), e + "(" + s + i + ")";
 }
-const nl = /\b([a-z-]*)\(.*?\)/gu, Zt = M(L({}, Oe), {
+const rl = /\b([a-z-]*)\(.*?\)/gu, Zt = M(L({}, Oe), {
   getAnimatableNone: (t) => {
-    const e = t.match(nl);
-    return e ? e.map(tl).join(" ") : t;
+    const e = t.match(rl);
+    return e ? e.map(nl).join(" ") : t;
   }
-}), Zr = M(L({}, Re), {
+}), Yr = M(L({}, Re), {
   transform: Math.round
-}), rl = {
+}), il = {
   rotate: be,
   rotateX: be,
   rotateY: be,
@@ -2213,8 +2213,8 @@ const nl = /\b([a-z-]*)\(.*?\)/gu, Zt = M(L({}, Oe), {
   perspective: E,
   transformPerspective: E,
   opacity: st,
-  originX: Sr,
-  originY: Sr,
+  originX: Mr,
+  originY: Mr,
   originZ: E
 }, gn = M(L({
   // Border props
@@ -2252,13 +2252,13 @@ const nl = /\b([a-z-]*)\(.*?\)/gu, Zt = M(L({}, Oe), {
   // Misc
   backgroundPositionX: E,
   backgroundPositionY: E
-}, rl), {
-  zIndex: Zr,
+}, il), {
+  zIndex: Yr,
   // SVG
   fillOpacity: st,
   strokeOpacity: st,
-  numOctaves: Zr
-}), il = M(L({}, gn), {
+  numOctaves: Yr
+}), sl = M(L({}, gn), {
   // Color props
   color: F,
   backgroundColor: F,
@@ -2273,12 +2273,12 @@ const nl = /\b([a-z-]*)\(.*?\)/gu, Zt = M(L({}, Oe), {
   borderLeftColor: F,
   filter: Zt,
   WebkitFilter: Zt
-}), is = (t) => il[t];
-function ss(t, e) {
-  let n = is(t);
+}), ss = (t) => sl[t];
+function as(t, e) {
+  let n = ss(t);
   return n !== Zt && (n = Oe), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
-const Yr = [
+const Wr = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2287,7 +2287,7 @@ const Yr = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class as {
+class os {
   /**
    * 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.
@@ -2299,22 +2299,22 @@ class as {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: r, reducedMotionConfig: i, blockInitialAnimation: s, visualState: a }, 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 = pn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = hn, 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 f = W.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, ue.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = a;
-    this.latestValues = c, this.baseTarget = L({}, c), this.initialValues = n.initial ? L({}, c) : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = r, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = Qi(n), this.isVariantNode = Yo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
-    const m = this.scrapeMotionValuesFromProps(n, {}, this), { willChange: d } = m, h = te(m, ["willChange"]);
-    for (const f in h) {
-      const p = h[f];
-      c[f] !== void 0 && H(p) && p.set(c[f], !1);
+    this.latestValues = c, this.baseTarget = L({}, c), this.initialValues = n.initial ? L({}, c) : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = r, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = es(n), this.isVariantNode = Wo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    const h = this.scrapeMotionValuesFromProps(n, {}, this), { willChange: d } = h, p = te(h, ["willChange"]);
+    for (const f in p) {
+      const m = p[f];
+      c[f] !== void 0 && H(m) && m.set(c[f], !1);
     }
   }
   mount(e) {
-    this.current = e, rt.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((n, r) => this.bindToMotionValue(r, n)), Xi.current || $o(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ht.current, process.env.NODE_ENV !== "production" && bi(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, rt.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((n, r) => this.bindToMotionValue(r, n)), Qi.current || Go(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ht.current, process.env.NODE_ENV !== "production" && Ci(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Dt(this.notifyUpdate), Dt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -2377,13 +2377,13 @@ class as {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let r = 0; r < Yr.length; r++) {
-      const i = Yr[r];
+    for (let r = 0; r < Wr.length; r++) {
+      const i = Wr[r];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const s = "on" + i, a = e[s];
       a && (this.propEventSubscriptions[i] = this.on(i, a));
     }
-    this.prevMotionValues = Wo(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Jo(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2449,7 +2449,7 @@ class as {
   readValue(e, n) {
     var i;
     let r = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (i = this.getBaseTargetFromProps(this.props, e)) != null ? i : this.readValueFromInstance(this.current, e, this.options);
-    return r != null && (typeof r == "string" && (es(r) || ts(r)) ? r = parseFloat(r) : !Qo(r) && Oe.test(n) && (r = ss(e, n)), this.setBaseTarget(e, H(r) ? r.get() : r)), H(r) ? r.get() : r;
+    return r != null && (typeof r == "string" && (ts(r) || ns(r)) ? r = parseFloat(r) : !el(r) && Oe.test(n) && (r = as(e, n)), this.setBaseTarget(e, H(r) ? r.get() : r)), H(r) ? r.get() : r;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2467,7 +2467,7 @@ class as {
     const { initial: n } = this.props;
     let r;
     if (typeof n == "string" || typeof n == "object") {
-      const a = vi(this.props, n, (s = this.presenceContext) == null ? void 0 : s.custom);
+      const a = bi(this.props, n, (s = this.presenceContext) == null ? void 0 : s.custom);
       a && (r = a[e]);
     }
     if (n && r !== void 0)
@@ -2476,51 +2476,51 @@ class as {
     return i !== void 0 && !H(i) ? i : this.initialValues[e] !== void 0 && r === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new Ci()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new xi()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-const sl = (
+const al = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function al(t) {
-  const e = sl.exec(t);
+function ol(t) {
+  const e = al.exec(t);
   if (!e)
     return [,];
   const [, n, r, i] = e;
   return [`--${n != null ? n : r}`, i];
 }
-const ol = 4;
-function os(t, e, n = 1) {
-  ce(n <= ol, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [r, i] = al(t);
+const ll = 4;
+function ls(t, e, n = 1) {
+  ce(n <= ll, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [r, i] = ol(t);
   if (!r)
     return;
   const s = window.getComputedStyle(e).getPropertyValue(r);
   if (s) {
     const a = s.trim();
-    return es(a) ? parseFloat(a) : a;
+    return ts(a) ? parseFloat(a) : a;
   }
-  return nn(i) ? os(i, e, n + 1) : i;
+  return nn(i) ? ls(i, e, n + 1) : i;
 }
-function ll(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ts(t) : !0;
+function cl(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ns(t) : !0;
 }
-const cl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function dl(t, e, n) {
+const dl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function ul(t, e, n) {
   let r = 0, i;
   for (; r < t.length && !i; ) {
     const s = t[r];
-    typeof s == "string" && !cl.has(s) && at(s).values.length && (i = t[r]), r++;
+    typeof s == "string" && !dl.has(s) && at(s).values.length && (i = t[r]), r++;
   }
   if (i && n)
     for (const s of e)
-      t[s] = ss(n, i);
+      t[s] = as(n, i);
 }
-class ul extends pn {
+class pl extends hn {
   constructor(e, n, r, i, s) {
     super(e, n, r, i, s, !0);
   }
@@ -2532,15 +2532,15 @@ class ul extends pn {
     for (let c = 0; c < e.length; c++) {
       let u = e[c];
       if (typeof u == "string" && (u = u.trim(), nn(u))) {
-        const d = os(u, n.current);
+        const d = ls(u, n.current);
         d !== void 0 && (e[c] = d), c === e.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !Ji.has(r) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !Xi.has(r) || e.length !== 2)
       return;
-    const [i, s] = e, a = Hr(i), o = Hr(s);
+    const [i, s] = e, a = Zr(i), o = Zr(s);
     if (a !== o)
-      if (Br(a) && Br(o))
+      if (Fr(a) && Fr(o))
         for (let c = 0; c < e.length; c++) {
           const u = e[c];
           typeof u == "string" && (e[c] = parseFloat(u));
@@ -2550,8 +2550,8 @@ class ul extends pn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, r = [];
     for (let i = 0; i < e.length; i++)
-      (e[i] === null || ll(e[i])) && r.push(i);
-    r.length && dl(e, r, n);
+      (e[i] === null || cl(e[i])) && r.push(i);
+    r.length && ul(e, r, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: r } = this;
@@ -2574,9 +2574,9 @@ class ul extends pn {
     }), this.resolveNoneKeyframes();
   }
 }
-class ls extends as {
+class cs extends os {
   constructor() {
-    super(...arguments), this.KeyframeResolver = ul;
+    super(...arguments), this.KeyframeResolver = pl;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2595,21 +2595,21 @@ class ls extends as {
     }));
   }
 }
-const cs = (t, e) => e && typeof t == "number" ? e.transform(t) : t, hl = {
+const ds = (t, e) => e && typeof t == "number" ? e.transform(t) : t, hl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, pl = De.length;
-function ml(t, e, n) {
+}, ml = De.length;
+function fl(t, e, n) {
   let r = "", i = !0;
-  for (let s = 0; s < pl; s++) {
+  for (let s = 0; s < ml; s++) {
     const a = De[s], o = t[a];
     if (o === void 0)
       continue;
     let c = !0;
     if (typeof o == "number" ? c = o === (a.startsWith("scale") ? 1 : 0) : c = parseFloat(o) === 0, !c || n) {
-      const u = cs(o, gn[a]);
+      const u = ds(o, gn[a]);
       if (!c) {
         i = !1;
         const d = hl[a] || a;
@@ -2620,7 +2620,7 @@ function ml(t, e, n) {
   }
   return r = r.trim(), n ? r = n(e, i ? "" : r) : i && (r = "none"), r;
 }
-function ds(t, e, n) {
+function us(t, e, n) {
   const { style: r, vars: i, transformOrigin: s } = t;
   let a = !1, o = !1;
   for (const c in e) {
@@ -2628,70 +2628,70 @@ function ds(t, e, n) {
     if (Ne.has(c)) {
       a = !0;
       continue;
-    } else if (Ei(c)) {
+    } else if (Li(c)) {
       i[c] = u;
       continue;
     } else {
-      const d = cs(u, gn[c]);
+      const d = ds(u, gn[c]);
       c.startsWith("origin") ? (o = !0, s[c] = d) : r[c] = d;
     }
   }
-  if (e.transform || (a || n ? r.transform = ml(e, t.transform, n) : r.transform && (r.transform = "none")), o) {
+  if (e.transform || (a || n ? r.transform = fl(e, t.transform, n) : r.transform && (r.transform = "none")), o) {
     const { originX: c = "50%", originY: u = "50%", originZ: d = 0 } = s;
     r.transformOrigin = `${c} ${u} ${d}`;
   }
 }
-function us(t, { style: e, vars: n }, r, i) {
+function ps(t, { style: e, vars: n }, r, i) {
   Object.assign(t.style, e, i && i.getProjectionStyles(r));
   for (const s in n)
     t.style.setProperty(s, n[s]);
 }
-const fl = {};
-function gl(t, { layout: e, layoutId: n }) {
-  return Ne.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!fl[t] || t === "opacity");
+const gl = {};
+function yl(t, { layout: e, layoutId: n }) {
+  return Ne.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!gl[t] || t === "opacity");
 }
 function hs(t, e, n) {
   var s;
   const { style: r } = t, i = {};
   for (const a in r)
-    (H(r[a]) || e.style && H(e.style[a]) || gl(a, t) || ((s = n == null ? void 0 : n.getValue(a)) == null ? void 0 : s.liveStyle) !== void 0) && (i[a] = r[a]);
+    (H(r[a]) || e.style && H(e.style[a]) || yl(a, t) || ((s = n == null ? void 0 : n.getValue(a)) == null ? void 0 : s.liveStyle) !== void 0) && (i[a] = r[a]);
   return i;
 }
-function yl(t) {
+function vl(t) {
   return window.getComputedStyle(t);
 }
-class vl extends ls {
+class bl extends cs {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = us;
+    super(...arguments), this.type = "html", this.renderInstance = ps;
   }
   readValueFromInstance(e, n) {
     var r;
     if (Ne.has(n))
-      return (r = this.projection) != null && r.isProjecting ? Bt(n) : po(e, n);
+      return (r = this.projection) != null && r.isProjecting ? Bt(n) : mo(e, n);
     {
-      const i = yl(e), s = (Ei(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      const i = vl(e), s = (Li(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof s == "string" ? s.trim() : s;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return Fo(e, n);
+    return zo(e, n);
   }
   build(e, n, r) {
-    ds(e, n, r.transformTemplate);
+    us(e, n, r.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, r) {
     return hs(e, n, r);
   }
 }
-function bl(t, e) {
+function Cl(t, e) {
   return t in e;
 }
-class Cl extends as {
+class xl extends os {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(e, n) {
-    if (bl(n, e)) {
+    if (Cl(n, e)) {
       const r = e[n];
       if (typeof r == "string" || typeof r == "number")
         return r;
@@ -2715,29 +2715,29 @@ class Cl extends as {
     return 0;
   }
 }
-const xl = {
+const wl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, wl = {
+}, kl = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function kl(t, e, n = 1, r = 0, i = !0) {
+function El(t, e, n = 1, r = 0, i = !0) {
   t.pathLength = 1;
-  const s = i ? xl : wl;
+  const s = i ? wl : kl;
   t[s.offset] = E.transform(-r);
   const a = E.transform(e), o = E.transform(n);
   t[s.array] = `${a} ${o}`;
 }
-function El(t, h, c, u, d) {
-  var m = h, {
+function Ll(t, p, c, u, d) {
+  var h = p, {
     attrX: e,
     attrY: n,
     attrScale: r,
     pathLength: i,
     pathSpacing: s = 1,
     pathOffset: a = 0
-  } = m, o = te(m, [
+  } = h, o = te(h, [
     "attrX",
     "attrY",
     "attrScale",
@@ -2746,15 +2746,15 @@ function El(t, h, c, u, d) {
     "pathOffset"
   ]);
   var g, y;
-  if (ds(t, o, u), c) {
+  if (us(t, o, u), c) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
   t.attrs = t.style, t.style = {};
-  const { attrs: f, style: p } = t;
-  f.transform && (p.transform = f.transform, delete f.transform), (p.transform || f.transformOrigin) && (p.transformOrigin = (g = f.transformOrigin) != null ? g : "50% 50%", delete f.transformOrigin), p.transform && (p.transformBox = (y = d == null ? void 0 : d.transformBox) != null ? y : "fill-box", delete f.transformBox), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), r !== void 0 && (f.scale = r), i !== void 0 && kl(f, i, s, a, !1);
+  const { attrs: f, style: m } = t;
+  f.transform && (m.transform = f.transform, delete f.transform), (m.transform || f.transformOrigin) && (m.transformOrigin = (g = f.transformOrigin) != null ? g : "50% 50%", delete f.transformOrigin), m.transform && (m.transformBox = (y = d == null ? void 0 : d.transformBox) != null ? y : "fill-box", delete f.transformBox), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), r !== void 0 && (f.scale = r), i !== void 0 && El(f, i, s, a, !1);
 }
-const ps = /* @__PURE__ */ new Set([
+const ms = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2778,13 +2778,13 @@ const ps = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Ll = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Tl(t, e, n, r) {
-  us(t, e, void 0, r);
+]), Tl = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function Al(t, e, n, r) {
+  ps(t, e, void 0, r);
   for (const i in e.attrs)
-    t.setAttribute(ps.has(i) ? i : tn(i), e.attrs[i]);
+    t.setAttribute(ms.has(i) ? i : tn(i), e.attrs[i]);
 }
-function Al(t, e, n) {
+function Vl(t, e, n) {
   const r = hs(t, e, n);
   for (const i in t)
     if (H(t[i]) || H(e[i])) {
@@ -2793,7 +2793,7 @@ function Al(t, e, n) {
     }
   return r;
 }
-class Vl extends ls {
+class Il extends cs {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = fn;
   }
@@ -2802,31 +2802,31 @@ class Vl extends ls {
   }
   readValueFromInstance(e, n) {
     if (Ne.has(n)) {
-      const r = is(n);
+      const r = ss(n);
       return r && r.default || 0;
     }
-    return n = ps.has(n) ? n : tn(n), e.getAttribute(n);
+    return n = ms.has(n) ? n : tn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, r) {
-    return Al(e, n, r);
+    return Vl(e, n, r);
   }
   build(e, n, r) {
-    El(e, n, this.isSVGTag, r.transformTemplate, r.style);
+    Ll(e, n, this.isSVGTag, r.transformTemplate, r.style);
   }
   renderInstance(e, n, r, i) {
-    Tl(e, n, r, i);
+    Al(e, n, r, i);
   }
   mount(e) {
-    this.isSVGTag = Ll(e.tagName), super.mount(e);
+    this.isSVGTag = Tl(e.tagName), super.mount(e);
   }
 }
-function ms(t) {
-  return Yi(t) && "ownerSVGElement" in t;
-}
-function Il(t) {
-  return ms(t) && t.tagName === "svg";
+function fs(t) {
+  return Wi(t) && "ownerSVGElement" in t;
 }
 function Sl(t) {
+  return fs(t) && t.tagName === "svg";
+}
+function Ml(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -2840,10 +2840,10 @@ function Sl(t) {
       },
       latestValues: {}
     }
-  }, n = ms(t) && !Il(t) ? new Vl(e) : new vl(e);
+  }, n = fs(t) && !Sl(t) ? new Il(e) : new bl(e);
   n.mount(t), rt.set(t, n);
 }
-function Ml(t) {
+function _l(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -2853,39 +2853,39 @@ function Ml(t) {
       },
       latestValues: {}
     }
-  }, n = new Cl(e);
+  }, n = new xl(e);
   n.mount(t), rt.set(t, n);
 }
-function _l(t, e, n) {
+function Pl(t, e, n) {
   const r = H(t) ? t : it(t);
-  return r.start(Wi("", r, e, n)), r.animation;
+  return r.start(Ji("", r, e, n)), r.animation;
 }
-function Pl(t, e) {
+function Dl(t, e) {
   return H(t) || typeof t == "number" || typeof t == "string" && !Jt(e);
 }
-function fs(t, e, n, r) {
+function gs(t, e, n, r) {
   const i = [];
-  if (Pl(t, e))
-    i.push(_l(t, Jt(e) && e.default || e, n && (n.default || n)));
+  if (Dl(t, e))
+    i.push(Pl(t, Jt(e) && e.default || e, n && (n.default || n)));
   else {
-    const s = ui(t, e, r), a = s.length;
+    const s = pi(t, e, r), a = s.length;
     ce(!!a, "No valid elements provided.");
     for (let o = 0; o < a; o++) {
-      const c = s[o], u = c instanceof Element ? Sl : Ml;
+      const c = s[o], u = c instanceof Element ? Ml : _l;
       rt.has(c) || u(c);
-      const d = rt.get(c), h = L({}, n);
-      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, a)), i.push(...qo(d, M(L({}, e), { transition: h }), {}));
+      const d = rt.get(c), p = L({}, n);
+      "delay" in p && typeof p.delay == "function" && (p.delay = p.delay(o, a)), i.push(...Ko(d, M(L({}, e), { transition: p }), {}));
     }
   }
   return i;
 }
-function Dl(t, e, n) {
+function Nl(t, e, n) {
   const r = [];
-  return Fs(t, e, n, { spring: ot }).forEach(({ keyframes: s, transition: a }, o) => {
-    r.push(...fs(o, s, a));
+  return zs(t, e, n, { spring: ot }).forEach(({ keyframes: s, transition: a }, o) => {
+    r.push(...gs(o, s, a));
   }), r;
 }
-class Nl {
+class Rl {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -2950,34 +2950,34 @@ class Nl {
     this.runAll("complete");
   }
 }
-class Rl extends Nl {
+class Ol extends Rl {
   then(e, n) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
-function Ol(t) {
+function jl(t) {
   return Array.isArray(t) && t.some(Array.isArray);
 }
-function jl(t) {
+function ql(t) {
   function e(n, r, i) {
     let s = [];
-    return Ol(n) ? s = Dl(n, r, t) : s = fs(n, r, i, t), new Rl(s);
+    return jl(n) ? s = Nl(n, r, t) : s = gs(n, r, i, t), new Ol(s);
   }
   return e;
 }
-const j = jl(), ql = "_spinner_1waxg_1", Kl = "_spinnerContainer_1waxg_5", Bl = "_success_1waxg_9", Fl = "_successContainer_1waxg_13", zl = "_container_1waxg_17", $l = "_card_1waxg_26", Gl = "_warning_1waxg_35", Ul = "_svg_1waxg_43", Hl = "_srOnly_1waxg_48", T = {
-  spinner: ql,
-  spinnerContainer: Kl,
-  success: Bl,
-  successContainer: Fl,
-  container: zl,
-  card: $l,
-  warning: Gl,
-  svg: Ul,
-  srOnly: Hl
+const j = ql(), Kl = "_spinner_1waxg_1", Bl = "_spinnerContainer_1waxg_5", Fl = "_success_1waxg_9", zl = "_successContainer_1waxg_13", $l = "_container_1waxg_17", Gl = "_card_1waxg_26", Ul = "_warning_1waxg_35", Hl = "_svg_1waxg_43", Zl = "_srOnly_1waxg_48", T = {
+  spinner: Kl,
+  spinnerContainer: Bl,
+  success: Fl,
+  successContainer: zl,
+  container: $l,
+  card: Gl,
+  warning: Ul,
+  svg: Hl,
+  srOnly: Zl
 };
-class gs {
+class ys {
   constructor() {
     l(this, "template", `
     <svg aria-hidden="true" class="${T.spinner}" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -2999,34 +2999,34 @@ class gs {
     return this.spinner;
   }
 }
-const Zl = "_loader_nwq3e_1", Wr = {
-  loader: Zl
+const Yl = "_loader_nwq3e_1", Jr = {
+  loader: Yl
 };
-class Yl {
+class Wl {
   constructor() {
     l(this, "loader");
-    this.loader = document.createElement("div"), this.loader.classList.add(Wr.loader), this.loader.appendChild(new gs().render());
+    this.loader = document.createElement("div"), this.loader.classList.add(Jr.loader), this.loader.appendChild(new ys().render());
   }
   setClassName(e) {
-    e ? this.loader.classList.add(e) : this.loader.className = Wr.loader;
+    e ? this.loader.classList.add(e) : this.loader.className = Jr.loader;
   }
   render() {
     return this.loader;
   }
 }
-const Wl = "_checkout_5sq3n_1", Jl = "_hidden_5sq3n_7", Xl = "_formInitial_5sq3n_11", Ql = "_btnsInitial_5sq3n_16", B = {
-  checkout: Wl,
-  hidden: Jl,
-  formInitial: Xl,
-  btnsInitial: Ql
-}, ec = "_buttons_1i8cu_1", tc = "_hidden_1i8cu_5", It = {
-  buttons: ec,
-  hidden: tc
-}, nc = "_applePay_1m9xd_1", rc = "_hidden_1m9xd_22", St = {
-  applePay: nc,
-  hidden: rc
+const Jl = "_checkout_5sq3n_1", Xl = "_hidden_5sq3n_7", Ql = "_formInitial_5sq3n_11", ec = "_btnsInitial_5sq3n_16", B = {
+  checkout: Jl,
+  hidden: Xl,
+  formInitial: Ql,
+  btnsInitial: ec
+}, tc = "_buttons_1i8cu_1", nc = "_hidden_1i8cu_5", It = {
+  buttons: tc,
+  hidden: nc
+}, rc = "_applePay_1m9xd_1", ic = "_hidden_1m9xd_22", St = {
+  applePay: rc,
+  hidden: ic
 };
-class ic {
+class sc {
   constructor(e) {
     l(this, "element");
     l(this, "events", {
@@ -3046,7 +3046,7 @@ class ic {
     return this.element;
   }
 }
-const sc = [
+const ac = [
   { type: "paypal", is_active: !0, order: 1 },
   { type: "apple-pay", is_active: !0, order: 2 },
   { type: "google-pay", is_active: !0, order: 3 },
@@ -3068,10 +3068,10 @@ const sc = [
   close: { y: -15, opacity: 0, height: 0 },
   transition: { duration: 0.5, type: "spring", bounce: 0 }
 };
-var Mt, Jr;
-function ac() {
-  if (Jr) return Mt;
-  Jr = 1;
+var Mt, Xr;
+function oc() {
+  if (Xr) return Mt;
+  Xr = 1;
   var t = {
     visa: {
       niceType: "Visa",
@@ -3266,19 +3266,19 @@ function ac() {
   };
   return Mt = t, Mt;
 }
-var Ye = {}, We = {}, Xr;
-function ys() {
-  if (Xr) return We;
-  Xr = 1, Object.defineProperty(We, "__esModule", { value: !0 }), We.clone = void 0;
+var Ye = {}, We = {}, Qr;
+function vs() {
+  if (Qr) return We;
+  Qr = 1, Object.defineProperty(We, "__esModule", { value: !0 }), We.clone = void 0;
   function t(e) {
     return e ? JSON.parse(JSON.stringify(e)) : null;
   }
   return We.clone = t, We;
 }
-var Je = {}, Qr;
-function oc() {
-  if (Qr) return Je;
-  Qr = 1, Object.defineProperty(Je, "__esModule", { value: !0 }), Je.matches = void 0;
+var Je = {}, ei;
+function lc() {
+  if (ei) return Je;
+  ei = 1, Object.defineProperty(Je, "__esModule", { value: !0 }), Je.matches = void 0;
   function t(r, i, s) {
     var a = String(i).length, o = r.substr(0, a), c = parseInt(o, 10);
     return i = parseInt(String(i).substr(0, o.length), 10), s = parseInt(String(s).substr(0, o.length), 10), c >= i && c <= s;
@@ -3291,11 +3291,11 @@ function oc() {
   }
   return Je.matches = n, Je;
 }
-var ei;
-function lc() {
-  if (ei) return Ye;
-  ei = 1, Object.defineProperty(Ye, "__esModule", { value: !0 }), Ye.addMatchingCardsToResults = void 0;
-  var t = ys(), e = oc();
+var ti;
+function cc() {
+  if (ti) return Ye;
+  ti = 1, Object.defineProperty(Ye, "__esModule", { value: !0 }), Ye.addMatchingCardsToResults = void 0;
+  var t = vs(), e = lc();
   function n(r, i, s) {
     var a, o;
     for (a = 0; a < i.patterns.length; a++) {
@@ -3309,19 +3309,19 @@ function lc() {
   }
   return Ye.addMatchingCardsToResults = n, Ye;
 }
-var Xe = {}, ti;
-function cc() {
-  if (ti) return Xe;
-  ti = 1, Object.defineProperty(Xe, "__esModule", { value: !0 }), Xe.isValidInputType = void 0;
+var Xe = {}, ni;
+function dc() {
+  if (ni) return Xe;
+  ni = 1, Object.defineProperty(Xe, "__esModule", { value: !0 }), Xe.isValidInputType = void 0;
   function t(e) {
     return typeof e == "string" || e instanceof String;
   }
   return Xe.isValidInputType = t, Xe;
 }
-var Qe = {}, ni;
-function dc() {
-  if (ni) return Qe;
-  ni = 1, Object.defineProperty(Qe, "__esModule", { value: !0 }), Qe.findBestMatch = void 0;
+var Qe = {}, ri;
+function uc() {
+  if (ri) return Qe;
+  ri = 1, Object.defineProperty(Qe, "__esModule", { value: !0 }), Qe.findBestMatch = void 0;
   function t(n) {
     var r = n.filter(function(i) {
       return i.matchStrength;
@@ -3335,19 +3335,19 @@ function dc() {
   }
   return Qe.findBestMatch = e, Qe;
 }
-var et, ri;
-function uc() {
-  if (ri) return et;
-  ri = 1;
+var et, ii;
+function pc() {
+  if (ii) return et;
+  ii = 1;
   var t = et && et.__assign || function() {
-    return t = Object.assign || function(p) {
+    return t = Object.assign || function(m) {
       for (var g, y = 1, b = arguments.length; y < b; y++) {
         g = arguments[y];
-        for (var A in g) Object.prototype.hasOwnProperty.call(g, A) && (p[A] = g[A]);
+        for (var A in g) Object.prototype.hasOwnProperty.call(g, A) && (m[A] = g[A]);
       }
-      return p;
+      return m;
     }, t.apply(this, arguments);
-  }, e = ac(), n = lc(), r = cc(), i = dc(), s = ys(), a = {}, o = {
+  }, e = oc(), n = cc(), r = dc(), i = uc(), s = vs(), a = {}, o = {
     VISA: "visa",
     MASTERCARD: "mastercard",
     AMERICAN_EXPRESS: "american-express",
@@ -3374,58 +3374,58 @@ function uc() {
     o.HIPER,
     o.HIPERCARD
   ], u = (0, s.clone)(c);
-  function d(p) {
-    return a[p] || e[p];
+  function d(m) {
+    return a[m] || e[m];
   }
-  function h() {
-    return u.map(function(p) {
-      return (0, s.clone)(d(p));
+  function p() {
+    return u.map(function(m) {
+      return (0, s.clone)(d(m));
     });
   }
-  function m(p, g) {
+  function h(m, g) {
     g === void 0 && (g = !1);
-    var y = u.indexOf(p);
+    var y = u.indexOf(m);
     if (!g && y === -1)
-      throw new Error('"' + p + '" is not a supported card type.');
+      throw new Error('"' + m + '" is not a supported card type.');
     return y;
   }
-  function f(p) {
+  function f(m) {
     var g = [];
-    if (!(0, r.isValidInputType)(p))
+    if (!(0, r.isValidInputType)(m))
       return g;
-    if (p.length === 0)
-      return h();
+    if (m.length === 0)
+      return p();
     u.forEach(function(b) {
       var A = d(b);
-      (0, n.addMatchingCardsToResults)(p, A, g);
+      (0, n.addMatchingCardsToResults)(m, A, g);
     });
     var y = (0, i.findBestMatch)(g);
     return y ? [y] : g;
   }
-  return f.getTypeInfo = function(p) {
-    return (0, s.clone)(d(p));
-  }, f.removeCard = function(p) {
-    var g = m(p);
+  return f.getTypeInfo = function(m) {
+    return (0, s.clone)(d(m));
+  }, f.removeCard = function(m) {
+    var g = h(m);
     u.splice(g, 1);
-  }, f.addCard = function(p) {
-    var g = m(p.type, !0);
-    a[p.type] = p, g === -1 && u.push(p.type);
-  }, f.updateCard = function(p, g) {
-    var y = a[p] || e[p];
+  }, f.addCard = function(m) {
+    var g = h(m.type, !0);
+    a[m.type] = m, g === -1 && u.push(m.type);
+  }, f.updateCard = function(m, g) {
+    var y = a[m] || e[m];
     if (!y)
-      throw new Error('"'.concat(p, "\" is not a recognized type. Use `addCard` instead.'"));
+      throw new Error('"'.concat(m, "\" is not a recognized type. Use `addCard` instead.'"));
     if (g.type && y.type !== g.type)
       throw new Error("Cannot overwrite type parameter.");
     var b = (0, s.clone)(y);
     b = t(t({}, b), g), a[b.type] = b;
-  }, f.changeOrder = function(p, g) {
-    var y = m(p);
-    u.splice(y, 1), u.splice(g, 0, p);
+  }, f.changeOrder = function(m, g) {
+    var y = h(m);
+    u.splice(y, 1), u.splice(g, 0, m);
   }, f.resetModifications = function() {
     u = (0, s.clone)(c), a = {};
   }, f.types = o, et = f, et;
 }
-var _e = uc();
+var _e = pc();
 _e.updateCard("visa", {
   lengths: [16]
 });
@@ -3439,10 +3439,10 @@ const hc = (t, e) => {
     o.push(r.slice(u, d));
   }
   return o.join(" ").slice(0, s);
-}, pc = (t, e) => {
+}, mc = (t, e) => {
   const n = _e.getTypeInfo(e), r = (n == null ? void 0 : n.code.size) || 4;
   return t.replace(/\D/g, "").slice(0, r);
-}, mc = (t, e) => {
+}, fc = (t, e) => {
   const n = t.replace(/\D/g, "");
   let r = n.slice(0, 2);
   if (!r) return "";
@@ -3506,20 +3506,20 @@ const kt = [
     minLength: 12,
     maxLength: 19
   }
-], vs = (t) => kt.find((e) => e.pattern.test(t)) || null, ii = (t) => kt.filter((e) => e.pattern.test(t)), fc = (t) => {
+], bs = (t) => kt.find((e) => e.pattern.test(t)) || null, si = (t) => kt.filter((e) => e.pattern.test(t)), gc = (t) => {
   let e = 0, n = !1;
   for (let r = t.length - 1; r >= 0; r--) {
     let i = parseInt(t[r]);
     n && (i *= 2, i > 9 && (i -= 9)), e += i, n = !n;
   }
   return e % 10 === 0;
-}, si = (t, e) => {
+}, ai = (t, e) => {
   const n = t.replace(/\D/g, "");
   if (!n)
     return { isValid: !1, cardType: null, error: q.Empty };
   if (!/^\d+$/.test(n))
     return { isValid: !1, cardType: null, error: q.Invalid };
-  const r = vs(n);
+  const r = bs(n);
   if (r) {
     if (n.length < r.minLength || n.length > r.maxLength)
       return {
@@ -3537,7 +3537,7 @@ const kt = [
     isValid: !1,
     cardType: r.name,
     error: "unsupported"
-  } : fc(n) ? {
+  } : gc(n) ? {
     isValid: !0,
     cardType: (r == null ? void 0 : r.name) || null,
     error: null
@@ -3546,7 +3546,7 @@ const kt = [
     cardType: (r == null ? void 0 : r.name) || null,
     error: q.Invalid
   };
-}, gc = (t) => {
+}, yc = (t) => {
   var e;
   return !t || typeof t.amount != "number" || !t.currency || !t.country || !t.merchant_id || t.checkout_config && !((e = t.checkout_config) == null ? void 0 : e.find(
     ({ is_active: r, type: i }) => r && i === "google-pay"
@@ -3557,7 +3557,7 @@ const kt = [
     merchantId: t.merchant_id,
     lineItems: []
   };
-}, yc = (t) => {
+}, vc = (t) => {
   var e, n;
   return !t || typeof t.amount != "number" || !t.currency || !t.country || !t.merchant_id || t.checkout_config && !((e = t.checkout_config) == null ? void 0 : e.find(
     ({ is_active: i, type: s }) => i && s === "apple-pay"
@@ -3568,7 +3568,7 @@ const kt = [
     merchantId: t.merchant_id,
     lineItems: ((n = t.apple_pay_info) == null ? void 0 : n.line_items) || []
   };
-}, vc = (t = []) => t.reduce((e, n) => {
+}, bc = (t = []) => t.reduce((e, n) => {
   switch (n) {
     case U.Visa:
       return e.push("visa"), e;
@@ -3585,11 +3585,11 @@ const kt = [
     default:
       return e;
   }
-}, []), bc = "_googlePay_1j5ka_1", Cc = "_hidden_1j5ka_17", _t = {
-  googlePay: bc,
-  hidden: Cc
+}, []), Cc = "_googlePay_1j5ka_1", xc = "_hidden_1j5ka_17", _t = {
+  googlePay: Cc,
+  hidden: xc
 };
-class xc {
+class wc {
   constructor(e) {
     l(this, "element");
     l(this, "events", {
@@ -3609,11 +3609,11 @@ class xc {
     return this.element;
   }
 }
-const wc = "_paypal_1al9c_1", kc = "_hidden_1al9c_8", Pt = {
-  paypal: wc,
-  hidden: kc
+const kc = "_paypal_1al9c_1", Ec = "_hidden_1al9c_8", Pt = {
+  paypal: kc,
+  hidden: Ec
 };
-class Ec {
+class Lc {
   constructor(e) {
     l(this, "element");
     l(this, "events", {
@@ -3646,7 +3646,7 @@ class Ec {
     return this.element;
   }
 }
-const Lc = (t) => ({
+const Tc = (t) => ({
   ar: "ar-AB",
   en: "en-GB",
   cs: "cs-CZ",
@@ -3675,7 +3675,7 @@ const Lc = (t) => ({
   tr: "tr-TR",
   vi: "vi-VN",
   zh: "zh-CN"
-})[t] || "en-US", Tc = (t) => ({
+})[t] || "en-US", Ac = (t) => ({
   en: "en",
   ar: "ar",
   cs: "cs",
@@ -3700,7 +3700,7 @@ const Lc = (t) => ({
   tr: "tr",
   zh: "zh"
 })[t] || "en";
-class Ac {
+class Vc {
   constructor() {
     l(this, "template", `
     <svg
@@ -3725,14 +3725,14 @@ class Ac {
     return this.element;
   }
 }
-const Vc = "_button_1br9w_1", Ic = "_press_1br9w_21", yt = {
-  button: Vc,
-  press: Ic
+const Ic = "_button_1br9w_1", Sc = "_press_1br9w_21", yt = {
+  button: Ic,
+  press: Sc
 };
-class Sc {
+class Mc {
   constructor(e) {
     l(this, "element");
-    l(this, "icon", new Ac());
+    l(this, "icon", new Vc());
     this.element = document.createElement("button"), this.element.classList.add(yt.button);
     const n = document.createElement("span");
     n.textContent = e.getState().messages.card.compact.button, this.element.append(this.icon.render(), n), this.element.addEventListener("mousedown", () => this.element.classList.add(yt.press)), this.element.addEventListener("mouseup", () => this.element.classList.remove(yt.press)), this.element.addEventListener("mouseout", () => this.element.classList.remove(yt.press)), e.subscribe(({ messages: r }) => {
@@ -3746,9 +3746,11 @@ class Sc {
     return this.element;
   }
 }
-const Mc = (t, e, n) => e.concat(t.filter((r) => e.every((i) => !n(r, i)))), yn = {
-  apiBase: "https://api-dev.paynext.com/v1"
-}, _c = [
+const _c = (t, e, n) => e.concat(t.filter((r) => e.every((i) => !n(r, i)))), yn = (t = "sandbox") => ({
+  develop: "https://api-dev.paynext.com/v1",
+  sandbox: "https://sandbox-api.paynext.com/v1",
+  production: "https://api.paynext.com/v1"
+})[t], Pc = [
   {
     type: "paypal",
     order: 1,
@@ -3769,74 +3771,74 @@ const Mc = (t, e, n) => e.concat(t.filter((r) => e.every((i) => !n(r, i)))), yn
     order: 4,
     is_active: !0
   }
-], Pc = (t) => v(void 0, null, function* () {
-  var s, a, o, c, u, d, h, m, f, p, g, y, b, A, k, V, C, I, S, x, P, R, N, ae, G, oe, J, Te, Ae, Ce, Z, K, he, pe, me, fe, ge, ye, ve, X, re, ie, Q, ee, je, qe, Ke, Be, Fe, ze, $e, Ge, Ue, He, Ze, bn, Cn, xn, wn, kn, En, Ln, Tn, An, Vn, In, Sn, Mn, _n, Pn, Dn, Nn, Rn, On, jn, qn, Kn, Bn, Fn, zn, $n, Gn, Un, Hn, Zn, Yn, Wn, Jn, Xn, Qn, er, tr, nr, rr, ir, sr, ar, or, lr, cr, dr, ur, hr, pr, mr, fr, gr, yr, vr, br, Cr, xr;
-  const e = `${yn.apiBase}/payments/create`, n = new Headers();
-  return n.append("Content-Type", "application/json"), yield (yield fetch(e, {
+], Dc = (t, e = "sandbox") => v(void 0, null, function* () {
+  var a, o, c, u, d, p, h, f, m, g, y, b, A, k, V, C, I, S, x, P, R, N, ae, G, oe, J, Te, Ae, Ce, Z, K, pe, he, me, fe, ge, ye, ve, X, re, ie, Q, ee, je, qe, Ke, Be, Fe, ze, $e, Ge, Ue, He, Ze, bn, Cn, xn, wn, kn, En, Ln, Tn, An, Vn, In, Sn, Mn, _n, Pn, Dn, Nn, Rn, On, jn, qn, Kn, Bn, Fn, zn, $n, Gn, Un, Hn, Zn, Yn, Wn, Jn, Xn, Qn, er, tr, nr, rr, ir, sr, ar, or, lr, cr, dr, ur, pr, hr, mr, fr, gr, yr, vr, br, Cr, xr, wr;
+  const n = `${yn(e)}/payments/create`, r = new Headers();
+  return r.append("Content-Type", "application/json"), yield (yield fetch(n, {
     method: "POST",
-    headers: n,
+    headers: r,
     body: JSON.stringify({
       client_session: t.clientSession,
       three_ds_session_id: t.threeDsSessionId,
       type: t.googlePay ? "GPAY" : t.applePay ? "APPLEPAY" : t.paypal ? "PAYPAL" : "CARD",
-      name: (a = (s = t.applePay) == null ? void 0 : s.billingContact) != null && a.givenName ? ((d = (u = t.applePay) == null ? void 0 : u.billingContact) == null ? void 0 : d.givenName) + " " + ((m = (h = t.applePay) == null ? void 0 : h.billingContact) == null ? void 0 : m.familyName) : (c = (o = t.card) == null ? void 0 : o.metadata) == null ? void 0 : c.name,
-      phone: (p = (f = t.applePay) == null ? void 0 : f.shippingContact) == null ? void 0 : p.phoneNumber,
+      name: (o = (a = t.applePay) == null ? void 0 : a.billingContact) != null && o.givenName ? ((p = (d = t.applePay) == null ? void 0 : d.billingContact) == null ? void 0 : p.givenName) + " " + ((f = (h = t.applePay) == null ? void 0 : h.billingContact) == null ? void 0 : f.familyName) : (u = (c = t.card) == null ? void 0 : c.metadata) == null ? void 0 : u.name,
+      phone: (g = (m = t.applePay) == null ? void 0 : m.shippingContact) == null ? void 0 : g.phoneNumber,
       billing_address: t.applePay || t.googlePay ? {
-        city: ((y = (g = t.applePay) == null ? void 0 : g.billingContact) == null ? void 0 : y.locality) || ((A = (b = t == null ? void 0 : t.googlePay) == null ? void 0 : b.billingAddress) == null ? void 0 : A.locality) || void 0,
-        country: ((V = (k = t.applePay) == null ? void 0 : k.billingContact) == null ? void 0 : V.countryCode) || ((I = (C = t == null ? void 0 : t.googlePay) == null ? void 0 : C.billingAddress) == null ? void 0 : I.countryCode) || void 0,
-        line1: ((P = (x = (S = t.applePay) == null ? void 0 : S.billingContact) == null ? void 0 : x.addressLines) == null ? void 0 : P.at(0)) || ((N = (R = t == null ? void 0 : t.googlePay) == null ? void 0 : R.billingAddress) == null ? void 0 : N.address1) || void 0,
-        line2: ((oe = (G = (ae = t.applePay) == null ? void 0 : ae.billingContact) == null ? void 0 : G.addressLines) == null ? void 0 : oe.at(1)) || ((Te = (J = t == null ? void 0 : t.googlePay) == null ? void 0 : J.billingAddress) == null ? void 0 : Te.address2) || void 0,
-        postal_code: ((Ce = (Ae = t.applePay) == null ? void 0 : Ae.billingContact) == null ? void 0 : Ce.postalCode) || ((K = (Z = t == null ? void 0 : t.googlePay) == null ? void 0 : Z.billingAddress) == null ? void 0 : K.postalCode) || void 0,
-        state: ((pe = (he = t.applePay) == null ? void 0 : he.billingContact) == null ? void 0 : pe.administrativeArea) || ((fe = (me = t == null ? void 0 : t.googlePay) == null ? void 0 : me.billingAddress) == null ? void 0 : fe.administrativeArea) || void 0
+        city: ((b = (y = t.applePay) == null ? void 0 : y.billingContact) == null ? void 0 : b.locality) || ((k = (A = t == null ? void 0 : t.googlePay) == null ? void 0 : A.billingAddress) == null ? void 0 : k.locality) || void 0,
+        country: ((C = (V = t.applePay) == null ? void 0 : V.billingContact) == null ? void 0 : C.countryCode) || ((S = (I = t == null ? void 0 : t.googlePay) == null ? void 0 : I.billingAddress) == null ? void 0 : S.countryCode) || void 0,
+        line1: ((R = (P = (x = t.applePay) == null ? void 0 : x.billingContact) == null ? void 0 : P.addressLines) == null ? void 0 : R.at(0)) || ((ae = (N = t == null ? void 0 : t.googlePay) == null ? void 0 : N.billingAddress) == null ? void 0 : ae.address1) || void 0,
+        line2: ((J = (oe = (G = t.applePay) == null ? void 0 : G.billingContact) == null ? void 0 : oe.addressLines) == null ? void 0 : J.at(1)) || ((Ae = (Te = t == null ? void 0 : t.googlePay) == null ? void 0 : Te.billingAddress) == null ? void 0 : Ae.address2) || void 0,
+        postal_code: ((Z = (Ce = t.applePay) == null ? void 0 : Ce.billingContact) == null ? void 0 : Z.postalCode) || ((pe = (K = t == null ? void 0 : t.googlePay) == null ? void 0 : K.billingAddress) == null ? void 0 : pe.postalCode) || void 0,
+        state: ((me = (he = t.applePay) == null ? void 0 : he.billingContact) == null ? void 0 : me.administrativeArea) || ((ge = (fe = t == null ? void 0 : t.googlePay) == null ? void 0 : fe.billingAddress) == null ? void 0 : ge.administrativeArea) || void 0
       } : void 0,
-      card: t.card || (ge = t.googlePay) != null && ge.card || (ye = t.applePay) != null && ye.card ? {
-        bin: (ve = t.card) == null ? void 0 : ve.firstSixDigits,
+      card: t.card || (ye = t.googlePay) != null && ye.card || (ve = t.applePay) != null && ve.card ? {
+        bin: (X = t.card) == null ? void 0 : X.firstSixDigits,
         bin_data: {
-          brand: ((X = t.card) == null ? void 0 : X.cardBrand) || ((ie = (re = t.googlePay) == null ? void 0 : re.card) == null ? void 0 : ie.brand) || ((ee = (Q = t.applePay) == null ? void 0 : Q.card) == null ? void 0 : ee.brand),
-          country: ((je = t.card) == null ? void 0 : je.country) || ((Ke = (qe = t.googlePay) == null ? void 0 : qe.card) == null ? void 0 : Ke.country) || ((Fe = (Be = t.applePay) == null ? void 0 : Be.card) == null ? void 0 : Fe.country),
-          currency_code: ((ze = t.card) == null ? void 0 : ze.currency) || ((Ge = ($e = t.googlePay) == null ? void 0 : $e.card) == null ? void 0 : Ge.currency) || ((He = (Ue = t.applePay) == null ? void 0 : Ue.card) == null ? void 0 : He.currency),
-          funding: ((Ze = t.card) == null ? void 0 : Ze.funding) || ((Cn = (bn = t.googlePay) == null ? void 0 : bn.card) == null ? void 0 : Cn.funding) || ((wn = (xn = t.applePay) == null ? void 0 : xn.card) == null ? void 0 : wn.funding),
-          issuer: ((kn = t.card) == null ? void 0 : kn.issuer) || ((Ln = (En = t.googlePay) == null ? void 0 : En.card) == null ? void 0 : Ln.issuer) || ((An = (Tn = t.applePay) == null ? void 0 : Tn.card) == null ? void 0 : An.issuer),
-          type: ((Vn = t.card) == null ? void 0 : Vn.type) || ((Sn = (In = t.googlePay) == null ? void 0 : In.card) == null ? void 0 : Sn.segment) || ((_n = (Mn = t.applePay) == null ? void 0 : Mn.card) == null ? void 0 : _n.segment)
+          brand: ((re = t.card) == null ? void 0 : re.cardBrand) || ((Q = (ie = t.googlePay) == null ? void 0 : ie.card) == null ? void 0 : Q.brand) || ((je = (ee = t.applePay) == null ? void 0 : ee.card) == null ? void 0 : je.brand),
+          country: ((qe = t.card) == null ? void 0 : qe.country) || ((Be = (Ke = t.googlePay) == null ? void 0 : Ke.card) == null ? void 0 : Be.country) || ((ze = (Fe = t.applePay) == null ? void 0 : Fe.card) == null ? void 0 : ze.country),
+          currency_code: (($e = t.card) == null ? void 0 : $e.currency) || ((Ue = (Ge = t.googlePay) == null ? void 0 : Ge.card) == null ? void 0 : Ue.currency) || ((Ze = (He = t.applePay) == null ? void 0 : He.card) == null ? void 0 : Ze.currency),
+          funding: ((bn = t.card) == null ? void 0 : bn.funding) || ((xn = (Cn = t.googlePay) == null ? void 0 : Cn.card) == null ? void 0 : xn.funding) || ((kn = (wn = t.applePay) == null ? void 0 : wn.card) == null ? void 0 : kn.funding),
+          issuer: ((En = t.card) == null ? void 0 : En.issuer) || ((Tn = (Ln = t.googlePay) == null ? void 0 : Ln.card) == null ? void 0 : Tn.issuer) || ((Vn = (An = t.applePay) == null ? void 0 : An.card) == null ? void 0 : Vn.issuer),
+          type: ((In = t.card) == null ? void 0 : In.type) || ((Mn = (Sn = t.googlePay) == null ? void 0 : Sn.card) == null ? void 0 : Mn.segment) || ((Pn = (_n = t.applePay) == null ? void 0 : _n.card) == null ? void 0 : Pn.segment)
         },
-        cvc: (Pn = t.card) == null ? void 0 : Pn.cvc,
-        exp_month: (Dn = t.card) != null && Dn.expMonth || (Rn = (Nn = t.googlePay) == null ? void 0 : Nn.card) != null && Rn.expiry.month ? Number(((On = t.card) == null ? void 0 : On.expMonth) || ((qn = (jn = t.googlePay) == null ? void 0 : jn.card) == null ? void 0 : qn.expiry.month)) : void 0,
-        exp_year: (Kn = t.card) != null && Kn.expYear || (Fn = (Bn = t.googlePay) == null ? void 0 : Bn.card) != null && Fn.expiry.year ? Number(((zn = t.card) == null ? void 0 : zn.expYear) || ((Gn = ($n = t.googlePay) == null ? void 0 : $n.card) == null ? void 0 : Gn.expiry.year)) : void 0,
-        last4: ((Un = t.card) == null ? void 0 : Un.lastFourDigits) || ((Zn = (Hn = t.googlePay) == null ? void 0 : Hn.card) == null ? void 0 : Zn.lastFour) || ((Wn = (Yn = t.applePay) == null ? void 0 : Yn.card) == null ? void 0 : Wn.lastFour),
-        number: ((Jn = t.card) == null ? void 0 : Jn.number) || ((Qn = (Xn = t.googlePay) == null ? void 0 : Xn.card) == null ? void 0 : Qn.number)
+        cvc: (Dn = t.card) == null ? void 0 : Dn.cvc,
+        exp_month: (Nn = t.card) != null && Nn.expMonth || (On = (Rn = t.googlePay) == null ? void 0 : Rn.card) != null && On.expiry.month ? Number(((jn = t.card) == null ? void 0 : jn.expMonth) || ((Kn = (qn = t.googlePay) == null ? void 0 : qn.card) == null ? void 0 : Kn.expiry.month)) : void 0,
+        exp_year: (Bn = t.card) != null && Bn.expYear || (zn = (Fn = t.googlePay) == null ? void 0 : Fn.card) != null && zn.expiry.year ? Number((($n = t.card) == null ? void 0 : $n.expYear) || ((Un = (Gn = t.googlePay) == null ? void 0 : Gn.card) == null ? void 0 : Un.expiry.year)) : void 0,
+        last4: ((Hn = t.card) == null ? void 0 : Hn.lastFourDigits) || ((Yn = (Zn = t.googlePay) == null ? void 0 : Zn.card) == null ? void 0 : Yn.lastFour) || ((Jn = (Wn = t.applePay) == null ? void 0 : Wn.card) == null ? void 0 : Jn.lastFour),
+        number: ((Xn = t.card) == null ? void 0 : Xn.number) || ((er = (Qn = t.googlePay) == null ? void 0 : Qn.card) == null ? void 0 : er.number)
       } : void 0,
-      paypal: (er = t.paypal) != null && er.billing_agreement_token.paypalId ? { billing_agreement_token: (tr = t.paypal) == null ? void 0 : tr.billing_agreement_token.paypalId } : void 0,
+      paypal: (tr = t.paypal) != null && tr.billing_agreement_token.paypalId ? { billing_agreement_token: (nr = t.paypal) == null ? void 0 : nr.billing_agreement_token.paypalId } : void 0,
       google_pay: t.googlePay && t.googlePay.token ? {
         cryptogram: t.googlePay.cryptogram,
         eci: t.googlePay.eci,
-        exp_month: (rr = (nr = t.googlePay) == null ? void 0 : nr.card) != null && rr.expiry.month || (ir = t.googlePay) != null && ir.token.expiry.month ? Number(t.googlePay.card.expiry.month || t.googlePay.token.expiry.month) : void 0,
-        exp_year: (ar = (sr = t.googlePay) == null ? void 0 : sr.card) != null && ar.expiry.year || (or = t.googlePay) != null && or.token.expiry.year ? Number(t.googlePay.card.expiry.year || t.googlePay.token.expiry.year) : void 0,
-        token: (cr = (lr = t.googlePay) == null ? void 0 : lr.token) == null ? void 0 : cr.number,
-        token_service_provider: (ur = (dr = t.googlePay) == null ? void 0 : dr.token) == null ? void 0 : ur.tokenServiceProvider
+        exp_month: (ir = (rr = t.googlePay) == null ? void 0 : rr.card) != null && ir.expiry.month || (sr = t.googlePay) != null && sr.token.expiry.month ? Number(t.googlePay.card.expiry.month || t.googlePay.token.expiry.month) : void 0,
+        exp_year: (or = (ar = t.googlePay) == null ? void 0 : ar.card) != null && or.expiry.year || (lr = t.googlePay) != null && lr.token.expiry.year ? Number(t.googlePay.card.expiry.year || t.googlePay.token.expiry.year) : void 0,
+        token: (dr = (cr = t.googlePay) == null ? void 0 : cr.token) == null ? void 0 : dr.number,
+        token_service_provider: (pr = (ur = t.googlePay) == null ? void 0 : ur.token) == null ? void 0 : pr.tokenServiceProvider
       } : void 0,
       apple_pay: t.applePay ? {
         cryptogram: t.applePay.cryptogram,
         eci: t.applePay.eci,
-        exp_month: (mr = (pr = (hr = t.applePay) == null ? void 0 : hr.networkToken) == null ? void 0 : pr.expiry) != null && mr.month ? Number(t.applePay.networkToken.expiry.month) : void 0,
-        exp_year: (yr = (gr = (fr = t.applePay) == null ? void 0 : fr.networkToken) == null ? void 0 : gr.expiry) != null && yr.year ? Number(t.applePay.networkToken.expiry.year) : void 0,
-        token: (br = (vr = t.applePay) == null ? void 0 : vr.networkToken) == null ? void 0 : br.number,
-        token_service_provider: (xr = (Cr = t.applePay) == null ? void 0 : Cr.networkToken) == null ? void 0 : xr.tokenServiceProvider
+        exp_month: (fr = (mr = (hr = t.applePay) == null ? void 0 : hr.networkToken) == null ? void 0 : mr.expiry) != null && fr.month ? Number(t.applePay.networkToken.expiry.month) : void 0,
+        exp_year: (vr = (yr = (gr = t.applePay) == null ? void 0 : gr.networkToken) == null ? void 0 : yr.expiry) != null && vr.year ? Number(t.applePay.networkToken.expiry.year) : void 0,
+        token: (Cr = (br = t.applePay) == null ? void 0 : br.networkToken) == null ? void 0 : Cr.number,
+        token_service_provider: (wr = (xr = t.applePay) == null ? void 0 : xr.networkToken) == null ? void 0 : wr.tokenServiceProvider
       } : void 0
     })
   })).json();
-}), Dc = (t) => v(void 0, null, function* () {
-  const e = `${yn.apiBase}/payments/create/billing/agreement`, n = new Headers();
-  return n.append("Content-Type", "application/json"), (yield (yield fetch(e, {
+}), Nc = (t, e = "sandbox") => v(void 0, null, function* () {
+  const n = `${yn(e)}/payments/create/billing/agreement`, r = new Headers();
+  return r.append("Content-Type", "application/json"), (yield (yield fetch(n, {
     method: "POST",
-    headers: n,
+    headers: r,
     body: JSON.stringify({ client_session: t })
   })).json()).paypal_agreement_token_response.token_id || "";
-}), Nc = (t) => v(void 0, null, function* () {
-  const e = `${yn.apiBase}/payments/config?client_session_id=${t}`, r = yield (yield fetch(e)).json();
-  return r.checkout_config || (r.checkout_config = _c), r;
+}), Rc = (t, e = "sandbox") => v(void 0, null, function* () {
+  const n = `${yn(e)}/payments/config?client_session_id=${t}`, i = yield (yield fetch(n)).json();
+  return i.checkout_config || (i.checkout_config = Pc), i;
 });
-var bs = /* @__PURE__ */ ((t) => (t.Card = "CARD", t))(bs || {});
-class Rc {
+var Cs = /* @__PURE__ */ ((t) => (t.Card = "CARD", t))(Cs || {});
+class Oc {
   constructor(e) {
     l(this, "isAppleReady", !0);
     l(this, "isGoogleReady", !0);
@@ -3853,8 +3855,9 @@ class Rc {
       cancel: new $(),
       success: new $()
     });
-    this.config = e, this.applePay = new ic(e.service.ev), this.paypal = new Ec(e.service.paypal), this.googlePay = new xc(e.service.ev), this.card = new Sc(e.state.translate), this.buttons = document.createElement("div"), this.buttons.classList.add(It.buttons, It.hidden);
+    this.config = e, this.applePay = new sc(e.service.ev), this.paypal = new Lc(e.service.paypal), this.googlePay = new wc(e.service.ev), this.card = new Mc(e.state.translate), this.buttons = document.createElement("div"), this.buttons.classList.add(It.buttons, It.hidden);
   }
+  // init
   init() {
     return v(this, null, function* () {
       this.config.state.transaction.subscribe(() => {
@@ -3866,16 +3869,17 @@ class Rc {
       }), this.card.addEventListener(() => this.events.open.emit());
     });
   }
+  // init apple
   initApple() {
     return v(this, null, function* () {
       this.isAppleReady = !1, this.buttons.appendChild(this.applePay.render());
-      const e = this.config.state.transaction.getState(), { locale: n, supportedCardTypes: r } = this.config.state.checkout.getState(), i = yc(e);
+      const e = this.config.state.transaction.getState(), { locale: n, supportedCardTypes: r } = this.config.state.checkout.getState(), i = vc(e);
       try {
         if (!i) return;
         yield this.applePay.init({
           transaction: i,
-          supportedCardTypes: vc(r),
-          locale: Lc(n || "en"),
+          supportedCardTypes: bc(r),
+          locale: Tc(n || "en"),
           onError: () => this.events.error.emit(),
           onCancel: () => this.events.cancel.emit(),
           onSuccess: (s) => this.events.success.emit(M(L({}, s), { type: "apple" }))
@@ -3887,15 +3891,16 @@ class Rc {
       }
     });
   }
+  // init google
   initGoogle() {
     return v(this, null, function* () {
       this.isGoogleReady = !1, this.buttons.appendChild(this.googlePay.render());
-      const e = this.config.state.transaction.getState(), { locale: n } = this.config.state.checkout.getState(), r = gc(e);
+      const e = this.config.state.transaction.getState(), { locale: n } = this.config.state.checkout.getState(), r = yc(e);
       try {
         if (!r) return;
         yield this.googlePay.init({
           transaction: r,
-          locale: Tc(n || "en"),
+          locale: Ac(n || "en"),
           onError: () => this.events.error.emit(),
           onCancel: () => this.events.cancel.emit(),
           onSuccess: (i) => this.events.success.emit(M(L({}, i), { type: "google" }))
@@ -3907,12 +3912,13 @@ class Rc {
       }
     });
   }
+  // init paypal
   initPayPal() {
     return v(this, null, function* () {
       var i, s;
       this.isPayPalReady = !1, this.buttons.appendChild(this.paypal.render());
-      const e = this.config.state.transaction.getState(), n = this.config.state.checkout.getState().clientToken, r = () => v(this, null, function* () {
-        return yield Dc(n);
+      const e = this.config.state.transaction.getState(), n = this.config.state.checkout.getState(), r = () => v(this, null, function* () {
+        return yield Nc(n.clientToken, n.environment);
       });
       try {
         if (!e)
@@ -3932,14 +3938,16 @@ class Rc {
       }
     });
   }
+  // init card
   initCard() {
     return v(this, null, function* () {
       this.buttons.appendChild(this.card.render());
     });
   }
+  // init payment methods
   initPaymentMethods() {
     return v(this, null, function* () {
-      const e = this.config.state.transaction.getState(), r = Mc(sc, (e == null ? void 0 : e.checkout_config) || [], (i, s) => i.type === s.type).filter(({ is_active: i }) => i).sort((i, s) => i.order - s.order).map(({ type: i }) => {
+      const e = this.config.state.transaction.getState(), r = _c(ac, (e == null ? void 0 : e.checkout_config) || [], (i, s) => i.type === s.type).filter(({ is_active: i }) => i).sort((i, s) => i.order - s.order).map(({ type: i }) => {
         switch (i) {
           case "apple-pay":
             return this.initApple();
@@ -3956,20 +3964,24 @@ class Rc {
       yield Promise.all(r), this.handleReady();
     });
   }
+  // handle ready
   handleReady() {
     this.isAppleReady && this.isGoogleReady && this.isPayPalReady && this.events.ready.emit();
   }
+  // add event listener
   addEventListener(e, n) {
     return this.events[e].addListener(n);
   }
+  // show button
   showButton() {
     this.buttons.classList.remove(It.hidden);
   }
+  // render
   render() {
     return this.buttons;
   }
 }
-class Oc {
+class jc {
   constructor() {
     l(this, "template", `
     <svg
@@ -3995,14 +4007,14 @@ class Oc {
     return this.element;
   }
 }
-const jc = "_button_125my_1", qc = {
-  button: jc
+const qc = "_button_125my_1", Kc = {
+  button: qc
 };
-class Kc {
+class Bc {
   constructor() {
     l(this, "element");
-    l(this, "icon", new Oc());
-    this.element = document.createElement("div"), this.element.classList.add(qc.button), this.element.appendChild(this.icon.render());
+    l(this, "icon", new jc());
+    this.element = document.createElement("div"), this.element.classList.add(Kc.button), this.element.appendChild(this.icon.render());
   }
   addEventListener(e) {
     return this.element.addEventListener("click", e);
@@ -4011,17 +4023,17 @@ class Kc {
     return this.element;
   }
 }
-const Bc = "_button_rx9be_1", Fc = "_disabled_rx9be_17", zc = "_press_rx9be_22", $c = "_hidden_rx9be_26", Gc = "_spinner_rx9be_30", se = {
-  button: Bc,
-  disabled: Fc,
-  press: zc,
-  hidden: $c,
-  spinner: Gc
+const Fc = "_button_rx9be_1", zc = "_disabled_rx9be_17", $c = "_press_rx9be_22", Gc = "_hidden_rx9be_26", Uc = "_spinner_rx9be_30", se = {
+  button: Fc,
+  disabled: zc,
+  press: $c,
+  hidden: Gc,
+  spinner: Uc
 };
-class Uc {
+class Hc {
   constructor(e) {
     l(this, "element");
-    l(this, "spinner", new gs());
+    l(this, "spinner", new ys());
     l(this, "message", document.createElement("span"));
     this.element = document.createElement("button"), this.element.classList.add(se.button), this.spinner.addClass(se.spinner), this.spinner.addClass(se.hidden), this.message.textContent = e.messages().card.pay.button, this.element.append(this.spinner.render(), this.message), this.element.addEventListener("mousedown", () => this.element.classList.add(se.press)), this.element.addEventListener("mouseup", () => this.element.classList.remove(se.press)), this.element.addEventListener("mouseout", () => this.element.classList.remove(se.press)), e.subscribe((n) => {
       this.message.textContent = n.messages.card.pay.button;
@@ -4037,19 +4049,19 @@ class Uc {
     return this.element;
   }
 }
-const Hc = "_cardForm_isqbi_1", Zc = "_hidden_isqbi_5", vt = {
-  cardForm: Hc,
-  hidden: Zc
-}, Yc = "_wrapper_4knhb_1", Wc = "_inputContainer_4knhb_5", Jc = "_input_4knhb_5", Xc = "_errorInput_4knhb_24", Qc = "_label_4knhb_28", ed = "_labelError_4knhb_32", td = "_disabled_4knhb_36", nd = "_disabledInput_4knhb_40", rd = "_hidden_4knhb_47", O = {
-  wrapper: Yc,
-  inputContainer: Wc,
-  input: Jc,
-  errorInput: Xc,
-  label: Qc,
-  labelError: ed,
-  disabled: td,
-  disabledInput: nd,
-  hidden: rd
+const Zc = "_cardForm_isqbi_1", Yc = "_hidden_isqbi_5", vt = {
+  cardForm: Zc,
+  hidden: Yc
+}, Wc = "_wrapper_4knhb_1", Jc = "_inputContainer_4knhb_5", Xc = "_input_4knhb_5", Qc = "_errorInput_4knhb_24", ed = "_label_4knhb_28", td = "_labelError_4knhb_32", nd = "_disabled_4knhb_36", rd = "_disabledInput_4knhb_40", id = "_hidden_4knhb_47", O = {
+  wrapper: Wc,
+  inputContainer: Jc,
+  input: Xc,
+  errorInput: Qc,
+  label: ed,
+  labelError: td,
+  disabled: nd,
+  disabledInput: rd,
+  hidden: id
 };
 class vn {
   constructor() {
@@ -4072,7 +4084,7 @@ class vn {
     return this.element;
   }
 }
-class id {
+class sd {
   constructor(e) {
     l(this, "id", "paynext-card-input-name");
     l(this, "element");
@@ -4134,20 +4146,20 @@ class id {
     return this.toggleLabelError(r), this.isDisabled ? (this.inputContainer.classList.add(O.disabled), this.input.classList.add(O.disabledInput)) : (this.inputContainer.classList.remove(O.disabled), this.input.classList.remove(O.disabledInput)), this.element;
   }
 }
-const sd = "_wrapper_j8wuo_1", ad = "_inputContainer_j8wuo_5", od = "_input_j8wuo_5", ld = "_endContent_j8wuo_20", cd = "_errorInput_j8wuo_24", dd = "_error_j8wuo_24", ud = "_label_j8wuo_32", hd = "_labelError_j8wuo_36", pd = "_disabled_j8wuo_40", md = "_disabledInput_j8wuo_44", fd = "_hidden_j8wuo_51", _ = {
-  wrapper: sd,
-  inputContainer: ad,
-  input: od,
-  endContent: ld,
-  errorInput: cd,
-  error: dd,
-  label: ud,
+const ad = "_wrapper_j8wuo_1", od = "_inputContainer_j8wuo_5", ld = "_input_j8wuo_5", cd = "_endContent_j8wuo_20", dd = "_errorInput_j8wuo_24", ud = "_error_j8wuo_24", pd = "_label_j8wuo_32", hd = "_labelError_j8wuo_36", md = "_disabled_j8wuo_40", fd = "_disabledInput_j8wuo_44", gd = "_hidden_j8wuo_51", _ = {
+  wrapper: ad,
+  inputContainer: od,
+  input: ld,
+  endContent: cd,
+  errorInput: dd,
+  error: ud,
+  label: pd,
   labelError: hd,
-  disabled: pd,
-  disabledInput: md,
-  hidden: fd
+  disabled: md,
+  disabledInput: fd,
+  hidden: gd
 };
-class gd {
+class yd {
   constructor() {
     l(this, "template", `
     <svg
@@ -4185,7 +4197,7 @@ class gd {
     return this.element;
   }
 }
-class yd {
+class vd {
   constructor() {
     l(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16' class='${T.svg}'>
@@ -4222,7 +4234,7 @@ class yd {
     return this.element;
   }
 }
-class vd {
+class bd {
   constructor() {
     l(this, "template", `
     <svg
@@ -4272,7 +4284,7 @@ class vd {
     return this.element;
   }
 }
-class bd {
+class Cd {
   constructor() {
     l(this, "template", `
     <svg
@@ -4327,7 +4339,7 @@ class bd {
     return this.element;
   }
 }
-class Cd {
+class xd {
   constructor() {
     l(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 23 16' width='23' class='${T.svg}'>
@@ -4367,7 +4379,7 @@ class Cd {
     return this.element;
   }
 }
-class xd {
+class wd {
   constructor() {
     l(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 16' width='24' class='${T.svg}'>
@@ -4390,7 +4402,7 @@ class xd {
     return this.element;
   }
 }
-class wd {
+class kd {
   constructor() {
     l(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 16' width='24' class='${T.svg}'>
@@ -4422,7 +4434,7 @@ class wd {
     return this.element;
   }
 }
-class kd {
+class Ed {
   constructor() {
     l(this, "template", `
    <svg
@@ -4471,7 +4483,7 @@ class kd {
     return this.element;
   }
 }
-class Ed {
+class Ld {
   constructor(e) {
     l(this, "id", "paynext-card-input-number");
     l(this, "initialCardTypes", kt.map((e) => e.type));
@@ -4483,14 +4495,14 @@ class Ed {
     l(this, "labelError", document.createElement("span"));
     l(this, "endContent", document.createElement("div"));
     l(this, "error", document.createElement("p"));
-    l(this, "unknownCard", new gd());
-    l(this, "amex", new yd());
-    l(this, "dinerClub", new vd());
-    l(this, "discover", new bd());
-    l(this, "jcb", new Cd());
-    l(this, "masterCard", new xd());
-    l(this, "unionPay", new wd());
-    l(this, "visa", new kd());
+    l(this, "unknownCard", new yd());
+    l(this, "amex", new vd());
+    l(this, "dinerClub", new bd());
+    l(this, "discover", new Cd());
+    l(this, "jcb", new xd());
+    l(this, "masterCard", new wd());
+    l(this, "unionPay", new kd());
+    l(this, "visa", new Ed());
     l(this, "supportedCardTypes", this.initialCardTypes);
     l(this, "isTouchSubmit", !1);
     l(this, "errorMessage", "");
@@ -4514,12 +4526,12 @@ class Ed {
   handleChange(e) {
     if (this.isDisabled) return;
     this.isRequired = !1, this.errorMessage = "", this.isChanged || (this.isChanged = !0);
-    const n = ii(e).map((s) => s.type), r = vs(e), i = hc(e, (r == null ? void 0 : r.type) || "");
+    const n = si(e).map((s) => s.type), r = bs(e), i = hc(e, (r == null ? void 0 : r.type) || "");
     i.replace(/\D/g, "").length === ((r == null ? void 0 : r.maxLength) || 16) && this.validate(i), this.supportedCardTypes = n.length ? n : this.initialCardTypes, this.input.value = i, this.events.change.emit({
       card: i,
       cardType: r == null ? void 0 : r.type,
       cardTypes: n,
-      isValid: si(e, this.supportedCardTypes).isValid
+      isValid: ai(e, this.supportedCardTypes).isValid
     }), this.render();
   }
   toggleLabelError(e) {
@@ -4574,11 +4586,11 @@ class Ed {
     var e;
     return {
       value: this.input.value,
-      cardType: ((e = ii(this.input.value)[0]) == null ? void 0 : e.type) || ""
+      cardType: ((e = si(this.input.value)[0]) == null ? void 0 : e.type) || ""
     };
   }
   validate(e) {
-    const n = this.translate.messages(), { isValid: r, error: i } = si(e, this.supportedCardTypes);
+    const n = this.translate.messages(), { isValid: r, error: i } = ai(e, this.supportedCardTypes);
     return r ? (this.isRequired = !1, this.errorMessage = "", this.render(), r) : (i === q.Empty ? (this.errorMessage = "", this.isRequired = !0) : i === q.Unsupported ? (this.errorMessage = n.card.number.error.unsupported, this.isRequired = !1) : (this.errorMessage = i === q.Incomplete ? n.card.number.error.incomplete : n.card.number.error.invalid, this.isRequired = !1), this.render(), r);
   }
   render() {
@@ -4586,20 +4598,20 @@ class Ed {
     return this.toggleLabelError(n), this.toggleErrorMessage(r), !n && !r ? (this.inputContainer.classList.remove(_.errorInput), this.endContent.innerHTML = "", this.endContent.append(...this.getCardIcons())) : (this.endContent.innerHTML = "", this.endContent.appendChild(this.unknownCard.render())), this.isDisabled ? (this.inputContainer.classList.add(_.disabled), this.input.classList.add(_.disabledInput)) : (this.inputContainer.classList.remove(_.disabled), this.input.classList.remove(_.disabledInput)), this.element;
   }
 }
-const Ld = "_inputContainer_1xdj3_5", Td = "_input_1xdj3_5", Ad = "_endContent_1xdj3_20", Vd = "_errorInput_1xdj3_24", Id = "_error_1xdj3_24", Sd = "_label_1xdj3_32", Md = "_labelError_1xdj3_36", _d = "_disabled_1xdj3_40", Pd = "_disabledInput_1xdj3_44", Dd = "_hidden_1xdj3_51", Nd = "_securityContent_1xdj3_55", w = {
-  inputContainer: Ld,
-  input: Td,
-  endContent: Ad,
-  errorInput: Vd,
-  error: Id,
-  label: Sd,
-  labelError: Md,
-  disabled: _d,
-  disabledInput: Pd,
-  hidden: Dd,
-  securityContent: Nd
+const Td = "_inputContainer_1xdj3_5", Ad = "_input_1xdj3_5", Vd = "_endContent_1xdj3_20", Id = "_errorInput_1xdj3_24", Sd = "_error_1xdj3_24", Md = "_label_1xdj3_32", _d = "_labelError_1xdj3_36", Pd = "_disabled_1xdj3_40", Dd = "_disabledInput_1xdj3_44", Nd = "_hidden_1xdj3_51", Rd = "_securityContent_1xdj3_55", w = {
+  inputContainer: Td,
+  input: Ad,
+  endContent: Vd,
+  errorInput: Id,
+  error: Sd,
+  label: Md,
+  labelError: _d,
+  disabled: Pd,
+  disabledInput: Dd,
+  hidden: Nd,
+  securityContent: Rd
 };
-class Rd {
+class Od {
   constructor() {
     l(this, "template", `
     <svg class='${T.svg}' focusable='false' viewBox='0 0 32 21' role='img' aria-label='CVC'>
@@ -4628,13 +4640,13 @@ class Rd {
     return this.element;
   }
 }
-class Od {
+class jd {
   constructor(e) {
     l(this, "cvcId", "paynext-card-input-cvc");
     l(this, "expiryId", "paynext-card-input-expiry");
     l(this, "element");
     l(this, "warning", new vn());
-    l(this, "cardCvc", new Rd());
+    l(this, "cardCvc", new Od());
     l(this, "expiryInputContainer", document.createElement("div"));
     l(this, "expiryInput", document.createElement("input"));
     l(this, "expiryLabel", document.createElement("label"));
@@ -4710,7 +4722,7 @@ class Od {
   handleCvcChange(e) {
     if (this.isDisabled) return;
     this.isCvcRequired = !1, this.cvcErrorMessage = "", this.isCvcChanged || (this.isCvcChanged = !0);
-    const n = pc(e, this.cardType || ""), r = _e.getTypeInfo(this.cardType || "");
+    const n = mc(e, this.cardType || ""), r = _e.getTypeInfo(this.cardType || "");
     n.length === (r == null ? void 0 : r.code.size) && this.validateCvc(n), this.events.cvcChange.emit({
       value: n,
       isValid: this.cvcValidator(n) === null
@@ -4757,7 +4769,7 @@ class Od {
   handleExpiryChange(e) {
     if (this.isDisabled) return;
     this.isExpiryRequired = !1, this.expiryErrorMessage = "", this.isExpiryChanged || (this.isExpiryChanged = !0);
-    const n = mc(e, this.expiryPrevValue);
+    const n = fc(e, this.expiryPrevValue);
     n.length === 7 && this.validateExpiry(n), this.events.expiryChange.emit({
       value: n,
       isValid: this.expiryValidator(n) === null
@@ -4810,16 +4822,16 @@ class Od {
     return this.toggleCvcLabelError(s), this.toggleCvcErrorMessage(a), !s && !a ? (this.cvcInputContainer.classList.remove(w.errorInput), this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cardCvc.render())) : (this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.warning.render())), this.isDisabled ? (this.expiryInputContainer.classList.add(w.disabled), this.expiryInput.classList.add(w.disabledInput), this.cvcInputContainer.classList.add(w.disabled), this.cvcInput.classList.add(w.disabledInput)) : (this.expiryInputContainer.classList.remove(w.disabled), this.expiryInput.classList.remove(w.disabledInput), this.cvcInputContainer.classList.remove(w.disabled), this.cvcInput.classList.remove(w.disabledInput)), this.element;
   }
 }
-const jd = "_container_94v1h_1", qd = "_title_94v1h_10", ai = {
-  container: jd,
-  title: qd
+const qd = "_container_94v1h_1", Kd = "_title_94v1h_10", oi = {
+  container: qd,
+  title: Kd
 };
-class Cs {
+class xs {
   constructor(e) {
     l(this, "element");
     l(this, "message", document.createElement("p"));
     l(this, "icon", new vn());
-    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(ai.container), this.message.classList.add(ai.title), this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: n }) => {
+    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(oi.container), this.message.classList.add(oi.title), this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: n }) => {
       this.message.textContent = n.status.success;
     });
   }
@@ -4833,7 +4845,7 @@ class Cs {
     return this.element;
   }
 }
-class Kd {
+class Bd {
   constructor(e, n) {
     l(this, "element");
     l(this, "error");
@@ -4846,7 +4858,7 @@ class Kd {
       submit: new $(),
       close: new $()
     });
-    this.element = document.createElement("form"), this.error = new Cs(e), this.submit = new Uc(e), this.back = new Kc(), this.number = new Ed(e), this.name = new id(e), this.cardSecurity = new Od(e), this.error.addClassName(vt.hidden), this.element.classList.add(vt.cardForm, n || ""), this.element.append(
+    this.element = document.createElement("form"), this.error = new xs(e), this.submit = new Hc(e), this.back = new Bc(), this.number = new Ld(e), this.name = new sd(e), this.cardSecurity = new jd(e), this.error.addClassName(vt.hidden), this.element.classList.add(vt.cardForm, n || ""), this.element.append(
       this.back.render(),
       this.number.render(),
       this.cardSecurity.render(),
@@ -4888,7 +4900,7 @@ class Kd {
     return this.element;
   }
 }
-class Bd {
+class Fd {
   constructor() {
     l(this, "template", `
     <svg
@@ -4915,16 +4927,16 @@ class Bd {
     return this.element;
   }
 }
-const Fd = "_container_hoha1_1", zd = "_title_hoha1_5", oi = {
-  container: Fd,
-  title: zd
+const zd = "_container_hoha1_1", $d = "_title_hoha1_5", li = {
+  container: zd,
+  title: $d
 };
-class $d {
+class Gd {
   constructor(e) {
     l(this, "element");
     l(this, "message", document.createElement("p"));
-    l(this, "icon", new Bd());
-    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(oi.container), this.message.classList.add(oi.title), this.message.textContent = e.messages().status.success, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: n }) => {
+    l(this, "icon", new Fd());
+    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(li.container), this.message.classList.add(li.title), this.message.textContent = e.messages().status.success, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: n }) => {
       this.message.textContent = n.status.success;
     });
   }
@@ -4938,18 +4950,18 @@ class $d {
     return this.element;
   }
 }
-class Gd {
+class Ud {
   constructor(e) {
     l(this, "checkout");
     l(this, "container", document.createElement("div"));
-    l(this, "loader", new Yl());
+    l(this, "loader", new Wl());
     l(this, "error");
     l(this, "success");
     l(this, "buttons");
     l(this, "form");
     l(this, "isLoading", !1);
     l(this, "isFormOpen", !1);
-    this.config = e, this.buttons = new Rc(e), this.form = new Kd(e.state.translate, B.hidden), this.error = new Cs(e.state.translate), this.success = new $d(e.state.translate), this.error.addClassName(B.hidden), this.success.addClassName(B.hidden), this.container.append(this.loader.render(), this.buttons.render(), this.form.render()), this.checkout = document.createElement("div"), this.checkout.classList.add(B.checkout), this.checkout.append(this.container, this.error.render(), this.success.render());
+    this.config = e, this.buttons = new Oc(e), this.form = new Bd(e.state.translate, B.hidden), this.error = new xs(e.state.translate), this.success = new Gd(e.state.translate), this.error.addClassName(B.hidden), this.success.addClassName(B.hidden), this.container.append(this.loader.render(), this.buttons.render(), this.form.render()), this.checkout = document.createElement("div"), this.checkout.classList.add(B.checkout), this.checkout.append(this.container, this.error.render(), this.success.render());
   }
   // init
   init() {
@@ -4986,7 +4998,7 @@ class Gd {
             cardBrand: e.cardBrand || "",
             number: a,
             cvc: o,
-            type: bs.Card,
+            type: Cs.Card,
             metadata: {
               name: e.name,
               userAgent: navigator == null ? void 0 : navigator.userAgent
@@ -5010,7 +5022,7 @@ class Gd {
       this.hideError(), this.setLoading(!0);
       const n = this.config.state.checkout.getState(), r = this.config.state.translate.messages();
       try {
-        const s = yield Pc(e);
+        const s = yield Dc(e, n.environment);
         if (s.error)
           throw new Error(r.status.error);
         if (s.three_ds_session_id) {
@@ -5054,22 +5066,22 @@ class Gd {
     return this.checkout;
   }
 }
-class Ud {
+class Hd {
   constructor(e) {
     l(this, "component");
-    this.config = e, this.component = new Gd(e);
+    this.config = e, this.component = new Ud(e);
   }
   // init
   init() {
     return v(this, null, function* () {
       const { checkout: e, transaction: n, translate: r, styles: i } = this.config.state;
-      e.subscribe(({ clientToken: s, locale: a, translate: o, styles: c }) => {
-        a && r.locale() !== a && r.setLocale(a), o && r.overrides() !== o && r.setMessages(o), c && i.setState(c), n.updateTransaction(s).then((u) => {
-          var d, h;
-          if (u)
+      e.subscribe(({ clientToken: s, environment: a, locale: o, translate: c, styles: u }) => {
+        o && r.locale() !== o && r.setLocale(o), c && r.overrides() !== c && r.setMessages(c), u && i.setState(u), n.updateTransaction(s, a || "sandbox").then((d) => {
+          var p, h;
+          if (d)
             return this.config.service.ev.initEv({
-              teamId: (d = u.evervault) == null ? void 0 : d.team_id,
-              appId: (h = u.evervault) == null ? void 0 : h.app_id
+              teamId: (p = d.evervault) == null ? void 0 : p.team_id,
+              appId: (h = d.evervault) == null ? void 0 : h.app_id
             });
         }).catch(console.error);
       });
@@ -5102,35 +5114,37 @@ class Et {
     return this.observer.addListener(e);
   }
 }
-const Hd = {
-  clientToken: ""
+const Zd = {
+  clientToken: "",
+  environment: "sandbox"
 };
-class Zd extends Et {
+class Yd extends Et {
   constructor(e) {
-    super(e || Hd);
+    super(e || Zd);
   }
 }
-const Yd = {};
-class Wd extends Et {
+const Wd = {};
+class Jd extends Et {
   constructor(e) {
-    super(e || Yd);
+    super(e || Wd);
   }
 }
-class Jd extends Et {
+class Xd extends Et {
   constructor(n) {
     super(n || null);
     l(this, "clientToken", "");
   }
-  updateTransaction(n) {
+  // update transaction
+  updateTransaction(n, r = "sandbox") {
     return v(this, null, function* () {
       if (this.clientToken === n) return this.getState();
       this.clientToken = n;
-      const r = yield Nc(n);
-      return this.setState(r), r;
+      const i = yield Rc(n, r);
+      return this.setState(i), i;
     });
   }
 }
-const Xd = {
+const Qd = {
   card: {
     title: "طريقة الدفع",
     number: {
@@ -5180,7 +5194,7 @@ const Xd = {
     success: "تمت عملية الدفع الخاصة بك بنجاح!",
     error: "لم نتمكن من التحقق من طريقة الدفع الخاصة بك. يرجى اختيار طريقة دفع أخرى وإعادة المحاولة."
   }
-}, Qd = {
+}, eu = {
   card: {
     title: "Метод на плащане",
     number: {
@@ -5230,7 +5244,7 @@ const Xd = {
     success: "Успех",
     error: "Не можем да удостоверим автентичността на вашия метод на плащане. Моля, изберете друг метод на плащане и опитайте отново."
   }
-}, eu = {
+}, tu = {
   card: {
     title: "Způsob platby",
     number: {
@@ -5280,7 +5294,7 @@ const Xd = {
     success: "Úspěch",
     error: "Váš způsob platby se nám nedaří ověřit. Zvolte prosím jiný způsob platby a zkuste to znovu."
   }
-}, tu = {
+}, nu = {
   card: {
     title: "Betalingsmetode",
     number: {
@@ -5330,7 +5344,7 @@ const Xd = {
     success: "Succes",
     error: "Vi kan ikke godkende din betalingsmetode. Vælg venligst en anden betalingsmetode og prøv igen."
   }
-}, nu = {
+}, ru = {
   card: {
     title: "Zahlungsmethode",
     number: {
@@ -5380,7 +5394,7 @@ const Xd = {
     success: "Erfolg",
     error: "Wir können Ihre Zahlungsmethode nicht authentifizieren. Bitte wählen Sie eine andere Zahlungsmethode und versuchen Sie es erneut."
   }
-}, ru = {
+}, iu = {
   card: {
     title: "Μέθοδος πληρωμής",
     number: {
@@ -5430,7 +5444,7 @@ const Xd = {
     success: "Επιτυχία",
     error: "Δεν μπορούμε να πιστοποιήσουμε τη μέθοδο πληρωμής σας. Παρακαλούμε επιλέξτε μια διαφορετική μέθοδο πληρωμής και προσπαθήστε ξανά."
   }
-}, iu = {
+}, su = {
   card: {
     title: "Payment method",
     number: {
@@ -5480,7 +5494,7 @@ const Xd = {
     success: "Your payment was successful!",
     error: "We are unable to authenticate your payment method. Please choose a different payment method and try again."
   }
-}, su = {
+}, au = {
   card: {
     title: "Método de pago",
     number: {
@@ -5530,7 +5544,7 @@ const Xd = {
     success: "Éxito",
     error: "No podemos autenticar su método de pago. Elija otro método de pago e inténtelo de nuevo."
   }
-}, au = {
+}, ou = {
   card: {
     title: "Makseviis",
     number: {
@@ -5580,7 +5594,7 @@ const Xd = {
     success: "Edu",
     error: "Me ei suuda teie makseviisi autentida. Palun valige teine makseviis ja proovige uuesti."
   }
-}, ou = {
+}, lu = {
   card: {
     title: "Maksutapa",
     number: {
@@ -5630,7 +5644,7 @@ const Xd = {
     success: "Menestys",
     error: "Emme pysty todentamaan maksutapaasi. Valitse toinen maksutapa ja yritä uudelleen."
   }
-}, lu = {
+}, cu = {
   card: {
     title: "Paraan ng pagbabayad",
     number: {
@@ -5680,7 +5694,7 @@ const Xd = {
     success: "Tagumpay",
     error: "Hindi namin ma-authenticate ang iyong paraan ng pagbabayad. Mangyaring pumili ng ibang paraan ng pagbabayad at subukang muli."
   }
-}, cu = {
+}, du = {
   card: {
     title: "Moyen de paiement",
     number: {
@@ -5730,7 +5744,7 @@ const Xd = {
     success: "Succès",
     error: "Nous ne sommes pas en mesure d'authentifier votre méthode de paiement. Veuillez choisir un autre mode de paiement et réessayer."
   }
-}, du = {
+}, uu = {
   card: {
     title: "Način plaćanja",
     number: {
@@ -5780,7 +5794,7 @@ const Xd = {
     success: "Uspjeh",
     error: "Ne možemo provjeriti autentičnost vašeg načina plaćanja. Odaberite drugi način plaćanja i pokušajte ponovno."
   }
-}, uu = {
+}, pu = {
   card: {
     title: "Fizetési mód",
     number: {
@@ -5880,7 +5894,7 @@ const Xd = {
     success: "Sukses",
     error: "Kami tidak dapat mengautentikasi metode pembayaran Anda. Silakan pilih metode pembayaran lain dan coba lagi."
   }
-}, pu = {
+}, mu = {
   card: {
     title: "Modalità di pagamento",
     number: {
@@ -5930,7 +5944,7 @@ const Xd = {
     success: "Il successo",
     error: "Non siamo in grado di autenticare il suo metodo di pagamento. Scegliere un altro metodo di pagamento e riprovare."
   }
-}, mu = {
+}, fu = {
   card: {
     title: "支払い方法",
     number: {
@@ -5980,7 +5994,7 @@ const Xd = {
     success: "成功",
     error: "お客様のお支払い方法を認証できません。別のお支払い方法を選択し、再度お試しください。"
   }
-}, fu = {
+}, gu = {
   card: {
     title: "결제 방식",
     number: {
@@ -6030,7 +6044,7 @@ const Xd = {
     success: "성공",
     error: "결제 방법을 인증할 수 없습니다. 다른 결제 방법을 선택하고 다시 시도해 주세요."
   }
-}, gu = {
+}, yu = {
   card: {
     title: "Mokėjimo būdas",
     number: {
@@ -6080,7 +6094,7 @@ const Xd = {
     success: "Sėkmė",
     error: "Negalime patvirtinti jūsų mokėjimo būdo. Pasirinkite kitą mokėjimo būdą ir bandykite dar kartą."
   }
-}, yu = {
+}, vu = {
   card: {
     title: "Maksājumu veids",
     number: {
@@ -6130,7 +6144,7 @@ const Xd = {
     success: "Panākumi",
     error: "Mēs nevaram pārbaudīt jūsu maksājuma metodes autentiskumu. Lūdzu, izvēlieties citu maksājumu metodi un mēģiniet vēlreiz."
   }
-}, vu = {
+}, bu = {
   card: {
     title: "Kaedah pembayaran",
     number: {
@@ -6180,7 +6194,7 @@ const Xd = {
     success: "Kejayaan",
     error: "Kami tidak dapat mengesahkan kaedah pembayaran anda. Sila pilih kaedah pembayaran lain dan cuba lagi."
   }
-}, bu = {
+}, Cu = {
   card: {
     title: "Metodu tal-ħlas",
     number: {
@@ -6230,7 +6244,7 @@ const Xd = {
     success: "Suċċess",
     error: "Aħna ma nistgħux jawtentikaw il-metodu tal-ħlas tiegħek. Jekk jogħġbok agħżel metodu ta' ħlas differenti u erġa' pprova."
   }
-}, Cu = {
+}, xu = {
   card: {
     title: "Betalingsmetode",
     number: {
@@ -6280,7 +6294,7 @@ const Xd = {
     success: "Suksess",
     error: "Vi kan ikke godkjenne betalingsmåten din. Vennligst velg en annen betalingsmetode og prøv på nytt."
   }
-}, xu = {
+}, wu = {
   card: {
     title: "Betaalmethode",
     number: {
@@ -6330,7 +6344,7 @@ const Xd = {
     success: "Succes",
     error: "We kunnen je betaalmethode niet verifiëren. Kies een andere betaalmethode en probeer het opnieuw."
   }
-}, wu = {
+}, ku = {
   card: {
     title: "Metoda płatności",
     number: {
@@ -6380,7 +6394,7 @@ const Xd = {
     success: "Sukces",
     error: "Nie możemy uwierzytelnić metody płatności. Wybierz inną metodę płatności i spróbuj ponownie."
   }
-}, ku = {
+}, Eu = {
   card: {
     title: "Forma de pagamento",
     number: {
@@ -6430,7 +6444,7 @@ const Xd = {
     success: "Sucesso",
     error: "Não foi possível autenticar o seu método de pagamento. Selecione outro método de pagamento e tente novamente."
   }
-}, Eu = {
+}, Lu = {
   card: {
     title: "Metoda de plată",
     number: {
@@ -6480,7 +6494,7 @@ const Xd = {
     success: "Succes",
     error: "Nu putem să vă autentificăm metoda de plată. Vă rugăm să alegeți o altă metodă de plată și să încercați din nou."
   }
-}, Lu = {
+}, Tu = {
   card: {
     title: "Метод оплаты",
     number: {
@@ -6530,7 +6544,7 @@ const Xd = {
     success: "Успех",
     error: "Мы не можем проверить подлинность вашего способа оплаты. Пожалуйста, выберите другой способ оплаты и повторите попытку."
   }
-}, Tu = {
+}, Au = {
   card: {
     title: "Spôsob platby",
     number: {
@@ -6580,7 +6594,7 @@ const Xd = {
     success: "Úspech",
     error: "Nemôžeme overiť váš spôsob platby. Vyberte si iný spôsob platby a skúste to znova."
   }
-}, Au = {
+}, Vu = {
   card: {
     title: "Način plačila",
     number: {
@@ -6630,7 +6644,7 @@ const Xd = {
     success: "Uspeh",
     error: "Vašega načina plačila ne moremo preveriti. Izberite drug način plačila in poskusite znova."
   }
-}, Vu = {
+}, Iu = {
   card: {
     title: "Betalningsmetod",
     number: {
@@ -6680,7 +6694,7 @@ const Xd = {
     success: "Framgång",
     error: "Vi kan inte verifiera din betalningsmetod. Vänligen välj en annan betalningsmetod och försök igen."
   }
-}, Iu = {
+}, Su = {
   card: {
     title: "วิธีการชำระเงิน",
     number: {
@@ -6730,7 +6744,7 @@ const Xd = {
     success: "ความสำเร็จ",
     error: "เราไม่สามารถตรวจสอบวิธีการชำระเงินของคุณได้ โปรดเลือกวิธีการชำระเงินอื่นแล้วลองอีกครั้ง"
   }
-}, Su = {
+}, Mu = {
   card: {
     title: "Ödeme yöntemi",
     number: {
@@ -6780,7 +6794,7 @@ const Xd = {
     success: "Başarı",
     error: "Ödeme yönteminizi doğrulayamıyoruz. Lütfen farklı bir ödeme yöntemi seçin ve tekrar deneyin."
   }
-}, Mu = {
+}, _u = {
   card: {
     title: "Phương thức thanh toán",
     number: {
@@ -6830,7 +6844,7 @@ const Xd = {
     success: "Thành công",
     error: "Chúng tôi không thể xác thực phương thức thanh toán của bạn. Vui lòng chọn phương thức thanh toán khác và thử lại."
   }
-}, _u = {
+}, Pu = {
   card: {
     title: "支付方式",
     number: {
@@ -6881,46 +6895,46 @@ const Xd = {
     error: "我们无法验证您的付款方式。请选择其他付款方式并重试。"
   }
 }, Yt = {
-  ar: Xd,
-  en: iu,
-  bg: Qd,
-  cs: eu,
-  da: tu,
-  de: nu,
-  el: ru,
-  es: su,
-  et: au,
-  fi: ou,
-  fil: lu,
-  fr: cu,
-  hr: du,
-  hu: uu,
+  ar: Qd,
+  en: su,
+  bg: eu,
+  cs: tu,
+  da: nu,
+  de: ru,
+  el: iu,
+  es: au,
+  et: ou,
+  fi: lu,
+  fil: cu,
+  fr: du,
+  hr: uu,
+  hu: pu,
   id: hu,
-  it: pu,
-  ja: mu,
-  ko: fu,
-  lt: gu,
-  lv: yu,
-  ms: vu,
-  ru: Lu,
-  mt: bu,
-  nb: Cu,
-  nl: xu,
-  pl: wu,
-  pt: ku,
-  ro: Eu,
-  sk: Tu,
-  sl: Au,
-  sv: Vu,
-  th: Iu,
-  tr: Su,
-  vi: Mu,
-  zh: _u
+  it: mu,
+  ja: fu,
+  ko: gu,
+  lt: yu,
+  lv: vu,
+  ms: bu,
+  ru: Tu,
+  mt: Cu,
+  nb: xu,
+  nl: wu,
+  pl: ku,
+  pt: Eu,
+  ro: Lu,
+  sk: Au,
+  sl: Vu,
+  sv: Iu,
+  th: Su,
+  tr: Mu,
+  vi: _u,
+  zh: Pu
 }, Wt = () => {
   const t = navigator == null ? void 0 : navigator.language.split("-")[0];
   return Yt[t] || Yt.en;
-}, li = (t, e = {}) => {
-  var r, i, s, a, o, c, u, d, h, m, f, p, g, y, b, A, k, V, C, I, S, x, P, R, N, ae, G, oe, J, Te, Ae, Ce, Z, K, he, pe, me, fe, ge, ye, ve, X, re, ie, Q, ee, je, qe, Ke, Be, Fe, ze, $e, Ge, Ue, He, Ze;
+}, ci = (t, e = {}) => {
+  var r, i, s, a, o, c, u, d, p, h, f, m, g, y, b, A, k, V, C, I, S, x, P, R, N, ae, G, oe, J, Te, Ae, Ce, Z, K, pe, he, me, fe, ge, ye, ve, X, re, ie, Q, ee, je, qe, Ke, Be, Fe, ze, $e, Ge, Ue, He, Ze;
   if (!t) return Wt();
   const n = Yt[t] || Wt();
   return {
@@ -6930,8 +6944,8 @@ const Xd = {
         label: ((s = (i = e == null ? void 0 : e.card) == null ? void 0 : i.number) == null ? void 0 : s.label) || n.card.number.label,
         error: {
           required: ((c = (o = (a = e == null ? void 0 : e.card) == null ? void 0 : a.number) == null ? void 0 : o.error) == null ? void 0 : c.required) || n.card.number.error.required,
-          invalid: ((h = (d = (u = e == null ? void 0 : e.card) == null ? void 0 : u.number) == null ? void 0 : d.error) == null ? void 0 : h.invalid) || n.card.number.error.invalid,
-          incomplete: ((p = (f = (m = e == null ? void 0 : e.card) == null ? void 0 : m.number) == null ? void 0 : f.error) == null ? void 0 : p.incomplete) || n.card.number.error.incomplete,
+          invalid: ((p = (d = (u = e == null ? void 0 : e.card) == null ? void 0 : u.number) == null ? void 0 : d.error) == null ? void 0 : p.invalid) || n.card.number.error.invalid,
+          incomplete: ((m = (f = (h = e == null ? void 0 : e.card) == null ? void 0 : h.number) == null ? void 0 : f.error) == null ? void 0 : m.incomplete) || n.card.number.error.incomplete,
           unsupported: ((b = (y = (g = e == null ? void 0 : e.card) == null ? void 0 : g.number) == null ? void 0 : y.error) == null ? void 0 : b.unsupported) || n.card.number.error.unsupported
         }
       },
@@ -6947,9 +6961,9 @@ const Xd = {
       },
       cvc: {
         label: ((Z = (Ce = e == null ? void 0 : e.card) == null ? void 0 : Ce.cvc) == null ? void 0 : Z.label) || n.card.cvc.label,
-        placeholder: ((he = (K = e == null ? void 0 : e.card) == null ? void 0 : K.cvc) == null ? void 0 : he.label) || n.card.cvc.label,
+        placeholder: ((pe = (K = e == null ? void 0 : e.card) == null ? void 0 : K.cvc) == null ? void 0 : pe.label) || n.card.cvc.label,
         error: {
-          required: ((me = (pe = e == null ? void 0 : e.card) == null ? void 0 : pe.cvc) == null ? void 0 : me.label) || n.card.cvc.label,
+          required: ((me = (he = e == null ? void 0 : e.card) == null ? void 0 : he.cvc) == null ? void 0 : me.label) || n.card.cvc.label,
           incomplete: ((ge = (fe = e == null ? void 0 : e.card) == null ? void 0 : fe.cvc) == null ? void 0 : ge.label) || n.card.cvc.label,
           invalid: ((ve = (ye = e == null ? void 0 : e.card) == null ? void 0 : ye.cvc) == null ? void 0 : ve.label) || n.card.cvc.label
         }
@@ -6975,7 +6989,7 @@ const Xd = {
     }
   };
 };
-class Pu extends Et {
+class Du extends Et {
   constructor() {
     super({
       messages: Wt(),
@@ -6983,11 +6997,11 @@ class Pu extends Et {
     });
   }
   setMessages(e) {
-    const n = this.locale(), r = li(n, e);
+    const n = this.locale(), r = ci(n, e);
     this.setState({ locale: n, messages: r, overrides: e });
   }
   setLocale(e) {
-    const n = this.overrides(), r = li(e, n);
+    const n = this.overrides(), r = ci(e, n);
     this.setState({ locale: e, messages: r, overrides: n });
   }
   overrides() {
@@ -7022,7 +7036,7 @@ class Pu extends Et {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function Du(t, e) {
+function Nu(t, e) {
   var n = {};
   for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -7030,11 +7044,11 @@ function Du(t, e) {
       e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[i]) && (n[r[i]] = t[r[i]]);
   return n;
 }
-function Nu(t, e) {
+function Ru(t, e) {
   var n = document.querySelector('script[src="'.concat(t, '"]'));
   if (n === null)
     return null;
-  var r = xs(t, e), i = n.cloneNode();
+  var r = ws(t, e), i = n.cloneNode();
   if (delete i.dataset.uidAuto, Object.keys(i.dataset).length !== Object.keys(r.dataset).length)
     return null;
   var s = !0;
@@ -7042,63 +7056,63 @@ function Nu(t, e) {
     i.dataset[a] !== r.dataset[a] && (s = !1);
   }), s ? n : null;
 }
-function Ru(t) {
-  var e = t.url, n = t.attributes, r = t.onSuccess, i = t.onError, s = xs(e, n);
+function Ou(t) {
+  var e = t.url, n = t.attributes, r = t.onSuccess, i = t.onError, s = ws(e, n);
   s.onerror = i, s.onload = r, document.head.insertBefore(s, document.head.firstElementChild);
 }
-function Ou(t) {
-  var e = t.sdkBaseUrl, n = t.environment, r = Du(t, ["sdkBaseUrl", "environment"]), i = e || Ku(n), s = r, a = Object.keys(s).filter(function(u) {
+function ju(t) {
+  var e = t.sdkBaseUrl, n = t.environment, r = Nu(t, ["sdkBaseUrl", "environment"]), i = e || Bu(n), s = r, a = Object.keys(s).filter(function(u) {
     return typeof s[u] != "undefined" && s[u] !== null && s[u] !== "";
   }).reduce(function(u, d) {
-    var h = s[d].toString();
-    return d = ju(d), d.substring(0, 4) === "data" || d === "crossorigin" ? u.attributes[d] = h : u.queryParams[d] = h, u;
+    var p = s[d].toString();
+    return d = qu(d), d.substring(0, 4) === "data" || d === "crossorigin" ? u.attributes[d] = p : u.queryParams[d] = p, u;
   }, {
     queryParams: {},
     attributes: {}
   }), o = a.queryParams, c = a.attributes;
   return o["merchant-id"] && o["merchant-id"].indexOf(",") !== -1 && (c["data-merchant-id"] = o["merchant-id"], o["merchant-id"] = "*"), {
-    url: "".concat(i, "?").concat(qu(o)),
+    url: "".concat(i, "?").concat(Ku(o)),
     attributes: c
   };
 }
-function ju(t) {
+function qu(t) {
   var e = function(n, r) {
     return (r ? "-" : "") + n.toLowerCase();
   };
   return t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, e);
 }
-function qu(t) {
+function Ku(t) {
   var e = "";
   return Object.keys(t).forEach(function(n) {
     e.length !== 0 && (e += "&"), e += n + "=" + t[n];
   }), e;
 }
-function Ku(t) {
+function Bu(t) {
   return t === "sandbox" ? "https://www.sandbox.paypal.com/sdk/js" : "https://www.paypal.com/sdk/js";
 }
-function xs(t, e) {
+function ws(t, e) {
   e === void 0 && (e = {});
   var n = document.createElement("script");
   return n.src = t, Object.keys(e).forEach(function(r) {
     n.setAttribute(r, e[r]), r === "data-csp-nonce" && n.setAttribute("nonce", e["data-csp-nonce"]);
   }), n;
 }
-function Bu(t, e) {
-  if (e === void 0 && (e = Promise), ws(t, e), typeof document == "undefined")
+function Fu(t, e) {
+  if (e === void 0 && (e = Promise), ks(t, e), typeof document == "undefined")
     return e.resolve(null);
-  var n = Ou(t), r = n.url, i = n.attributes, s = i["data-namespace"] || "paypal", a = ci(s);
-  return i["data-js-sdk-library"] || (i["data-js-sdk-library"] = "paypal-js"), Nu(r, i) && a ? e.resolve(a) : Fu({
+  var n = ju(t), r = n.url, i = n.attributes, s = i["data-namespace"] || "paypal", a = di(s);
+  return i["data-js-sdk-library"] || (i["data-js-sdk-library"] = "paypal-js"), Ru(r, i) && a ? e.resolve(a) : zu({
     url: r,
     attributes: i
   }, e).then(function() {
-    var o = ci(s);
+    var o = di(s);
     if (o)
       return o;
     throw new Error("The window.".concat(s, " global variable is not available."));
   });
 }
-function Fu(t, e) {
-  e === void 0 && (e = Promise), ws(t, e);
+function zu(t, e) {
+  e === void 0 && (e = Promise), ks(t, e);
   var n = t.url, r = t.attributes;
   if (typeof n != "string" || n.length === 0)
     throw new Error("Invalid url.");
@@ -7107,7 +7121,7 @@ function Fu(t, e) {
   return new e(function(i, s) {
     if (typeof document == "undefined")
       return i();
-    Ru({
+    Ou({
       url: n,
       attributes: r,
       onSuccess: function() {
@@ -7120,10 +7134,10 @@ function Fu(t, e) {
     });
   });
 }
-function ci(t) {
+function di(t) {
   return window[t];
 }
-function ws(t, e) {
+function ks(t, e) {
   if (typeof t != "object" || t === null)
     throw new Error("Expected an options object.");
   var n = t.environment;
@@ -7132,13 +7146,13 @@ function ws(t, e) {
   if (typeof e != "undefined" && typeof e != "function")
     throw new Error("Expected PromisePonyfill to be a function.");
 }
-const zu = {
+const $u = {
   layout: "vertical",
   tagline: !1,
   height: 40,
   borderRadius: 12
 };
-class $u {
+class Gu {
   constructor() {
     l(this, "paypal", null);
   }
@@ -7146,7 +7160,7 @@ class $u {
   init(e) {
     return v(this, null, function* () {
       try {
-        this.paypal = yield Bu(e);
+        this.paypal = yield Fu(e);
       } catch (n) {
         console.error("failed to load the PayPal JS SDK script", n);
       }
@@ -7158,22 +7172,22 @@ class $u {
       var r, i;
       this.paypal && (yield (i = (r = this.paypal).Buttons) == null ? void 0 : i.call(r, L({
         fundingSource: "paypal",
-        style: zu
+        style: $u
       }, n)).render(e));
     });
   }
 }
-class Gu {
+class Uu {
   constructor() {
-    l(this, "ev", new Ms());
-    l(this, "paypal", new $u());
+    l(this, "ev", new _s());
+    l(this, "paypal", new Gu());
     l(this, "state", {
-      translate: new Pu(),
-      checkout: new Zd(),
-      transaction: new Jd(),
-      styles: new Wd()
+      translate: new Du(),
+      checkout: new Yd(),
+      transaction: new Xd(),
+      styles: new Jd()
     });
-    l(this, "checkout", new Ud({
+    l(this, "checkout", new Hd({
       state: this.state,
       service: { ev: this.ev, paypal: this.paypal }
     }));
@@ -7182,10 +7196,10 @@ class Gu {
     Object.values(this.state).forEach((e) => e.clearState());
   }
 }
-class Yu {
+class Wu {
   constructor(e) {
     l(this, "parent");
-    l(this, "core", new Gu());
+    l(this, "core", new Uu());
     this.parent = e;
   }
   mount(e) {
@@ -7201,7 +7215,7 @@ class Yu {
   }
 }
 export {
-  Gu as Core,
-  Yu as PayNextCheckout
+  Uu as Core,
+  Wu as PayNextCheckout
 };
 //# sourceMappingURL=index.es.js.map