@paynext/sdk 0.0.47 → 0.0.49

package/dist/index.es.js

@@ -1,22 +1,22 @@
-var Pa = Object.defineProperty, Ra = Object.defineProperties;
-var Sa = Object.getOwnPropertyDescriptors;
+var Ra = Object.defineProperty, Sa = Object.defineProperties;
+var ka = Object.getOwnPropertyDescriptors;
 var ht = Object.getOwnPropertySymbols;
-var Or = Object.prototype.hasOwnProperty, Nr = Object.prototype.propertyIsEnumerable;
-var It = (n, e, t) => e in n ? Pa(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, $ = (n, e) => {
+var Nr = Object.prototype.hasOwnProperty, xr = Object.prototype.propertyIsEnumerable;
+var It = (n, e, t) => e in n ? Ra(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Q = (n, e) => {
   for (var t in e || (e = {}))
-    Or.call(e, t) && It(n, t, e[t]);
+    Nr.call(e, t) && It(n, t, e[t]);
   if (ht)
     for (var t of ht(e))
-      Nr.call(e, t) && It(n, t, e[t]);
+      xr.call(e, t) && It(n, t, e[t]);
   return n;
-}, te = (n, e) => Ra(n, Sa(e));
+}, te = (n, e) => Sa(n, ka(e));
 var ge = (n, e) => {
   var t = {};
   for (var r in n)
-    Or.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
+    Nr.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
   if (n != null && ht)
     for (var r of ht(n))
-      e.indexOf(r) < 0 && Nr.call(n, r) && (t[r] = n[r]);
+      e.indexOf(r) < 0 && xr.call(n, r) && (t[r] = n[r]);
   return t;
 };
 var b = (n, e, t) => It(n, typeof e != "symbol" ? e + "" : e, t);
@@ -37,7 +37,7 @@ var j = (n, e, t) => new Promise((r, i) => {
   o((t = t.apply(n, e)).next());
 });
 let mt = null;
-function ka() {
+function Ma() {
   return j(this, null, function* () {
     return mt || (mt = new Promise((n, e) => {
       const t = document.createElement("script");
@@ -51,27 +51,27 @@ function ka() {
     }), mt);
   });
 }
-function gi() {
+function yi() {
   return j(this, null, function* () {
     if (window.Evervault)
       return window.Evervault;
     try {
-      return yield ka(), window.Evervault;
+      return yield Ma(), window.Evervault;
     } catch (n) {
       throw new Error("Failed to load Evervault.js");
     }
   });
 }
-function Ma(n, e, t) {
+function Da(n, e, t) {
   return j(this, null, function* () {
-    const r = yield gi();
+    const r = yield yi();
     return new r(n, e, t);
   });
 }
 Promise.resolve().then(() => {
-  gi();
+  yi();
 });
-let Da = class {
+let Va = class {
   constructor(e) {
     b(this, "apple", null);
     b(this, "isAvailable", !1);
@@ -111,7 +111,7 @@ let Da = class {
       !this.apple || !this.isAvailable || (e.innerHTML = "", yield this.apple.mount(e), (t = this.onReady) == null || t.call(this));
     });
   }
-}, Va = class {
+}, Fa = class {
   constructor(e) {
     b(this, "google", null);
     this.ev = e;
@@ -165,7 +165,7 @@ class ce {
     this.listeners = [];
   }
 }
-class Fa {
+class Ua {
   constructor(e) {
     b(this, "threeDs", null);
     this.ev = e;
@@ -181,7 +181,7 @@ class Fa {
     });
   }
 }
-class Ua {
+class Ba {
   constructor() {
     b(this, "isReady", !1);
     b(this, "ev", null);
@@ -200,14 +200,14 @@ class Ua {
   // init ev
   initEv(e) {
     return j(this, null, function* () {
-      this.isShouldLoad(e) && (this.isReady = !1, this.ev = yield Ma(e.teamId, e.appId), this.apple = new Da(this.ev), this.google = new Va(this.ev), this.events.ready.emit(), this.isReady = !0);
+      this.isShouldLoad(e) && (this.isReady = !1, this.ev = yield Da(e.teamId, e.appId), this.apple = new Va(this.ev), this.google = new Fa(this.ev), this.events.ready.emit(), this.isReady = !0);
     });
   }
   // init three ds
   initThreeDs(e) {
     return j(this, null, function* () {
       if (!this.ev) throw new Error("Evervault should be init before using Three DS Secure");
-      this.threeDs = new Fa(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
+      this.threeDs = new Ua(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
     });
   }
   // init apple
@@ -257,7 +257,7 @@ class Ua {
 function tn(n) {
   return typeof n == "object" && !Array.isArray(n);
 }
-function Ba(n, e, t) {
+function za(n, e, t) {
   var r;
   if (n instanceof EventTarget)
     return [n];
@@ -268,66 +268,66 @@ function Ba(n, e, t) {
   }
   return Array.from(n);
 }
-function yi(n, e, t, r) {
-  return typeof n == "string" && tn(e) ? Ba(n, t, r) : n instanceof NodeList ? Array.from(n) : Array.isArray(n) ? n : [n];
+function bi(n, e, t, r) {
+  return typeof n == "string" && tn(e) ? za(n, t, r) : n instanceof NodeList ? Array.from(n) : Array.isArray(n) ? n : [n];
 }
-function za(n, e, t) {
+function ja(n, e, t) {
   return n * (e + 1);
 }
-function xr(n, e, t, r) {
+function Lr(n, e, t, r) {
   var i;
   return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, n + parseFloat(e)) : e === "<" ? t : (i = r.get(e)) != null ? i : n;
 }
-const ct = (n, e, t) => n + (e - n) * t, ja = (n, e, t) => {
+const ct = (n, e, t) => n + (e - n) * t, Ka = (n, e, t) => {
   const r = e - n;
   return ((t - n) % r + r) % r + n;
-}, bi = (n) => Array.isArray(n) && typeof n[0] != "number";
-function Ei(n, e) {
-  return bi(n) ? n[ja(0, n.length, e)] : n;
+}, Ei = (n) => Array.isArray(n) && typeof n[0] != "number";
+function _i(n, e) {
+  return Ei(n) ? n[Ka(0, n.length, e)] : n;
 }
-function Ka(n, e) {
+function qa(n, e) {
   n.indexOf(e) === -1 && n.push(e);
 }
-function _i(n, e) {
+function Ci(n, e) {
   const t = n.indexOf(e);
   t > -1 && n.splice(t, 1);
 }
-function qa(n, e, t) {
+function Ha(n, e, t) {
   for (let r = 0; r < n.length; r++) {
     const i = n[r];
-    i.at > e && i.at < t && (_i(n, i), r--);
+    i.at > e && i.at < t && (Ci(n, i), r--);
   }
 }
-function Ha(n, e, t, r, i, a) {
-  qa(n, i, a);
+function Wa(n, e, t, r, i, a) {
+  Ha(n, i, a);
   for (let s = 0; s < e.length; s++)
     n.push({
       value: e[s],
       at: ct(i, a, r[s]),
-      easing: Ei(t, s)
+      easing: _i(t, s)
     });
 }
-function Wa(n, e) {
+function Ga(n, e) {
   for (let t = 0; t < n.length; t++)
     n[t] = n[t] / (e + 1);
 }
-function Ga(n, e) {
+function Ya(n, e) {
   return n.at === e.at ? n.value === null ? 1 : e.value === null ? -1 : 0 : n.at - e.at;
 }
 const he = (n) => !!(n && n.getVelocity), nn = /* @__NO_SIDE_EFFECTS__ */ (n, e, t) => {
   const r = e - n;
   return r === 0 ? 1 : (t - n) / r;
 };
-function Ci(n, e) {
+function Ai(n, e) {
   const t = n[n.length - 1];
   for (let r = 1; r <= e; r++) {
     const i = /* @__PURE__ */ nn(0, e, r);
     n.push(ct(t, 1, i));
   }
 }
-function Ai(n) {
+function wi(n) {
   const e = [0];
-  return Ci(e, n.length - 1), e;
+  return Ai(e, n.length - 1), e;
 }
 function rn(n) {
   return typeof n == "function" && "applyToOptions" in n;
@@ -342,8 +342,8 @@ function an(n) {
   return e >= _t ? 1 / 0 : e;
 }
 const ye = /* @__NO_SIDE_EFFECTS__ */ (n) => n * 1e3, Ee = /* @__NO_SIDE_EFFECTS__ */ (n) => n / 1e3;
-function wi(n, e = 100, t) {
-  const r = t(te($({}, n), { keyframes: [0, e] })), i = Math.min(an(r), _t);
+function Ti(n, e = 100, t) {
+  const r = t(te(Q({}, n), { keyframes: [0, e] })), i = Math.min(an(r), _t);
   return {
     type: "keyframes",
     ease: (a) => r.next(i * a).value / e,
@@ -359,8 +359,8 @@ process.env.NODE_ENV !== "production" && (ut = (n, e) => {
   if (!n)
     throw new Error(e);
 });
-const Ya = "easeInOut", Qa = 20;
-function $a(n, a = {}, r, i) {
+const Qa = "easeInOut", $a = 20;
+function Za(n, a = {}, r, i) {
   var s = a, { defaultTransition: e = {} } = s, t = ge(s, ["defaultTransition"]);
   const o = e.duration || 0.3, l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = {}, d = /* @__PURE__ */ new Map();
   let h = 0, p = 0, m = 0;
@@ -370,56 +370,56 @@ function $a(n, a = {}, r, i) {
       d.set(v, p);
       continue;
     } else if (!Array.isArray(v)) {
-      d.set(v.name, xr(p, v.at, h, d));
+      d.set(v.name, Lr(p, v.at, h, d));
       continue;
     }
     let [y, w, T = {}] = v;
-    T.at !== void 0 && (p = xr(p, T.at, h, d));
+    T.at !== void 0 && (p = Lr(p, T.at, h, d));
     let x = 0;
     const A = (I, L, k, B = 0, G = 0) => {
-      const q = Za(I), V = L, { delay: M = 0, times: F = Ai(q), type: K = "keyframes", repeat: J, repeatType: S, repeatDelay: W = 0 } = V, z = ge(V, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
+      const q = Xa(I), V = L, { delay: M = 0, times: F = wi(q), type: K = "keyframes", repeat: J, repeatType: S, repeatDelay: W = 0 } = V, z = ge(V, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: g = e.ease || "easeOut", duration: E } = L;
       const R = typeof M == "function" ? M(B, G) : M, U = q.length, _ = rn(K) ? K : i == null ? void 0 : i[K];
       if (U <= 2 && _) {
         let N = 100;
-        if (U === 2 && es(q)) {
+        if (U === 2 && ts(q)) {
           const re = q[1] - q[0];
           N = Math.abs(re);
         }
-        const H = $({}, z);
+        const H = Q({}, z);
         E !== void 0 && (H.duration = /* @__PURE__ */ ye(E));
-        const X = wi(H, N, _);
+        const X = Ti(H, N, _);
         g = X.ease, E = X.duration;
       }
       E != null || (E = o);
       const O = p + R;
       F.length === 1 && F[0] === 0 && (F[1] = 1);
       const C = F.length - q.length;
-      if (C > 0 && Ci(F, C), q.length === 1 && q.unshift(null), J) {
-        _e(J < Qa, "Repeat count too high, must be less than 20"), E = za(E, J);
+      if (C > 0 && Ai(F, C), q.length === 1 && q.unshift(null), J) {
+        _e(J < $a, "Repeat count too high, must be less than 20"), E = ja(E, J);
         const N = [...q], H = [...F];
         g = Array.isArray(g) ? [...g] : [g];
         const X = [...g];
         for (let re = 0; re < J; re++) {
           q.push(...N);
           for (let D = 0; D < N.length; D++)
-            F.push(H[D] + (re + 1)), g.push(D === 0 ? "linear" : Ei(X, D - 1));
+            F.push(H[D] + (re + 1)), g.push(D === 0 ? "linear" : _i(X, D - 1));
         }
-        Wa(F, J);
+        Ga(F, J);
       }
       const P = O + E;
-      Ha(k, q, g, F, O, P), x = Math.max(R + E, x), m = Math.max(P, m);
+      Wa(k, q, g, F, O, P), x = Math.max(R + E, x), m = Math.max(P, m);
     };
     if (he(y)) {
-      const I = Lr(y, c);
-      A(w, T, Pr("default", I));
+      const I = Pr(y, c);
+      A(w, T, Rr("default", I));
     } else {
-      const I = yi(y, w, r, u), L = I.length;
+      const I = bi(y, w, r, u), L = I.length;
       for (let k = 0; k < L; k++) {
         w = w, T = T;
-        const B = I[k], G = Lr(B, c);
+        const B = I[k], G = Pr(B, c);
         for (const q in w)
-          A(w[q], Xa(T, q), Pr(q, G), k, L);
+          A(w[q], Ja(T, q), Rr(q, G), k, L);
       }
     }
     h = p, p += x;
@@ -427,18 +427,18 @@ function $a(n, a = {}, r, i) {
   return c.forEach((f, v) => {
     for (const y in f) {
       const w = f[y];
-      w.sort(Ga);
+      w.sort(Ya);
       const T = [], x = [], A = [];
       for (let L = 0; L < w.length; L++) {
         const { at: k, value: B, easing: G } = w[L];
         T.push(B), x.push(/* @__PURE__ */ nn(0, m, k)), A.push(G || "easeOut");
       }
-      x[0] !== 0 && (x.unshift(0), T.unshift(T[0]), A.unshift(Ya)), x[x.length - 1] !== 1 && (x.push(1), T.push(null)), l.has(v) || l.set(v, {
+      x[0] !== 0 && (x.unshift(0), T.unshift(T[0]), A.unshift(Qa)), x[x.length - 1] !== 1 && (x.push(1), T.push(null)), l.has(v) || l.set(v, {
         keyframes: {},
         transition: {}
       });
       const I = l.get(v);
-      I.keyframes[y] = T, I.transition[y] = $(te($({}, e), {
+      I.keyframes[y] = T, I.transition[y] = Q(te(Q({}, e), {
         duration: m,
         ease: A,
         times: x
@@ -446,39 +446,39 @@ function $a(n, a = {}, r, i) {
     }
   }), l;
 }
-function Lr(n, e) {
+function Pr(n, e) {
   return !e.has(n) && e.set(n, {}), e.get(n);
 }
-function Pr(n, e) {
+function Rr(n, e) {
   return e[n] || (e[n] = []), e[n];
 }
-function Za(n) {
+function Xa(n) {
   return Array.isArray(n) ? n : [n];
 }
-function Xa(n, e) {
-  return n && n[e] ? $($({}, n), n[e]) : $({}, n);
+function Ja(n, e) {
+  return n && n[e] ? Q(Q({}, n), n[e]) : Q({}, n);
 }
-const Ja = (n) => typeof n == "number", es = (n) => n.every(Ja), it = /* @__PURE__ */ new WeakMap(), ts = (n) => Array.isArray(n);
-function Rr(n) {
+const es = (n) => typeof n == "number", ts = (n) => n.every(es), it = /* @__PURE__ */ new WeakMap(), ns = (n) => Array.isArray(n);
+function Sr(n) {
   const e = [{}, {}];
   return n == null || n.values.forEach((t, r) => {
     e[0][r] = t.get(), e[1][r] = t.getVelocity();
   }), e;
 }
-function Ti(n, e, t, r) {
+function Ii(n, e, t, r) {
   if (typeof e == "function") {
-    const [i, a] = Rr(r);
+    const [i, a] = Sr(r);
     e = e(t !== void 0 ? t : n.custom, i, a);
   }
   if (typeof e == "string" && (e = n.variants && n.variants[e]), typeof e == "function") {
-    const [i, a] = Rr(r);
+    const [i, a] = Sr(r);
     e = e(t !== void 0 ? t : n.custom, i, a);
   }
   return e;
 }
-function ns(n, e, t) {
+function rs(n, e, t) {
   const r = n.getProps();
-  return Ti(r, e, r.custom, n);
+  return Ii(r, e, r.custom, n);
 }
 const ft = [
   "setup",
@@ -498,7 +498,7 @@ const ft = [
   "postRender"
   // Compute
 ];
-function rs(n, e) {
+function is(n, e) {
   let t = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = !1, a = !1;
   const s = /* @__PURE__ */ new WeakSet();
   let o = {
@@ -536,16 +536,16 @@ function rs(n, e) {
   };
   return c;
 }
-const Ce = {}, is = 40;
-function as(n, e) {
+const Ce = {}, as = 40;
+function ss(n, e) {
   let t = !1, r = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, a = () => t = !0, s = ft.reduce((T, x) => (T[x] = rs(a), T), {}), { setup: o, read: l, resolveKeyframes: c, preUpdate: u, update: d, preRender: h, render: p, postRender: m } = s, f = () => {
+  }, a = () => t = !0, s = ft.reduce((T, x) => (T[x] = is(a), T), {}), { setup: o, read: l, resolveKeyframes: c, preUpdate: u, update: d, preRender: h, render: p, postRender: m } = s, f = () => {
     const T = Ce.useManualTiming ? i.timestamp : performance.now();
-    t = !1, Ce.useManualTiming || (i.delta = r ? 1e3 / 60 : Math.max(Math.min(T - i.timestamp, is), 1)), i.timestamp = T, i.isProcessing = !0, o.process(i), l.process(i), c.process(i), u.process(i), d.process(i), h.process(i), p.process(i), m.process(i), i.isProcessing = !1, t && e && (r = !1, n(f));
+    t = !1, Ce.useManualTiming || (i.delta = r ? 1e3 / 60 : Math.max(Math.min(T - i.timestamp, as), 1)), i.timestamp = T, i.isProcessing = !0, o.process(i), l.process(i), c.process(i), u.process(i), d.process(i), h.process(i), p.process(i), m.process(i), i.isProcessing = !1, t && e && (r = !1, n(f));
   }, v = () => {
     t = !0, r = !0, i.isProcessing || n(f);
   };
@@ -557,26 +557,26 @@ function as(n, e) {
       s[ft[x]].cancel(T);
   }, state: i, steps: s };
 }
-const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: Ae, cancel: Ft, state: Ct } = /* @__PURE__ */ as(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
+const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: Ae, cancel: Ft, state: Ct } = /* @__PURE__ */ ss(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
 let Et;
-function ss() {
+function os() {
   Et = void 0;
 }
 const ve = {
   now: () => (Et === void 0 && ve.set(Ct.isProcessing || Ce.useManualTiming ? Ct.timestamp : performance.now()), Et),
   set: (n) => {
-    Et = n, queueMicrotask(ss);
+    Et = n, queueMicrotask(os);
   }
-}, Sr = /* @__PURE__ */ new Set();
-function Ii(n, e, t) {
-  n || Sr.has(e) || (console.warn(e), Sr.add(e));
+}, kr = /* @__PURE__ */ new Set();
+function Oi(n, e, t) {
+  n || kr.has(e) || (console.warn(e), kr.add(e));
 }
-class Oi {
+class Ni {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return Ka(this.subscriptions, e), () => _i(this.subscriptions, e);
+    return qa(this.subscriptions, e), () => Ci(this.subscriptions, e);
   }
   notify(e, t, r) {
     const i = this.subscriptions.length;
@@ -596,11 +596,11 @@ class Oi {
     this.subscriptions.length = 0;
   }
 }
-function Ni(n, e) {
+function xi(n, e) {
   return e ? n * (1e3 / e) : 0;
 }
-const kr = 30, os = (n) => !isNaN(parseFloat(n));
-class ls {
+const Mr = 30, ls = (n) => !isNaN(parseFloat(n));
+class cs {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -618,7 +618,7 @@ class ls {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = t.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = ve.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = os(this.current));
+    this.current = e, this.updatedAt = ve.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ls(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -664,10 +664,10 @@ class ls {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && Ii(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && Oi(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, t) {
-    this.events[e] || (this.events[e] = new Oi());
+    this.events[e] || (this.events[e] = new Ni());
     const r = this.events[e].add(t);
     return e === "change" ? () => {
       r(), Ae.read(() => {
@@ -748,10 +748,10 @@ class ls {
    */
   getVelocity() {
     const e = ve.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > kr)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Mr)
       return 0;
-    const t = Math.min(this.updatedAt - this.prevUpdatedAt, kr);
-    return Ni(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
+    const t = Math.min(this.updatedAt - this.prevUpdatedAt, Mr);
+    return xi(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -804,41 +804,41 @@ class ls {
   }
 }
 function at(n, e) {
-  return new ls(n, e);
+  return new cs(n, e);
 }
-function cs(n, e, t) {
+function us(n, e, t) {
   n.hasValue(e) ? n.getValue(e).set(t) : n.addValue(e, at(t));
 }
-function us(n) {
-  return ts(n) ? n[n.length - 1] || 0 : n;
+function ds(n) {
+  return ns(n) ? n[n.length - 1] || 0 : n;
 }
-function ds(n, e) {
-  let s = ns(n, e) || {}, { transitionEnd: r = {}, transition: i = {} } = s, a = ge(s, ["transitionEnd", "transition"]);
-  a = $($({}, a), r);
+function ps(n, e) {
+  let s = rs(n, e) || {}, { transitionEnd: r = {}, transition: i = {} } = s, a = ge(s, ["transitionEnd", "transition"]);
+  a = Q(Q({}, a), r);
   for (const o in a) {
-    const l = us(a[o]);
-    cs(n, o, l);
+    const l = ds(a[o]);
+    us(n, o, l);
   }
 }
-function ps(n) {
+function hs(n) {
   return !!(he(n) && n.add);
 }
-function hs(n, e) {
+function ms(n, e) {
   const t = n.getValue("willChange");
-  if (ps(t))
+  if (hs(t))
     return t.add(e);
   if (!t && Ce.WillChange) {
     const r = new Ce.WillChange("auto");
     n.addValue("willChange", r), r.add(e);
   }
 }
-const sn = (n) => n.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ms = "framerAppearId", fs = "data-" + sn(ms);
-function vs(n) {
-  return n.props[fs];
+const sn = (n) => n.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), fs = "framerAppearId", vs = "data-" + sn(fs);
+function gs(n) {
+  return n.props[vs];
 }
-const gs = (n) => n !== null;
-function ys(n, { repeat: e, repeatType: t = "loop" }, r) {
-  const i = n.filter(gs), a = e && t !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+const ys = (n) => n !== null;
+function bs(n, { repeat: e, repeatType: t = "loop" }, r) {
+  const i = n.filter(ys), a = e && t !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[a];
 }
 const Ve = [
@@ -859,45 +859,45 @@ const Ve = [
   "skew",
   "skewX",
   "skewY"
-], Fe = new Set(Ve), bs = {
+], Fe = new Set(Ve), Es = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Es = (n) => ({
+}, _s = (n) => ({
   type: "spring",
   stiffness: 550,
   damping: n === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), _s = {
+}), Cs = {
   type: "keyframes",
   duration: 0.8
-}, Cs = {
+}, As = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, As = (n, { keyframes: e }) => e.length > 2 ? _s : Fe.has(n) ? n.startsWith("scale") ? Es(e[1]) : bs : Cs;
-function ws(d) {
+}, ws = (n, { keyframes: e }) => e.length > 2 ? Cs : Fe.has(n) ? n.startsWith("scale") ? _s(e[1]) : Es : As;
+function Ts(d) {
   var h = d, { when: n, delay: e, delayChildren: t, staggerChildren: r, staggerDirection: i, repeat: a, repeatType: s, repeatDelay: o, from: l, elapsed: c } = h, u = ge(h, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(u).length;
 }
-function xi(n, e) {
+function Li(n, e) {
   var t, r;
   return (r = (t = n == null ? void 0 : n[e]) != null ? t : n == null ? void 0 : n.default) != null ? r : n;
 }
-const Li = (n) => (e) => typeof e == "string" && e.startsWith(n), Pi = /* @__PURE__ */ Li("--"), Ts = /* @__PURE__ */ Li("var(--"), on = (n) => Ts(n) ? Is.test(n.split("/*")[0].trim()) : !1, Is = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Le = (n, e, t) => t > e ? e : t < n ? n : t, Ue = {
+const Pi = (n) => (e) => typeof e == "string" && e.startsWith(n), Ri = /* @__PURE__ */ Pi("--"), Is = /* @__PURE__ */ Pi("var(--"), on = (n) => Is(n) ? Os.test(n.split("/*")[0].trim()) : !1, Os = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Le = (n, e, t) => t > e ? e : t < n ? n : t, Ue = {
   test: (n) => typeof n == "number",
   parse: parseFloat,
   transform: (n) => n
-}, st = te($({}, Ue), {
+}, st = te(Q({}, Ue), {
   transform: (n) => Le(0, 1, n)
-}), vt = te($({}, Ue), {
+}), vt = te(Q({}, Ue), {
   default: 1
 }), rt = (n) => Math.round(n * 1e5) / 1e5, ln = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Os(n) {
+function Ns(n) {
   return n == null;
 }
-const Ns = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, cn = (n, e) => (t) => !!(typeof t == "string" && Ns.test(t) && t.startsWith(n) || e && !Os(t) && Object.prototype.hasOwnProperty.call(t, e)), Ri = (n, e, t) => (r) => {
+const xs = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, cn = (n, e) => (t) => !!(typeof t == "string" && xs.test(t) && t.startsWith(n) || e && !Ns(t) && Object.prototype.hasOwnProperty.call(t, e)), Si = (n, e, t) => (r) => {
   if (typeof r != "string")
     return r;
   const [i, a, s, o] = r.match(ln);
@@ -907,14 +907,14 @@ const Ns = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [t]: parseFloat(s),
     alpha: o !== void 0 ? parseFloat(o) : 1
   };
-}, xs = (n) => Le(0, 255, n), Ot = te($({}, Ue), {
-  transform: (n) => Math.round(xs(n))
+}, Ls = (n) => Le(0, 255, n), Ot = te(Q({}, Ue), {
+  transform: (n) => Math.round(Ls(n))
 }), Ie = {
   test: /* @__PURE__ */ cn("rgb", "red"),
-  parse: /* @__PURE__ */ Ri("red", "green", "blue"),
+  parse: /* @__PURE__ */ Si("red", "green", "blue"),
   transform: ({ red: n, green: e, blue: t, alpha: r = 1 }) => "rgba(" + Ot.transform(n) + ", " + Ot.transform(e) + ", " + Ot.transform(t) + ", " + rt(st.transform(r)) + ")"
 };
-function Ls(n) {
+function Ps(n) {
   let e = "", t = "", r = "", i = "";
   return n.length > 5 ? (e = n.substring(1, 3), t = n.substring(3, 5), r = n.substring(5, 7), i = n.substring(7, 9)) : (e = n.substring(1, 2), t = n.substring(2, 3), r = n.substring(3, 4), i = n.substring(4, 5), e += e, t += t, r += r, i += i), {
     red: parseInt(e, 16),
@@ -925,29 +925,29 @@ function Ls(n) {
 }
 const Ut = {
   test: /* @__PURE__ */ cn("#"),
-  parse: Ls,
+  parse: Ps,
   transform: Ie.transform
 }, dt = /* @__NO_SIDE_EFFECTS__ */ (n) => ({
   test: (e) => typeof e == "string" && e.endsWith(n) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${n}`
-}), we = /* @__PURE__ */ dt("deg"), ke = /* @__PURE__ */ dt("%"), Q = /* @__PURE__ */ dt("px"), Ps = /* @__PURE__ */ dt("vh"), Rs = /* @__PURE__ */ dt("vw"), Mr = te($({}, ke), {
+}), we = /* @__PURE__ */ dt("deg"), ke = /* @__PURE__ */ dt("%"), $ = /* @__PURE__ */ dt("px"), Rs = /* @__PURE__ */ dt("vh"), Ss = /* @__PURE__ */ dt("vw"), Dr = te(Q({}, ke), {
   parse: (n) => ke.parse(n) / 100,
   transform: (n) => ke.transform(n * 100)
 }), Re = {
   test: /* @__PURE__ */ cn("hsl", "hue"),
-  parse: /* @__PURE__ */ Ri("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ Si("hue", "saturation", "lightness"),
   transform: ({ hue: n, saturation: e, lightness: t, alpha: r = 1 }) => "hsla(" + Math.round(n) + ", " + ke.transform(rt(e)) + ", " + ke.transform(rt(t)) + ", " + rt(st.transform(r)) + ")"
 }, ue = {
   test: (n) => Ie.test(n) || Ut.test(n) || Re.test(n),
   parse: (n) => Ie.test(n) ? Ie.parse(n) : Re.test(n) ? Re.parse(n) : Ut.parse(n),
   transform: (n) => typeof n == "string" ? n : n.hasOwnProperty("red") ? Ie.transform(n) : Re.transform(n)
-}, Ss = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function ks(n) {
+}, ks = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Ms(n) {
   var e, t;
-  return isNaN(n) && typeof n == "string" && (((e = n.match(ln)) == null ? void 0 : e.length) || 0) + (((t = n.match(Ss)) == null ? void 0 : t.length) || 0) > 0;
+  return isNaN(n) && typeof n == "string" && (((e = n.match(ln)) == null ? void 0 : e.length) || 0) + (((t = n.match(ks)) == null ? void 0 : t.length) || 0) > 0;
 }
-const Si = "number", ki = "color", Ms = "var", Ds = "var(", Dr = "${}", Vs = /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 ki = "number", Mi = "color", Ds = "var", Vs = "var(", Vr = "${}", Fs = /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 ot(n) {
   const e = n.toString(), t = [], r = {
     color: [],
@@ -955,39 +955,39 @@ function ot(n) {
     var: []
   }, i = [];
   let a = 0;
-  const o = e.replace(Vs, (l) => (ue.test(l) ? (r.color.push(a), i.push(ki), t.push(ue.parse(l))) : l.startsWith(Ds) ? (r.var.push(a), i.push(Ms), t.push(l)) : (r.number.push(a), i.push(Si), t.push(parseFloat(l))), ++a, Dr)).split(Dr);
+  const o = e.replace(Fs, (l) => (ue.test(l) ? (r.color.push(a), i.push(Mi), t.push(ue.parse(l))) : l.startsWith(Vs) ? (r.var.push(a), i.push(Ds), t.push(l)) : (r.number.push(a), i.push(ki), t.push(parseFloat(l))), ++a, Vr)).split(Vr);
   return { values: t, split: o, indexes: r, types: i };
 }
-function Mi(n) {
+function Di(n) {
   return ot(n).values;
 }
-function Di(n) {
+function Vi(n) {
   const { split: e, types: t } = ot(n), r = e.length;
   return (i) => {
     let a = "";
     for (let s = 0; s < r; s++)
       if (a += e[s], i[s] !== void 0) {
         const o = t[s];
-        o === Si ? a += rt(i[s]) : o === ki ? a += ue.transform(i[s]) : a += i[s];
+        o === ki ? a += rt(i[s]) : o === Mi ? a += ue.transform(i[s]) : a += i[s];
       }
     return a;
   };
 }
-const Fs = (n) => typeof n == "number" ? 0 : n;
-function Us(n) {
-  const e = Mi(n);
-  return Di(n)(e.map(Fs));
+const Us = (n) => typeof n == "number" ? 0 : n;
+function Bs(n) {
+  const e = Di(n);
+  return Vi(n)(e.map(Us));
 }
 const Be = {
-  test: ks,
-  parse: Mi,
-  createTransformer: Di,
-  getAnimatableNone: Us
+  test: Ms,
+  parse: Di,
+  createTransformer: Vi,
+  getAnimatableNone: Bs
 };
 function Nt(n, e, t) {
   return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? n + (e - n) * 6 * t : t < 1 / 2 ? e : t < 2 / 3 ? n + (e - n) * (2 / 3 - t) * 6 : n;
 }
-function Bs({ hue: n, saturation: e, lightness: t, alpha: r }) {
+function zs({ hue: n, saturation: e, lightness: t, alpha: r }) {
   n /= 360, e /= 100, t /= 100;
   let i = 0, a = 0, s = 0;
   if (!e)
@@ -1009,32 +1009,32 @@ function At(n, e) {
 const xt = (n, e, t) => {
   const r = n * n, i = t * (e * e - r) + r;
   return i < 0 ? 0 : Math.sqrt(i);
-}, zs = [Ut, Ie, Re], js = (n) => zs.find((e) => e.test(n));
-function Vr(n) {
-  const e = js(n);
+}, js = [Ut, Ie, Re], Ks = (n) => js.find((e) => e.test(n));
+function Fr(n) {
+  const e = Ks(n);
   if (ut(!!e, `'${n}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let t = e.parse(n);
-  return e === Re && (t = Bs(t)), t;
+  return e === Re && (t = zs(t)), t;
 }
-const Fr = (n, e) => {
-  const t = Vr(n), r = Vr(e);
+const Ur = (n, e) => {
+  const t = Fr(n), r = Fr(e);
   if (!t || !r)
     return At(n, e);
-  const i = $({}, t);
+  const i = Q({}, t);
   return (a) => (i.red = xt(t.red, r.red, a), i.green = xt(t.green, r.green, a), i.blue = xt(t.blue, r.blue, a), i.alpha = ct(t.alpha, r.alpha, a), Ie.transform(i));
 }, Bt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Ks(n, e) {
+function qs(n, e) {
   return Bt.has(n) ? (t) => t <= 0 ? n : e : (t) => t >= 1 ? e : n;
 }
-const qs = (n, e) => (t) => e(n(t)), un = (...n) => n.reduce(qs);
-function Hs(n, e) {
+const Hs = (n, e) => (t) => e(n(t)), un = (...n) => n.reduce(Hs);
+function Ws(n, e) {
   return (t) => ct(n, e, t);
 }
 function dn(n) {
-  return typeof n == "number" ? Hs : typeof n == "string" ? on(n) ? At : ue.test(n) ? Fr : Ys : Array.isArray(n) ? Vi : typeof n == "object" ? ue.test(n) ? Fr : Ws : At;
+  return typeof n == "number" ? Ws : typeof n == "string" ? on(n) ? At : ue.test(n) ? Ur : Qs : Array.isArray(n) ? Fi : typeof n == "object" ? ue.test(n) ? Ur : Gs : At;
 }
-function Vi(n, e) {
+function Fi(n, e) {
   const t = [...n], r = t.length, i = n.map((a, s) => dn(a)(a, e[s]));
   return (a) => {
     for (let s = 0; s < r; s++)
@@ -1042,8 +1042,8 @@ function Vi(n, e) {
     return t;
   };
 }
-function Ws(n, e) {
-  const t = $($({}, n), e), r = {};
+function Gs(n, e) {
+  const t = Q(Q({}, n), e), r = {};
   for (const i in t)
     n[i] !== void 0 && e[i] !== void 0 && (r[i] = dn(n[i])(n[i], e[i]));
   return (i) => {
@@ -1052,7 +1052,7 @@ function Ws(n, e) {
     return t;
   };
 }
-function Gs(n, e) {
+function Ys(n, e) {
   var i;
   const t = [], r = { color: 0, var: 0, number: 0 };
   for (let a = 0; a < e.values.length; a++) {
@@ -1061,14 +1061,14 @@ function Gs(n, e) {
   }
   return t;
 }
-const Ys = (n, e) => {
+const Qs = (n, e) => {
   const t = Be.createTransformer(e), r = ot(n), i = ot(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 ? Bt.has(n) && !i.values.length || Bt.has(e) && !r.values.length ? Ks(n, e) : un(Vi(Gs(r, i), i.values), t) : (ut(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(n, 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 ? Bt.has(n) && !i.values.length || Bt.has(e) && !r.values.length ? qs(n, e) : un(Fi(Ys(r, i), i.values), t) : (ut(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(n, e));
 };
-function Fi(n, e, t) {
+function Ui(n, e, t) {
   return typeof n == "number" && typeof e == "number" && typeof t == "number" ? ct(n, e, t) : dn(n)(n, e);
 }
-const Qs = (n) => {
+const $s = (n) => {
   const e = ({ timestamp: t }) => n(t);
   return {
     start: (t = !0) => Ae.update(e, t),
@@ -1079,16 +1079,16 @@ const Qs = (n) => {
      */
     now: () => Ct.isProcessing ? Ct.timestamp : ve.now()
   };
-}, Ui = (n, e, t = 10) => {
+}, Bi = (n, e, t = 10) => {
   let r = "";
   const i = Math.max(Math.round(e / t), 2);
   for (let a = 0; a < i; a++)
     r += n(a / (i - 1)) + ", ";
   return `linear(${r.substring(0, r.length - 2)})`;
-}, $s = 5;
-function Bi(n, e, t) {
-  const r = Math.max(e - $s, 0);
-  return Ni(t - n(r), e - r);
+}, Zs = 5;
+function zi(n, e, t) {
+  const r = Math.max(e - Zs, 0);
+  return xi(t - n(r), e - r);
 }
 const ie = {
   // Default spring physics
@@ -1118,17 +1118,17 @@ const ie = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Ur = 1e-3;
-function Zs({ duration: n = ie.duration, bounce: e = ie.bounce, velocity: t = ie.velocity, mass: r = ie.mass }) {
+}, Br = 1e-3;
+function Xs({ duration: n = ie.duration, bounce: e = ie.bounce, velocity: t = ie.velocity, mass: r = ie.mass }) {
   let i, a;
   ut(n <= /* @__PURE__ */ ye(ie.maxDuration), "Spring duration must be 10 seconds or less");
   let s = 1 - e;
   s = Le(ie.minDamping, ie.maxDamping, s), n = Le(ie.minDuration, ie.maxDuration, /* @__PURE__ */ Ee(n)), s < 1 ? (i = (c) => {
     const u = c * s, d = u * n, h = u - t, p = zt(c, s), m = Math.exp(-d);
-    return Ur - h / p * m;
+    return Br - h / p * m;
   }, a = (c) => {
     const d = c * s * n, h = d * t + t, p = Math.pow(s, 2) * Math.pow(c, 2) * n, m = Math.exp(-d), f = zt(Math.pow(c, 2), s);
-    return (-i(c) + Ur > 0 ? -1 : 1) * ((h - p) * m) / f;
+    return (-i(c) + Br > 0 ? -1 : 1) * ((h - p) * m) / f;
   }) : (i = (c) => {
     const u = Math.exp(-c * n), d = (c - t) * n + 1;
     return -1e-3 + u * d;
@@ -1136,7 +1136,7 @@ function Zs({ duration: n = ie.duration, bounce: e = ie.bounce, velocity: t = ie
     const u = Math.exp(-c * n), d = (t - c) * (n * n);
     return u * d;
   });
-  const o = 5 / n, l = Js(i, a, o);
+  const o = 5 / n, l = eo(i, a, o);
   if (n = /* @__PURE__ */ ye(n), isNaN(l))
     return {
       stiffness: ie.stiffness,
@@ -1152,39 +1152,39 @@ function Zs({ duration: n = ie.duration, bounce: e = ie.bounce, velocity: t = ie
     };
   }
 }
-const Xs = 12;
-function Js(n, e, t) {
+const Js = 12;
+function eo(n, e, t) {
   let r = t;
-  for (let i = 1; i < Xs; i++)
+  for (let i = 1; i < Js; i++)
     r = r - n(r) / e(r);
   return r;
 }
 function zt(n, e) {
   return n * Math.sqrt(1 - e * e);
 }
-const eo = ["duration", "bounce"], to = ["stiffness", "damping", "mass"];
-function Br(n, e) {
+const to = ["duration", "bounce"], no = ["stiffness", "damping", "mass"];
+function zr(n, e) {
   return e.some((t) => n[t] !== void 0);
 }
-function no(n) {
-  let e = $({
+function ro(n) {
+  let e = Q({
     velocity: ie.velocity,
     stiffness: ie.stiffness,
     damping: ie.damping,
     mass: ie.mass,
     isResolvedFromDuration: !1
   }, n);
-  if (!Br(n, to) && Br(n, eo))
+  if (!zr(n, no) && zr(n, to))
     if (n.visualDuration) {
       const t = n.visualDuration, r = 2 * Math.PI / (t * 1.2), i = r * r, a = 2 * Le(0.05, 1, 1 - (n.bounce || 0)) * Math.sqrt(i);
-      e = te($({}, e), {
+      e = te(Q({}, e), {
         mass: ie.mass,
         stiffness: i,
         damping: a
       });
     } else {
-      const t = Zs(n);
-      e = te($($({}, e), t), {
+      const t = Xs(n);
+      e = te(Q(Q({}, e), t), {
         mass: ie.mass
       }), e.isResolvedFromDuration = !0;
     }
@@ -1197,7 +1197,7 @@ function lt(n = ie.visualDuration, e = ie.bounce) {
     bounce: e
   } : n;
   let { restSpeed: r, restDelta: i } = t;
-  const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: c, mass: u, duration: d, velocity: h, isResolvedFromDuration: p } = no(te($({}, t), {
+  const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: c, mass: u, duration: d, velocity: h, isResolvedFromDuration: p } = ro(te(Q({}, t), {
     velocity: -/* @__PURE__ */ Ee(t.velocity || 0)
   })), m = h || 0, f = c / (2 * Math.sqrt(l * u)), v = s - a, y = /* @__PURE__ */ Ee(Math.sqrt(l / u)), w = Math.abs(v) < 5;
   r || (r = w ? ie.restSpeed.granular : ie.restSpeed.default), i || (i = w ? ie.restDelta.granular : ie.restDelta.default);
@@ -1225,14 +1225,14 @@ function lt(n = ie.visualDuration, e = ie.bounce) {
         o.done = A >= d;
       else {
         let L = A === 0 ? m : 0;
-        f < 1 && (L = A === 0 ? /* @__PURE__ */ ye(m) : Bi(T, A, I));
+        f < 1 && (L = A === 0 ? /* @__PURE__ */ ye(m) : zi(T, A, I));
         const k = Math.abs(L) <= r, B = Math.abs(s - I) <= i;
         o.done = k && B;
       }
       return o.value = o.done ? s : I, o;
     },
     toString: () => {
-      const A = Math.min(an(x), _t), I = Ui((L) => x.next(A * L).value, A, 30);
+      const A = Math.min(an(x), _t), I = Bi((L) => x.next(A * L).value, A, 30);
       return A + "ms " + I;
     },
     toTransition: () => {
@@ -1241,7 +1241,7 @@ function lt(n = ie.visualDuration, e = ie.bounce) {
   return x;
 }
 lt.applyToOptions = (n) => {
-  const e = wi(n, 100, lt);
+  const e = Ti(n, 100, lt);
   return n.ease = e.ease, n.duration = /* @__PURE__ */ ye(e.duration), n.type = "keyframes", n;
 };
 function jt({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: r = 325, bounceDamping: i = 10, bounceStiffness: a = 500, modifyTarget: s, min: o, max: l, restDelta: c = 0.5, restSpeed: u }) {
@@ -1260,7 +1260,7 @@ function jt({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: r = 3
   const L = (k) => {
     p(h.value) && (A = k, I = lt({
       keyframes: [h.value, m(h.value)],
-      velocity: Bi(T, k, h.value),
+      velocity: zi(T, k, h.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: a,
@@ -1276,8 +1276,8 @@ function jt({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: r = 3
     }
   };
 }
-function ro(n, e, t) {
-  const r = [], i = t || Ce.mix || Fi, a = n.length - 1;
+function io(n, e, t) {
+  const r = [], i = t || Ce.mix || Ui, a = n.length - 1;
   for (let s = 0; s < a; s++) {
     let o = i(n[s], n[s + 1]);
     if (e) {
@@ -1288,7 +1288,7 @@ function ro(n, e, t) {
   }
   return r;
 }
-function io(n, e, { clamp: t = !0, ease: r, mixer: i } = {}) {
+function ao(n, e, { clamp: t = !0, ease: r, mixer: i } = {}) {
   const a = n.length;
   if (_e(a === e.length, "Both input and output ranges must be the same length"), a === 1)
     return () => e[0];
@@ -1296,7 +1296,7 @@ function io(n, e, { clamp: t = !0, ease: r, mixer: i } = {}) {
     return () => e[1];
   const s = n[0] === n[1];
   n[0] > n[a - 1] && (n = [...n].reverse(), e = [...e].reverse());
-  const o = ro(e, r, i), l = o.length, c = (u) => {
+  const o = io(e, r, i), l = o.length, c = (u) => {
     if (s && u < n[0])
       return e[0];
     let d = 0;
@@ -1308,78 +1308,78 @@ function io(n, e, { clamp: t = !0, ease: r, mixer: i } = {}) {
   };
   return t ? (u) => c(Le(n[0], n[a - 1], u)) : c;
 }
-function ao(n, e) {
+function so(n, e) {
   return n.map((t) => t * e);
 }
-const zi = (n, e, t) => (((1 - 3 * t + 3 * e) * n + (3 * t - 6 * e)) * n + 3 * e) * n, so = 1e-7, oo = 12;
-function lo(n, e, t, r, i) {
+const ji = (n, e, t) => (((1 - 3 * t + 3 * e) * n + (3 * t - 6 * e)) * n + 3 * e) * n, oo = 1e-7, lo = 12;
+function co(n, e, t, r, i) {
   let a, s, o = 0;
   do
-    s = e + (t - e) / 2, a = zi(s, r, i) - n, a > 0 ? t = s : e = s;
-  while (Math.abs(a) > so && ++o < oo);
+    s = e + (t - e) / 2, a = ji(s, r, i) - n, a > 0 ? t = s : e = s;
+  while (Math.abs(a) > oo && ++o < lo);
   return s;
 }
 function pt(n, e, t, r) {
   if (n === e && t === r)
     return De;
-  const i = (a) => lo(a, 0, 1, n, t);
-  return (a) => a === 0 || a === 1 ? a : zi(i(a), e, r);
+  const i = (a) => co(a, 0, 1, n, t);
+  return (a) => a === 0 || a === 1 ? a : ji(i(a), e, r);
 }
-const co = /* @__PURE__ */ pt(0.42, 0, 1, 1), uo = /* @__PURE__ */ pt(0, 0, 0.58, 1), ji = /* @__PURE__ */ pt(0.42, 0, 0.58, 1), Ki = (n) => (e) => e <= 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2, qi = (n) => (e) => 1 - n(1 - e), Hi = /* @__PURE__ */ pt(0.33, 1.53, 0.69, 0.99), pn = /* @__PURE__ */ qi(Hi), Wi = /* @__PURE__ */ Ki(pn), Gi = (n) => (n *= 2) < 1 ? 0.5 * pn(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1))), hn = (n) => 1 - Math.sin(Math.acos(n)), po = qi(hn), Yi = Ki(hn), Qi = (n) => Array.isArray(n) && typeof n[0] == "number", zr = {
+const uo = /* @__PURE__ */ pt(0.42, 0, 1, 1), po = /* @__PURE__ */ pt(0, 0, 0.58, 1), Ki = /* @__PURE__ */ pt(0.42, 0, 0.58, 1), qi = (n) => (e) => e <= 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2, Hi = (n) => (e) => 1 - n(1 - e), Wi = /* @__PURE__ */ pt(0.33, 1.53, 0.69, 0.99), pn = /* @__PURE__ */ Hi(Wi), Gi = /* @__PURE__ */ qi(pn), Yi = (n) => (n *= 2) < 1 ? 0.5 * pn(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1))), hn = (n) => 1 - Math.sin(Math.acos(n)), ho = Hi(hn), Qi = qi(hn), $i = (n) => Array.isArray(n) && typeof n[0] == "number", jr = {
   linear: De,
-  easeIn: co,
-  easeInOut: ji,
-  easeOut: uo,
+  easeIn: uo,
+  easeInOut: Ki,
+  easeOut: po,
   circIn: hn,
-  circInOut: Yi,
-  circOut: po,
+  circInOut: Qi,
+  circOut: ho,
   backIn: pn,
-  backInOut: Wi,
-  backOut: Hi,
-  anticipate: Gi
-}, ho = (n) => typeof n == "string", jr = (n) => {
-  if (Qi(n)) {
+  backInOut: Gi,
+  backOut: Wi,
+  anticipate: Yi
+}, mo = (n) => typeof n == "string", Kr = (n) => {
+  if ($i(n)) {
     _e(n.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, t, r, i] = n;
     return pt(e, t, r, i);
-  } else if (ho(n))
-    return _e(zr[n] !== void 0, `Invalid easing type '${n}'`), zr[n];
+  } else if (mo(n))
+    return _e(jr[n] !== void 0, `Invalid easing type '${n}'`), jr[n];
   return n;
 };
-function mo(n, e) {
-  return n.map(() => e || ji).splice(0, n.length - 1);
+function fo(n, e) {
+  return n.map(() => e || Ki).splice(0, n.length - 1);
 }
 function Se({ duration: n = 300, keyframes: e, times: t, ease: r = "easeInOut" }) {
-  const i = bi(r) ? r.map(jr) : jr(r), a = {
+  const i = Ei(r) ? r.map(Kr) : Kr(r), a = {
     done: !1,
     value: e[0]
-  }, s = ao(
+  }, s = so(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    t && t.length === e.length ? t : Ai(e),
+    t && t.length === e.length ? t : wi(e),
     n
-  ), o = io(s, e, {
-    ease: Array.isArray(i) ? i : mo(e, i)
+  ), o = ao(s, e, {
+    ease: Array.isArray(i) ? i : fo(e, i)
   });
   return {
     calculatedDuration: n,
     next: (l) => (a.value = o(l), a.done = l >= n, a)
   };
 }
-const fo = (n) => n !== null;
+const vo = (n) => n !== null;
 function mn(n, { repeat: e, repeatType: t = "loop" }, r, i = 1) {
-  const a = n.filter(fo), o = i < 0 || e && t !== "loop" && e % 2 === 1 ? 0 : a.length - 1;
+  const a = n.filter(vo), o = i < 0 || e && t !== "loop" && e % 2 === 1 ? 0 : a.length - 1;
   return !o || r === void 0 ? a[o] : r;
 }
-const vo = {
+const go = {
   decay: jt,
   inertia: jt,
   tween: Se,
   keyframes: Se,
   spring: lt
 };
-function $i(n) {
-  typeof n.type == "string" && (n.type = vo[n.type]);
+function Zi(n) {
+  typeof n.type == "string" && (n.type = go[n.type]);
 }
 class fn {
   constructor() {
@@ -1405,7 +1405,7 @@ class fn {
     return this.finished.then(e, t);
   }
 }
-const go = (n) => n / 100;
+const yo = (n) => n / 100;
 class vn extends fn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
@@ -1416,13 +1416,13 @@ class vn extends fn {
   }
   initAnimation() {
     const { options: e } = this;
-    $i(e);
+    Zi(e);
     const { type: t = Se, repeat: r = 0, repeatDelay: i = 0, repeatType: a, velocity: s = 0 } = e;
     let { keyframes: o } = e;
     const l = t || Se;
-    process.env.NODE_ENV !== "production" && l !== Se && _e(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Se && typeof o[0] != "number" && (this.mixKeyframes = un(go, Fi(o[0], o[1])), o = [0, 100]);
-    const c = l(te($({}, e), { keyframes: o }));
-    a === "mirror" && (this.mirroredGenerator = l(te($({}, e), {
+    process.env.NODE_ENV !== "production" && l !== Se && _e(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Se && typeof o[0] != "number" && (this.mixKeyframes = un(yo, Ui(o[0], o[1])), o = [0, 100]);
+    const c = l(te(Q({}, e), { keyframes: o }));
+    a === "mirror" && (this.mirroredGenerator = l(te(Q({}, e), {
       keyframes: [...o].reverse(),
       velocity: -s
     }))), c.calculatedDuration === null && (c.calculatedDuration = an(c));
@@ -1484,7 +1484,7 @@ class vn extends fn {
     var i, a;
     if (this.isStopped)
       return;
-    const { driver: e = Qs, startTime: t } = this.options;
+    const { driver: e = $s, startTime: t } = this.options;
     this.driver || (this.driver = e((s) => this.tick(s))), (a = (i = this.options).onPlay) == null || a.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 = t != null ? t : 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 vn extends fn {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (t = this.driver) == null || t.stop(), e.observe(this);
   }
 }
-function yo(n) {
+function bo(n) {
   var e;
   for (let t = 1; t < n.length; t++)
     (e = n[t]) != null || (n[t] = n[t - 1]);
@@ -1525,7 +1525,7 @@ function yo(n) {
 const Oe = (n) => n * 180 / Math.PI, Kt = (n) => {
   const e = Oe(Math.atan2(n[1], n[0]));
   return qt(e);
-}, bo = {
+}, Eo = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1538,20 +1538,20 @@ const Oe = (n) => n * 180 / Math.PI, Kt = (n) => {
   skewX: (n) => Oe(Math.atan(n[1])),
   skewY: (n) => Oe(Math.atan(n[2])),
   skew: (n) => (Math.abs(n[1]) + Math.abs(n[2])) / 2
-}, qt = (n) => (n = n % 360, n < 0 && (n += 360), n), Kr = Kt, qr = (n) => Math.sqrt(n[0] * n[0] + n[1] * n[1]), Hr = (n) => Math.sqrt(n[4] * n[4] + n[5] * n[5]), Eo = {
+}, qt = (n) => (n = n % 360, n < 0 && (n += 360), n), qr = Kt, Hr = (n) => Math.sqrt(n[0] * n[0] + n[1] * n[1]), Wr = (n) => Math.sqrt(n[4] * n[4] + n[5] * n[5]), _o = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: qr,
-  scaleY: Hr,
-  scale: (n) => (qr(n) + Hr(n)) / 2,
+  scaleX: Hr,
+  scaleY: Wr,
+  scale: (n) => (Hr(n) + Wr(n)) / 2,
   rotateX: (n) => qt(Oe(Math.atan2(n[6], n[5]))),
   rotateY: (n) => qt(Oe(Math.atan2(-n[2], n[0]))),
-  rotateZ: Kr,
-  rotate: Kr,
+  rotateZ: qr,
+  rotate: qr,
   skewX: (n) => Oe(Math.atan(n[4])),
   skewY: (n) => Oe(Math.atan(n[1])),
   skew: (n) => (Math.abs(n[1]) + Math.abs(n[4])) / 2
@@ -1565,27 +1565,27 @@ function Wt(n, e) {
   const t = n.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let r, i;
   if (t)
-    r = Eo, i = t;
+    r = _o, i = t;
   else {
     const o = n.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    r = bo, i = o;
+    r = Eo, i = o;
   }
   if (!i)
     return Ht(e);
-  const a = r[e], s = i[1].split(",").map(Co);
+  const a = r[e], s = i[1].split(",").map(Ao);
   return typeof a == "function" ? a(s) : s[a];
 }
-const _o = (n, e) => {
+const Co = (n, e) => {
   const { transform: t = "none" } = getComputedStyle(n);
   return Wt(t, e);
 };
-function Co(n) {
+function Ao(n) {
   return parseFloat(n.trim());
 }
-const Wr = (n) => n === Ue || n === Q, Ao = /* @__PURE__ */ new Set(["x", "y", "z"]), wo = Ve.filter((n) => !Ao.has(n));
-function To(n) {
+const Gr = (n) => n === Ue || n === $, wo = /* @__PURE__ */ new Set(["x", "y", "z"]), To = Ve.filter((n) => !wo.has(n));
+function Io(n) {
   const e = [];
-  return wo.forEach((t) => {
+  return To.forEach((t) => {
     const r = n.getValue(t);
     r !== void 0 && (e.push([t, r.get()]), r.set(t.startsWith("scale") ? 1 : 0));
   }), e;
@@ -1606,11 +1606,11 @@ Ne.translateX = Ne.x;
 Ne.translateY = Ne.y;
 const xe = /* @__PURE__ */ new Set();
 let Gt = !1, Yt = !1, Qt = !1;
-function Zi() {
+function Xi() {
   if (Yt) {
     const n = Array.from(xe).filter((r) => r.needsMeasurement), e = new Set(n.map((r) => r.element)), t = /* @__PURE__ */ new Map();
     e.forEach((r) => {
-      const i = To(r);
+      const i = Io(r);
       i.length && (t.set(r, i), r.render());
     }), n.forEach((r) => r.measureInitialState()), e.forEach((r) => {
       r.render();
@@ -1625,20 +1625,20 @@ function Zi() {
   }
   Yt = !1, Gt = !1, xe.forEach((n) => n.complete(Qt)), xe.clear();
 }
-function Xi() {
+function Ji() {
   xe.forEach((n) => {
     n.readKeyframes(), n.needsMeasurement && (Yt = !0);
   });
 }
-function Io() {
-  Qt = !0, Xi(), Zi(), Qt = !1;
+function Oo() {
+  Qt = !0, Ji(), Xi(), Qt = !1;
 }
 class gn {
   constructor(e, t, r, i, a, s = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = t, this.name = r, this.motionValue = i, this.element = a, this.isAsync = s;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (xe.add(this), Gt || (Gt = !0, Ae.read(Xi), Ae.resolveKeyframes(Zi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (xe.add(this), Gt || (Gt = !0, Ae.read(Ji), Ae.resolveKeyframes(Xi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: t, element: r, motionValue: i } = this;
@@ -1652,7 +1652,7 @@ class gn {
       }
       e[0] === void 0 && (e[0] = s), i && a === void 0 && i.set(e[0]);
     }
-    yo(e);
+    bo(e);
   }
   setFinalKeyframe() {
   }
@@ -1672,31 +1672,31 @@ class gn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Oo = (n) => n.startsWith("--");
-function No(n, e, t) {
-  Oo(e) ? n.style.setProperty(e, t) : n.style[e] = t;
+const No = (n) => n.startsWith("--");
+function xo(n, e, t) {
+  No(e) ? n.style.setProperty(e, t) : n.style[e] = t;
 }
 // @__NO_SIDE_EFFECTS__
 function yn(n) {
   let e;
   return () => (e === void 0 && (e = n()), e);
 }
-const xo = /* @__PURE__ */ yn(() => window.ScrollTimeline !== void 0), Lo = {};
-function Po(n, e) {
+const Lo = /* @__PURE__ */ yn(() => window.ScrollTimeline !== void 0), Po = {};
+function Ro(n, e) {
   const t = /* @__PURE__ */ yn(n);
   return () => {
     var r;
-    return (r = Lo[e]) != null ? r : t();
+    return (r = Po[e]) != null ? r : t();
   };
 }
-const Ji = /* @__PURE__ */ Po(() => {
+const ea = /* @__PURE__ */ Ro(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch (n) {
     return !1;
   }
   return !0;
-}, "linearEasing"), nt = ([n, e, t, r]) => `cubic-bezier(${n}, ${e}, ${t}, ${r})`, Gr = {
+}, "linearEasing"), nt = ([n, e, t, r]) => `cubic-bezier(${n}, ${e}, ${t}, ${r})`, Yr = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1707,16 +1707,16 @@ const Ji = /* @__PURE__ */ Po(() => {
   backIn: /* @__PURE__ */ nt([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ nt([0.33, 1.53, 0.69, 0.99])
 };
-function ea(n, e) {
+function ta(n, e) {
   if (n)
-    return typeof n == "function" ? Ji() ? Ui(n, e) : "ease-out" : Qi(n) ? nt(n) : Array.isArray(n) ? n.map((t) => ea(t, e) || Gr.easeOut) : Gr[n];
+    return typeof n == "function" ? ea() ? Bi(n, e) : "ease-out" : $i(n) ? nt(n) : Array.isArray(n) ? n.map((t) => ta(t, e) || Yr.easeOut) : Yr[n];
 }
-function Ro(n, e, t, { delay: r = 0, duration: i = 300, repeat: a = 0, repeatType: s = "loop", ease: o = "easeOut", times: l } = {}, c = void 0) {
+function So(n, e, t, { delay: r = 0, duration: i = 300, repeat: a = 0, repeatType: s = "loop", ease: o = "easeOut", times: l } = {}, c = void 0) {
   const u = {
     [e]: t
   };
   l && (u.offset = l);
-  const d = ea(o, i);
+  const d = ta(o, i);
   Array.isArray(d) && (u.easing = d);
   const h = {
     delay: r,
@@ -1728,22 +1728,22 @@ function Ro(n, e, t, { delay: r = 0, duration: i = 300, repeat: a = 0, repeatTyp
   };
   return c && (h.pseudoElement = c), n.animate(u, h);
 }
-function So(t) {
+function ko(t) {
   var r = t, { type: n } = r, e = ge(r, ["type"]);
   var i, a;
-  return rn(n) && Ji() ? n.applyToOptions(e) : ((i = e.duration) != null || (e.duration = 300), (a = e.ease) != null || (e.ease = "easeOut"), e);
+  return rn(n) && ea() ? n.applyToOptions(e) : ((i = e.duration) != null || (e.duration = 300), (a = e.ease) != null || (e.ease = "easeOut"), e);
 }
-class ko extends fn {
+class Mo extends fn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: t, name: r, keyframes: i, pseudoElement: a, allowFlatten: s = !1, finalKeyframe: o, onComplete: l } = e;
     this.isPseudoElement = !!a, this.allowFlatten = s, this.options = e, _e(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const c = So(e);
-    this.animation = Ro(t, r, i, c, a), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const c = ko(e);
+    this.animation = So(t, r, i, c, a), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !a) {
         const u = mn(i, this.options, o, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : No(t, r, u), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(u) : xo(t, r, u), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -1822,24 +1822,24 @@ class ko extends fn {
    */
   attachTimeline({ timeline: e, observe: t }) {
     var r;
-    return this.allowFlatten && ((r = this.animation.effect) == null || r.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && xo() ? (this.animation.timeline = e, De) : t(this);
+    return this.allowFlatten && ((r = this.animation.effect) == null || r.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && Lo() ? (this.animation.timeline = e, De) : t(this);
   }
 }
-const ta = {
-  anticipate: Gi,
-  backInOut: Wi,
-  circInOut: Yi
+const na = {
+  anticipate: Yi,
+  backInOut: Gi,
+  circInOut: Qi
 };
-function Mo(n) {
-  return n in ta;
-}
 function Do(n) {
-  typeof n.ease == "string" && Mo(n.ease) && (n.ease = ta[n.ease]);
+  return n in na;
+}
+function Vo(n) {
+  typeof n.ease == "string" && Do(n.ease) && (n.ease = na[n.ease]);
 }
-const Yr = 10;
-class Vo extends ko {
+const Qr = 10;
+class Fo extends Mo {
   constructor(e) {
-    Do(e), $i(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    Vo(e), Zi(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 Vo extends ko {
       t.set(e);
       return;
     }
-    const o = new vn(te($({}, s), {
+    const o = new vn(te(Q({}, s), {
       autoplay: !1
     })), l = /* @__PURE__ */ ye((u = this.finishedTime) != null ? u : this.time);
-    t.setWithVelocity(o.sample(l - Yr).value, o.sample(l).value, Yr), o.stop();
+    t.setWithVelocity(o.sample(l - Qr).value, o.sample(l).value, Qr), o.stop();
   }
 }
-const Qr = (n, e) => e === "zIndex" ? !1 : !!(typeof n == "number" || Array.isArray(n) || typeof n == "string" && // It's animatable if we have a string
+const $r = (n, e) => e === "zIndex" ? !1 : !!(typeof n == "number" || Array.isArray(n) || typeof n == "string" && // It's animatable if we have a string
 (Be.test(n) || n === "0") && // And it contains numbers and/or colors
 !n.startsWith("url("));
-function Fo(n) {
+function Uo(n) {
   const e = n[0];
   if (n.length === 1)
     return !0;
@@ -1875,43 +1875,43 @@ function Fo(n) {
     if (n[t] !== e)
       return !0;
 }
-function Uo(n, e, t, r) {
+function Bo(n, e, t, r) {
   const i = n[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const a = n[n.length - 1], s = Qr(i, e), o = Qr(a, e);
-  return ut(s === o, `You are trying to animate ${e} from "${i}" to "${a}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${a} via the \`style\` property.`), !s || !o ? !1 : Fo(n) || (t === "spring" || rn(t)) && r;
+  const a = n[n.length - 1], s = $r(i, e), o = $r(a, e);
+  return ut(s === o, `You are trying to animate ${e} from "${i}" to "${a}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${a} via the \`style\` property.`), !s || !o ? !1 : Uo(n) || (t === "spring" || rn(t)) && r;
 }
-function na(n) {
+function ra(n) {
   return typeof n == "object" && n !== null;
 }
-function Bo(n) {
-  return na(n) && "offsetHeight" in n;
+function zo(n) {
+  return ra(n) && "offsetHeight" in n;
 }
-const zo = /* @__PURE__ */ new Set([
+const jo = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), jo = /* @__PURE__ */ yn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Ko(n) {
+]), Ko = /* @__PURE__ */ yn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function qo(n) {
   var c;
   const { motionValue: e, name: t, repeatDelay: r, repeatType: i, damping: a, type: s } = n;
-  if (!Bo((c = e == null ? void 0 : e.owner) == null ? void 0 : c.current))
+  if (!zo((c = e == null ? void 0 : e.owner) == null ? void 0 : c.current))
     return !1;
   const { onUpdate: o, transformTemplate: l } = e.owner.getProps();
-  return jo() && t && zo.has(t) && (t !== "transform" || !l) && /**
+  return Ko() && t && jo.has(t) && (t !== "transform" || !l) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !o && !r && i !== "mirror" && a !== 0 && s !== "inertia";
 }
-const qo = 40;
-class Ho extends fn {
+const Ho = 40;
+class Wo extends fn {
   constructor(h) {
     var p = h, { autoplay: e = !0, delay: t = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: a = 0, repeatType: s = "loop", keyframes: o, name: l, motionValue: c, element: u } = p, d = ge(p, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
     var v;
@@ -1919,7 +1919,7 @@ class Ho extends fn {
       var y, w;
       this._animation && (this._animation.stop(), (y = this.stopTimeline) == null || y.call(this)), (w = this.keyframeResolver) == null || w.cancel();
     }, this.createdAt = ve.now();
-    const m = $({
+    const m = Q({
       autoplay: e,
       delay: t,
       type: r,
@@ -1935,13 +1935,13 @@ class Ho extends fn {
   onKeyframesResolved(e, t, r, i) {
     this.keyframeResolver = void 0;
     const { name: a, type: s, velocity: o, delay: l, isHandoff: c, onUpdate: u } = r;
-    this.resolvedAt = ve.now(), Uo(e, a, s, o) || ((Ce.instantAnimations || !l) && (u == null || u(mn(e, r, t))), e[0] = e[e.length - 1], r.duration = 0, r.repeat = 0);
-    const d = i ? this.resolvedAt ? this.resolvedAt - this.createdAt > qo ? this.resolvedAt : this.createdAt : this.createdAt : void 0, h = te($({
+    this.resolvedAt = ve.now(), Bo(e, a, s, o) || ((Ce.instantAnimations || !l) && (u == null || u(mn(e, r, t))), e[0] = e[e.length - 1], r.duration = 0, r.repeat = 0);
+    const d = i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ho ? this.resolvedAt : this.createdAt : this.createdAt : void 0, h = te(Q({
       startTime: d,
       finalKeyframe: t
     }, r), {
       keyframes: e
-    }), p = !c && Ko(h) ? new Vo(te($({}, h), {
+    }), p = !c && qo(h) ? new Fo(te(Q({}, h), {
       element: h.motionValue.owner.current
     })) : new vn(h);
     p.finished.then(() => this.notifyFinished()).catch(De), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
@@ -1955,7 +1955,7 @@ class Ho extends fn {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Io()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Oo()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1995,11 +1995,11 @@ class Ho extends fn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const ra = (n, e, t, r = {}, i, a) => (s) => {
-  const o = xi(r, n) || {}, l = o.delay || r.delay || 0;
+const ia = (n, e, t, r = {}, i, a) => (s) => {
+  const o = Li(r, n) || {}, l = o.delay || r.delay || 0;
   let { elapsed: c = 0 } = r;
   c = c - /* @__PURE__ */ ye(l);
-  const u = te($({
+  const u = te(Q({
     keyframes: Array.isArray(t) ? t : [null, t],
     ease: "easeOut",
     velocity: e.getVelocity()
@@ -2015,10 +2015,10 @@ const ra = (n, e, t, r = {}, i, a) => (s) => {
     motionValue: e,
     element: a ? void 0 : i
   });
-  ws(o) || Object.assign(u, As(n, u)), u.duration && (u.duration = /* @__PURE__ */ ye(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ ye(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Ts(o) || Object.assign(u, ws(n, u)), u.duration && (u.duration = /* @__PURE__ */ ye(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ ye(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let d = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (d = !0)), (Ce.instantAnimations || Ce.skipAnimations) && (d = !0, u.duration = 0, u.delay = 0), u.allowFlatten = !o.type && !o.ease, d && !a && e.get() !== void 0) {
-    const h = ys(u.keyframes, o);
+    const h = bs(u.keyframes, o);
     if (h !== void 0) {
       Ae.update(() => {
         u.onUpdate(h), u.onComplete();
@@ -2026,8 +2026,8 @@ const ra = (n, e, t, r = {}, i, a) => (s) => {
       return;
     }
   }
-  return o.isSync ? new vn(u) : new Ho(u);
-}, ia = /* @__PURE__ */ new Set([
+  return o.isSync ? new vn(u) : new Wo(u);
+}, aa = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -2036,49 +2036,49 @@ const ra = (n, e, t, r = {}, i, a) => (s) => {
   "bottom",
   ...Ve
 ]);
-function Wo({ protectedKeys: n, needsAnimating: e }, t) {
+function Go({ protectedKeys: n, needsAnimating: e }, t) {
   const r = n.hasOwnProperty(t) && e[t] !== !0;
   return e[t] = !1, r;
 }
-function Go(n, e, { delay: t = 0, transitionOverride: r, type: i } = {}) {
+function Yo(n, e, { delay: t = 0, transitionOverride: r, type: i } = {}) {
   var d;
   let u = e, { transition: a = n.getDefaultTransition(), transitionEnd: s } = u, o = ge(u, ["transition", "transitionEnd"]);
   r && (a = r);
   const l = [], c = i && n.animationState && n.animationState.getState()[i];
   for (const h in o) {
     const p = n.getValue(h, (d = n.latestValues[h]) != null ? d : null), m = o[h];
-    if (m === void 0 || c && Wo(c, h))
+    if (m === void 0 || c && Go(c, h))
       continue;
-    const f = $({
+    const f = Q({
       delay: t
-    }, xi(a || {}, h)), v = p.get();
+    }, Li(a || {}, h)), v = p.get();
     if (v !== void 0 && !p.isAnimating && !Array.isArray(m) && m === v && !f.velocity)
       continue;
     let y = !1;
     if (window.MotionHandoffAnimation) {
-      const T = vs(n);
+      const T = gs(n);
       if (T) {
         const x = window.MotionHandoffAnimation(T, h, Ae);
         x !== null && (f.startTime = x, y = !0);
       }
     }
-    hs(n, h), p.start(ra(h, p, m, n.shouldReduceMotion && ia.has(h) ? { type: !1 } : f, n, y));
+    ms(n, h), p.start(ia(h, p, m, n.shouldReduceMotion && aa.has(h) ? { type: !1 } : f, n, y));
     const w = p.animation;
     w && l.push(w);
   }
   return s && Promise.all(l).then(() => {
     Ae.update(() => {
-      s && ds(n, s);
+      s && ps(n, s);
     });
   }), l;
 }
-function Yo({ top: n, left: e, right: t, bottom: r }) {
+function Qo({ top: n, left: e, right: t, bottom: r }) {
   return {
     x: { min: e, max: t },
     y: { min: n, max: r }
   };
 }
-function Qo(n, e) {
+function $o(n, e) {
   if (!e)
     return n;
   const t = e({ x: n.left, y: n.top }), r = e({ x: n.right, y: n.bottom });
@@ -2089,10 +2089,10 @@ function Qo(n, e) {
     right: r.x
   };
 }
-function $o(n, e) {
-  return Yo(Qo(n.getBoundingClientRect(), e));
+function Zo(n, e) {
+  return Qo($o(n.getBoundingClientRect(), e));
 }
-const $r = {
+const Zr = {
   animation: [
     "animate",
     "variants",
@@ -2112,29 +2112,29 @@ const $r = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, $t = {};
-for (const n in $r)
+for (const n in Zr)
   $t[n] = {
-    isEnabled: (e) => $r[n].some((t) => !!e[t])
+    isEnabled: (e) => Zr[n].some((t) => !!e[t])
   };
-const Zr = () => ({ min: 0, max: 0 }), bn = () => ({
-  x: Zr(),
-  y: Zr()
-}), Zo = typeof window != "undefined", Zt = { current: null }, aa = { current: !1 };
-function Xo() {
-  if (aa.current = !0, !!Zo)
+const Xr = () => ({ min: 0, max: 0 }), bn = () => ({
+  x: Xr(),
+  y: Xr()
+}), Xo = typeof window != "undefined", Zt = { current: null }, sa = { current: !1 };
+function Jo() {
+  if (sa.current = !0, !!Xo)
     if (window.matchMedia) {
       const n = window.matchMedia("(prefers-reduced-motion)"), e = () => Zt.current = n.matches;
       n.addListener(e), e();
     } else
       Zt.current = !1;
 }
-function Jo(n) {
+function el(n) {
   return n !== null && typeof n == "object" && typeof n.start == "function";
 }
-function el(n) {
+function tl(n) {
   return typeof n == "string" || Array.isArray(n);
 }
-const tl = [
+const nl = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2142,14 +2142,14 @@ const tl = [
   "whileTap",
   "whileDrag",
   "exit"
-], nl = ["initial", ...tl];
-function sa(n) {
-  return Jo(n.animate) || nl.some((e) => el(n[e]));
+], rl = ["initial", ...nl];
+function oa(n) {
+  return el(n.animate) || rl.some((e) => tl(n[e]));
 }
-function rl(n) {
-  return !!(sa(n) || n.variants);
+function il(n) {
+  return !!(oa(n) || n.variants);
 }
-function il(n, e, t) {
+function al(n, e, t) {
   for (const r in e) {
     const i = e[r], a = t[r];
     if (he(i))
@@ -2169,11 +2169,11 @@ function il(n, e, t) {
     e[r] === void 0 && n.removeValue(r);
   return e;
 }
-const oa = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), la = (n) => /^0[^.\s]+$/u.test(n), al = {
+const la = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), ca = (n) => /^0[^.\s]+$/u.test(n), sl = {
   test: (n) => n === "auto",
   parse: (n) => n
-}, ca = (n) => (e) => e.test(n), ua = [Ue, Q, ke, we, Rs, Ps, al], Xr = (n) => ua.find(ca(n)), sl = [...ua, ue, Be], ol = (n) => sl.find(ca(n)), ll = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function cl(n) {
+}, ua = (n) => (e) => e.test(n), da = [Ue, $, ke, we, Ss, Rs, sl], Jr = (n) => da.find(ua(n)), ol = [...da, ue, Be], ll = (n) => ol.find(ua(n)), cl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function ul(n) {
   const [e, t] = n.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return n;
@@ -2181,17 +2181,17 @@ function cl(n) {
   if (!r)
     return n;
   const i = t.replace(r, "");
-  let a = ll.has(e) ? 1 : 0;
+  let a = cl.has(e) ? 1 : 0;
   return r !== t && (a *= 100), e + "(" + a + i + ")";
 }
-const ul = /\b([a-z-]*)\(.*?\)/gu, Xt = te($({}, Be), {
+const dl = /\b([a-z-]*)\(.*?\)/gu, Xt = te(Q({}, Be), {
   getAnimatableNone: (n) => {
-    const e = n.match(ul);
-    return e ? e.map(cl).join(" ") : n;
+    const e = n.match(dl);
+    return e ? e.map(ul).join(" ") : n;
   }
-}), Jr = te($({}, Ue), {
+}), ei = te(Q({}, Ue), {
   transform: Math.round
-}), dl = {
+}), pl = {
   rotate: we,
   rotateX: we,
   rotateY: we,
@@ -2203,62 +2203,62 @@ const ul = /\b([a-z-]*)\(.*?\)/gu, Xt = te($({}, Be), {
   skew: we,
   skewX: we,
   skewY: we,
-  distance: Q,
-  translateX: Q,
-  translateY: Q,
-  translateZ: Q,
-  x: Q,
-  y: Q,
-  z: Q,
-  perspective: Q,
-  transformPerspective: Q,
+  distance: $,
+  translateX: $,
+  translateY: $,
+  translateZ: $,
+  x: $,
+  y: $,
+  z: $,
+  perspective: $,
+  transformPerspective: $,
   opacity: st,
-  originX: Mr,
-  originY: Mr,
-  originZ: Q
-}, En = te($({
+  originX: Dr,
+  originY: Dr,
+  originZ: $
+}, En = te(Q({
   // Border props
-  borderWidth: Q,
-  borderTopWidth: Q,
-  borderRightWidth: Q,
-  borderBottomWidth: Q,
-  borderLeftWidth: Q,
-  borderRadius: Q,
-  radius: Q,
-  borderTopLeftRadius: Q,
-  borderTopRightRadius: Q,
-  borderBottomRightRadius: Q,
-  borderBottomLeftRadius: Q,
+  borderWidth: $,
+  borderTopWidth: $,
+  borderRightWidth: $,
+  borderBottomWidth: $,
+  borderLeftWidth: $,
+  borderRadius: $,
+  radius: $,
+  borderTopLeftRadius: $,
+  borderTopRightRadius: $,
+  borderBottomRightRadius: $,
+  borderBottomLeftRadius: $,
   // Positioning props
-  width: Q,
-  maxWidth: Q,
-  height: Q,
-  maxHeight: Q,
-  top: Q,
-  right: Q,
-  bottom: Q,
-  left: Q,
+  width: $,
+  maxWidth: $,
+  height: $,
+  maxHeight: $,
+  top: $,
+  right: $,
+  bottom: $,
+  left: $,
   // Spacing props
-  padding: Q,
-  paddingTop: Q,
-  paddingRight: Q,
-  paddingBottom: Q,
-  paddingLeft: Q,
-  margin: Q,
-  marginTop: Q,
-  marginRight: Q,
-  marginBottom: Q,
-  marginLeft: Q,
+  padding: $,
+  paddingTop: $,
+  paddingRight: $,
+  paddingBottom: $,
+  paddingLeft: $,
+  margin: $,
+  marginTop: $,
+  marginRight: $,
+  marginBottom: $,
+  marginLeft: $,
   // Misc
-  backgroundPositionX: Q,
-  backgroundPositionY: Q
-}, dl), {
-  zIndex: Jr,
+  backgroundPositionX: $,
+  backgroundPositionY: $
+}, pl), {
+  zIndex: ei,
   // SVG
   fillOpacity: st,
   strokeOpacity: st,
-  numOctaves: Jr
-}), pl = te($({}, En), {
+  numOctaves: ei
+}), hl = te(Q({}, En), {
   // Color props
   color: ue,
   backgroundColor: ue,
@@ -2273,12 +2273,12 @@ const ul = /\b([a-z-]*)\(.*?\)/gu, Xt = te($({}, Be), {
   borderLeftColor: ue,
   filter: Xt,
   WebkitFilter: Xt
-}), da = (n) => pl[n];
-function pa(n, e) {
-  let t = da(n);
+}), pa = (n) => hl[n];
+function ha(n, e) {
+  let t = pa(n);
   return t !== Xt && (t = Be), t.getAnimatableNone ? t.getAnimatableNone(e) : void 0;
 }
-const ei = [
+const ti = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2287,7 +2287,7 @@ const ei = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class ha {
+class ma {
   /**
    * 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.
@@ -2306,7 +2306,7 @@ class ha {
       this.renderScheduledAt < p && (this.renderScheduledAt = p, Ae.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c } = s;
-    this.latestValues = l, this.baseTarget = $({}, l), this.initialValues = t.initial ? $({}, l) : {}, this.renderState = c, this.parent = e, this.props = t, this.presenceContext = r, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!a, this.isControllingVariants = sa(t), this.isVariantNode = rl(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = l, this.baseTarget = Q({}, l), this.initialValues = t.initial ? Q({}, l) : {}, this.renderState = c, this.parent = e, this.props = t, this.presenceContext = r, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!a, this.isControllingVariants = oa(t), this.isVariantNode = il(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const h = this.scrapeMotionValuesFromProps(t, {}, this), { willChange: u } = h, d = ge(h, ["willChange"]);
     for (const p in d) {
       const m = d[p];
@@ -2314,7 +2314,7 @@ class ha {
     }
   }
   mount(e) {
-    this.current = e, it.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((t, r) => this.bindToMotionValue(r, t)), aa.current || Xo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Zt.current, process.env.NODE_ENV !== "production" && Ii(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, it.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((t, r) => this.bindToMotionValue(r, t)), sa.current || Jo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Zt.current, process.env.NODE_ENV !== "production" && Oi(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(), Ft(this.notifyUpdate), Ft(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 ha {
    */
   update(e, t) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = t;
-    for (let r = 0; r < ei.length; r++) {
-      const i = ei[r];
+    for (let r = 0; r < ti.length; r++) {
+      const i = ti[r];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const a = "on" + i, s = e[a];
       s && (this.propEventSubscriptions[i] = this.on(i, s));
     }
-    this.prevMotionValues = il(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = al(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2449,7 +2449,7 @@ class ha {
   readValue(e, t) {
     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" && (oa(r) || la(r)) ? r = parseFloat(r) : !ol(r) && Be.test(t) && (r = pa(e, t)), this.setBaseTarget(e, he(r) ? r.get() : r)), he(r) ? r.get() : r;
+    return r != null && (typeof r == "string" && (la(r) || ca(r)) ? r = parseFloat(r) : !ll(r) && Be.test(t) && (r = ha(e, t)), this.setBaseTarget(e, he(r) ? r.get() : r)), he(r) ? r.get() : r;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2467,7 +2467,7 @@ class ha {
     const { initial: t } = this.props;
     let r;
     if (typeof t == "string" || typeof t == "object") {
-      const s = Ti(this.props, t, (a = this.presenceContext) == null ? void 0 : a.custom);
+      const s = Ii(this.props, t, (a = this.presenceContext) == null ? void 0 : a.custom);
       s && (r = s[e]);
     }
     if (t && r !== void 0)
@@ -2476,51 +2476,51 @@ class ha {
     return i !== void 0 && !he(i) ? i : this.initialValues[e] !== void 0 && r === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, t) {
-    return this.events[e] || (this.events[e] = new Oi()), this.events[e].add(t);
+    return this.events[e] || (this.events[e] = new Ni()), this.events[e].add(t);
   }
   notify(e, ...t) {
     this.events[e] && this.events[e].notify(...t);
   }
 }
-const hl = (
+const ml = (
   // 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 ml(n) {
-  const e = hl.exec(n);
+function fl(n) {
+  const e = ml.exec(n);
   if (!e)
     return [,];
   const [, t, r, i] = e;
   return [`--${t != null ? t : r}`, i];
 }
-const fl = 4;
-function ma(n, e, t = 1) {
-  _e(t <= fl, `Max CSS variable fallback depth detected in property "${n}". This may indicate a circular fallback dependency.`);
-  const [r, i] = ml(n);
+const vl = 4;
+function fa(n, e, t = 1) {
+  _e(t <= vl, `Max CSS variable fallback depth detected in property "${n}". This may indicate a circular fallback dependency.`);
+  const [r, i] = fl(n);
   if (!r)
     return;
   const a = window.getComputedStyle(e).getPropertyValue(r);
   if (a) {
     const s = a.trim();
-    return oa(s) ? parseFloat(s) : s;
+    return la(s) ? parseFloat(s) : s;
   }
-  return on(i) ? ma(i, e, t + 1) : i;
+  return on(i) ? fa(i, e, t + 1) : i;
 }
-function vl(n) {
-  return typeof n == "number" ? n === 0 : n !== null ? n === "none" || n === "0" || la(n) : !0;
+function gl(n) {
+  return typeof n == "number" ? n === 0 : n !== null ? n === "none" || n === "0" || ca(n) : !0;
 }
-const gl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function yl(n, e, t) {
+const yl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function bl(n, e, t) {
   let r = 0, i;
   for (; r < n.length && !i; ) {
     const a = n[r];
-    typeof a == "string" && !gl.has(a) && ot(a).values.length && (i = n[r]), r++;
+    typeof a == "string" && !yl.has(a) && ot(a).values.length && (i = n[r]), r++;
   }
   if (i && t)
     for (const a of e)
-      n[a] = pa(t, i);
+      n[a] = ha(t, i);
 }
-class bl extends gn {
+class El extends gn {
   constructor(e, t, r, i, a) {
     super(e, t, r, i, a, !0);
   }
@@ -2532,15 +2532,15 @@ class bl extends gn {
     for (let l = 0; l < e.length; l++) {
       let c = e[l];
       if (typeof c == "string" && (c = c.trim(), on(c))) {
-        const u = ma(c, t.current);
+        const u = fa(c, t.current);
         u !== void 0 && (e[l] = u), l === e.length - 1 && (this.finalKeyframe = c);
       }
     }
-    if (this.resolveNoneKeyframes(), !ia.has(r) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !aa.has(r) || e.length !== 2)
       return;
-    const [i, a] = e, s = Xr(i), o = Xr(a);
+    const [i, a] = e, s = Jr(i), o = Jr(a);
     if (s !== o)
-      if (Wr(s) && Wr(o))
+      if (Gr(s) && Gr(o))
         for (let l = 0; l < e.length; l++) {
           const c = e[l];
           typeof c == "string" && (e[l] = parseFloat(c));
@@ -2550,8 +2550,8 @@ class bl extends gn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: t } = this, r = [];
     for (let i = 0; i < e.length; i++)
-      (e[i] === null || vl(e[i])) && r.push(i);
-    r.length && yl(e, r, t);
+      (e[i] === null || gl(e[i])) && r.push(i);
+    r.length && bl(e, r, t);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: t, name: r } = this;
@@ -2574,9 +2574,9 @@ class bl extends gn {
     }), this.resolveNoneKeyframes();
   }
 }
-class fa extends ha {
+class va extends ma {
   constructor() {
-    super(...arguments), this.KeyframeResolver = bl;
+    super(...arguments), this.KeyframeResolver = El;
   }
   sortInstanceNodePosition(e, t) {
     return e.compareDocumentPosition(t) & 2 ? 1 : -1;
@@ -2595,24 +2595,24 @@ class fa extends ha {
     }));
   }
 }
-const va = (n, e) => e && typeof n == "number" ? e.transform(n) : n, El = {
+const ga = (n, e) => e && typeof n == "number" ? e.transform(n) : n, _l = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, _l = Ve.length;
-function Cl(n, e, t) {
+}, Cl = Ve.length;
+function Al(n, e, t) {
   let r = "", i = !0;
-  for (let a = 0; a < _l; a++) {
+  for (let a = 0; a < Cl; a++) {
     const s = Ve[a], o = n[s];
     if (o === void 0)
       continue;
     let l = !0;
     if (typeof o == "number" ? l = o === (s.startsWith("scale") ? 1 : 0) : l = parseFloat(o) === 0, !l || t) {
-      const c = va(o, En[s]);
+      const c = ga(o, En[s]);
       if (!l) {
         i = !1;
-        const u = El[s] || s;
+        const u = _l[s] || s;
         r += `${u}(${c}) `;
       }
       t && (e[s] = c);
@@ -2620,7 +2620,7 @@ function Cl(n, e, t) {
   }
   return r = r.trim(), t ? r = t(e, i ? "" : r) : i && (r = "none"), r;
 }
-function ga(n, e, t) {
+function ya(n, e, t) {
   const { style: r, vars: i, transformOrigin: a } = n;
   let s = !1, o = !1;
   for (const l in e) {
@@ -2628,70 +2628,70 @@ function ga(n, e, t) {
     if (Fe.has(l)) {
       s = !0;
       continue;
-    } else if (Pi(l)) {
+    } else if (Ri(l)) {
       i[l] = c;
       continue;
     } else {
-      const u = va(c, En[l]);
+      const u = ga(c, En[l]);
       l.startsWith("origin") ? (o = !0, a[l] = u) : r[l] = u;
     }
   }
-  if (e.transform || (s || t ? r.transform = Cl(e, n.transform, t) : r.transform && (r.transform = "none")), o) {
+  if (e.transform || (s || t ? r.transform = Al(e, n.transform, t) : r.transform && (r.transform = "none")), o) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = a;
     r.transformOrigin = `${l} ${c} ${u}`;
   }
 }
-function ya(n, { style: e, vars: t }, r, i) {
+function ba(n, { style: e, vars: t }, r, i) {
   Object.assign(n.style, e, i && i.getProjectionStyles(r));
   for (const a in t)
     n.style.setProperty(a, t[a]);
 }
-const Al = {};
-function wl(n, { layout: e, layoutId: t }) {
-  return Fe.has(n) || n.startsWith("origin") || (e || t !== void 0) && (!!Al[n] || n === "opacity");
+const wl = {};
+function Tl(n, { layout: e, layoutId: t }) {
+  return Fe.has(n) || n.startsWith("origin") || (e || t !== void 0) && (!!wl[n] || n === "opacity");
 }
-function ba(n, e, t) {
+function Ea(n, e, t) {
   var a;
   const { style: r } = n, i = {};
   for (const s in r)
-    (he(r[s]) || e.style && he(e.style[s]) || wl(s, n) || ((a = t == null ? void 0 : t.getValue(s)) == null ? void 0 : a.liveStyle) !== void 0) && (i[s] = r[s]);
+    (he(r[s]) || e.style && he(e.style[s]) || Tl(s, n) || ((a = t == null ? void 0 : t.getValue(s)) == null ? void 0 : a.liveStyle) !== void 0) && (i[s] = r[s]);
   return i;
 }
-function Tl(n) {
+function Il(n) {
   return window.getComputedStyle(n);
 }
-class Il extends fa {
+class Ol extends va {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = ya;
+    super(...arguments), this.type = "html", this.renderInstance = ba;
   }
   readValueFromInstance(e, t) {
     var r;
     if (Fe.has(t))
-      return (r = this.projection) != null && r.isProjecting ? Ht(t) : _o(e, t);
+      return (r = this.projection) != null && r.isProjecting ? Ht(t) : Co(e, t);
     {
-      const i = Tl(e), a = (Pi(t) ? i.getPropertyValue(t) : i[t]) || 0;
+      const i = Il(e), a = (Ri(t) ? i.getPropertyValue(t) : i[t]) || 0;
       return typeof a == "string" ? a.trim() : a;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return $o(e, t);
+    return Zo(e, t);
   }
   build(e, t, r) {
-    ga(e, t, r.transformTemplate);
+    ya(e, t, r.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, t, r) {
-    return ba(e, t, r);
+    return Ea(e, t, r);
   }
 }
-function Ol(n, e) {
+function Nl(n, e) {
   return n in e;
 }
-class Nl extends ha {
+class xl extends ma {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(e, t) {
-    if (Ol(t, e)) {
+    if (Nl(t, e)) {
       const r = e[t];
       if (typeof r == "string" || typeof r == "number")
         return r;
@@ -2715,21 +2715,21 @@ class Nl extends ha {
     return 0;
   }
 }
-const xl = {
+const Ll = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Ll = {
+}, Pl = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Pl(n, e, t = 1, r = 0, i = !0) {
+function Rl(n, e, t = 1, r = 0, i = !0) {
   n.pathLength = 1;
-  const a = i ? xl : Ll;
-  n[a.offset] = Q.transform(-r);
-  const s = Q.transform(e), o = Q.transform(t);
+  const a = i ? Ll : Pl;
+  n[a.offset] = $.transform(-r);
+  const s = $.transform(e), o = $.transform(t);
   n[a.array] = `${s} ${o}`;
 }
-function Rl(n, d, l, c, u) {
+function Sl(n, d, l, c, u) {
   var h = d, {
     attrX: e,
     attrY: t,
@@ -2746,15 +2746,15 @@ function Rl(n, d, l, c, u) {
     "pathOffset"
   ]);
   var f, v;
-  if (ga(n, o, c), l) {
+  if (ya(n, o, c), l) {
     n.style.viewBox && (n.attrs.viewBox = n.style.viewBox);
     return;
   }
   n.attrs = n.style, n.style = {};
   const { attrs: p, style: m } = n;
-  p.transform && (m.transform = p.transform, delete p.transform), (m.transform || p.transformOrigin) && (m.transformOrigin = (f = p.transformOrigin) != null ? f : "50% 50%", delete p.transformOrigin), m.transform && (m.transformBox = (v = u == null ? void 0 : u.transformBox) != null ? v : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), r !== void 0 && (p.scale = r), i !== void 0 && Pl(p, i, a, s, !1);
+  p.transform && (m.transform = p.transform, delete p.transform), (m.transform || p.transformOrigin) && (m.transformOrigin = (f = p.transformOrigin) != null ? f : "50% 50%", delete p.transformOrigin), m.transform && (m.transformBox = (v = u == null ? void 0 : u.transformBox) != null ? v : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), r !== void 0 && (p.scale = r), i !== void 0 && Rl(p, i, a, s, !1);
 }
-const Ea = /* @__PURE__ */ new Set([
+const _a = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2778,14 +2778,14 @@ const Ea = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Sl = (n) => typeof n == "string" && n.toLowerCase() === "svg";
-function kl(n, e, t, r) {
-  ya(n, e, void 0, r);
+]), kl = (n) => typeof n == "string" && n.toLowerCase() === "svg";
+function Ml(n, e, t, r) {
+  ba(n, e, void 0, r);
   for (const i in e.attrs)
-    n.setAttribute(Ea.has(i) ? i : sn(i), e.attrs[i]);
+    n.setAttribute(_a.has(i) ? i : sn(i), e.attrs[i]);
 }
-function Ml(n, e, t) {
-  const r = ba(n, e, t);
+function Dl(n, e, t) {
+  const r = Ea(n, e, t);
   for (const i in n)
     if (he(n[i]) || he(e[i])) {
       const a = Ve.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
@@ -2793,7 +2793,7 @@ function Ml(n, e, t) {
     }
   return r;
 }
-class Dl extends fa {
+class Vl extends va {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = bn;
   }
@@ -2802,31 +2802,31 @@ class Dl extends fa {
   }
   readValueFromInstance(e, t) {
     if (Fe.has(t)) {
-      const r = da(t);
+      const r = pa(t);
       return r && r.default || 0;
     }
-    return t = Ea.has(t) ? t : sn(t), e.getAttribute(t);
+    return t = _a.has(t) ? t : sn(t), e.getAttribute(t);
   }
   scrapeMotionValuesFromProps(e, t, r) {
-    return Ml(e, t, r);
+    return Dl(e, t, r);
   }
   build(e, t, r) {
-    Rl(e, t, this.isSVGTag, r.transformTemplate, r.style);
+    Sl(e, t, this.isSVGTag, r.transformTemplate, r.style);
   }
   renderInstance(e, t, r, i) {
-    kl(e, t, r, i);
+    Ml(e, t, r, i);
   }
   mount(e) {
-    this.isSVGTag = Sl(e.tagName), super.mount(e);
+    this.isSVGTag = kl(e.tagName), super.mount(e);
   }
 }
-function _a(n) {
-  return na(n) && "ownerSVGElement" in n;
-}
-function Vl(n) {
-  return _a(n) && n.tagName === "svg";
+function Ca(n) {
+  return ra(n) && "ownerSVGElement" in n;
 }
 function Fl(n) {
+  return Ca(n) && n.tagName === "svg";
+}
+function Ul(n) {
   const e = {
     presenceContext: null,
     props: {},
@@ -2840,10 +2840,10 @@ function Fl(n) {
       },
       latestValues: {}
     }
-  }, t = _a(n) && !Vl(n) ? new Dl(e) : new Il(e);
+  }, t = Ca(n) && !Fl(n) ? new Vl(e) : new Ol(e);
   t.mount(n), it.set(n, t);
 }
-function Ul(n) {
+function Bl(n) {
   const e = {
     presenceContext: null,
     props: {},
@@ -2853,39 +2853,39 @@ function Ul(n) {
       },
       latestValues: {}
     }
-  }, t = new Nl(e);
+  }, t = new xl(e);
   t.mount(n), it.set(n, t);
 }
-function Bl(n, e, t) {
+function zl(n, e, t) {
   const r = he(n) ? n : at(n);
-  return r.start(ra("", r, e, t)), r.animation;
+  return r.start(ia("", r, e, t)), r.animation;
 }
-function zl(n, e) {
+function jl(n, e) {
   return he(n) || typeof n == "number" || typeof n == "string" && !tn(e);
 }
-function Ca(n, e, t, r) {
+function Aa(n, e, t, r) {
   const i = [];
-  if (zl(n, e))
-    i.push(Bl(n, tn(e) && e.default || e, t && (t.default || t)));
+  if (jl(n, e))
+    i.push(zl(n, tn(e) && e.default || e, t && (t.default || t)));
   else {
-    const a = yi(n, e, r), s = a.length;
+    const a = bi(n, e, r), s = a.length;
     _e(!!s, "No valid elements provided.");
     for (let o = 0; o < s; o++) {
-      const l = a[o], c = l instanceof Element ? Fl : Ul;
+      const l = a[o], c = l instanceof Element ? Ul : Bl;
       it.has(l) || c(l);
-      const u = it.get(l), d = $({}, t);
-      "delay" in d && typeof d.delay == "function" && (d.delay = d.delay(o, s)), i.push(...Go(u, te($({}, e), { transition: d }), {}));
+      const u = it.get(l), d = Q({}, t);
+      "delay" in d && typeof d.delay == "function" && (d.delay = d.delay(o, s)), i.push(...Yo(u, te(Q({}, e), { transition: d }), {}));
     }
   }
   return i;
 }
-function jl(n, e, t) {
+function Kl(n, e, t) {
   const r = [];
-  return $a(n, e, t, { spring: lt }).forEach(({ keyframes: a, transition: s }, o) => {
-    r.push(...Ca(o, a, s));
+  return Za(n, e, t, { spring: lt }).forEach(({ keyframes: a, transition: s }, o) => {
+    r.push(...Aa(o, a, s));
   }), r;
 }
-class Kl {
+class ql {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -2950,34 +2950,34 @@ class Kl {
     this.runAll("complete");
   }
 }
-class ql extends Kl {
+class Hl extends ql {
   then(e, t) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
-function Hl(n) {
+function Wl(n) {
   return Array.isArray(n) && n.some(Array.isArray);
 }
-function Wl(n) {
+function Gl(n) {
   function e(t, r, i) {
     let a = [];
-    return Hl(t) ? a = jl(t, r, n) : a = Ca(t, r, i, n), new ql(a);
+    return Wl(t) ? a = Kl(t, r, n) : a = Aa(t, r, i, n), new Hl(a);
   }
   return e;
 }
-const se = Wl(), Gl = "_spinner_1waxg_1", Yl = "_spinnerContainer_1waxg_5", Ql = "_success_1waxg_9", $l = "_successContainer_1waxg_13", Zl = "_container_1waxg_17", Xl = "_card_1waxg_26", Jl = "_warning_1waxg_35", ec = "_svg_1waxg_43", tc = "_srOnly_1waxg_48", Z = {
-  spinner: Gl,
-  spinnerContainer: Yl,
-  success: Ql,
-  successContainer: $l,
-  container: Zl,
-  card: Xl,
-  warning: Jl,
-  svg: ec,
-  srOnly: tc
+const se = Gl(), Yl = "_spinner_1waxg_1", Ql = "_spinnerContainer_1waxg_5", $l = "_success_1waxg_9", Zl = "_successContainer_1waxg_13", Xl = "_container_1waxg_17", Jl = "_card_1waxg_26", ec = "_warning_1waxg_35", tc = "_svg_1waxg_43", nc = "_srOnly_1waxg_48", Z = {
+  spinner: Yl,
+  spinnerContainer: Ql,
+  success: $l,
+  successContainer: Zl,
+  container: Xl,
+  card: Jl,
+  warning: ec,
+  svg: tc,
+  srOnly: nc
 };
-class Aa {
+class wa {
   constructor() {
     b(this, "template", `
     <svg aria-hidden="true" class="${Z.spinner}" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -2999,34 +2999,34 @@ class Aa {
     return this.spinner;
   }
 }
-const nc = "_loader_nwq3e_1", ti = {
-  loader: nc
+const rc = "_loader_nwq3e_1", ni = {
+  loader: rc
 };
-class rc {
+class ic {
   constructor() {
     b(this, "loader");
-    this.loader = document.createElement("div"), this.loader.classList.add(ti.loader), this.loader.appendChild(new Aa().render());
+    this.loader = document.createElement("div"), this.loader.classList.add(ni.loader), this.loader.appendChild(new wa().render());
   }
   setClassName(e) {
-    e ? this.loader.classList.add(e) : this.loader.className = ti.loader;
+    e ? this.loader.classList.add(e) : this.loader.className = ni.loader;
   }
   render() {
     return this.loader;
   }
 }
-const ic = "_checkout_5sq3n_1", ac = "_hidden_5sq3n_7", sc = "_formInitial_5sq3n_11", oc = "_btnsInitial_5sq3n_16", le = {
-  checkout: ic,
-  hidden: ac,
-  formInitial: sc,
-  btnsInitial: oc
-}, lc = "_buttons_1i8cu_1", cc = "_hidden_1i8cu_5", Lt = {
-  buttons: lc,
-  hidden: cc
-}, uc = "_applePay_1m9xd_1", dc = "_hidden_1m9xd_22", Pt = {
-  applePay: uc,
-  hidden: dc
+const ac = "_checkout_5sq3n_1", sc = "_hidden_5sq3n_7", oc = "_formInitial_5sq3n_11", lc = "_btnsInitial_5sq3n_16", le = {
+  checkout: ac,
+  hidden: sc,
+  formInitial: oc,
+  btnsInitial: lc
+}, cc = "_buttons_1i8cu_1", uc = "_hidden_1i8cu_5", Lt = {
+  buttons: cc,
+  hidden: uc
+}, dc = "_applePay_1m9xd_1", pc = "_hidden_1m9xd_22", Pt = {
+  applePay: dc,
+  hidden: pc
 };
-class pc {
+class hc {
   constructor(e) {
     b(this, "element");
     b(this, "events", {
@@ -3046,7 +3046,7 @@ class pc {
     return this.element;
   }
 }
-const hc = [
+const mc = [
   { type: "paypal", is_active: !0, order: 1 },
   { type: "apple-pay", is_active: !0, order: 2 },
   { type: "google-pay", is_active: !0, order: 3 },
@@ -3068,13 +3068,13 @@ const hc = [
   close: { y: -15, opacity: 0, height: 0 },
   transition: { duration: 0.5, type: "spring", bounce: 0 }
 };
-function wa(n) {
+function Ta(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var Rt, ni;
-function mc() {
-  if (ni) return Rt;
-  ni = 1;
+var Rt, ri;
+function fc() {
+  if (ri) return Rt;
+  ri = 1;
   var n = {
     visa: {
       niceType: "Visa",
@@ -3269,19 +3269,19 @@ function mc() {
   };
   return Rt = n, Rt;
 }
-var $e = {}, Ze = {}, ri;
-function Ta() {
-  if (ri) return Ze;
-  ri = 1, Object.defineProperty(Ze, "__esModule", { value: !0 }), Ze.clone = void 0;
+var $e = {}, Ze = {}, ii;
+function Ia() {
+  if (ii) return Ze;
+  ii = 1, Object.defineProperty(Ze, "__esModule", { value: !0 }), Ze.clone = void 0;
   function n(e) {
     return e ? JSON.parse(JSON.stringify(e)) : null;
   }
   return Ze.clone = n, Ze;
 }
-var Xe = {}, ii;
-function fc() {
-  if (ii) return Xe;
-  ii = 1, Object.defineProperty(Xe, "__esModule", { value: !0 }), Xe.matches = void 0;
+var Xe = {}, ai;
+function vc() {
+  if (ai) return Xe;
+  ai = 1, Object.defineProperty(Xe, "__esModule", { value: !0 }), Xe.matches = void 0;
   function n(r, i, a) {
     var s = String(i).length, o = r.substr(0, s), l = parseInt(o, 10);
     return i = parseInt(String(i).substr(0, o.length), 10), a = parseInt(String(a).substr(0, o.length), 10), l >= i && l <= a;
@@ -3294,11 +3294,11 @@ function fc() {
   }
   return Xe.matches = t, Xe;
 }
-var ai;
-function vc() {
-  if (ai) return $e;
-  ai = 1, Object.defineProperty($e, "__esModule", { value: !0 }), $e.addMatchingCardsToResults = void 0;
-  var n = Ta(), e = fc();
+var si;
+function gc() {
+  if (si) return $e;
+  si = 1, Object.defineProperty($e, "__esModule", { value: !0 }), $e.addMatchingCardsToResults = void 0;
+  var n = Ia(), e = vc();
   function t(r, i, a) {
     var s, o;
     for (s = 0; s < i.patterns.length; s++) {
@@ -3312,19 +3312,19 @@ function vc() {
   }
   return $e.addMatchingCardsToResults = t, $e;
 }
-var Je = {}, si;
-function gc() {
-  if (si) return Je;
-  si = 1, Object.defineProperty(Je, "__esModule", { value: !0 }), Je.isValidInputType = void 0;
+var Je = {}, oi;
+function yc() {
+  if (oi) return Je;
+  oi = 1, Object.defineProperty(Je, "__esModule", { value: !0 }), Je.isValidInputType = void 0;
   function n(e) {
     return typeof e == "string" || e instanceof String;
   }
   return Je.isValidInputType = n, Je;
 }
-var et = {}, oi;
-function yc() {
-  if (oi) return et;
-  oi = 1, Object.defineProperty(et, "__esModule", { value: !0 }), et.findBestMatch = void 0;
+var et = {}, li;
+function bc() {
+  if (li) return et;
+  li = 1, Object.defineProperty(et, "__esModule", { value: !0 }), et.findBestMatch = void 0;
   function n(t) {
     var r = t.filter(function(i) {
       return i.matchStrength;
@@ -3338,10 +3338,10 @@ function yc() {
   }
   return et.findBestMatch = e, et;
 }
-var tt, li;
-function bc() {
-  if (li) return tt;
-  li = 1;
+var tt, ci;
+function Ec() {
+  if (ci) return tt;
+  ci = 1;
   var n = tt && tt.__assign || function() {
     return n = Object.assign || function(m) {
       for (var f, v = 1, y = arguments.length; v < y; v++) {
@@ -3350,7 +3350,7 @@ function bc() {
       }
       return m;
     }, n.apply(this, arguments);
-  }, e = mc(), t = vc(), r = gc(), i = yc(), a = Ta(), s = {}, o = {
+  }, e = fc(), t = gc(), r = yc(), i = bc(), a = Ia(), s = {}, o = {
     VISA: "visa",
     MASTERCARD: "mastercard",
     AMERICAN_EXPRESS: "american-express",
@@ -3428,24 +3428,24 @@ function bc() {
     c = (0, a.clone)(l), s = {};
   }, p.types = o, tt = p, tt;
 }
-var Me = bc();
+var Me = Ec();
 Me.updateCard("visa", {
   lengths: [16]
 });
 Me.updateCard("unionpay", {
   gaps: [4, 8, 12, 16]
 });
-const Ec = (n, e) => {
+const _c = (n, e) => {
   const t = Me.getTypeInfo(e), r = n.replace(/\D/g, ""), i = (t == null ? void 0 : t.gaps) || [4, 8, 12], a = t ? Math.max(...t.lengths) + i.length : 19, s = [0].concat(i, r.length), o = [];
   for (let l = 0; s[l] < r.length; l++) {
     const c = s[l], u = Math.min(s[l + 1], r.length);
     o.push(r.slice(c, u));
   }
   return o.join(" ").slice(0, a);
-}, _c = (n, e) => {
+}, Cc = (n, e) => {
   const t = Me.getTypeInfo(e), r = (t == null ? void 0 : t.code.size) || 4;
   return n.replace(/\D/g, "").slice(0, r);
-}, Cc = (n, e) => {
+}, Ac = (n, e) => {
   const t = n.replace(/\D/g, "");
   let r = t.slice(0, 2);
   if (!r) return "";
@@ -3509,20 +3509,20 @@ const wt = [
     minLength: 12,
     maxLength: 19
   }
-], Ia = (n) => wt.find((e) => e.pattern.test(n)) || null, ci = (n) => wt.filter((e) => e.pattern.test(n)), Ac = (n) => {
+], Oa = (n) => wt.find((e) => e.pattern.test(n)) || null, ui = (n) => wt.filter((e) => e.pattern.test(n)), wc = (n) => {
   let e = 0, t = !1;
   for (let r = n.length - 1; r >= 0; r--) {
     let i = parseInt(n[r]);
     t && (i *= 2, i > 9 && (i -= 9)), e += i, t = !t;
   }
   return e % 10 === 0;
-}, ui = (n, e) => {
+}, di = (n, e) => {
   const t = n.replace(/\D/g, "");
   if (!t)
     return { isValid: !1, cardType: null, error: oe.Empty };
   if (!/^\d+$/.test(t))
     return { isValid: !1, cardType: null, error: oe.Invalid };
-  const r = Ia(t);
+  const r = Oa(t);
   if (r) {
     if (t.length < r.minLength || t.length > r.maxLength)
       return {
@@ -3540,7 +3540,7 @@ const wt = [
     isValid: !1,
     cardType: r.name,
     error: "unsupported"
-  } : Ac(t) ? {
+  } : wc(t) ? {
     isValid: !0,
     cardType: (r == null ? void 0 : r.name) || null,
     error: null
@@ -3549,7 +3549,7 @@ const wt = [
     cardType: (r == null ? void 0 : r.name) || null,
     error: oe.Invalid
   };
-}, wc = (n) => {
+}, Tc = (n) => {
   var e;
   return !n || typeof n.amount != "number" || !n.currency || !n.country || !n.merchant_id || n.checkout_config && !((e = n.checkout_config) == null ? void 0 : e.find(
     ({ is_active: r, type: i }) => r && i === "google-pay"
@@ -3560,7 +3560,7 @@ const wt = [
     merchantId: n.merchant_id,
     lineItems: []
   };
-}, Tc = (n) => {
+}, Ic = (n) => {
   var e, t;
   return !n || typeof n.amount != "number" || !n.currency || !n.country || !n.merchant_id || n.checkout_config && !((e = n.checkout_config) == null ? void 0 : e.find(
     ({ is_active: i, type: a }) => i && a === "apple-pay"
@@ -3571,7 +3571,7 @@ const wt = [
     merchantId: n.merchant_id,
     lineItems: ((t = n.apple_pay_info) == null ? void 0 : t.line_items) || []
   };
-}, Ic = (n = []) => n.reduce((e, t) => {
+}, Oc = (n = []) => n.reduce((e, t) => {
   switch (t) {
     case pe.Visa:
       return e.push("visa"), e;
@@ -3588,11 +3588,11 @@ const wt = [
     default:
       return e;
   }
-}, []), Oc = "_googlePay_1j5ka_1", Nc = "_hidden_1j5ka_17", St = {
-  googlePay: Oc,
-  hidden: Nc
+}, []), Nc = "_googlePay_1j5ka_1", xc = "_hidden_1j5ka_17", St = {
+  googlePay: Nc,
+  hidden: xc
 };
-class xc {
+class Lc {
   constructor(e) {
     b(this, "element");
     b(this, "events", {
@@ -3612,11 +3612,11 @@ class xc {
     return this.element;
   }
 }
-const Lc = "_paypal_1al9c_1", Pc = "_hidden_1al9c_8", kt = {
-  paypal: Lc,
-  hidden: Pc
+const Pc = "_paypal_1al9c_1", Rc = "_hidden_1al9c_8", kt = {
+  paypal: Pc,
+  hidden: Rc
 };
-class Rc {
+class Sc {
   constructor(e) {
     b(this, "element");
     b(this, "events", {
@@ -3630,7 +3630,7 @@ class Rc {
       e && (yield this.paypal.init({
         clientId: e.clientId,
         vault: !0
-      }), yield this.paypal.render(this.element, te($({}, e), {
+      }), yield this.paypal.render(this.element, te(Q({}, e), {
         onApprove: (r) => j(this, [r], function* ({ billingToken: t }) {
           var i;
           (i = e.onSuccess) == null || i.call(e, t || "");
@@ -3649,7 +3649,7 @@ class Rc {
     return this.element;
   }
 }
-const Sc = (n) => ({
+const kc = (n) => ({
   ar: "ar-AB",
   en: "en-GB",
   cs: "cs-CZ",
@@ -3678,7 +3678,7 @@ const Sc = (n) => ({
   tr: "tr-TR",
   vi: "vi-VN",
   zh: "zh-CN"
-})[n] || "en-US", kc = (n) => ({
+})[n] || "en-US", Mc = (n) => ({
   en: "en",
   ar: "ar",
   cs: "cs",
@@ -3703,7 +3703,7 @@ const Sc = (n) => ({
   tr: "tr",
   zh: "zh"
 })[n] || "en";
-class Mc {
+class Dc {
   constructor() {
     b(this, "template", `
     <svg
@@ -3728,14 +3728,14 @@ class Mc {
     return this.element;
   }
 }
-const Dc = "_button_1br9w_1", Vc = "_press_1br9w_21", yt = {
-  button: Dc,
-  press: Vc
+const Vc = "_button_1br9w_1", Fc = "_press_1br9w_21", yt = {
+  button: Vc,
+  press: Fc
 };
-class Fc {
+class Uc {
   constructor(e) {
     b(this, "element");
-    b(this, "icon", new Mc());
+    b(this, "icon", new Dc());
     this.element = document.createElement("button"), this.element.classList.add(yt.button);
     const t = document.createElement("span");
     t.textContent = e.getState().messages.card.compact.button, this.element.append(this.icon.render(), t), 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 }) => {
@@ -3749,11 +3749,12 @@ class Fc {
     return this.element;
   }
 }
-const Uc = (n, e, t) => e.concat(n.filter((r) => e.every((i) => !t(r, i)))), _n = (n = "sandbox") => ({
-  develop: "https://api-dev.paynext.com/v1",
-  sandbox: "https://api-sandbox.paynext.com/v1",
-  production: "https://api.paynext.com/v1"
-})[n], Bc = [
+const Bc = (n, e, t) => e.concat(n.filter((r) => e.every((i) => !t(r, i)))), _n = (n = "sandbox") => ({
+  develop: "https://api-dev.paynext.com",
+  sandbox: "https://api-sandbox.paynext.com",
+  staging: "https://api-staging.paynext.com",
+  production: "https://api.paynext.com"
+})[n], zc = [
   {
     type: "paypal",
     order: 1,
@@ -3774,85 +3775,87 @@ const Uc = (n, e, t) => e.concat(n.filter((r) => e.every((i) => !t(r, i)))), _n
     order: 4,
     is_active: !0
   }
-], zc = (n, e = "sandbox") => j(void 0, null, function* () {
-  var s, o, l, c, u, d, h, p, m, f, v, y, w, T, x, A, I, L, k, B, G, q, M, F, K, J, S, W, z, g, E, R, U, _, O, C, P, V, N, H, X, re, D, ee, me, ze, je, Ke, qe, He, We, Ge, Ye, Qe, An, wn, Tn, In, On, Nn, xn, Ln, Pn, Rn, Sn, kn, Mn, Dn, Vn, Fn, Un, Bn, zn, jn, Kn, qn, Hn, Wn, Gn, Yn, Qn, $n, Zn, Xn, Jn, er, tr, nr, rr, ir, ar, sr, or, lr, cr, ur, dr, pr, hr, mr, fr, vr, gr, yr, br, Er, _r, Cr, Ar, wr, Tr, Ir;
-  const t = `${_n(e)}/payments/create`, r = new Headers();
-  return r.append("Content-Type", "application/json"), yield (yield fetch(t, {
+], jc = (n, e, t) => j(void 0, null, function* () {
+  var o, l, c, u, d, h, p, m, f, v, y, w, T, x, A, I, L, k, B, G, q, M, F, K, J, S, W, z, g, E, R, U, _, O, C, P, V, N, H, X, re, D, ee, me, ze, je, Ke, qe, He, We, Ge, Ye, Qe, An, wn, Tn, In, On, Nn, xn, Ln, Pn, Rn, Sn, kn, Mn, Dn, Vn, Fn, Un, Bn, zn, jn, Kn, qn, Hn, Wn, Gn, Yn, Qn, $n, Zn, Xn, Jn, er, tr, nr, rr, ir, ar, sr, or, lr, cr, ur, dr, pr, hr, mr, fr, vr, gr, yr, br, Er, _r, Cr, Ar, wr, Tr, Ir, Or;
+  const r = `${_n(e)}/internal/payments/create`, i = new Headers();
+  return i.append("Content-Type", "application/json"), i.append("X-API-Version", t), yield (yield fetch(r, {
     method: "POST",
-    headers: r,
+    headers: i,
     body: JSON.stringify({
       client_session: n.clientSession,
       three_ds_session_id: n.threeDsSessionId,
       type: n.googlePay ? "GPAY" : n.applePay ? "APPLEPAY" : n.paypal ? "PAYPAL" : "CARD",
-      name: (o = (s = n.applePay) == null ? void 0 : s.billingContact) != null && o.givenName ? ((d = (u = n.applePay) == null ? void 0 : u.billingContact) == null ? void 0 : d.givenName) + " " + ((p = (h = n.applePay) == null ? void 0 : h.billingContact) == null ? void 0 : p.familyName) : (c = (l = n.card) == null ? void 0 : l.metadata) == null ? void 0 : c.name,
-      phone: (f = (m = n.applePay) == null ? void 0 : m.shippingContact) == null ? void 0 : f.phoneNumber,
+      name: (l = (o = n.applePay) == null ? void 0 : o.billingContact) != null && l.givenName ? ((h = (d = n.applePay) == null ? void 0 : d.billingContact) == null ? void 0 : h.givenName) + " " + ((m = (p = n.applePay) == null ? void 0 : p.billingContact) == null ? void 0 : m.familyName) : (u = (c = n.card) == null ? void 0 : c.metadata) == null ? void 0 : u.name,
+      phone: (v = (f = n.applePay) == null ? void 0 : f.shippingContact) == null ? void 0 : v.phoneNumber,
       billing_address: n.applePay || n.googlePay ? {
-        city: ((y = (v = n.applePay) == null ? void 0 : v.billingContact) == null ? void 0 : y.locality) || ((T = (w = n == null ? void 0 : n.googlePay) == null ? void 0 : w.billingAddress) == null ? void 0 : T.locality) || void 0,
-        country: ((A = (x = n.applePay) == null ? void 0 : x.billingContact) == null ? void 0 : A.countryCode) || ((L = (I = n == null ? void 0 : n.googlePay) == null ? void 0 : I.billingAddress) == null ? void 0 : L.countryCode) || void 0,
-        line1: ((G = (B = (k = n.applePay) == null ? void 0 : k.billingContact) == null ? void 0 : B.addressLines) == null ? void 0 : G.at(0)) || ((M = (q = n == null ? void 0 : n.googlePay) == null ? void 0 : q.billingAddress) == null ? void 0 : M.address1) || void 0,
-        line2: ((J = (K = (F = n.applePay) == null ? void 0 : F.billingContact) == null ? void 0 : K.addressLines) == null ? void 0 : J.at(1)) || ((W = (S = n == null ? void 0 : n.googlePay) == null ? void 0 : S.billingAddress) == null ? void 0 : W.address2) || void 0,
-        postal_code: ((g = (z = n.applePay) == null ? void 0 : z.billingContact) == null ? void 0 : g.postalCode) || ((R = (E = n == null ? void 0 : n.googlePay) == null ? void 0 : E.billingAddress) == null ? void 0 : R.postalCode) || void 0,
-        state: ((_ = (U = n.applePay) == null ? void 0 : U.billingContact) == null ? void 0 : _.administrativeArea) || ((C = (O = n == null ? void 0 : n.googlePay) == null ? void 0 : O.billingAddress) == null ? void 0 : C.administrativeArea) || void 0
+        city: ((w = (y = n.applePay) == null ? void 0 : y.billingContact) == null ? void 0 : w.locality) || ((x = (T = n == null ? void 0 : n.googlePay) == null ? void 0 : T.billingAddress) == null ? void 0 : x.locality) || void 0,
+        country: ((I = (A = n.applePay) == null ? void 0 : A.billingContact) == null ? void 0 : I.countryCode) || ((k = (L = n == null ? void 0 : n.googlePay) == null ? void 0 : L.billingAddress) == null ? void 0 : k.countryCode) || void 0,
+        line1: ((q = (G = (B = n.applePay) == null ? void 0 : B.billingContact) == null ? void 0 : G.addressLines) == null ? void 0 : q.at(0)) || ((F = (M = n == null ? void 0 : n.googlePay) == null ? void 0 : M.billingAddress) == null ? void 0 : F.address1) || void 0,
+        line2: ((S = (J = (K = n.applePay) == null ? void 0 : K.billingContact) == null ? void 0 : J.addressLines) == null ? void 0 : S.at(1)) || ((z = (W = n == null ? void 0 : n.googlePay) == null ? void 0 : W.billingAddress) == null ? void 0 : z.address2) || void 0,
+        postal_code: ((E = (g = n.applePay) == null ? void 0 : g.billingContact) == null ? void 0 : E.postalCode) || ((U = (R = n == null ? void 0 : n.googlePay) == null ? void 0 : R.billingAddress) == null ? void 0 : U.postalCode) || void 0,
+        state: ((O = (_ = n.applePay) == null ? void 0 : _.billingContact) == null ? void 0 : O.administrativeArea) || ((P = (C = n == null ? void 0 : n.googlePay) == null ? void 0 : C.billingAddress) == null ? void 0 : P.administrativeArea) || void 0
       } : void 0,
-      card: n.card || (P = n.googlePay) != null && P.card || (V = n.applePay) != null && V.card ? {
-        bin: (N = n.card) == null ? void 0 : N.firstSixDigits,
+      card: n.card || (V = n.googlePay) != null && V.card || (N = n.applePay) != null && N.card ? {
+        bin: (H = n.card) == null ? void 0 : H.firstSixDigits,
         bin_data: {
-          brand: ((H = n.card) == null ? void 0 : H.cardBrand) || ((re = (X = n.googlePay) == null ? void 0 : X.card) == null ? void 0 : re.brand) || ((ee = (D = n.applePay) == null ? void 0 : D.card) == null ? void 0 : ee.brand),
-          country: ((me = n.card) == null ? void 0 : me.country) || ((je = (ze = n.googlePay) == null ? void 0 : ze.card) == null ? void 0 : je.country) || ((qe = (Ke = n.applePay) == null ? void 0 : Ke.card) == null ? void 0 : qe.country),
-          currency_code: ((He = n.card) == null ? void 0 : He.currency) || ((Ge = (We = n.googlePay) == null ? void 0 : We.card) == null ? void 0 : Ge.currency) || ((Qe = (Ye = n.applePay) == null ? void 0 : Ye.card) == null ? void 0 : Qe.currency),
-          funding: ((An = n.card) == null ? void 0 : An.funding) || ((Tn = (wn = n.googlePay) == null ? void 0 : wn.card) == null ? void 0 : Tn.funding) || ((On = (In = n.applePay) == null ? void 0 : In.card) == null ? void 0 : On.funding),
-          issuer: ((Nn = n.card) == null ? void 0 : Nn.issuer) || ((Ln = (xn = n.googlePay) == null ? void 0 : xn.card) == null ? void 0 : Ln.issuer) || ((Rn = (Pn = n.applePay) == null ? void 0 : Pn.card) == null ? void 0 : Rn.issuer),
-          type: ((Sn = n.card) == null ? void 0 : Sn.type) || ((Mn = (kn = n.googlePay) == null ? void 0 : kn.card) == null ? void 0 : Mn.segment) || ((Vn = (Dn = n.applePay) == null ? void 0 : Dn.card) == null ? void 0 : Vn.segment)
+          brand: ((X = n.card) == null ? void 0 : X.cardBrand) || ((D = (re = n.googlePay) == null ? void 0 : re.card) == null ? void 0 : D.brand) || ((me = (ee = n.applePay) == null ? void 0 : ee.card) == null ? void 0 : me.brand),
+          country: ((ze = n.card) == null ? void 0 : ze.country) || ((Ke = (je = n.googlePay) == null ? void 0 : je.card) == null ? void 0 : Ke.country) || ((He = (qe = n.applePay) == null ? void 0 : qe.card) == null ? void 0 : He.country),
+          currency_code: ((We = n.card) == null ? void 0 : We.currency) || ((Ye = (Ge = n.googlePay) == null ? void 0 : Ge.card) == null ? void 0 : Ye.currency) || ((An = (Qe = n.applePay) == null ? void 0 : Qe.card) == null ? void 0 : An.currency),
+          funding: ((wn = n.card) == null ? void 0 : wn.funding) || ((In = (Tn = n.googlePay) == null ? void 0 : Tn.card) == null ? void 0 : In.funding) || ((Nn = (On = n.applePay) == null ? void 0 : On.card) == null ? void 0 : Nn.funding),
+          issuer: ((xn = n.card) == null ? void 0 : xn.issuer) || ((Pn = (Ln = n.googlePay) == null ? void 0 : Ln.card) == null ? void 0 : Pn.issuer) || ((Sn = (Rn = n.applePay) == null ? void 0 : Rn.card) == null ? void 0 : Sn.issuer),
+          type: ((kn = n.card) == null ? void 0 : kn.type) || ((Dn = (Mn = n.googlePay) == null ? void 0 : Mn.card) == null ? void 0 : Dn.segment) || ((Fn = (Vn = n.applePay) == null ? void 0 : Vn.card) == null ? void 0 : Fn.segment)
         },
-        cvc: (Fn = n.card) == null ? void 0 : Fn.cvc,
-        exp_month: (Un = n.card) != null && Un.expMonth || (zn = (Bn = n.googlePay) == null ? void 0 : Bn.card) != null && zn.expiry.month ? Number(((jn = n.card) == null ? void 0 : jn.expMonth) || ((qn = (Kn = n.googlePay) == null ? void 0 : Kn.card) == null ? void 0 : qn.expiry.month)) : void 0,
-        exp_year: (Hn = n.card) != null && Hn.expYear || (Gn = (Wn = n.googlePay) == null ? void 0 : Wn.card) != null && Gn.expiry.year ? Number(((Yn = n.card) == null ? void 0 : Yn.expYear) || (($n = (Qn = n.googlePay) == null ? void 0 : Qn.card) == null ? void 0 : $n.expiry.year)) : void 0,
-        last4: ((Zn = n.card) == null ? void 0 : Zn.lastFourDigits) || ((Jn = (Xn = n.googlePay) == null ? void 0 : Xn.card) == null ? void 0 : Jn.lastFour) || ((tr = (er = n.applePay) == null ? void 0 : er.card) == null ? void 0 : tr.lastFour),
-        number: ((nr = n.card) == null ? void 0 : nr.number) || ((ir = (rr = n.googlePay) == null ? void 0 : rr.card) == null ? void 0 : ir.number)
+        cvc: (Un = n.card) == null ? void 0 : Un.cvc,
+        exp_month: (Bn = n.card) != null && Bn.expMonth || (jn = (zn = n.googlePay) == null ? void 0 : zn.card) != null && jn.expiry.month ? Number(((Kn = n.card) == null ? void 0 : Kn.expMonth) || ((Hn = (qn = n.googlePay) == null ? void 0 : qn.card) == null ? void 0 : Hn.expiry.month)) : void 0,
+        exp_year: (Wn = n.card) != null && Wn.expYear || (Yn = (Gn = n.googlePay) == null ? void 0 : Gn.card) != null && Yn.expiry.year ? Number(((Qn = n.card) == null ? void 0 : Qn.expYear) || ((Zn = ($n = n.googlePay) == null ? void 0 : $n.card) == null ? void 0 : Zn.expiry.year)) : void 0,
+        last4: ((Xn = n.card) == null ? void 0 : Xn.lastFourDigits) || ((er = (Jn = n.googlePay) == null ? void 0 : Jn.card) == null ? void 0 : er.lastFour) || ((nr = (tr = n.applePay) == null ? void 0 : tr.card) == null ? void 0 : nr.lastFour),
+        number: ((rr = n.card) == null ? void 0 : rr.number) || ((ar = (ir = n.googlePay) == null ? void 0 : ir.card) == null ? void 0 : ar.number)
       } : void 0,
-      paypal: (ar = n.paypal) != null && ar.billing_agreement_token.paypalId ? { billing_agreement_token: (sr = n.paypal) == null ? void 0 : sr.billing_agreement_token.paypalId } : void 0,
+      paypal: (sr = n.paypal) != null && sr.billing_agreement_token.paypalId ? { billing_agreement_token: (or = n.paypal) == null ? void 0 : or.billing_agreement_token.paypalId } : void 0,
       google_pay: n.googlePay && n.googlePay.token ? {
         cryptogram: n.googlePay.cryptogram,
         eci: n.googlePay.eci,
-        exp_month: (lr = (or = n.googlePay) == null ? void 0 : or.card) != null && lr.expiry.month || (cr = n.googlePay) != null && cr.token.expiry.month ? Number(n.googlePay.card.expiry.month || n.googlePay.token.expiry.month) : void 0,
-        exp_year: (dr = (ur = n.googlePay) == null ? void 0 : ur.card) != null && dr.expiry.year || (pr = n.googlePay) != null && pr.token.expiry.year ? Number(n.googlePay.card.expiry.year || n.googlePay.token.expiry.year) : void 0,
-        token: (mr = (hr = n.googlePay) == null ? void 0 : hr.token) == null ? void 0 : mr.number,
-        token_service_provider: (vr = (fr = n.googlePay) == null ? void 0 : fr.token) == null ? void 0 : vr.tokenServiceProvider
+        exp_month: (cr = (lr = n.googlePay) == null ? void 0 : lr.card) != null && cr.expiry.month || (ur = n.googlePay) != null && ur.token.expiry.month ? Number(n.googlePay.card.expiry.month || n.googlePay.token.expiry.month) : void 0,
+        exp_year: (pr = (dr = n.googlePay) == null ? void 0 : dr.card) != null && pr.expiry.year || (hr = n.googlePay) != null && hr.token.expiry.year ? Number(n.googlePay.card.expiry.year || n.googlePay.token.expiry.year) : void 0,
+        token: (fr = (mr = n.googlePay) == null ? void 0 : mr.token) == null ? void 0 : fr.number,
+        token_service_provider: (gr = (vr = n.googlePay) == null ? void 0 : vr.token) == null ? void 0 : gr.tokenServiceProvider
       } : void 0,
       apple_pay: n.applePay ? {
         cryptogram: n.applePay.cryptogram,
         eci: n.applePay.eci,
-        exp_month: (br = (yr = (gr = n.applePay) == null ? void 0 : gr.networkToken) == null ? void 0 : yr.expiry) != null && br.month ? Number(n.applePay.networkToken.expiry.month) : void 0,
-        exp_year: (Cr = (_r = (Er = n.applePay) == null ? void 0 : Er.networkToken) == null ? void 0 : _r.expiry) != null && Cr.year ? Number(n.applePay.networkToken.expiry.year) : void 0,
-        token: (wr = (Ar = n.applePay) == null ? void 0 : Ar.networkToken) == null ? void 0 : wr.number,
-        token_service_provider: (Ir = (Tr = n.applePay) == null ? void 0 : Tr.networkToken) == null ? void 0 : Ir.tokenServiceProvider
+        exp_month: (Er = (br = (yr = n.applePay) == null ? void 0 : yr.networkToken) == null ? void 0 : br.expiry) != null && Er.month ? Number(n.applePay.networkToken.expiry.month) : void 0,
+        exp_year: (Ar = (Cr = (_r = n.applePay) == null ? void 0 : _r.networkToken) == null ? void 0 : Cr.expiry) != null && Ar.year ? Number(n.applePay.networkToken.expiry.year) : void 0,
+        token: (Tr = (wr = n.applePay) == null ? void 0 : wr.networkToken) == null ? void 0 : Tr.number,
+        token_service_provider: (Or = (Ir = n.applePay) == null ? void 0 : Ir.networkToken) == null ? void 0 : Or.tokenServiceProvider
       } : void 0,
       braintree: n.braintree ? {
         payment_method_nonce: n.braintree.nonce
       } : void 0
     })
   })).json();
-}), jc = (n, e = "sandbox") => j(void 0, null, function* () {
-  const t = `${_n(e)}/payments/create/billing/agreement`, r = new Headers();
-  return r.append("Content-Type", "application/json"), (yield (yield fetch(t, {
+}), Kc = (n, e, t) => j(void 0, null, function* () {
+  const r = `${_n(e)}/internal/payments/create/billing/agreement`, i = new Headers();
+  return i.append("Content-Type", "application/json"), i.append("X-API-Version", t), (yield (yield fetch(r, {
     method: "POST",
-    headers: r,
+    headers: i,
     body: JSON.stringify({ client_session: n })
   })).json()).paypal_agreement_token_response.token_id || "";
-}), Kc = (n, e = "sandbox") => j(void 0, null, function* () {
-  const t = `${_n(e)}/payments/config?client_session_id=${n}`, i = yield (yield fetch(t)).json();
-  return i.checkout_config || (i.checkout_config = Bc), i;
+}), qc = (n, e, t) => j(void 0, null, function* () {
+  const r = `${_n(e)}/internal/payments/config?client_session_id=${n}`, i = new Headers();
+  i.append("X-API-Version", t);
+  const s = yield (yield fetch(r, { headers: i })).json();
+  return s.checkout_config || (s.checkout_config = zc), s;
 });
-var Oa = /* @__PURE__ */ ((n) => (n.Card = "CARD", n))(Oa || {});
-const qc = "_venmo_10t25_1", Hc = "_hidden_10t25_17", Mt = {
-  venmo: qc,
-  hidden: Hc
-}, Wc = {
+var Na = /* @__PURE__ */ ((n) => (n.Card = "CARD", n))(Na || {});
+const Hc = "_venmo_10t25_1", Wc = "_hidden_10t25_17", Mt = {
+  venmo: Hc,
+  hidden: Wc
+}, Gc = {
   display: "block",
   height: 40,
   borderRadius: 12
 };
-class Gc {
+class Yc {
   constructor(e) {
     b(this, "isProcessing", !1);
     b(this, "element");
@@ -3870,7 +3873,10 @@ class Gc {
         try {
           if (yield this.braintree.init({
             authorization: e.authorization
-          }), yield this.braintree.createVenmo(), !this.braintree.isBrowserSupported()) {
+          }), yield this.braintree.createVenmo({
+            // ToDo: change to production url
+            deepLinkReturnUrl: "https://payment-staging.paynext.com"
+          }), !this.braintree.isBrowserSupported()) {
             console.log("Browser does not support Venmo"), this.handleVenmoError(new Error("Browser does not support Venmo"));
             return;
           }
@@ -3887,7 +3893,7 @@ class Gc {
   }
   // display venmo button
   displayVenmoButton(e) {
-    Object.assign(this.venmoButton.style, Wc), this.venmoButton.addEventListener("click", () => j(this, null, function* () {
+    Object.assign(this.venmoButton.style, Gc), this.venmoButton.addEventListener("click", () => j(this, null, function* () {
       if (!this.isProcessing) {
         this.isProcessing = !0, this.venmoButton.disabled = !0;
         try {
@@ -3931,7 +3937,7 @@ class Gc {
     return this.element;
   }
 }
-class Yc {
+class Qc {
   constructor(e) {
     b(this, "isAppleReady", !0);
     b(this, "isGoogleReady", !0);
@@ -3950,7 +3956,7 @@ class Yc {
       cancel: new ce(),
       success: new ce()
     });
-    this.config = e, this.applePay = new pc(e.service.ev), this.paypal = new Rc(e.service.paypal), this.googlePay = new xc(e.service.ev), this.braintree = new Gc(e.service.braintree), this.card = new Fc(e.state.translate), this.buttons = document.createElement("div"), this.buttons.classList.add(Lt.buttons, Lt.hidden);
+    this.config = e, this.applePay = new hc(e.service.ev), this.paypal = new Sc(e.service.paypal), this.googlePay = new Lc(e.service.ev), this.braintree = new Yc(e.service.braintree), this.card = new Uc(e.state.translate), this.buttons = document.createElement("div"), this.buttons.classList.add(Lt.buttons, Lt.hidden);
   }
   // init
   init() {
@@ -3968,17 +3974,17 @@ class Yc {
   initApple() {
     return j(this, null, function* () {
       this.isAppleReady = !1, this.buttons.appendChild(this.applePay.render());
-      const e = this.config.state.transaction.getState(), { locale: t, supportedCardTypes: r } = this.config.state.checkout.getState(), i = Tc(e);
+      const e = this.config.state.transaction.getState(), { locale: t, supportedCardTypes: r } = this.config.state.checkout.getState(), i = Ic(e);
       try {
         if (!i)
           return;
         yield this.applePay.init({
           transaction: i,
-          supportedCardTypes: Ic(r),
-          locale: Sc(t || "en"),
+          supportedCardTypes: Oc(r),
+          locale: kc(t || "en"),
           onError: () => this.events.error.emit(),
           onCancel: () => this.events.cancel.emit(),
-          onSuccess: (a) => this.events.success.emit(te($({}, a), { type: "apple" }))
+          onSuccess: (a) => this.events.success.emit(te(Q({}, a), { type: "apple" }))
         });
       } catch (a) {
         console.error(a);
@@ -3991,16 +3997,16 @@ class Yc {
   initGoogle() {
     return j(this, null, function* () {
       this.isGoogleReady = !1, this.buttons.appendChild(this.googlePay.render());
-      const e = this.config.state.transaction.getState(), { locale: t } = this.config.state.checkout.getState(), r = wc(e);
+      const e = this.config.state.transaction.getState(), { locale: t } = this.config.state.checkout.getState(), r = Tc(e);
       try {
         if (!r)
           return;
         yield this.googlePay.init({
           transaction: r,
-          locale: kc(t || "en"),
+          locale: Mc(t || "en"),
           onError: () => this.events.error.emit(),
           onCancel: () => this.events.cancel.emit(),
-          onSuccess: (i) => this.events.success.emit(te($({}, i), { type: "google" }))
+          onSuccess: (i) => this.events.success.emit(te(Q({}, i), { type: "google" }))
         });
       } catch (i) {
         console.error(i);
@@ -4015,7 +4021,7 @@ class Yc {
       var i, a;
       this.isPayPalReady = !1, this.buttons.appendChild(this.paypal.render());
       const e = this.config.state.transaction.getState(), t = this.config.state.checkout.getState(), r = () => j(this, null, function* () {
-        return yield jc(t.clientToken, t.environment);
+        return yield Kc(t.clientToken, t.environment, t.apiVersion);
       });
       try {
         if (!e)
@@ -4068,7 +4074,7 @@ class Yc {
   // init payment methods
   initPaymentMethods() {
     return j(this, null, function* () {
-      const e = this.config.state.transaction.getState(), r = Uc(hc, (e == null ? void 0 : e.checkout_config) || [], (i, a) => i.type === a.type).filter(({ is_active: i }) => i).sort((i, a) => i.order - a.order).map(({ type: i }) => {
+      const e = this.config.state.transaction.getState(), r = Bc(mc, (e == null ? void 0 : e.checkout_config) || [], (i, a) => i.type === a.type).filter(({ is_active: i }) => i).sort((i, a) => i.order - a.order).map(({ type: i }) => {
         switch (i) {
           case "apple-pay":
             return this.initApple();
@@ -4104,7 +4110,7 @@ class Yc {
     return this.buttons;
   }
 }
-class Qc {
+class $c {
   constructor() {
     b(this, "template", `
     <svg
@@ -4130,14 +4136,14 @@ class Qc {
     return this.element;
   }
 }
-const $c = "_button_125my_1", Zc = {
-  button: $c
+const Zc = "_button_125my_1", Xc = {
+  button: Zc
 };
-class Xc {
+class Jc {
   constructor() {
     b(this, "element");
-    b(this, "icon", new Qc());
-    this.element = document.createElement("div"), this.element.classList.add(Zc.button), this.element.appendChild(this.icon.render());
+    b(this, "icon", new $c());
+    this.element = document.createElement("div"), this.element.classList.add(Xc.button), this.element.appendChild(this.icon.render());
   }
   addEventListener(e) {
     return this.element.addEventListener("click", e);
@@ -4146,17 +4152,17 @@ class Xc {
     return this.element;
   }
 }
-const Jc = "_button_rx9be_1", eu = "_disabled_rx9be_17", tu = "_press_rx9be_22", nu = "_hidden_rx9be_26", ru = "_spinner_rx9be_30", be = {
-  button: Jc,
-  disabled: eu,
-  press: tu,
-  hidden: nu,
-  spinner: ru
+const eu = "_button_rx9be_1", tu = "_disabled_rx9be_17", nu = "_press_rx9be_22", ru = "_hidden_rx9be_26", iu = "_spinner_rx9be_30", be = {
+  button: eu,
+  disabled: tu,
+  press: nu,
+  hidden: ru,
+  spinner: iu
 };
-class iu {
+class au {
   constructor(e) {
     b(this, "element");
-    b(this, "spinner", new Aa());
+    b(this, "spinner", new wa());
     b(this, "message", document.createElement("span"));
     this.element = document.createElement("button"), this.element.classList.add(be.button), this.spinner.addClass(be.spinner), this.spinner.addClass(be.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(be.press)), this.element.addEventListener("mouseup", () => this.element.classList.remove(be.press)), this.element.addEventListener("mouseout", () => this.element.classList.remove(be.press)), e.subscribe((t) => {
       this.message.textContent = t.messages.card.pay.button;
@@ -4172,19 +4178,19 @@ class iu {
     return this.element;
   }
 }
-const au = "_cardForm_isqbi_1", su = "_hidden_isqbi_5", bt = {
-  cardForm: au,
-  hidden: su
-}, ou = "_wrapper_4knhb_1", lu = "_inputContainer_4knhb_5", cu = "_input_4knhb_5", uu = "_errorInput_4knhb_24", du = "_label_4knhb_28", pu = "_labelError_4knhb_32", hu = "_disabled_4knhb_36", mu = "_disabledInput_4knhb_40", fu = "_hidden_4knhb_47", ae = {
-  wrapper: ou,
-  inputContainer: lu,
-  input: cu,
-  errorInput: uu,
-  label: du,
-  labelError: pu,
-  disabled: hu,
-  disabledInput: mu,
-  hidden: fu
+const su = "_cardForm_isqbi_1", ou = "_hidden_isqbi_5", bt = {
+  cardForm: su,
+  hidden: ou
+}, lu = "_wrapper_4knhb_1", cu = "_inputContainer_4knhb_5", uu = "_input_4knhb_5", du = "_errorInput_4knhb_24", pu = "_label_4knhb_28", hu = "_labelError_4knhb_32", mu = "_disabled_4knhb_36", fu = "_disabledInput_4knhb_40", vu = "_hidden_4knhb_47", ae = {
+  wrapper: lu,
+  inputContainer: cu,
+  input: uu,
+  errorInput: du,
+  label: pu,
+  labelError: hu,
+  disabled: mu,
+  disabledInput: fu,
+  hidden: vu
 };
 class Cn {
   constructor() {
@@ -4207,7 +4213,7 @@ class Cn {
     return this.element;
   }
 }
-class vu {
+class gu {
   constructor(e) {
     b(this, "id", "paynext-card-input-name");
     b(this, "element");
@@ -4269,20 +4275,20 @@ class vu {
     return this.toggleLabelError(r), this.isDisabled ? (this.inputContainer.classList.add(ae.disabled), this.input.classList.add(ae.disabledInput)) : (this.inputContainer.classList.remove(ae.disabled), this.input.classList.remove(ae.disabledInput)), this.element;
   }
 }
-const gu = "_wrapper_j8wuo_1", yu = "_inputContainer_j8wuo_5", bu = "_input_j8wuo_5", Eu = "_endContent_j8wuo_20", _u = "_errorInput_j8wuo_24", Cu = "_error_j8wuo_24", Au = "_label_j8wuo_32", wu = "_labelError_j8wuo_36", Tu = "_disabled_j8wuo_40", Iu = "_disabledInput_j8wuo_44", Ou = "_hidden_j8wuo_51", ne = {
-  wrapper: gu,
-  inputContainer: yu,
-  input: bu,
-  endContent: Eu,
-  errorInput: _u,
-  error: Cu,
-  label: Au,
-  labelError: wu,
-  disabled: Tu,
-  disabledInput: Iu,
-  hidden: Ou
+const yu = "_wrapper_j8wuo_1", bu = "_inputContainer_j8wuo_5", Eu = "_input_j8wuo_5", _u = "_endContent_j8wuo_20", Cu = "_errorInput_j8wuo_24", Au = "_error_j8wuo_24", wu = "_label_j8wuo_32", Tu = "_labelError_j8wuo_36", Iu = "_disabled_j8wuo_40", Ou = "_disabledInput_j8wuo_44", Nu = "_hidden_j8wuo_51", ne = {
+  wrapper: yu,
+  inputContainer: bu,
+  input: Eu,
+  endContent: _u,
+  errorInput: Cu,
+  error: Au,
+  label: wu,
+  labelError: Tu,
+  disabled: Iu,
+  disabledInput: Ou,
+  hidden: Nu
 };
-class Nu {
+class xu {
   constructor() {
     b(this, "template", `
     <svg
@@ -4320,7 +4326,7 @@ class Nu {
     return this.element;
   }
 }
-class xu {
+class Lu {
   constructor() {
     b(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16' class='${Z.svg}'>
@@ -4357,7 +4363,7 @@ class xu {
     return this.element;
   }
 }
-class Lu {
+class Pu {
   constructor() {
     b(this, "template", `
     <svg
@@ -4407,7 +4413,7 @@ class Lu {
     return this.element;
   }
 }
-class Pu {
+class Ru {
   constructor() {
     b(this, "template", `
     <svg
@@ -4462,7 +4468,7 @@ class Pu {
     return this.element;
   }
 }
-class Ru {
+class Su {
   constructor() {
     b(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 23 16' width='23' class='${Z.svg}'>
@@ -4502,7 +4508,7 @@ class Ru {
     return this.element;
   }
 }
-class Su {
+class ku {
   constructor() {
     b(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 16' width='24' class='${Z.svg}'>
@@ -4525,7 +4531,7 @@ class Su {
     return this.element;
   }
 }
-class ku {
+class Mu {
   constructor() {
     b(this, "template", `
     <svg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 16' width='24' class='${Z.svg}'>
@@ -4557,7 +4563,7 @@ class ku {
     return this.element;
   }
 }
-class Mu {
+class Du {
   constructor() {
     b(this, "template", `
    <svg
@@ -4606,7 +4612,7 @@ class Mu {
     return this.element;
   }
 }
-class Du {
+class Vu {
   constructor(e) {
     b(this, "id", "paynext-card-input-number");
     b(this, "initialCardTypes", wt.map((e) => e.type));
@@ -4618,14 +4624,14 @@ class Du {
     b(this, "labelError", document.createElement("span"));
     b(this, "endContent", document.createElement("div"));
     b(this, "error", document.createElement("p"));
-    b(this, "unknownCard", new Nu());
-    b(this, "amex", new xu());
-    b(this, "dinerClub", new Lu());
-    b(this, "discover", new Pu());
-    b(this, "jcb", new Ru());
-    b(this, "masterCard", new Su());
-    b(this, "unionPay", new ku());
-    b(this, "visa", new Mu());
+    b(this, "unknownCard", new xu());
+    b(this, "amex", new Lu());
+    b(this, "dinerClub", new Pu());
+    b(this, "discover", new Ru());
+    b(this, "jcb", new Su());
+    b(this, "masterCard", new ku());
+    b(this, "unionPay", new Mu());
+    b(this, "visa", new Du());
     b(this, "supportedCardTypes", this.initialCardTypes);
     b(this, "isTouchSubmit", !1);
     b(this, "errorMessage", "");
@@ -4649,12 +4655,12 @@ class Du {
   handleChange(e) {
     if (this.isDisabled) return;
     this.isRequired = !1, this.errorMessage = "", this.isChanged || (this.isChanged = !0);
-    const t = ci(e).map((a) => a.type), r = Ia(e), i = Ec(e, (r == null ? void 0 : r.type) || "");
+    const t = ui(e).map((a) => a.type), r = Oa(e), i = _c(e, (r == null ? void 0 : r.type) || "");
     i.replace(/\D/g, "").length === ((r == null ? void 0 : r.maxLength) || 16) && this.validate(i), this.supportedCardTypes = t.length ? t : this.initialCardTypes, this.input.value = i, this.events.change.emit({
       card: i,
       cardType: r == null ? void 0 : r.type,
       cardTypes: t,
-      isValid: ui(e, this.supportedCardTypes).isValid
+      isValid: di(e, this.supportedCardTypes).isValid
     }), this.render();
   }
   toggleLabelError(e) {
@@ -4709,11 +4715,11 @@ class Du {
     var e;
     return {
       value: this.input.value,
-      cardType: ((e = ci(this.input.value)[0]) == null ? void 0 : e.type) || ""
+      cardType: ((e = ui(this.input.value)[0]) == null ? void 0 : e.type) || ""
     };
   }
   validate(e) {
-    const t = this.translate.messages(), { isValid: r, error: i } = ui(e, this.supportedCardTypes);
+    const t = this.translate.messages(), { isValid: r, error: i } = di(e, this.supportedCardTypes);
     return r ? (this.isRequired = !1, this.errorMessage = "", this.render(), r) : (i === oe.Empty ? (this.errorMessage = "", this.isRequired = !0) : i === oe.Unsupported ? (this.errorMessage = t.card.number.error.unsupported, this.isRequired = !1) : (this.errorMessage = i === oe.Incomplete ? t.card.number.error.incomplete : t.card.number.error.invalid, this.isRequired = !1), this.render(), r);
   }
   render() {
@@ -4721,20 +4727,20 @@ class Du {
     return this.toggleLabelError(t), this.toggleErrorMessage(r), !t && !r ? (this.inputContainer.classList.remove(ne.errorInput), this.endContent.innerHTML = "", this.endContent.append(...this.getCardIcons())) : (this.endContent.innerHTML = "", this.endContent.appendChild(this.unknownCard.render())), this.isDisabled ? (this.inputContainer.classList.add(ne.disabled), this.input.classList.add(ne.disabledInput)) : (this.inputContainer.classList.remove(ne.disabled), this.input.classList.remove(ne.disabledInput)), this.element;
   }
 }
-const Vu = "_inputContainer_1xdj3_5", Fu = "_input_1xdj3_5", Uu = "_endContent_1xdj3_20", Bu = "_errorInput_1xdj3_24", zu = "_error_1xdj3_24", ju = "_label_1xdj3_32", Ku = "_labelError_1xdj3_36", qu = "_disabled_1xdj3_40", Hu = "_disabledInput_1xdj3_44", Wu = "_hidden_1xdj3_51", Gu = "_securityContent_1xdj3_55", Y = {
-  inputContainer: Vu,
-  input: Fu,
-  endContent: Uu,
-  errorInput: Bu,
-  error: zu,
-  label: ju,
-  labelError: Ku,
-  disabled: qu,
-  disabledInput: Hu,
-  hidden: Wu,
-  securityContent: Gu
+const Fu = "_inputContainer_1xdj3_5", Uu = "_input_1xdj3_5", Bu = "_endContent_1xdj3_20", zu = "_errorInput_1xdj3_24", ju = "_error_1xdj3_24", Ku = "_label_1xdj3_32", qu = "_labelError_1xdj3_36", Hu = "_disabled_1xdj3_40", Wu = "_disabledInput_1xdj3_44", Gu = "_hidden_1xdj3_51", Yu = "_securityContent_1xdj3_55", Y = {
+  inputContainer: Fu,
+  input: Uu,
+  endContent: Bu,
+  errorInput: zu,
+  error: ju,
+  label: Ku,
+  labelError: qu,
+  disabled: Hu,
+  disabledInput: Wu,
+  hidden: Gu,
+  securityContent: Yu
 };
-class Yu {
+class Qu {
   constructor() {
     b(this, "template", `
     <svg class='${Z.svg}' focusable='false' viewBox='0 0 32 21' role='img' aria-label='CVC'>
@@ -4763,13 +4769,13 @@ class Yu {
     return this.element;
   }
 }
-class Qu {
+class $u {
   constructor(e) {
     b(this, "cvcId", "paynext-card-input-cvc");
     b(this, "expiryId", "paynext-card-input-expiry");
     b(this, "element");
     b(this, "warning", new Cn());
-    b(this, "cardCvc", new Yu());
+    b(this, "cardCvc", new Qu());
     b(this, "expiryInputContainer", document.createElement("div"));
     b(this, "expiryInput", document.createElement("input"));
     b(this, "expiryLabel", document.createElement("label"));
@@ -4845,7 +4851,7 @@ class Qu {
   handleCvcChange(e) {
     if (this.isDisabled) return;
     this.isCvcRequired = !1, this.cvcErrorMessage = "", this.isCvcChanged || (this.isCvcChanged = !0);
-    const t = _c(e, this.cardType || ""), r = Me.getTypeInfo(this.cardType || "");
+    const t = Cc(e, this.cardType || ""), r = Me.getTypeInfo(this.cardType || "");
     t.length === (r == null ? void 0 : r.code.size) && this.validateCvc(t), this.events.cvcChange.emit({
       value: t,
       isValid: this.cvcValidator(t) === null
@@ -4892,7 +4898,7 @@ class Qu {
   handleExpiryChange(e) {
     if (this.isDisabled) return;
     this.isExpiryRequired = !1, this.expiryErrorMessage = "", this.isExpiryChanged || (this.isExpiryChanged = !0);
-    const t = Cc(e, this.expiryPrevValue);
+    const t = Ac(e, this.expiryPrevValue);
     t.length === 7 && this.validateExpiry(t), this.events.expiryChange.emit({
       value: t,
       isValid: this.expiryValidator(t) === null
@@ -4945,16 +4951,16 @@ class Qu {
     return this.toggleCvcLabelError(a), this.toggleCvcErrorMessage(s), !a && !s ? (this.cvcInputContainer.classList.remove(Y.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(Y.disabled), this.expiryInput.classList.add(Y.disabledInput), this.cvcInputContainer.classList.add(Y.disabled), this.cvcInput.classList.add(Y.disabledInput)) : (this.expiryInputContainer.classList.remove(Y.disabled), this.expiryInput.classList.remove(Y.disabledInput), this.cvcInputContainer.classList.remove(Y.disabled), this.cvcInput.classList.remove(Y.disabledInput)), this.element;
   }
 }
-const $u = "_container_94v1h_1", Zu = "_title_94v1h_10", di = {
-  container: $u,
-  title: Zu
+const Zu = "_container_94v1h_1", Xu = "_title_94v1h_10", pi = {
+  container: Zu,
+  title: Xu
 };
-class Na {
+class xa {
   constructor(e) {
     b(this, "element");
     b(this, "message", document.createElement("p"));
     b(this, "icon", new Cn());
-    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(di.container), this.message.classList.add(di.title), this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: t }) => {
+    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(pi.container), this.message.classList.add(pi.title), this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: t }) => {
       this.message.textContent = t.status.success;
     });
   }
@@ -4968,7 +4974,7 @@ class Na {
     return this.element;
   }
 }
-class Xu {
+class Ju {
   constructor(e, t) {
     b(this, "element");
     b(this, "error");
@@ -4981,7 +4987,7 @@ class Xu {
       submit: new ce(),
       close: new ce()
     });
-    this.element = document.createElement("form"), this.error = new Na(e), this.submit = new iu(e), this.back = new Xc(), this.number = new Du(e), this.name = new vu(e), this.cardSecurity = new Qu(e), this.error.addClassName(bt.hidden), this.element.classList.add(bt.cardForm, t || ""), this.element.append(
+    this.element = document.createElement("form"), this.error = new xa(e), this.submit = new au(e), this.back = new Jc(), this.number = new Vu(e), this.name = new gu(e), this.cardSecurity = new $u(e), this.error.addClassName(bt.hidden), this.element.classList.add(bt.cardForm, t || ""), this.element.append(
       this.back.render(),
       this.number.render(),
       this.cardSecurity.render(),
@@ -5023,7 +5029,7 @@ class Xu {
     return this.element;
   }
 }
-class Ju {
+class ed {
   constructor() {
     b(this, "template", `
     <svg
@@ -5050,16 +5056,16 @@ class Ju {
     return this.element;
   }
 }
-const ed = "_container_hoha1_1", td = "_title_hoha1_5", pi = {
-  container: ed,
-  title: td
+const td = "_container_hoha1_1", nd = "_title_hoha1_5", hi = {
+  container: td,
+  title: nd
 };
-class nd {
+class rd {
   constructor(e) {
     b(this, "element");
     b(this, "message", document.createElement("p"));
-    b(this, "icon", new Ju());
-    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(pi.container), this.message.classList.add(pi.title), this.message.textContent = e.messages().status.success, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: t }) => {
+    b(this, "icon", new ed());
+    this.translate = e, this.element = document.createElement("div"), this.element.classList.add(hi.container), this.message.classList.add(hi.title), this.message.textContent = e.messages().status.success, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: t }) => {
       this.message.textContent = t.status.success;
     });
   }
@@ -5073,18 +5079,18 @@ class nd {
     return this.element;
   }
 }
-class rd {
+class id {
   constructor(e) {
     b(this, "isLoading", !1);
     b(this, "isFormOpen", !1);
     b(this, "checkout");
     b(this, "container", document.createElement("div"));
-    b(this, "loader", new rc());
+    b(this, "loader", new ic());
     b(this, "error");
     b(this, "success");
     b(this, "buttons");
     b(this, "form");
-    this.config = e, this.buttons = new Yc(e), this.form = new Xu(e.state.translate, le.hidden), this.error = new Na(e.state.translate), this.success = new nd(e.state.translate), this.error.addClassName(le.hidden), this.success.addClassName(le.hidden), this.container.append(this.loader.render(), this.buttons.render(), this.form.render()), this.checkout = document.createElement("div"), this.checkout.classList.add(le.checkout), this.checkout.append(this.container, this.error.render(), this.success.render());
+    this.config = e, this.buttons = new Qc(e), this.form = new Ju(e.state.translate, le.hidden), this.error = new xa(e.state.translate), this.success = new rd(e.state.translate), this.error.addClassName(le.hidden), this.success.addClassName(le.hidden), this.container.append(this.loader.render(), this.buttons.render(), this.form.render()), this.checkout = document.createElement("div"), this.checkout.classList.add(le.checkout), this.checkout.append(this.container, this.error.render(), this.success.render());
   }
   // init
   init() {
@@ -5105,7 +5111,7 @@ class rd {
             return this.handleSuccess({ clientSession: t, googlePay: e });
           case "paypal":
             return this.handleSuccess({ clientSession: t, paypal: { billing_agreement_token: e } });
-          // TODO: add braintree
+          // TODO: add braintree venmo
           case "venmo":
             return console.log("----- venmo success data", e), this.handleSuccess({ clientSession: t, braintree: { nonce: e } });
         }
@@ -5124,7 +5130,7 @@ class rd {
             cardBrand: e.cardBrand || "",
             number: s,
             cvc: o,
-            type: Oa.Card,
+            type: Na.Card,
             metadata: {
               name: e.name,
               userAgent: navigator == null ? void 0 : navigator.userAgent
@@ -5148,14 +5154,14 @@ class rd {
       this.hideError(), this.setLoading(!0);
       const t = this.config.state.checkout.getState(), r = this.config.state.translate.messages();
       try {
-        const a = yield zc(e, t.environment);
+        const a = yield jc(e, t.environment, t.apiVersion);
         if (a.error)
           throw new Error(r.status.error);
         if (a.three_ds_session_id) {
           yield this.config.service.ev.initThreeDs({
             threeDsId: a.three_ds_session_id,
             onSuccess: () => {
-              this.setLoading(!1), this.handleSuccess(te($({}, e), { threeDsSessionId: a.three_ds_session_id }));
+              this.setLoading(!1), this.handleSuccess(te(Q({}, e), { threeDsSessionId: a.three_ds_session_id }));
             },
             onError: () => {
               this.handleError("Three DS Error");
@@ -5192,22 +5198,22 @@ class rd {
     return this.checkout;
   }
 }
-class id {
+class ad {
   constructor(e) {
     b(this, "component");
-    this.config = e, this.component = new rd(e);
+    this.config = e, this.component = new id(e);
   }
   // init
   init() {
     return j(this, null, function* () {
-      const { checkout: e, transaction: t, translate: r, styles: i } = this.config.state;
-      e.subscribe(({ clientToken: a, environment: s, locale: o, translate: l, styles: c }) => {
-        o && r.locale() !== o && r.setLocale(o), l && r.overrides() !== l && r.setMessages(l), c && i.setState(c), t.updateTransaction(a, s || "sandbox").then((u) => {
-          var d, h;
-          if (u)
+      const { checkout: e, transaction: t, translate: r, styles: i } = this.config.state, { apiVersion: a } = e.getState();
+      e.subscribe(({ clientToken: s, environment: o, locale: l, translate: c, styles: u }) => {
+        l && r.locale() !== l && r.setLocale(l), c && r.overrides() !== c && r.setMessages(c), u && i.setState(u), t.updateTransaction(s, o, a).then((d) => {
+          var h, p;
+          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: (h = d.evervault) == null ? void 0 : h.team_id,
+              appId: (p = d.evervault) == null ? void 0 : p.app_id
             });
         }).catch(console.error);
       });
@@ -5240,37 +5246,38 @@ class Tt {
     return this.observer.addListener(e);
   }
 }
-const ad = {
+const sd = {
   clientToken: "",
-  environment: "sandbox"
+  environment: "sandbox",
+  apiVersion: "1.0.0"
 };
-class sd extends Tt {
+class od extends Tt {
   constructor(e) {
-    super(e || ad);
+    super(Q(Q({}, sd), e));
   }
 }
-const od = {};
-class ld extends Tt {
+const ld = {};
+class cd extends Tt {
   constructor(e) {
-    super(e || od);
+    super(e || ld);
   }
 }
-class cd extends Tt {
+class ud extends Tt {
   constructor(t) {
     super(t || null);
     b(this, "clientToken", "");
   }
   // update transaction
-  updateTransaction(t, r = "sandbox") {
+  updateTransaction(t, r, i) {
     return j(this, null, function* () {
       if (this.clientToken === t) return this.getState();
       this.clientToken = t;
-      const i = yield Kc(t, r);
-      return this.setState(i), i;
+      const a = yield qc(t, r, i);
+      return this.setState(a), a;
     });
   }
 }
-const ud = {
+const dd = {
   card: {
     title: "طريقة الدفع",
     number: {
@@ -5320,7 +5327,7 @@ const ud = {
     success: "تمت عملية الدفع الخاصة بك بنجاح!",
     error: "لم نتمكن من التحقق من طريقة الدفع الخاصة بك. يرجى اختيار طريقة دفع أخرى وإعادة المحاولة."
   }
-}, dd = {
+}, pd = {
   card: {
     title: "Метод на плащане",
     number: {
@@ -5370,7 +5377,7 @@ const ud = {
     success: "Успех",
     error: "Не можем да удостоверим автентичността на вашия метод на плащане. Моля, изберете друг метод на плащане и опитайте отново."
   }
-}, pd = {
+}, hd = {
   card: {
     title: "Způsob platby",
     number: {
@@ -5420,7 +5427,7 @@ const ud = {
     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."
   }
-}, hd = {
+}, md = {
   card: {
     title: "Betalingsmetode",
     number: {
@@ -5470,7 +5477,7 @@ const ud = {
     success: "Succes",
     error: "Vi kan ikke godkende din betalingsmetode. Vælg venligst en anden betalingsmetode og prøv igen."
   }
-}, md = {
+}, fd = {
   card: {
     title: "Zahlungsmethode",
     number: {
@@ -5520,7 +5527,7 @@ const ud = {
     success: "Erfolg",
     error: "Wir können Ihre Zahlungsmethode nicht authentifizieren. Bitte wählen Sie eine andere Zahlungsmethode und versuchen Sie es erneut."
   }
-}, fd = {
+}, vd = {
   card: {
     title: "Μέθοδος πληρωμής",
     number: {
@@ -5570,7 +5577,7 @@ const ud = {
     success: "Επιτυχία",
     error: "Δεν μπορούμε να πιστοποιήσουμε τη μέθοδο πληρωμής σας. Παρακαλούμε επιλέξτε μια διαφορετική μέθοδο πληρωμής και προσπαθήστε ξανά."
   }
-}, vd = {
+}, gd = {
   card: {
     title: "Payment method",
     number: {
@@ -5620,7 +5627,7 @@ const ud = {
     success: "Your payment was successful!",
     error: "We are unable to authenticate your payment method. Please choose a different payment method and try again."
   }
-}, gd = {
+}, yd = {
   card: {
     title: "Método de pago",
     number: {
@@ -5670,7 +5677,7 @@ const ud = {
     success: "Éxito",
     error: "No podemos autenticar su método de pago. Elija otro método de pago e inténtelo de nuevo."
   }
-}, yd = {
+}, bd = {
   card: {
     title: "Makseviis",
     number: {
@@ -5720,7 +5727,7 @@ const ud = {
     success: "Edu",
     error: "Me ei suuda teie makseviisi autentida. Palun valige teine makseviis ja proovige uuesti."
   }
-}, bd = {
+}, Ed = {
   card: {
     title: "Maksutapa",
     number: {
@@ -5770,7 +5777,7 @@ const ud = {
     success: "Menestys",
     error: "Emme pysty todentamaan maksutapaasi. Valitse toinen maksutapa ja yritä uudelleen."
   }
-}, Ed = {
+}, _d = {
   card: {
     title: "Paraan ng pagbabayad",
     number: {
@@ -5820,7 +5827,7 @@ const ud = {
     success: "Tagumpay",
     error: "Hindi namin ma-authenticate ang iyong paraan ng pagbabayad. Mangyaring pumili ng ibang paraan ng pagbabayad at subukang muli."
   }
-}, _d = {
+}, Cd = {
   card: {
     title: "Moyen de paiement",
     number: {
@@ -5870,7 +5877,7 @@ const ud = {
     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."
   }
-}, Cd = {
+}, Ad = {
   card: {
     title: "Način plaćanja",
     number: {
@@ -5920,7 +5927,7 @@ const ud = {
     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."
   }
-}, Ad = {
+}, wd = {
   card: {
     title: "Fizetési mód",
     number: {
@@ -5970,7 +5977,7 @@ const ud = {
     success: "Siker",
     error: "Nem tudjuk hitelesíteni a fizetési módját. Kérjük, válasszon másik fizetési módot, és próbálja meg újra."
   }
-}, wd = {
+}, Td = {
   card: {
     title: "Metode pembayaran",
     number: {
@@ -6020,7 +6027,7 @@ const ud = {
     success: "Sukses",
     error: "Kami tidak dapat mengautentikasi metode pembayaran Anda. Silakan pilih metode pembayaran lain dan coba lagi."
   }
-}, Td = {
+}, Id = {
   card: {
     title: "Modalità di pagamento",
     number: {
@@ -6070,7 +6077,7 @@ const ud = {
     success: "Il successo",
     error: "Non siamo in grado di autenticare il suo metodo di pagamento. Scegliere un altro metodo di pagamento e riprovare."
   }
-}, Id = {
+}, Od = {
   card: {
     title: "支払い方法",
     number: {
@@ -6120,7 +6127,7 @@ const ud = {
     success: "成功",
     error: "お客様のお支払い方法を認証できません。別のお支払い方法を選択し、再度お試しください。"
   }
-}, Od = {
+}, Nd = {
   card: {
     title: "결제 방식",
     number: {
@@ -6170,7 +6177,7 @@ const ud = {
     success: "성공",
     error: "결제 방법을 인증할 수 없습니다. 다른 결제 방법을 선택하고 다시 시도해 주세요."
   }
-}, Nd = {
+}, xd = {
   card: {
     title: "Mokėjimo būdas",
     number: {
@@ -6220,7 +6227,7 @@ const ud = {
     success: "Sėkmė",
     error: "Negalime patvirtinti jūsų mokėjimo būdo. Pasirinkite kitą mokėjimo būdą ir bandykite dar kartą."
   }
-}, xd = {
+}, Ld = {
   card: {
     title: "Maksājumu veids",
     number: {
@@ -6270,7 +6277,7 @@ const ud = {
     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."
   }
-}, Ld = {
+}, Pd = {
   card: {
     title: "Kaedah pembayaran",
     number: {
@@ -6320,7 +6327,7 @@ const ud = {
     success: "Kejayaan",
     error: "Kami tidak dapat mengesahkan kaedah pembayaran anda. Sila pilih kaedah pembayaran lain dan cuba lagi."
   }
-}, Pd = {
+}, Rd = {
   card: {
     title: "Metodu tal-ħlas",
     number: {
@@ -6370,7 +6377,7 @@ const ud = {
     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."
   }
-}, Rd = {
+}, Sd = {
   card: {
     title: "Betalingsmetode",
     number: {
@@ -6420,7 +6427,7 @@ const ud = {
     success: "Suksess",
     error: "Vi kan ikke godkjenne betalingsmåten din. Vennligst velg en annen betalingsmetode og prøv på nytt."
   }
-}, Sd = {
+}, kd = {
   card: {
     title: "Betaalmethode",
     number: {
@@ -6470,7 +6477,7 @@ const ud = {
     success: "Succes",
     error: "We kunnen je betaalmethode niet verifiëren. Kies een andere betaalmethode en probeer het opnieuw."
   }
-}, kd = {
+}, Md = {
   card: {
     title: "Metoda płatności",
     number: {
@@ -6520,7 +6527,7 @@ const ud = {
     success: "Sukces",
     error: "Nie możemy uwierzytelnić metody płatności. Wybierz inną metodę płatności i spróbuj ponownie."
   }
-}, Md = {
+}, Dd = {
   card: {
     title: "Forma de pagamento",
     number: {
@@ -6570,7 +6577,7 @@ const ud = {
     success: "Sucesso",
     error: "Não foi possível autenticar o seu método de pagamento. Selecione outro método de pagamento e tente novamente."
   }
-}, Dd = {
+}, Vd = {
   card: {
     title: "Metoda de plată",
     number: {
@@ -6620,7 +6627,7 @@ const ud = {
     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."
   }
-}, Vd = {
+}, Fd = {
   card: {
     title: "Метод оплаты",
     number: {
@@ -6670,7 +6677,7 @@ const ud = {
     success: "Успех",
     error: "Мы не можем проверить подлинность вашего способа оплаты. Пожалуйста, выберите другой способ оплаты и повторите попытку."
   }
-}, Fd = {
+}, Ud = {
   card: {
     title: "Spôsob platby",
     number: {
@@ -6720,7 +6727,7 @@ const ud = {
     success: "Úspech",
     error: "Nemôžeme overiť váš spôsob platby. Vyberte si iný spôsob platby a skúste to znova."
   }
-}, Ud = {
+}, Bd = {
   card: {
     title: "Način plačila",
     number: {
@@ -6770,7 +6777,7 @@ const ud = {
     success: "Uspeh",
     error: "Vašega načina plačila ne moremo preveriti. Izberite drug način plačila in poskusite znova."
   }
-}, Bd = {
+}, zd = {
   card: {
     title: "Betalningsmetod",
     number: {
@@ -6820,7 +6827,7 @@ const ud = {
     success: "Framgång",
     error: "Vi kan inte verifiera din betalningsmetod. Vänligen välj en annan betalningsmetod och försök igen."
   }
-}, zd = {
+}, jd = {
   card: {
     title: "วิธีการชำระเงิน",
     number: {
@@ -6870,7 +6877,7 @@ const ud = {
     success: "ความสำเร็จ",
     error: "เราไม่สามารถตรวจสอบวิธีการชำระเงินของคุณได้ โปรดเลือกวิธีการชำระเงินอื่นแล้วลองอีกครั้ง"
   }
-}, jd = {
+}, Kd = {
   card: {
     title: "Ödeme yöntemi",
     number: {
@@ -6920,7 +6927,7 @@ const ud = {
     success: "Başarı",
     error: "Ödeme yönteminizi doğrulayamıyoruz. Lütfen farklı bir ödeme yöntemi seçin ve tekrar deneyin."
   }
-}, Kd = {
+}, qd = {
   card: {
     title: "Phương thức thanh toán",
     number: {
@@ -6970,7 +6977,7 @@ const ud = {
     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."
   }
-}, qd = {
+}, Hd = {
   card: {
     title: "支付方式",
     number: {
@@ -7021,45 +7028,45 @@ const ud = {
     error: "我们无法验证您的付款方式。请选择其他付款方式并重试。"
   }
 }, Jt = {
-  ar: ud,
-  en: vd,
-  bg: dd,
-  cs: pd,
-  da: hd,
-  de: md,
-  el: fd,
-  es: gd,
-  et: yd,
-  fi: bd,
-  fil: Ed,
-  fr: _d,
-  hr: Cd,
-  hu: Ad,
-  id: wd,
-  it: Td,
-  ja: Id,
-  ko: Od,
-  lt: Nd,
-  lv: xd,
-  ms: Ld,
-  ru: Vd,
-  mt: Pd,
-  nb: Rd,
-  nl: Sd,
-  pl: kd,
-  pt: Md,
-  ro: Dd,
-  sk: Fd,
-  sl: Ud,
-  sv: Bd,
-  th: zd,
-  tr: jd,
-  vi: Kd,
-  zh: qd
+  ar: dd,
+  en: gd,
+  bg: pd,
+  cs: hd,
+  da: md,
+  de: fd,
+  el: vd,
+  es: yd,
+  et: bd,
+  fi: Ed,
+  fil: _d,
+  fr: Cd,
+  hr: Ad,
+  hu: wd,
+  id: Td,
+  it: Id,
+  ja: Od,
+  ko: Nd,
+  lt: xd,
+  lv: Ld,
+  ms: Pd,
+  ru: Fd,
+  mt: Rd,
+  nb: Sd,
+  nl: kd,
+  pl: Md,
+  pt: Dd,
+  ro: Vd,
+  sk: Ud,
+  sl: Bd,
+  sv: zd,
+  th: jd,
+  tr: Kd,
+  vi: qd,
+  zh: Hd
 }, en = () => {
   const n = navigator == null ? void 0 : navigator.language.split("-")[0];
   return Jt[n] || Jt.en;
-}, hi = (n, e = {}) => {
+}, mi = (n, e = {}) => {
   var r, i, a, s, o, l, c, u, d, h, p, m, f, v, y, w, T, x, A, I, L, k, B, G, q, M, F, K, J, S, W, z, g, E, R, U, _, O, C, P, V, N, H, X, re, D, ee, me, ze, je, Ke, qe, He, We, Ge, Ye, Qe;
   if (!n) return en();
   const t = Jt[n] || en();
@@ -7115,7 +7122,7 @@ const ud = {
     }
   };
 };
-class Hd extends Tt {
+class Wd extends Tt {
   constructor() {
     super({
       messages: en(),
@@ -7123,11 +7130,11 @@ class Hd extends Tt {
     });
   }
   setMessages(e) {
-    const t = this.locale(), r = hi(t, e);
+    const t = this.locale(), r = mi(t, e);
     this.setState({ locale: t, messages: r, overrides: e });
   }
   setLocale(e) {
-    const t = this.overrides(), r = hi(e, t);
+    const t = this.overrides(), r = mi(e, t);
     this.setState({ locale: e, messages: r, overrides: t });
   }
   overrides() {
@@ -7162,7 +7169,7 @@ class Hd extends Tt {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function Wd(n, e) {
+function Gd(n, e) {
   var t = {};
   for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
@@ -7170,11 +7177,11 @@ function Wd(n, e) {
       e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(n, r[i]) && (t[r[i]] = n[r[i]]);
   return t;
 }
-function Gd(n, e) {
+function Yd(n, e) {
   var t = document.querySelector('script[src="'.concat(n, '"]'));
   if (t === null)
     return null;
-  var r = xa(n, e), i = t.cloneNode();
+  var r = La(n, e), i = t.cloneNode();
   if (delete i.dataset.uidAuto, Object.keys(i.dataset).length !== Object.keys(r.dataset).length)
     return null;
   var a = !0;
@@ -7182,63 +7189,63 @@ function Gd(n, e) {
     i.dataset[s] !== r.dataset[s] && (a = !1);
   }), a ? t : null;
 }
-function Yd(n) {
-  var e = n.url, t = n.attributes, r = n.onSuccess, i = n.onError, a = xa(e, t);
+function Qd(n) {
+  var e = n.url, t = n.attributes, r = n.onSuccess, i = n.onError, a = La(e, t);
   a.onerror = i, a.onload = r, document.head.insertBefore(a, document.head.firstElementChild);
 }
-function Qd(n) {
-  var e = n.sdkBaseUrl, t = n.environment, r = Wd(n, ["sdkBaseUrl", "environment"]), i = e || Xd(t), a = r, s = Object.keys(a).filter(function(c) {
+function $d(n) {
+  var e = n.sdkBaseUrl, t = n.environment, r = Gd(n, ["sdkBaseUrl", "environment"]), i = e || Jd(t), a = r, s = Object.keys(a).filter(function(c) {
     return typeof a[c] != "undefined" && a[c] !== null && a[c] !== "";
   }).reduce(function(c, u) {
     var d = a[u].toString();
-    return u = $d(u), u.substring(0, 4) === "data" || u === "crossorigin" ? c.attributes[u] = d : c.queryParams[u] = d, c;
+    return u = Zd(u), u.substring(0, 4) === "data" || u === "crossorigin" ? c.attributes[u] = d : c.queryParams[u] = d, c;
   }, {
     queryParams: {},
     attributes: {}
   }), o = s.queryParams, l = s.attributes;
   return o["merchant-id"] && o["merchant-id"].indexOf(",") !== -1 && (l["data-merchant-id"] = o["merchant-id"], o["merchant-id"] = "*"), {
-    url: "".concat(i, "?").concat(Zd(o)),
+    url: "".concat(i, "?").concat(Xd(o)),
     attributes: l
   };
 }
-function $d(n) {
+function Zd(n) {
   var e = function(t, r) {
     return (r ? "-" : "") + t.toLowerCase();
   };
   return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, e);
 }
-function Zd(n) {
+function Xd(n) {
   var e = "";
   return Object.keys(n).forEach(function(t) {
     e.length !== 0 && (e += "&"), e += t + "=" + n[t];
   }), e;
 }
-function Xd(n) {
+function Jd(n) {
   return n === "sandbox" ? "https://www.sandbox.paypal.com/sdk/js" : "https://www.paypal.com/sdk/js";
 }
-function xa(n, e) {
+function La(n, e) {
   e === void 0 && (e = {});
   var t = document.createElement("script");
   return t.src = n, Object.keys(e).forEach(function(r) {
     t.setAttribute(r, e[r]), r === "data-csp-nonce" && t.setAttribute("nonce", e["data-csp-nonce"]);
   }), t;
 }
-function Jd(n, e) {
-  if (e === void 0 && (e = Promise), La(n, e), typeof document == "undefined")
+function ep(n, e) {
+  if (e === void 0 && (e = Promise), Pa(n, e), typeof document == "undefined")
     return e.resolve(null);
-  var t = Qd(n), r = t.url, i = t.attributes, a = i["data-namespace"] || "paypal", s = mi(a);
-  return i["data-js-sdk-library"] || (i["data-js-sdk-library"] = "paypal-js"), Gd(r, i) && s ? e.resolve(s) : ep({
+  var t = $d(n), r = t.url, i = t.attributes, a = i["data-namespace"] || "paypal", s = fi(a);
+  return i["data-js-sdk-library"] || (i["data-js-sdk-library"] = "paypal-js"), Yd(r, i) && s ? e.resolve(s) : tp({
     url: r,
     attributes: i
   }, e).then(function() {
-    var o = mi(a);
+    var o = fi(a);
     if (o)
       return o;
     throw new Error("The window.".concat(a, " global variable is not available."));
   });
 }
-function ep(n, e) {
-  e === void 0 && (e = Promise), La(n, e);
+function tp(n, e) {
+  e === void 0 && (e = Promise), Pa(n, e);
   var t = n.url, r = n.attributes;
   if (typeof t != "string" || t.length === 0)
     throw new Error("Invalid url.");
@@ -7247,7 +7254,7 @@ function ep(n, e) {
   return new e(function(i, a) {
     if (typeof document == "undefined")
       return i();
-    Yd({
+    Qd({
       url: t,
       attributes: r,
       onSuccess: function() {
@@ -7260,10 +7267,10 @@ function ep(n, e) {
     });
   });
 }
-function mi(n) {
+function fi(n) {
   return window[n];
 }
-function La(n, e) {
+function Pa(n, e) {
   if (typeof n != "object" || n === null)
     throw new Error("Expected an options object.");
   var t = n.environment;
@@ -7272,13 +7279,13 @@ function La(n, e) {
   if (typeof e != "undefined" && typeof e != "function")
     throw new Error("Expected PromisePonyfill to be a function.");
 }
-const tp = {
+const np = {
   layout: "vertical",
   tagline: !1,
   height: 40,
   borderRadius: 12
 };
-class np {
+class rp {
   constructor() {
     b(this, "paypal", null);
   }
@@ -7286,7 +7293,7 @@ class np {
   init(e) {
     return j(this, null, function* () {
       try {
-        this.paypal = yield Jd(e);
+        this.paypal = yield ep(e);
       } catch (t) {
         console.error("failed to load the PayPal JS SDK script", t);
       }
@@ -7296,9 +7303,9 @@ class np {
   render(e, t) {
     return j(this, null, function* () {
       var r, i;
-      this.paypal && (yield (i = (r = this.paypal).Buttons) == null ? void 0 : i.call(r, $({
+      this.paypal && (yield (i = (r = this.paypal).Buttons) == null ? void 0 : i.call(r, Q({
         fundingSource: "paypal",
-        style: tp
+        style: np
       }, t)).render(e));
     });
   }
@@ -7306,9 +7313,9 @@ class np {
 function Te(n) {
   throw new Error('Could not dynamically require "' + n + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var Dt = { exports: {} }, fi;
-function rp() {
-  return fi || (fi = 1, function(n, e) {
+var Dt = { exports: {} }, vi;
+function ip() {
+  return vi || (vi = 1, function(n, e) {
     (function(t) {
       n.exports = t();
     })(function() {
@@ -8981,11 +8988,11 @@ function rp() {
     });
   }(Dt)), Dt.exports;
 }
-var ip = rp();
-const ap = /* @__PURE__ */ wa(ip);
-var Vt = { exports: {} }, vi;
-function sp() {
-  return vi || (vi = 1, function(n, e) {
+var ap = ip();
+const sp = /* @__PURE__ */ Ta(ap);
+var Vt = { exports: {} }, gi;
+function op() {
+  return gi || (gi = 1, function(n, e) {
     (function(t) {
       n.exports = t();
     })(function() {
@@ -11877,9 +11884,9 @@ function sp() {
     });
   }(Vt)), Vt.exports;
 }
-var op = sp();
-const lp = /* @__PURE__ */ wa(op);
-class cp {
+var lp = op();
+const cp = /* @__PURE__ */ Ta(lp);
+class up {
   constructor() {
     b(this, "client", null);
     b(this, "venmoInstance", null);
@@ -11888,7 +11895,7 @@ class cp {
   init(e) {
     return j(this, null, function* () {
       try {
-        this.client = yield ap.create({ authorization: e.authorization });
+        this.client = yield sp.create({ authorization: e.authorization });
       } catch (t) {
         throw console.error("Failed to initialize Braintree client:", t), t;
       }
@@ -11900,7 +11907,7 @@ class cp {
       if (!this.client)
         throw new Error("Braintree client must be initialized before creating Venmo instance");
       try {
-        return this.venmoInstance = yield lp.create($({
+        return this.venmoInstance = yield cp.create(Q({
           client: this.client,
           allowDesktop: !0,
           mobileWebFallBack: !0,
@@ -11935,20 +11942,19 @@ class cp {
     });
   }
 }
-class up {
+class dp {
   constructor() {
-    b(this, "ev", new Ua());
-    b(this, "paypal", new np());
-    b(this, "braintree", new cp());
+    b(this, "ev", new Ba());
+    b(this, "paypal", new rp());
+    b(this, "braintree", new up());
     b(this, "state", {
-      translate: new Hd(),
-      checkout: new sd(),
-      transaction: new cd(),
-      styles: new ld()
+      translate: new Wd(),
+      checkout: new od(),
+      transaction: new ud(),
+      styles: new cd()
     });
-    b(this, "checkout", new id({
+    b(this, "checkout", new ad({
       state: this.state,
-      // ToDo: add braintree
       service: { ev: this.ev, paypal: this.paypal, braintree: this.braintree }
     }));
   }
@@ -11956,10 +11962,10 @@ class up {
     Object.values(this.state).forEach((e) => e.clearState());
   }
 }
-class mp {
+class fp {
   constructor(e) {
     b(this, "parent");
-    b(this, "core", new up());
+    b(this, "core", new dp());
     this.parent = e;
   }
   mount(e) {
@@ -11975,7 +11981,7 @@ class mp {
   }
 }
 export {
-  up as Core,
-  mp as PayNextCheckout
+  dp as Core,
+  fp as PayNextCheckout
 };
 //# sourceMappingURL=index.es.js.map