@paynext/sdk 0.0.18 → 0.0.20

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as Pe from "react";
-import ut, { useState as S, useCallback as D, createContext as ne, useContext as _, useMemo as he, useEffect as te, useRef as ue, useLayoutEffect as yo, useId as _e, useInsertionEffect as bs, Children as vo, isValidElement as bo, forwardRef as xo, Fragment as xs, createElement as Co, Component as To, useReducer as ko, StrictMode as wo } from "react";
+import ut, { useState as S, useCallback as D, createContext as ne, useContext as _, useMemo as he, useEffect as te, useRef as ue, useLayoutEffect as vo, useId as _e, useInsertionEffect as bs, Children as bo, isValidElement as xo, forwardRef as Co, Fragment as xs, createElement as To, Component as ko, useReducer as wo, StrictMode as Po } from "react";
 var jt = { exports: {} }, et = {};
 /**
  * @license React
@@ -11,7 +11,7 @@ var jt = { exports: {} }, et = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Dr;
-function Po() {
+function Ao() {
   if (Dr) return et;
   Dr = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
@@ -43,7 +43,7 @@ var tt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nr;
-function Ao() {
+function So() {
   return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && function() {
     function e(x) {
       if (x == null) return null;
@@ -198,8 +198,8 @@ function Ao() {
         else d(Z);
       if (re.call(j, "key")) {
         Z = e(x);
-        var Be = Object.keys(j).filter(function(go) {
-          return go !== "key";
+        var Be = Object.keys(j).filter(function(yo) {
+          return yo !== "key";
         });
         H = 0 < Be.length ? "{key: someKey, " + Be.join(": ..., ") + ": ...}" : "{key: someKey}", U[Z + H] || (Be = 0 < Be.length ? "{" + Be.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -276,13 +276,13 @@ React keys must be passed directly to JSX without using spread:
   }()), tt;
 }
 var Or;
-function So() {
-  return Or || (Or = 1, process.env.NODE_ENV === "production" ? jt.exports = Po() : jt.exports = Ao()), jt.exports;
+function Eo() {
+  return Or || (Or = 1, process.env.NODE_ENV === "production" ? jt.exports = Ao() : jt.exports = So()), jt.exports;
 }
-var h = So();
+var h = Eo();
 const Xn = {
   apiBase: "https://dvfoid19j3afz.cloudfront.net/v1"
-}, Eo = [
+}, jo = [
   {
     type: "paypal",
     order: 1,
@@ -305,7 +305,7 @@ const Xn = {
   }
 ];
 var Cs = /* @__PURE__ */ ((e) => (e.Card = "CARD", e))(Cs || {});
-const jo = async (e) => {
+const Vo = async (e) => {
   const t = `${Xn.apiBase}/payments/create`, n = new Headers();
   return n.append("Content-Type", "application/json"), await (await fetch(t, {
     method: "POST",
@@ -347,22 +347,22 @@ const jo = async (e) => {
       client_session: e.clientSession
     })
   })).json();
-}, Vo = async (e) => {
+}, Ro = async (e) => {
   const t = `${Xn.apiBase}/payments/create/billing/agreement`, n = new Headers();
   return n.append("Content-Type", "application/json"), await (await fetch(t, {
     method: "POST",
     headers: n,
     body: JSON.stringify({ client_session: e })
   })).json();
-}, Ro = async (e) => {
+}, Mo = async (e) => {
   const t = `${Xn.apiBase}/payments/config?client_session_id=${e}`, r = await (await fetch(t)).json();
-  return r.checkout_config || (r.checkout_config = Eo), r;
-}, Mo = ({ onCheckoutComplete: e, onCheckoutFail: t }) => {
+  return r.checkout_config || (r.checkout_config = jo), r;
+}, Io = ({ onCheckoutComplete: e, onCheckoutFail: t }) => {
   const [n, r] = S(!1), [i, s] = S(!1), [a, o] = S(!1), l = D(
     async (d) => {
       try {
         s(!1), o(!1), r(!0);
-        const { error: p } = await jo(d);
+        const { error: p } = await Vo(d);
         if (!p)
           s(!0), e?.();
         else {
@@ -389,7 +389,7 @@ const jo = async (e) => {
     isCheckoutSuccess: i,
     isCheckoutFail: a
   };
-}, Xt = typeof navigator < "u", Io = Xt && /^((?!chrome|android).)*safari/i.test(navigator.userAgent), Lo = {
+}, Xt = typeof navigator < "u", Ts = Xt && /^((?!chrome|android).)*safari/i.test(navigator.userAgent), Lo = {
   card: {
     title: "طريقة الدفع",
     number: {
@@ -2243,11 +2243,11 @@ const jo = async (e) => {
     }
   };
   return /* @__PURE__ */ h.jsx(Jt.Provider, { value: { messages: i, locale: n }, children: e });
-}, xl = null, Ts = ne(xl), Cl = () => _(Ts), Tl = {
+}, xl = null, ks = ne(xl), Cl = () => _(ks), Tl = {
   appId: "",
   teamId: "",
   ev: null
-}, ks = ne(Tl), ws = () => _(ks), Pn = ne(null);
+}, ws = ne(Tl), Ps = () => _(ws), Pn = ne(null);
 function kl() {
   if (typeof window > "u")
     return null;
@@ -2349,7 +2349,7 @@ async function Vl() {
     document.head.appendChild(n);
   }), Vt);
 }
-async function Ps() {
+async function As() {
   if (window.Evervault)
     return window.Evervault;
   try {
@@ -2359,11 +2359,11 @@ async function Ps() {
   }
 }
 async function Rl(e, t, n) {
-  const r = await Ps();
+  const r = await As();
   return new r(e, t, n);
 }
 Promise.resolve().then(() => {
-  Ps();
+  As();
 });
 const Ml = ({ children: e, evConfig: t }) => {
   const [n, r] = S(null), i = he(
@@ -2375,26 +2375,26 @@ const Ml = ({ children: e, evConfig: t }) => {
   );
   return te(() => {
     t && Rl(t.teamId, t.appId).then((s) => r(s)).catch(console.error);
-  }, [t]), !t || !i ? null : /* @__PURE__ */ h.jsx(jl, { ...t, children: /* @__PURE__ */ h.jsx(ks.Provider, { value: i, children: e }) });
+  }, [t]), !t || !i ? null : /* @__PURE__ */ h.jsx(jl, { ...t, children: /* @__PURE__ */ h.jsx(ws.Provider, { value: i, children: e }) });
 }, Il = "_googlePay_1a960_1", Ll = "_hidden_1a960_17", _r = {
   googlePay: Il,
   hidden: Ll
 };
-function As(e) {
+function Ss(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (n = As(e[t])) && (r && (r += " "), r += n);
+    for (t = 0; t < i; t++) e[t] && (n = Ss(e[t])) && (r && (r += " "), r += n);
   } else for (n in e) e[n] && (r && (r += " "), r += n);
   return r;
 }
 function ve() {
-  for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = As(e)) && (r && (r += " "), r += t);
+  for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Ss(e)) && (r && (r += " "), r += t);
   return r;
 }
 const Br = "ab-ev-google-pay-container", Dl = ({ onSubmit: e, onCancel: t, onError: n, onSuccess: r, onReady: i, transaction: s, locale: a }) => {
-  const { ev: o } = ws(), [l, u] = S(!1), [c, d] = S(null);
+  const { ev: o } = Ps(), [l, u] = S(!1), [c, d] = S(null);
   return te(() => {
     c && (t && c.on("cancel", t), n && c.on("error", n), r && c.on("success", r));
   }, [c, t, n, r]), te(() => {
@@ -2429,8 +2429,8 @@ const Br = "ab-ev-google-pay-container", Dl = ({ onSubmit: e, onCancel: t, onErr
 }, Nl = "_applePay_gn91n_1", Ol = "_hidden_gn91n_21", Fr = {
   applePay: Nl,
   hidden: Ol
-}, _l = () => typeof window < "u" && typeof document < "u", An = "ab-ev-apple-pay-container", Bl = (e) => {
-  if (e.unmount(), _l()) {
+}, _l = typeof window < "u" && typeof document < "u", An = "ab-ev-apple-pay-container", Bl = (e) => {
+  if (console.log("APPLE PAY REMOUNT"), e.unmount(), _l) {
     const t = document.getElementById(An);
     t && (t.innerHTML = "");
   }
@@ -2445,43 +2445,43 @@ const Br = "ab-ev-google-pay-container", Dl = ({ onSubmit: e, onCancel: t, onErr
   transaction: a,
   supportedCardTypes: o
 }) => {
-  const { ev: l } = ws(), [u, c] = S(!1), [d, p] = S(!1), [f, m] = S(null);
+  const { ev: l } = Ps(), [u, c] = S(!1), [d, p] = S(!1), [f, m] = S(null);
   return te(() => {
     f && (t && f.on("cancel", t), n && f.on("error", (g = "") => n(g)), r && f.on("success", r));
   }, [f, t, n, r]), te(() => {
-    (async () => {
-      if (!(!l || u))
-        try {
-          const v = l.transactions.create(a), y = l.ui.applePay(v, {
-            locale: s,
-            borderRadius: 12,
-            size: {
-              width: "100%",
-              height: "40px"
-            },
-            allowedCardNetworks: o,
-            requestBillingAddress: !0,
-            requestPayerDetails: ["name", "email", "phone"],
-            process: async (b, { fail: k }) => {
-              try {
-                e(b);
-              } catch (C) {
-                console.error(C), k({
-                  message: "Cannot pay with payment credentials"
-                });
-              }
+    if (!l || u) return;
+    console.log("APPLE PAY INIT"), (async () => {
+      try {
+        const v = l.transactions.create(a), y = l.ui.applePay(v, {
+          locale: s,
+          borderRadius: 12,
+          size: {
+            width: "100%",
+            height: "40px"
+          },
+          allowedCardNetworks: o,
+          requestBillingAddress: !0,
+          requestPayerDetails: ["name", "email", "phone"],
+          process: async (b, { fail: k }) => {
+            try {
+              e(b);
+            } catch (C) {
+              console.error(C), k({
+                message: "Cannot pay with payment credentials"
+              });
             }
-          });
-          if (await y.availability() !== "available") {
-            p(!1);
-            return;
           }
-          m(y), Bl(y), p(!0);
-        } catch (v) {
-          console.error(v), p(!1);
-        } finally {
-          c(!1), i?.();
+        });
+        if (await y.availability() !== "available") {
+          p(!1);
+          return;
         }
+        m(y), Bl(y), p(!0);
+      } catch (v) {
+        console.error(v), p(!1);
+      } finally {
+        c(!1), i?.();
+      }
     })();
   }, [l, a, o, s, u, e, i]), /* @__PURE__ */ h.jsx("div", { id: An, className: ve(Fr.applePay, d ? void 0 : Fr.hidden) });
 }, ql = ({ children: e, clientToken: t }) => {
@@ -2490,15 +2490,15 @@ const Br = "ab-ev-google-pay-container", Dl = ({ onSubmit: e, onCancel: t, onErr
     [n?.evervault]
   );
   return te(() => {
-    Ro(t).then((s) => r(s)).catch(console.error);
-  }, [t]), /* @__PURE__ */ h.jsx(Ts.Provider, { value: n, children: /* @__PURE__ */ h.jsx(Ml, { evConfig: i, children: e }) });
+    Mo(t).then((s) => r(s)).catch(console.error);
+  }, [t]), /* @__PURE__ */ h.jsx(ks.Provider, { value: n, children: /* @__PURE__ */ h.jsx(Ml, { evConfig: i, children: e }) });
 }, Kl = "_button_qsmkn_1", zl = "_primary_qsmkn_11", Ul = "_success_qsmkn_15", $l = "_loading_qsmkn_19", Gl = "_press_qsmkn_24", Rt = {
   button: Kl,
   primary: zl,
   success: Ul,
   loading: $l,
   press: Gl
-}, Ss = ({
+}, Es = ({
   color: e,
   isLoading: t,
   children: n,
@@ -2748,7 +2748,7 @@ function Wl() {
   return un = e, un;
 }
 var nt = {}, rt = {}, Kr;
-function Es() {
+function js() {
   if (Kr) return rt;
   Kr = 1, Object.defineProperty(rt, "__esModule", { value: !0 }), rt.clone = void 0;
   function e(t) {
@@ -2776,7 +2776,7 @@ var Ur;
 function Hl() {
   if (Ur) return nt;
   Ur = 1, Object.defineProperty(nt, "__esModule", { value: !0 }), nt.addMatchingCardsToResults = void 0;
-  var e = Es(), t = Yl();
+  var e = js(), t = Yl();
   function n(r, i, s) {
     var a, o;
     for (a = 0; a < i.patterns.length; a++) {
@@ -2828,7 +2828,7 @@ function Jl() {
       }
       return m;
     }, e.apply(this, arguments);
-  }, t = Wl(), n = Hl(), r = Zl(), i = Xl(), s = Es(), a = {}, o = {
+  }, t = Wl(), n = Hl(), r = Zl(), i = Xl(), s = js(), a = {}, o = {
     VISA: "visa",
     MASTERCARD: "mastercard",
     AMERICAN_EXPRESS: "american-express",
@@ -2962,7 +2962,7 @@ function Qn(e) {
   const t = ue(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const er = typeof window < "u", js = er ? yo : te, Qt = /* @__PURE__ */ ne(null);
+const er = typeof window < "u", Vs = er ? vo : te, Qt = /* @__PURE__ */ ne(null);
 function tr(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -2980,11 +2980,11 @@ process.env.NODE_ENV !== "production" && (Ze = (e, t) => {
   if (!e)
     throw new Error(t);
 });
-const Te = {}, Vs = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function Rs(e) {
+const Te = {}, Rs = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function Ms(e) {
   return typeof e == "object" && e !== null;
 }
-const Ms = (e) => /^0[^.\s]+$/u.test(e);
+const Is = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
 function rr(e) {
   let t;
@@ -3020,18 +3020,18 @@ class ir {
   }
 }
 const fe = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, ge = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function Is(e, t) {
+function Ls(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
 const Yr = /* @__PURE__ */ new Set();
 function sr(e, t, n) {
   e || Yr.has(t) || (console.warn(t), Yr.add(t));
 }
-const Ls = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, yc = 1e-7, vc = 12;
+const Ds = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, yc = 1e-7, vc = 12;
 function bc(e, t, n, r, i) {
   let s, a, o = 0;
   do
-    a = t + (n - t) / 2, s = Ls(a, r, i) - e, s > 0 ? n = a : t = a;
+    a = t + (n - t) / 2, s = Ds(a, r, i) - e, s > 0 ? n = a : t = a;
   while (Math.abs(s) > yc && ++o < vc);
   return a;
 }
@@ -3039,22 +3039,22 @@ function Pt(e, t, n, r) {
   if (e === t && n === r)
     return de;
   const i = (s) => bc(s, 0, 1, e, n);
-  return (s) => s === 0 || s === 1 ? s : Ls(i(s), t, r);
+  return (s) => s === 0 || s === 1 ? s : Ds(i(s), t, r);
 }
-const Ds = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Ns = (e) => (t) => 1 - e(1 - t), Os = /* @__PURE__ */ Pt(0.33, 1.53, 0.69, 0.99), ar = /* @__PURE__ */ Ns(Os), _s = /* @__PURE__ */ Ds(ar), Bs = (e) => (e *= 2) < 1 ? 0.5 * ar(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), or = (e) => 1 - Math.sin(Math.acos(e)), Fs = Ns(or), qs = Ds(or), xc = /* @__PURE__ */ Pt(0.42, 0, 1, 1), Cc = /* @__PURE__ */ Pt(0, 0, 0.58, 1), Ks = /* @__PURE__ */ Pt(0.42, 0, 0.58, 1), Tc = (e) => Array.isArray(e) && typeof e[0] != "number", zs = (e) => Array.isArray(e) && typeof e[0] == "number", Hr = {
+const Ns = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Os = (e) => (t) => 1 - e(1 - t), _s = /* @__PURE__ */ Pt(0.33, 1.53, 0.69, 0.99), ar = /* @__PURE__ */ Os(_s), Bs = /* @__PURE__ */ Ns(ar), Fs = (e) => (e *= 2) < 1 ? 0.5 * ar(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), or = (e) => 1 - Math.sin(Math.acos(e)), qs = Os(or), Ks = Ns(or), xc = /* @__PURE__ */ Pt(0.42, 0, 1, 1), Cc = /* @__PURE__ */ Pt(0, 0, 0.58, 1), zs = /* @__PURE__ */ Pt(0.42, 0, 0.58, 1), Tc = (e) => Array.isArray(e) && typeof e[0] != "number", Us = (e) => Array.isArray(e) && typeof e[0] == "number", Hr = {
   linear: de,
   easeIn: xc,
-  easeInOut: Ks,
+  easeInOut: zs,
   easeOut: Cc,
   circIn: or,
-  circInOut: qs,
-  circOut: Fs,
+  circInOut: Ks,
+  circOut: qs,
   backIn: ar,
-  backInOut: _s,
-  backOut: Os,
-  anticipate: Bs
+  backInOut: Bs,
+  backOut: _s,
+  anticipate: Fs
 }, kc = (e) => typeof e == "string", Zr = (e) => {
-  if (zs(e)) {
+  if (Us(e)) {
     Ce(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, r, i] = e;
     return Pt(t, n, r, i);
@@ -3120,7 +3120,7 @@ function wc(e, t) {
   return c;
 }
 const Pc = 40;
-function Us(e, t) {
+function $s(e, t) {
   let n = !1, r = !0;
   const i = {
     delta: 0,
@@ -3140,7 +3140,7 @@ function Us(e, t) {
       a[It[k]].cancel(b);
   }, state: i, steps: a };
 }
-const { schedule: F, cancel: Se, state: W, steps: dn } = /* @__PURE__ */ Us(typeof requestAnimationFrame < "u" ? requestAnimationFrame : de, !0);
+const { schedule: F, cancel: Se, state: W, steps: dn } = /* @__PURE__ */ $s(typeof requestAnimationFrame < "u" ? requestAnimationFrame : de, !0);
 let Kt;
 function Ac() {
   Kt = void 0;
@@ -3150,7 +3150,7 @@ const se = {
   set: (e) => {
     Kt = e, queueMicrotask(Ac);
   }
-}, $s = (e) => (t) => typeof t == "string" && t.startsWith(e), lr = /* @__PURE__ */ $s("--"), Sc = /* @__PURE__ */ $s("var(--"), cr = (e) => Sc(e) ? Ec.test(e.split("/*")[0].trim()) : !1, Ec = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Xe = {
+}, Gs = (e) => (t) => typeof t == "string" && t.startsWith(e), lr = /* @__PURE__ */ Gs("--"), Sc = /* @__PURE__ */ Gs("var(--"), cr = (e) => Sc(e) ? Ec.test(e.split("/*")[0].trim()) : !1, Ec = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Xe = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
@@ -3164,7 +3164,7 @@ const se = {
 function jc(e) {
   return e == null;
 }
-const Vc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, dr = (e, t) => (n) => !!(typeof n == "string" && Vc.test(n) && n.startsWith(e) || t && !jc(n) && Object.prototype.hasOwnProperty.call(n, t)), Gs = (e, t, n) => (r) => {
+const Vc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, dr = (e, t) => (n) => !!(typeof n == "string" && Vc.test(n) && n.startsWith(e) || t && !jc(n) && Object.prototype.hasOwnProperty.call(n, t)), Ws = (e, t, n) => (r) => {
   if (typeof r != "string")
     return r;
   const [i, s, a, o] = r.match(ur);
@@ -3179,7 +3179,7 @@ const Vc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
   transform: (e) => Math.round(Rc(e))
 }, Ie = {
   test: /* @__PURE__ */ dr("rgb", "red"),
-  parse: /* @__PURE__ */ Gs("red", "green", "blue"),
+  parse: /* @__PURE__ */ Ws("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + hn.transform(e) + ", " + hn.transform(t) + ", " + hn.transform(n) + ", " + dt(yt.transform(r)) + ")"
 };
 function Mc(e) {
@@ -3205,7 +3205,7 @@ const En = {
   transform: (e) => ye.transform(e * 100)
 }, Fe = {
   test: /* @__PURE__ */ dr("hsl", "hue"),
-  parse: /* @__PURE__ */ Gs("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ Ws("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + ye.transform(dt(t)) + ", " + ye.transform(dt(n)) + ", " + dt(yt.transform(r)) + ")"
 }, X = {
   test: (e) => Ie.test(e) || En.test(e) || Fe.test(e),
@@ -3215,7 +3215,7 @@ const En = {
 function Nc(e) {
   return isNaN(e) && typeof e == "string" && (e.match(ur)?.length || 0) + (e.match(Dc)?.length || 0) > 0;
 }
-const Ws = "number", Ys = "color", Oc = "var", _c = "var(", Qr = "${}", Bc = /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 Ys = "number", Hs = "color", Oc = "var", _c = "var(", Qr = "${}", Bc = /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 vt(e) {
   const t = e.toString(), n = [], r = {
     color: [],
@@ -3223,33 +3223,33 @@ function vt(e) {
     var: []
   }, i = [];
   let s = 0;
-  const o = t.replace(Bc, (l) => (X.test(l) ? (r.color.push(s), i.push(Ys), n.push(X.parse(l))) : l.startsWith(_c) ? (r.var.push(s), i.push(Oc), n.push(l)) : (r.number.push(s), i.push(Ws), n.push(parseFloat(l))), ++s, Qr)).split(Qr);
+  const o = t.replace(Bc, (l) => (X.test(l) ? (r.color.push(s), i.push(Hs), n.push(X.parse(l))) : l.startsWith(_c) ? (r.var.push(s), i.push(Oc), n.push(l)) : (r.number.push(s), i.push(Ys), n.push(parseFloat(l))), ++s, Qr)).split(Qr);
   return { values: n, split: o, indexes: r, types: i };
 }
-function Hs(e) {
+function Zs(e) {
   return vt(e).values;
 }
-function Zs(e) {
+function Xs(e) {
   const { split: t, types: n } = vt(e), r = t.length;
   return (i) => {
     let s = "";
     for (let a = 0; a < r; a++)
       if (s += t[a], i[a] !== void 0) {
         const o = n[a];
-        o === Ws ? s += dt(i[a]) : o === Ys ? s += X.transform(i[a]) : s += i[a];
+        o === Ys ? s += dt(i[a]) : o === Hs ? s += X.transform(i[a]) : s += i[a];
       }
     return s;
   };
 }
 const Fc = (e) => typeof e == "number" ? 0 : e;
 function qc(e) {
-  const t = Hs(e);
-  return Zs(e)(t.map(Fc));
+  const t = Zs(e);
+  return Xs(e)(t.map(Fc));
 }
 const Ee = {
   test: Nc,
-  parse: Hs,
-  createTransformer: Zs,
+  parse: Zs,
+  createTransformer: Xs,
   getAnimatableNone: qc
 };
 function pn(e, t, n) {
@@ -3299,9 +3299,9 @@ function Gc(e, t) {
   return (n) => B(e, t, n);
 }
 function hr(e) {
-  return typeof e == "number" ? Gc : typeof e == "string" ? cr(e) ? Gt : X.test(e) ? ti : Hc : Array.isArray(e) ? Xs : typeof e == "object" ? X.test(e) ? ti : Wc : Gt;
+  return typeof e == "number" ? Gc : typeof e == "string" ? cr(e) ? Gt : X.test(e) ? ti : Hc : Array.isArray(e) ? Js : typeof e == "object" ? X.test(e) ? ti : Wc : Gt;
 }
-function Xs(e, t) {
+function Js(e, t) {
   const n = [...e], r = n.length, i = e.map((s, a) => hr(s)(s, t[a]));
   return (s) => {
     for (let a = 0; a < r; a++)
@@ -3329,9 +3329,9 @@ function Yc(e, t) {
 }
 const Hc = (e, t) => {
   const n = Ee.createTransformer(t), r = vt(e), i = vt(t);
-  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 ? jn.has(e) && !i.values.length || jn.has(t) && !r.values.length ? $c(e, t) : wt(Xs(Yc(r, i), i.values), n) : (Ze(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Gt(e, t));
+  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 ? jn.has(e) && !i.values.length || jn.has(t) && !r.values.length ? $c(e, t) : wt(Js(Yc(r, i), i.values), n) : (Ze(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Gt(e, t));
 };
-function Js(e, t, n) {
+function Qs(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? B(e, t, n) : hr(e)(e, t);
 }
 const Zc = (e) => {
@@ -3345,7 +3345,7 @@ const Zc = (e) => {
      */
     now: () => W.isProcessing ? W.timestamp : se.now()
   };
-}, Qs = (e, t, n = 10) => {
+}, ea = (e, t, n = 10) => {
   let r = "";
   const i = Math.max(Math.round(t / n), 2);
   for (let s = 0; s < i; s++)
@@ -3369,9 +3369,9 @@ function Xc(e, t = 100, n) {
   };
 }
 const Jc = 5;
-function ea(e, t, n) {
+function ta(e, t, n) {
   const r = Math.max(t - Jc, 0);
-  return Is(n - e(r), t - r);
+  return Ls(n - e(r), t - r);
 }
 const O = {
   // Default spring physics
@@ -3513,14 +3513,14 @@ function Yt(e = O.visualDuration, t = O.bounce) {
         o.done = C >= d;
       else {
         let E = C === 0 ? m : 0;
-        g < 1 && (E = C === 0 ? /* @__PURE__ */ fe(m) : ea(b, C, w));
+        g < 1 && (E = C === 0 ? /* @__PURE__ */ fe(m) : ta(b, C, w));
         const P = Math.abs(E) <= r, V = Math.abs(a - w) <= i;
         o.done = P && V;
       }
       return o.value = o.done ? a : w, o;
     },
     toString: () => {
-      const C = Math.min(pr(k), Wt), w = Qs((E) => k.next(C * E).value, C, 30);
+      const C = Math.min(pr(k), Wt), w = ea((E) => k.next(C * E).value, C, 30);
       return C + "ms " + w;
     },
     toTransition: () => {
@@ -3548,7 +3548,7 @@ function Rn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   const E = (P) => {
     f(p.value) && (C = P, w = Yt({
       keyframes: [p.value, m(p.value)],
-      velocity: ea(b, P, p.value),
+      velocity: ta(b, P, p.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: s,
@@ -3565,7 +3565,7 @@ function Rn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   };
 }
 function su(e, t, n) {
-  const r = [], i = n || Te.mix || Js, s = e.length - 1;
+  const r = [], i = n || Te.mix || Qs, s = e.length - 1;
   for (let a = 0; a < s; a++) {
     let o = i(e[a], e[a + 1]);
     if (t) {
@@ -3611,7 +3611,7 @@ function cu(e, t) {
   return e.map((n) => n * t);
 }
 function uu(e, t) {
-  return e.map(() => t || Ks).splice(0, e.length - 1);
+  return e.map(() => t || zs).splice(0, e.length - 1);
 }
 function qe({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }) {
   const i = Tc(r) ? r.map(Zr) : Zr(r), s = {
@@ -3642,7 +3642,7 @@ const hu = {
   keyframes: qe,
   spring: Yt
 };
-function ta(e) {
+function na(e) {
   typeof e.type == "string" && (e.type = hu[e.type]);
 }
 class mr {
@@ -3682,11 +3682,11 @@ class gr extends mr {
   }
   initAnimation() {
     const { options: t } = this;
-    ta(t);
+    na(t);
     const { type: n = qe, repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: a = 0 } = t;
     let { keyframes: o } = t;
     const l = n || qe;
-    process.env.NODE_ENV !== "production" && l !== qe && Ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== qe && typeof o[0] != "number" && (this.mixKeyframes = wt(pu, Js(o[0], o[1])), o = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== qe && Ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== qe && typeof o[0] != "number" && (this.mixKeyframes = wt(pu, Qs(o[0], o[1])), o = [0, 100]);
     const u = l({ ...t, keyframes: o });
     s === "mirror" && (this.mirroredGenerator = l({
       ...t,
@@ -3885,7 +3885,7 @@ Ne.translateX = Ne.x;
 Ne.translateY = Ne.y;
 const Oe = /* @__PURE__ */ new Set();
 let Nn = !1, On = !1, _n = !1;
-function na() {
+function ra() {
   if (On) {
     const e = Array.from(Oe).filter((r) => r.needsMeasurement), t = new Set(e.map((r) => r.element)), n = /* @__PURE__ */ new Map();
     t.forEach((r) => {
@@ -3903,20 +3903,20 @@ function na() {
   }
   On = !1, Nn = !1, Oe.forEach((e) => e.complete(_n)), Oe.clear();
 }
-function ra() {
+function ia() {
   Oe.forEach((e) => {
     e.readKeyframes(), e.needsMeasurement && (On = !0);
   });
 }
 function Tu() {
-  _n = !0, ra(), na(), _n = !1;
+  _n = !0, ia(), ra(), _n = !1;
 }
 class yr {
   constructor(t, n, r, i, s, a = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = i, this.element = s, this.isAsync = a;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Oe.add(this), Nn || (Nn = !0, F.read(ra), F.resolveKeyframes(na))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Oe.add(this), Nn || (Nn = !0, F.read(ia), F.resolveKeyframes(ra))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: r, motionValue: i } = this;
@@ -3959,7 +3959,7 @@ function Su(e, t) {
   const n = /* @__PURE__ */ rr(e);
   return () => Au[t] ?? n();
 }
-const ia = /* @__PURE__ */ Su(() => {
+const sa = /* @__PURE__ */ Su(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -3977,16 +3977,16 @@ const ia = /* @__PURE__ */ Su(() => {
   backIn: /* @__PURE__ */ ct([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ ct([0.33, 1.53, 0.69, 0.99])
 };
-function sa(e, t) {
+function aa(e, t) {
   if (e)
-    return typeof e == "function" ? ia() ? Qs(e, t) : "ease-out" : zs(e) ? ct(e) : Array.isArray(e) ? e.map((n) => sa(n, t) || li.easeOut) : li[e];
+    return typeof e == "function" ? sa() ? ea(e, t) : "ease-out" : Us(e) ? ct(e) : Array.isArray(e) ? e.map((n) => aa(n, t) || li.easeOut) : li[e];
 }
 function Eu(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: l } = {}, u = void 0) {
   const c = {
     [t]: n
   };
   l && (c.offset = l);
-  const d = sa(o, i);
+  const d = aa(o, i);
   Array.isArray(d) && (c.easing = d);
   const p = {
     delay: r,
@@ -3998,11 +3998,11 @@ function Eu(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatTyp
   };
   return u && (p.pseudoElement = u), e.animate(c, p);
 }
-function aa(e) {
+function oa(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
 function ju({ type: e, ...t }) {
-  return aa(e) && ia() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+  return oa(e) && sa() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
 class Vu extends mr {
   constructor(t) {
@@ -4092,21 +4092,21 @@ class Vu extends mr {
     return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && Pu() ? (this.animation.timeline = t, de) : n(this);
   }
 }
-const oa = {
-  anticipate: Bs,
-  backInOut: _s,
-  circInOut: qs
+const la = {
+  anticipate: Fs,
+  backInOut: Bs,
+  circInOut: Ks
 };
 function Ru(e) {
-  return e in oa;
+  return e in la;
 }
 function Mu(e) {
-  typeof e.ease == "string" && Ru(e.ease) && (e.ease = oa[e.ease]);
+  typeof e.ease == "string" && Ru(e.ease) && (e.ease = la[e.ease]);
 }
 const ci = 10;
 class Iu extends Vu {
   constructor(t) {
-    Mu(t), ta(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Mu(t), na(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -4149,10 +4149,10 @@ function Du(e, t, n, r) {
   if (t === "display" || t === "visibility")
     return !0;
   const s = e[e.length - 1], a = ui(i, t), o = ui(s, t);
-  return Ze(a === o, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !a || !o ? !1 : Lu(e) || (n === "spring" || aa(n)) && r;
+  return Ze(a === o, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !a || !o ? !1 : Lu(e) || (n === "spring" || oa(n)) && r;
 }
 function vr(e) {
-  return Rs(e) && "offsetHeight" in e;
+  return Ms(e) && "offsetHeight" in e;
 }
 const Nu = /* @__PURE__ */ new Set([
   "opacity",
@@ -4267,7 +4267,7 @@ function Ku(e) {
   return [`--${n ?? r}`, i];
 }
 const zu = 4;
-function la(e, t, n = 1) {
+function ca(e, t, n = 1) {
   Ce(n <= zu, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
   const [r, i] = Ku(e);
   if (!r)
@@ -4275,14 +4275,14 @@ function la(e, t, n = 1) {
   const s = window.getComputedStyle(t).getPropertyValue(r);
   if (s) {
     const a = s.trim();
-    return Vs(a) ? parseFloat(a) : a;
+    return Rs(a) ? parseFloat(a) : a;
   }
-  return cr(i) ? la(i, t, n + 1) : i;
+  return cr(i) ? ca(i, t, n + 1) : i;
 }
 function br(e, t) {
   return e?.[t] ?? e?.default ?? e;
 }
-const ca = /* @__PURE__ */ new Set([
+const ua = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -4293,9 +4293,9 @@ const ca = /* @__PURE__ */ new Set([
 ]), Uu = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ua = (e) => (t) => t.test(e), da = [Xe, A, ye, we, Lc, Ic, Uu], di = (e) => da.find(ua(e));
+}, da = (e) => (t) => t.test(e), ha = [Xe, A, ye, we, Lc, Ic, Uu], di = (e) => ha.find(da(e));
 function $u(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Ms(e) : !0;
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Is(e) : !0;
 }
 const Gu = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Wu(e) {
@@ -4401,9 +4401,9 @@ const Yu = /\b([a-z-]*)\(.*?\)/gu, Bn = {
   borderLeftColor: X,
   filter: Bn,
   WebkitFilter: Bn
-}, ha = (e) => Zu[e];
-function pa(e, t) {
-  let n = ha(e);
+}, pa = (e) => Zu[e];
+function fa(e, t) {
+  let n = pa(e);
   return n !== Bn && (n = Ee), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const Xu = /* @__PURE__ */ new Set(["auto", "none", "0"]);
@@ -4415,7 +4415,7 @@ function Ju(e, t, n) {
   }
   if (i && n)
     for (const s of t)
-      e[s] = pa(n, i);
+      e[s] = fa(n, i);
 }
 class Qu extends yr {
   constructor(t, n, r, i, s) {
@@ -4429,11 +4429,11 @@ class Qu extends yr {
     for (let l = 0; l < t.length; l++) {
       let u = t[l];
       if (typeof u == "string" && (u = u.trim(), cr(u))) {
-        const c = la(u, n.current);
+        const c = ca(u, n.current);
         c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !ca.has(r) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !ua.has(r) || t.length !== 2)
       return;
     const [i, s] = t, a = di(i), o = di(s);
     if (a !== o)
@@ -4630,7 +4630,7 @@ class nd {
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > pi)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, pi);
-    return Is(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return Ls(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -4684,11 +4684,11 @@ class nd {
 function Ge(e, t) {
   return new nd(e, t);
 }
-const fa = (e, t) => t && typeof e == "number" ? t.transform(e) : e, { schedule: Cr } = /* @__PURE__ */ Us(queueMicrotask, !1), pe = {
+const ma = (e, t) => t && typeof e == "number" ? t.transform(e) : e, { schedule: Cr } = /* @__PURE__ */ $s(queueMicrotask, !1), pe = {
   x: !1,
   y: !1
 };
-function ma() {
+function ga() {
   return pe.x || pe.y;
 }
 function rd(e) {
@@ -4698,7 +4698,7 @@ function rd(e) {
     pe.x = pe.y = !1;
   });
 }
-function ga(e, t) {
+function ya(e, t) {
   const n = ed(e), r = new AbortController(), i = {
     passive: !0,
     ...t,
@@ -4707,10 +4707,10 @@ function ga(e, t) {
   return [n, i, () => r.abort()];
 }
 function fi(e) {
-  return !(e.pointerType === "touch" || ma());
+  return !(e.pointerType === "touch" || ga());
 }
 function id(e, t, n = {}) {
-  const [r, i, s] = ga(e, n), a = (o) => {
+  const [r, i, s] = ya(e, n), a = (o) => {
     if (!fi(o))
       return;
     const { target: l } = o, u = t(l, o);
@@ -4725,7 +4725,7 @@ function id(e, t, n = {}) {
     o.addEventListener("pointerenter", a, i);
   }), s;
 }
-const ya = (e, t) => t ? e === t ? !0 : ya(e, t.parentElement) : !1, Tr = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, sd = /* @__PURE__ */ new Set([
+const va = (e, t) => t ? e === t ? !0 : va(e, t.parentElement) : !1, Tr = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, sd = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -4760,10 +4760,10 @@ const od = (e, t) => {
   n.addEventListener("keydown", r, t), n.addEventListener("blur", () => n.removeEventListener("keydown", r), t);
 };
 function gi(e) {
-  return Tr(e) && !ma();
+  return Tr(e) && !ga();
 }
 function ld(e, t, n = {}) {
-  const [r, i, s] = ga(e, n), a = (o) => {
+  const [r, i, s] = ya(e, n), a = (o) => {
     const l = o.currentTarget;
     if (!gi(o))
       return;
@@ -4771,7 +4771,7 @@ function ld(e, t, n = {}) {
     const u = t(l, o), c = (f, m) => {
       window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", p), zt.has(l) && zt.delete(l), gi(f) && typeof u == "function" && u(f, { success: m });
     }, d = (f) => {
-      c(f, l === window || l === document || n.useGlobalTarget || ya(l, f.target));
+      c(f, l === window || l === document || n.useGlobalTarget || va(l, f.target));
     }, p = (f) => {
       c(f, !1);
     };
@@ -4781,13 +4781,13 @@ function ld(e, t, n = {}) {
     (n.useGlobalTarget ? window : o).addEventListener("pointerdown", a, i), vr(o) && (o.addEventListener("focus", (u) => od(u, i)), !ad(o) && !o.hasAttribute("tabindex") && (o.tabIndex = 0));
   }), s;
 }
-function va(e) {
-  return Rs(e) && "ownerSVGElement" in e;
+function ba(e) {
+  return Ms(e) && "ownerSVGElement" in e;
 }
 function cd(e) {
-  return va(e) && e.tagName === "svg";
+  return ba(e) && e.tagName === "svg";
 }
-const J = (e) => !!(e && e.getVelocity), ud = [...da, X, Ee], dd = (e) => ud.find(ua(e)), kr = ne({
+const J = (e) => !!(e && e.getVelocity), ud = [...ha, X, Ee], dd = (e) => ud.find(da(e)), kr = ne({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
@@ -4863,7 +4863,7 @@ const fd = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom:
 function md() {
   return /* @__PURE__ */ new Map();
 }
-function ba(e = !0) {
+function xa(e = !0) {
   const t = _(Qt);
   if (t === null)
     return [!0, null];
@@ -4878,13 +4878,13 @@ function ba(e = !0) {
 const Dt = (e) => e.key || "";
 function yi(e) {
   const t = [];
-  return vo.forEach(e, (n) => {
-    bo(n) && t.push(n);
+  return bo.forEach(e, (n) => {
+    xo(n) && t.push(n);
   }), t;
 }
-const xa = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: a = !1, anchorX: o = "left" }) => {
-  const [l, u] = ba(a), c = he(() => yi(e), [e]), d = a && !l ? [] : c.map(Dt), p = ue(!0), f = ue(c), m = Qn(() => /* @__PURE__ */ new Map()), [g, v] = S(c), [y, T] = S(c);
-  js(() => {
+const Ca = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: a = !1, anchorX: o = "left" }) => {
+  const [l, u] = xa(a), c = he(() => yi(e), [e]), d = a && !l ? [] : c.map(Dt), p = ue(!0), f = ue(c), m = Qn(() => /* @__PURE__ */ new Map()), [g, v] = S(c), [y, T] = S(c);
+  Vs(() => {
     p.current = !1, f.current = c;
     for (let C = 0; C < y.length; C++) {
       const w = Dt(y[C]);
@@ -4915,7 +4915,7 @@ const xa = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
     };
     return h.jsx(fd, { isPresent: E, initial: !p.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: E ? void 0 : P, anchorX: o, children: C }, w);
   }) });
-}, Ca = ne({ strict: !1 }), vi = {
+}, Ta = ne({ strict: !1 }), vi = {
   animation: [
     "animate",
     "variants",
@@ -4981,9 +4981,9 @@ const yd = /* @__PURE__ */ new Set([
 function Ht(e) {
   return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || yd.has(e);
 }
-let Ta = (e) => !Ht(e);
+let ka = (e) => !Ht(e);
 function vd(e) {
-  e && (Ta = (t) => t.startsWith("on") ? !Ht(t) : e(t));
+  e && (ka = (t) => t.startsWith("on") ? !Ht(t) : e(t));
 }
 try {
   vd(require("@emotion/is-prop-valid").default);
@@ -4992,7 +4992,7 @@ try {
 function bd(e, t, n) {
   const r = {};
   for (const i in e)
-    i === "values" && typeof e.values == "object" || (Ta(i) || n === !0 && Ht(i) || !t && !Ht(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof e.values == "object" || (ka(i) || n === !0 && Ht(i) || !t && !Ht(i) || // If trying to use native HTML drag events, forward drag listeners
     e.draggable && i.startsWith("onDrag")) && (r[i] = e[i]);
   return r;
 }
@@ -5028,7 +5028,7 @@ const wr = [
 function nn(e) {
   return tn(e.animate) || Pr.some((t) => bt(e[t]));
 }
-function ka(e) {
+function wa(e) {
   return !!(nn(e) || e.variants);
 }
 function Cd(e, t) {
@@ -5065,9 +5065,9 @@ function wd(e, t, n) {
     [t]
   );
 }
-const Ar = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Pd = "framerAppearId", wa = "data-" + Ar(Pd), Pa = ne({});
+const Ar = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Pd = "framerAppearId", Pa = "data-" + Ar(Pd), Aa = ne({});
 function Ad(e, t, n, r, i) {
-  const { visualElement: s } = _(en), a = _(Ca), o = _(Qt), l = _(kr).reducedMotion, u = ue(null);
+  const { visualElement: s } = _(en), a = _(Ta), o = _(Qt), l = _(kr).reducedMotion, u = ue(null);
   r = r || a.renderer, !u.current && r && (u.current = r(e, {
     visualState: t,
     parent: s,
@@ -5076,14 +5076,14 @@ function Ad(e, t, n, r, i) {
     blockInitialAnimation: o ? o.initial === !1 : !1,
     reducedMotionConfig: l
   }));
-  const c = u.current, d = _(Pa);
+  const c = u.current, d = _(Aa);
   c && !c.projection && i && (c.type === "html" || c.type === "svg") && Sd(u.current, n, i, d);
   const p = ue(!1);
   bs(() => {
     c && p.current && c.update(n, o);
   });
-  const f = n[wa], m = ue(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
-  return js(() => {
+  const f = n[Pa], m = ue(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
+  return Vs(() => {
     c && (p.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), Cr.render(c.render), m.current && c.animationState && c.animationState.animateChanges());
   }), te(() => {
     c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
@@ -5093,7 +5093,7 @@ function Ad(e, t, n, r, i) {
 }
 function Sd(e, t, n, r) {
   const { layoutId: i, layout: s, drag: a, dragConstraints: o, layoutScroll: l, layoutRoot: u, layoutCrossfade: c } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Aa(e.parent)), e.projection.setOptions({
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Sa(e.parent)), e.projection.setOptions({
     layoutId: i,
     layout: s,
     alwaysMeasureLayout: !!a || o && Ke(o),
@@ -5112,9 +5112,9 @@ function Sd(e, t, n, r) {
     layoutRoot: u
   });
 }
-function Aa(e) {
+function Sa(e) {
   if (e)
-    return e.options.allowProjection !== !1 ? e.projection : Aa(e.parent);
+    return e.options.allowProjection !== !1 ? e.projection : Sa(e.parent);
 }
 function Ed({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: r, Component: i }) {
   e && gd(e);
@@ -5133,7 +5133,7 @@ function Ed({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
     return h.jsxs(en.Provider, { value: p, children: [u && p.visualElement ? h.jsx(u, { visualElement: p.visualElement, ...c }) : null, n(i, o, wd(f, p.visualElement, l), f, d, p.visualElement)] });
   }
   s.displayName = `motion.${typeof i == "string" ? i : `create(${i.displayName ?? i.name ?? ""})`}`;
-  const a = xo(s);
+  const a = Co(s);
   return a[kd] = i, a;
 }
 function jd({ layoutId: e }) {
@@ -5141,7 +5141,7 @@ function jd({ layoutId: e }) {
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function Vd(e, t) {
-  const n = _(Ca).strict;
+  const n = _(Ta).strict;
   if (process.env.NODE_ENV !== "production" && t && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? Ze(!1, r) : Ce(!1, r);
@@ -5162,7 +5162,7 @@ function Md(e) {
   for (const t in e)
     xt[t] = e[t], lr(t) && (xt[t].isCSSVariable = !0);
 }
-function Sa(e, { layout: t, layoutId: n }) {
+function Ea(e, { layout: t, layoutId: n }) {
   return Qe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!xt[e] || e === "opacity");
 }
 const Id = {
@@ -5179,7 +5179,7 @@ function Dd(e, t, n) {
       continue;
     let l = !0;
     if (typeof o == "number" ? l = o === (a.startsWith("scale") ? 1 : 0) : l = parseFloat(o) === 0, !l || n) {
-      const u = fa(o, xr[a]);
+      const u = ma(o, xr[a]);
       if (!l) {
         i = !1;
         const c = Id[a] || a;
@@ -5202,7 +5202,7 @@ function Sr(e, t, n) {
       i[l] = u;
       continue;
     } else {
-      const c = fa(u, xr[l]);
+      const c = ma(u, xr[l]);
       l.startsWith("origin") ? (o = !0, s[l] = c) : r[l] = c;
     }
   }
@@ -5217,9 +5217,9 @@ const Er = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Ea(e, t, n) {
+function ja(e, t, n) {
   for (const r in t)
-    !J(t[r]) && !Sa(r, n) && (e[r] = t[r]);
+    !J(t[r]) && !Ea(r, n) && (e[r] = t[r]);
 }
 function Nd({ transformTemplate: e }, t) {
   return he(() => {
@@ -5229,7 +5229,7 @@ function Nd({ transformTemplate: e }, t) {
 }
 function Od(e, t) {
   const n = e.style || {}, r = {};
-  return Ea(r, n, e), Object.assign(r, Nd(e, t)), r;
+  return ja(r, n, e), Object.assign(r, Nd(e, t)), r;
 }
 function _d(e, t) {
   const n = {}, r = Od(e, t);
@@ -5249,7 +5249,7 @@ function qd(e, t, n = 1, r = 0, i = !0) {
   const a = A.transform(t), o = A.transform(n);
   e[s.array] = `${a} ${o}`;
 }
-function ja(e, {
+function Va(e, {
   attrX: t,
   attrY: n,
   attrScale: r,
@@ -5267,21 +5267,21 @@ function ja(e, {
   const { attrs: d, style: p } = e;
   d.transform && (p.transform = d.transform, delete d.transform), (p.transform || d.transformOrigin) && (p.transformOrigin = d.transformOrigin ?? "50% 50%", delete d.transformOrigin), p.transform && (p.transformBox = c?.transformBox ?? "fill-box", delete d.transformBox), t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), r !== void 0 && (d.scale = r), i !== void 0 && qd(d, i, s, a, !1);
 }
-const Va = () => ({
+const Ra = () => ({
   ...Er(),
   attrs: {}
-}), Ra = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+}), Ma = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function Kd(e, t, n, r) {
   const i = he(() => {
-    const s = Va();
-    return ja(s, t, Ra(r), e.transformTemplate, e.style), {
+    const s = Ra();
+    return Va(s, t, Ma(r), e.transformTemplate, e.style), {
       ...s.attrs,
       style: { ...s.style }
     };
   }, [t]);
   if (e.style) {
     const s = {};
-    Ea(s, e.style, e), i.style = { ...s, ...i.style };
+    ja(s, e.style, e), i.style = { ...s, ...i.style };
   }
   return i;
 }
@@ -5335,7 +5335,7 @@ function jr(e) {
 function Ud(e = !1) {
   return (n, r, i, { latestValues: s }, a) => {
     const l = (jr(n) ? Kd : _d)(r, s, a, n), u = bd(r, typeof n == "string", e), c = n !== xs ? { ...u, ...l, ref: i } : {}, { children: d } = r, p = he(() => J(d) ? d.get() : d, [d]);
-    return Co(n, {
+    return To(n, {
       ...c,
       children: p
     });
@@ -5367,7 +5367,7 @@ function $d({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, r, i) {
     renderState: t()
   };
 }
-const Ma = (e) => (t, n) => {
+const Ia = (e) => (t, n) => {
   const r = _(en), i = _(Qt), s = () => $d(e, t, r, i);
   return n ? s() : Qn(s);
 };
@@ -5376,7 +5376,7 @@ function Gd(e, t, n, r) {
   for (const p in s)
     i[p] = Ut(s[p]);
   let { initial: a, animate: o } = e;
-  const l = nn(e), u = ka(e);
+  const l = nn(e), u = wa(e);
   t && u && !l && e.inherit !== !1 && (a === void 0 && (a = t.initial), o === void 0 && (o = t.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || a === !1;
@@ -5405,16 +5405,16 @@ function Gd(e, t, n, r) {
 function Rr(e, t, n) {
   const { style: r } = e, i = {};
   for (const s in r)
-    (J(r[s]) || t.style && J(t.style[s]) || Sa(s, e) || n?.getValue(s)?.liveStyle !== void 0) && (i[s] = r[s]);
+    (J(r[s]) || t.style && J(t.style[s]) || Ea(s, e) || n?.getValue(s)?.liveStyle !== void 0) && (i[s] = r[s]);
   return i;
 }
 const Wd = {
-  useVisualState: Ma({
+  useVisualState: Ia({
     scrapeMotionValuesFromProps: Rr,
     createRenderState: Er
   })
 };
-function Ia(e, t, n) {
+function La(e, t, n) {
   const r = Rr(e, t, n);
   for (const i in e)
     if (J(e[i]) || J(t[i])) {
@@ -5424,9 +5424,9 @@ function Ia(e, t, n) {
   return r;
 }
 const Yd = {
-  useVisualState: Ma({
-    scrapeMotionValuesFromProps: Ia,
-    createRenderState: Va
+  useVisualState: Ia({
+    scrapeMotionValuesFromProps: La,
+    createRenderState: Ra
   })
 };
 function Hd(e, t) {
@@ -5473,8 +5473,8 @@ function qn(e, t) {
     e.addValue("willChange", r), r.add(t);
   }
 }
-function La(e) {
-  return e.props[wa];
+function Da(e) {
+  return e.props[Pa];
 }
 const e0 = (e) => e !== null;
 function t0(e, { repeat: t, repeatType: n = "loop" }, r) {
@@ -5539,7 +5539,7 @@ function l0({ protectedKeys: e, needsAnimating: t }, n) {
   const r = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, r;
 }
-function Da(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
+function Na(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
   let { transition: s = e.getDefaultTransition(), transitionEnd: a, ...o } = t;
   r && (s = r);
   const l = [], u = i && e.animationState && e.animationState.getState()[i];
@@ -5555,13 +5555,13 @@ function Da(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
       continue;
     let g = !1;
     if (window.MotionHandoffAnimation) {
-      const y = La(e);
+      const y = Da(e);
       if (y) {
         const T = window.MotionHandoffAnimation(y, c, F);
         T !== null && (f.startTime = T, g = !0);
       }
     }
-    qn(e, c), d.start(Mr(c, d, p, e.shouldReduceMotion && ca.has(c) ? { type: !1 } : f, e, g));
+    qn(e, c), d.start(Mr(c, d, p, e.shouldReduceMotion && ua.has(c) ? { type: !1 } : f, e, g));
     const v = d.animation;
     v && l.push(v);
   }
@@ -5575,7 +5575,7 @@ function Kn(e, t, n = {}) {
   const r = Ct(e, t, n.type === "exit" ? e.presenceContext?.custom : void 0);
   let { transition: i = e.getDefaultTransition() || {} } = r || {};
   n.transitionOverride && (i = n.transitionOverride);
-  const s = r ? () => Promise.all(Da(e, r, n)) : () => Promise.resolve(), a = e.variantChildren && e.variantChildren.size ? (l = 0) => {
+  const s = r ? () => Promise.all(Na(e, r, n)) : () => Promise.resolve(), a = e.variantChildren && e.variantChildren.size ? (l = 0) => {
     const { delayChildren: u = 0, staggerChildren: c, staggerDirection: d } = i;
     return c0(e, t, u + l, c, d, n);
   } : () => Promise.resolve(), { when: o } = i;
@@ -5607,13 +5607,13 @@ function d0(e, t, n = {}) {
     r = Kn(e, t, n);
   else {
     const i = typeof t == "function" ? Ct(e, t, n.custom) : t;
-    r = Promise.all(Da(e, i, n));
+    r = Promise.all(Na(e, i, n));
   }
   return r.then(() => {
     e.notify("AnimationComplete", t);
   });
 }
-function Na(e, t) {
+function Oa(e, t) {
   if (!Array.isArray(t))
     return !1;
   const n = t.length;
@@ -5625,11 +5625,11 @@ function Na(e, t) {
   return !0;
 }
 const h0 = Pr.length;
-function Oa(e) {
+function _a(e) {
   if (!e)
     return;
   if (!e.isControllingVariants) {
-    const n = e.parent ? Oa(e.parent) || {} : {};
+    const n = e.parent ? _a(e.parent) || {} : {};
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
@@ -5657,7 +5657,7 @@ function g0(e) {
     t = l(e);
   }
   function a(l) {
-    const { props: u } = e, c = Oa(e.parent) || {}, d = [], p = /* @__PURE__ */ new Set();
+    const { props: u } = e, c = _a(e.parent) || {}, d = [], p = /* @__PURE__ */ new Set();
     let f = {}, m = 1 / 0;
     for (let v = 0; v < f0; v++) {
       const y = p0[v], T = n[y], b = u[y] !== void 0 ? u[y] : c[y], k = bt(b), C = y === l ? T.isActive : null;
@@ -5688,7 +5688,7 @@ function g0(e) {
         if (f.hasOwnProperty(M))
           continue;
         let x = !1;
-        Fn(L) && Fn(U) ? x = !Na(L, U) : x = L !== U, x ? L != null ? G(M) : p.add(M) : L !== void 0 && p.has(M) ? G(M) : T.protectedKeys[M] = !0;
+        Fn(L) && Fn(U) ? x = !Oa(L, U) : x = L !== U, x ? L != null ? G(M) : p.add(M) : L !== void 0 && p.has(M) ? G(M) : T.protectedKeys[M] = !0;
       }
       T.prevProp = b, T.prevResolvedValues = q, T.isActive && (f = { ...f, ...q }), r && e.blockInitialAnimation && (P = !1), P && (!(w && E) || V) && d.push(...I.map((M) => ({
         animation: M,
@@ -5729,7 +5729,7 @@ function g0(e) {
   };
 }
 function y0(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Na(t, e) : !1;
+  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Oa(t, e) : !1;
 }
 function Ve(e = !1) {
   return {
@@ -5830,7 +5830,7 @@ const T0 = (e) => (t) => Tr(t) && e(t, St(t));
 function ht(e, t, n, r) {
   return Tt(e, t, T0(n), r);
 }
-function _a({ top: e, left: t, right: n, bottom: r }) {
+function Ba({ top: e, left: t, right: n, bottom: r }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: r }
@@ -5850,7 +5850,7 @@ function w0(e, t) {
     right: r.x
   };
 }
-const Ba = 1e-4, P0 = 1 - Ba, A0 = 1 + Ba, Fa = 0.01, S0 = 0 - Fa, E0 = 0 + Fa;
+const Fa = 1e-4, P0 = 1 - Fa, A0 = 1 + Fa, qa = 0.01, S0 = 0 - qa, E0 = 0 + qa;
 function ee(e) {
   return e.max - e.min;
 }
@@ -5897,9 +5897,9 @@ function zn({ scale: e, scaleX: t, scaleY: n }) {
   return !gn(e) || !gn(t) || !gn(n);
 }
 function Me(e) {
-  return zn(e) || qa(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
+  return zn(e) || Ka(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
 }
-function qa(e) {
+function Ka(e) {
   return Si(e.x) || Si(e.y);
 }
 function Si(e) {
@@ -5915,7 +5915,7 @@ function Ei(e, t, n, r, i) {
 function Un(e, t = 0, n = 1, r, i) {
   e.min = Ei(e.min, t, n, r, i), e.max = Ei(e.max, t, n, r, i);
 }
-function Ka(e, { x: t, y: n }) {
+function za(e, { x: t, y: n }) {
   Un(e.x, t.translate, t.scale, t.originPoint), Un(e.y, n.translate, n.scale, n.originPoint);
 }
 const ji = 0.999999999999, Vi = 1.0000000000001;
@@ -5931,7 +5931,7 @@ function R0(e, t, n, r = !1) {
     l && l.props.style && l.props.style.display === "contents" || (r && s.options.layoutScroll && s.scroll && s !== s.root && $e(e, {
       x: -s.scroll.offset.x,
       y: -s.scroll.offset.y
-    }), a && (t.x *= a.x.scale, t.y *= a.y.scale, Ka(e, a)), r && Me(s.latestValues) && $e(e, s.latestValues));
+    }), a && (t.x *= a.x.scale, t.y *= a.y.scale, za(e, a)), r && Me(s.latestValues) && $e(e, s.latestValues));
   }
   t.x < Vi && t.x > ji && (t.x = 1), t.y < Vi && t.y > ji && (t.y = 1);
 }
@@ -5945,19 +5945,19 @@ function Ri(e, t, n, r, i = 0.5) {
 function $e(e, t) {
   Ri(e.x, t.x, t.scaleX, t.scale, t.originX), Ri(e.y, t.y, t.scaleY, t.scale, t.originY);
 }
-function za(e, t) {
-  return _a(w0(e.getBoundingClientRect(), t));
+function Ua(e, t) {
+  return Ba(w0(e.getBoundingClientRect(), t));
 }
 function M0(e, t, n) {
-  const r = za(e, n), { scroll: i } = t;
+  const r = Ua(e, n), { scroll: i } = t;
   return i && (Ue(r.x, i.offset.x), Ue(r.y, i.offset.y)), r;
 }
-const Ua = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Mi = (e, t) => Math.abs(e - t);
+const $a = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Mi = (e, t) => Math.abs(e - t);
 function I0(e, t) {
   const n = Mi(e.x, t.x), r = Mi(e.y, t.y);
   return Math.sqrt(n ** 2 + r ** 2);
 }
-class $a {
+class Ga {
   constructor(t, n, { transformPagePoint: r, contextWindow: i, dragSnapToOrigin: s = !1 } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
@@ -6002,7 +6002,7 @@ function Ii(e, t) {
 function vn({ point: e }, t) {
   return {
     point: e,
-    delta: Ii(e, Ga(t)),
+    delta: Ii(e, Wa(t)),
     offset: Ii(e, L0(t)),
     velocity: D0(t, 0.1)
   };
@@ -6010,14 +6010,14 @@ function vn({ point: e }, t) {
 function L0(e) {
   return e[0];
 }
-function Ga(e) {
+function Wa(e) {
   return e[e.length - 1];
 }
 function D0(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let n = e.length - 1, r = null;
-  const i = Ga(e);
+  const i = Wa(e);
   for (; n >= 0 && (r = e[n], !(i.timestamp - r.timestamp > /* @__PURE__ */ fe(t))); )
     n--;
   if (!r)
@@ -6121,7 +6121,7 @@ class z0 {
       }
       this.updateAxis("x", d.point, v), this.updateAxis("y", d.point, v), this.visualElement.render(), g && g(c, d);
     }, o = (c, d) => this.stop(c, d), l = () => le((c) => this.getAnimationState(c) === "paused" && this.getAxisMotionValue(c).animation?.play()), { dragSnapToOrigin: u } = this.getProps();
-    this.panSession = new $a(t, {
+    this.panSession = new Ga(t, {
       onSessionStart: i,
       onStart: s,
       onMove: a,
@@ -6130,7 +6130,7 @@ class z0 {
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: u,
-      contextWindow: Ua(this.visualElement)
+      contextWindow: $a(this.visualElement)
     });
   }
   stop(t, n) {
@@ -6176,7 +6176,7 @@ class z0 {
     let a = _0(i.layout.layoutBox, s);
     if (n) {
       const o = n(k0(a));
-      this.hasMutatedConstraints = !!o, o && (a = _a(o));
+      this.hasMutatedConstraints = !!o, o && (a = Ba(o));
     }
     return a;
   }
@@ -6326,9 +6326,9 @@ class G0 extends je {
     super(...arguments), this.removePointerDownListener = de;
   }
   onPointerDown(t) {
-    this.session = new $a(t, this.createPanHandlers(), {
+    this.session = new Ga(t, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Ua(this.node)
+      contextWindow: $a(this.node)
     });
   }
   createPanHandlers() {
@@ -6390,7 +6390,7 @@ const lt = {
     return typeof i[2 + a] == "number" && (i[2 + a] /= u), typeof i[3 + a] == "number" && (i[3 + a] /= u), s(i);
   }
 };
-class Y0 extends To {
+class Y0 extends ko {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -6430,9 +6430,9 @@ class Y0 extends To {
     return null;
   }
 }
-function Wa(e) {
-  const [t, n] = ba(), r = _(Jn);
-  return h.jsx(Y0, { ...e, layoutGroup: r, switchLayoutGroup: _(Pa), isPresent: t, safeToRemove: n });
+function Ya(e) {
+  const [t, n] = xa(), r = _(Jn);
+  return h.jsx(Y0, { ...e, layoutGroup: r, switchLayoutGroup: _(Aa), isPresent: t, safeToRemove: n });
 }
 const H0 = {
   borderRadius: {
@@ -6476,11 +6476,11 @@ function Q0(e, t) {
   };
   return F.setup(r, !0), () => Se(r);
 }
-const Ya = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], eh = Ya.length, Fi = (e) => typeof e == "string" ? parseFloat(e) : e, qi = (e) => typeof e == "number" || A.test(e);
+const Ha = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], eh = Ha.length, Fi = (e) => typeof e == "string" ? parseFloat(e) : e, qi = (e) => typeof e == "number" || A.test(e);
 function th(e, t, n, r, i, s) {
   i ? (e.opacity = B(0, n.opacity ?? 1, nh(r)), e.opacityExit = B(t.opacity ?? 1, 0, rh(r))) : s && (e.opacity = B(t.opacity ?? 1, n.opacity ?? 1, r));
   for (let a = 0; a < eh; a++) {
-    const o = `border${Ya[a]}Radius`;
+    const o = `border${Ha[a]}Radius`;
     let l = Ki(t, o), u = Ki(n, o);
     if (l === void 0 && u === void 0)
       continue;
@@ -6491,8 +6491,8 @@ function th(e, t, n, r, i, s) {
 function Ki(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const nh = /* @__PURE__ */ Ha(0, 0.5, Fs), rh = /* @__PURE__ */ Ha(0.5, 0.95, de);
-function Ha(e, t, n) {
+const nh = /* @__PURE__ */ Za(0, 0.5, qs), rh = /* @__PURE__ */ Za(0.5, 0.95, de);
+function Za(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(/* @__PURE__ */ gt(e, t, r));
 }
 function zi(e, t) {
@@ -6523,7 +6523,7 @@ function Wi(e, t, n, r) {
 function Yi(e) {
   return e.translate === 0 && e.scale === 1;
 }
-function Za(e) {
+function Xa(e) {
   return Yi(e.x) && Yi(e.y);
 }
 function Hi(e, t) {
@@ -6535,7 +6535,7 @@ function oh(e, t) {
 function Zi(e, t) {
   return Math.round(e.min) === Math.round(t.min) && Math.round(e.max) === Math.round(t.max);
 }
-function Xa(e, t) {
+function Ja(e, t) {
   return Zi(e.x, t.x) && Zi(e.y, t.y);
 }
 function Xi(e) {
@@ -6614,21 +6614,21 @@ function xn(e, t, n, r) {
   const { latestValues: i } = t;
   i[e] && (n[e] = i[e], t.setStaticValue(e, 0), r && (r[e] = 0));
 }
-function Ja(e) {
+function Qa(e) {
   if (e.hasCheckedOptimisedAppear = !0, e.root === e)
     return;
   const { visualElement: t } = e.options;
   if (!t)
     return;
-  const n = La(t);
+  const n = Da(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: s } = e.options;
     window.MotionCancelOptimisedAnimation(n, "transform", F, !(i || s));
   }
   const { parent: r } = e;
-  r && !r.hasCheckedOptimisedAppear && Ja(r);
+  r && !r.hasCheckedOptimisedAppear && Qa(r);
 }
-function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: r, resetTransform: i }) {
+function eo({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: r, resetTransform: i }) {
   return class {
     constructor(a = {}, o = t?.()) {
       this.id = hh++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
@@ -6656,7 +6656,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     mount(a) {
       if (this.instance)
         return;
-      this.isSVG = va(a) && !cd(a), this.instance = a;
+      this.isSVG = ba(a) && !cd(a), this.instance = a;
       const { layoutId: o, layout: l, visualElement: u } = this.options;
       if (u && !u.current && u.mount(a), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || o) && (this.isLayoutDirty = !0), e) {
         let c;
@@ -6670,7 +6670,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || Ah, { onLayoutAnimationStart: g, onLayoutAnimationComplete: v } = u.getProps(), y = !this.targetLayout || !Xa(this.targetLayout, f), T = !d && p;
+        const m = this.options.transition || u.getDefaultTransition() || Ah, { onLayoutAnimationStart: g, onLayoutAnimationComplete: v } = u.getProps(), y = !this.targetLayout || !Ja(this.targetLayout, f), T = !d && p;
         if (this.options.layoutRoot || this.resumeFrom || T || d && (y || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(c, T);
           const b = {
@@ -6715,7 +6715,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Ja(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Qa(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let c = 0; c < this.path.length; c++) {
@@ -6784,7 +6784,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      const a = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, o = this.projectionDelta && !Za(this.projectionDelta), l = this.getTransformTemplate(), u = l ? l(this.latestValues, "") : void 0, c = u !== this.prevTransformTemplateValue;
+      const a = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, o = this.projectionDelta && !Xa(this.projectionDelta), l = this.getTransformTemplate(), u = l ? l(this.latestValues, "") : void 0, c = u !== this.prevTransformTemplateValue;
       a && this.instance && (o || Me(this.latestValues) || c) && (i(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(a = !0) {
@@ -6872,7 +6872,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           const p = this.getClosestProjectingParent();
           p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = K(), this.relativeTargetOrigin = K(), ft(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = K(), this.targetWithTransforms = K()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), V0(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : oe(this.target, this.layout.layoutBox), Ka(this.target, this.targetDelta)) : oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = K(), this.targetWithTransforms = K()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), V0(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : oe(this.target, this.layout.layoutBox), za(this.target, this.targetDelta)) : oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const p = this.getClosestProjectingParent();
           p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = K(), this.relativeTargetOrigin = K(), ft(this.relativeTargetOrigin, this.target, p.target), oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -6880,7 +6880,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || zn(this.parent.latestValues) || qa(this.parent.latestValues)))
+      if (!(!this.parent || zn(this.parent.latestValues) || Ka(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
@@ -6959,7 +6959,7 @@ function Qa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const a = this.getLead();
       let { targetWithTransforms: o, target: l, layout: u, latestValues: c } = a;
       if (!(!o || !l || !u)) {
-        if (this !== a && this.layout && u && eo(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
+        if (this !== a && this.layout && u && to(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
           l = this.target || K();
           const d = ee(this.layout.layoutBox.x);
           l.x.min = a.target.x.min, l.x.max = l.x.min + d;
@@ -7070,7 +7070,7 @@ function fh(e) {
     i === "size" ? le((c) => {
       const d = s ? t.measuredBox[c] : t.layoutBox[c], p = ee(d);
       d.min = n[c].min, d.max = d.min + p;
-    }) : eo(i, t.layoutBox, n) && le((c) => {
+    }) : to(i, t.layoutBox, n) && le((c) => {
       const d = s ? t.measuredBox[c] : t.layoutBox[c], p = ee(n[c]);
       d.max = d.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[c].max = e.relativeTarget[c].min + p);
     });
@@ -7078,7 +7078,7 @@ function fh(e) {
     pt(a, n, t.layoutBox);
     const o = ze();
     s ? pt(o, e.applyTransform(r, !0), t.measuredBox) : pt(o, n, t.layoutBox);
-    const l = !Za(a);
+    const l = !Xa(a);
     let u = !1;
     if (!e.resumeFrom) {
       const c = e.getClosestProjectingParent();
@@ -7088,7 +7088,7 @@ function fh(e) {
           const f = K();
           ft(f, t.layoutBox, d.layoutBox);
           const m = K();
-          ft(m, n, p.layoutBox), Xa(f, m) || (u = !0), c.options.layoutRoot && (e.relativeTarget = m, e.relativeTargetOrigin = f, e.relativeParent = c);
+          ft(m, n, p.layoutBox), Ja(f, m) || (u = !0), c.options.layoutRoot && (e.relativeTarget = m, e.relativeTargetOrigin = f, e.relativeParent = c);
         }
       }
     }
@@ -7162,13 +7162,13 @@ function ss(e) {
 function Sh(e) {
   ss(e.x), ss(e.y);
 }
-function eo(e, t, n) {
+function to(e, t, n) {
   return e === "position" || e === "preserve-aspect" && !j0(Xi(t), Xi(n), 0.2);
 }
 function Eh(e) {
   return e !== e.root && e.scroll?.wasRoot;
 }
-const jh = Qa({
+const jh = eo({
   attachResizeListener: (e, t) => Tt(e, "resize", t),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -7177,7 +7177,7 @@ const jh = Qa({
   checkIsScrollRoot: () => !0
 }), Cn = {
   current: void 0
-}, to = Qa({
+}, no = eo({
   measureScroll: (e) => ({
     x: e.scrollLeft,
     y: e.scrollTop
@@ -7199,8 +7199,8 @@ const jh = Qa({
   },
   drag: {
     Feature: $0,
-    ProjectionNode: to,
-    MeasureLayout: Wa
+    ProjectionNode: no,
+    MeasureLayout: Ya
   }
 };
 function as(e, t, n) {
@@ -7327,12 +7327,12 @@ const qh = {
   }
 }, Kh = {
   layout: {
-    ProjectionNode: to,
-    MeasureLayout: Wa
+    ProjectionNode: no,
+    MeasureLayout: Ya
   }
-}, Wn = { current: null }, no = { current: !1 };
+}, Wn = { current: null }, ro = { current: !1 };
 function zh() {
-  if (no.current = !0, !!er)
+  if (ro.current = !0, !!er)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Wn.current = e.matches;
       e.addListener(t), t();
@@ -7388,7 +7388,7 @@ class Gh {
       this.renderScheduledAt < p && (this.renderScheduledAt = p, F.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = a;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = nn(n), this.isVariantNode = ka(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = nn(n), this.isVariantNode = wa(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: c, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const p in d) {
       const f = d[p];
@@ -7396,7 +7396,7 @@ class Gh {
     }
   }
   mount(t) {
-    this.current = t, Uh.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), no.current || zh(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Wn.current, process.env.NODE_ENV !== "production" && sr(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 = t, Uh.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), ro.current || zh(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Wn.current, process.env.NODE_ENV !== "production" && sr(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(), Se(this.notifyUpdate), Se(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -7530,7 +7530,7 @@ class Gh {
    */
   readValue(t, n) {
     let r = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return r != null && (typeof r == "string" && (Vs(r) || Ms(r)) ? r = parseFloat(r) : !dd(r) && Ee.test(n) && (r = pa(t, n)), this.setBaseTarget(t, J(r) ? r.get() : r)), J(r) ? r.get() : r;
+    return r != null && (typeof r == "string" && (Rs(r) || Is(r)) ? r = parseFloat(r) : !dd(r) && Ee.test(n) && (r = fa(t, n)), this.setBaseTarget(t, J(r) ? r.get() : r)), J(r) ? r.get() : r;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -7562,7 +7562,7 @@ class Gh {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class ro extends Gh {
+class io extends Gh {
   constructor() {
     super(...arguments), this.KeyframeResolver = Qu;
   }
@@ -7583,7 +7583,7 @@ class ro extends Gh {
     }));
   }
 }
-function io(e, { style: t, vars: n }, r, i) {
+function so(e, { style: t, vars: n }, r, i) {
   Object.assign(e.style, t, i && i.getProjectionStyles(r));
   for (const s in n)
     e.style.setProperty(s, n[s]);
@@ -7591,9 +7591,9 @@ function io(e, { style: t, vars: n }, r, i) {
 function Wh(e) {
   return window.getComputedStyle(e);
 }
-class Yh extends ro {
+class Yh extends io {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = io;
+    super(...arguments), this.type = "html", this.renderInstance = so;
   }
   readValueFromInstance(t, n) {
     if (Qe.has(n))
@@ -7604,7 +7604,7 @@ class Yh extends ro {
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return za(t, n);
+    return Ua(t, n);
   }
   build(t, n, r) {
     Sr(t, n, r.transformTemplate);
@@ -7613,7 +7613,7 @@ class Yh extends ro {
     return Rr(t, n, r);
   }
 }
-const so = /* @__PURE__ */ new Set([
+const ao = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -7639,11 +7639,11 @@ const so = /* @__PURE__ */ new Set([
   "lengthAdjust"
 ]);
 function Hh(e, t, n, r) {
-  io(e, t, void 0, r);
+  so(e, t, void 0, r);
   for (const i in t.attrs)
-    e.setAttribute(so.has(i) ? i : Ar(i), t.attrs[i]);
+    e.setAttribute(ao.has(i) ? i : Ar(i), t.attrs[i]);
 }
-class Zh extends ro {
+class Zh extends io {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = K;
   }
@@ -7652,22 +7652,22 @@ class Zh extends ro {
   }
   readValueFromInstance(t, n) {
     if (Qe.has(n)) {
-      const r = ha(n);
+      const r = pa(n);
       return r && r.default || 0;
     }
-    return n = so.has(n) ? n : Ar(n), t.getAttribute(n);
+    return n = ao.has(n) ? n : Ar(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, r) {
-    return Ia(t, n, r);
+    return La(t, n, r);
   }
   build(t, n, r) {
-    ja(t, n, this.isSVGTag, r.transformTemplate, r.style);
+    Va(t, n, this.isSVGTag, r.transformTemplate, r.style);
   }
   renderInstance(t, n, r, i) {
     Hh(t, n, r, i);
   }
   mount(t) {
-    this.isSVGTag = Ra(t.tagName), super.mount(t);
+    this.isSVGTag = Ma(t.tagName), super.mount(t);
   }
 }
 const Xh = (e, t) => jr(e) ? new Zh(t) : new Yh(t, {
@@ -7693,7 +7693,7 @@ const Xh = (e, t) => jr(e) ? new Zh(t) : new Yh(t, {
     height: { duration: 0.2 },
     opacity: { duration: 0.2 }
   }
-}, Yn = ({ error: e, disabled: t, styles: n }) => /* @__PURE__ */ h.jsx(xa, { mode: "wait", children: e && !t && /* @__PURE__ */ h.jsx(
+}, Yn = ({ error: e, disabled: t, styles: n }) => /* @__PURE__ */ h.jsx(Ca, { mode: "wait", children: e && !t && /* @__PURE__ */ h.jsx(
   mt.div,
   {
     initial: Ot.initial,
@@ -7712,7 +7712,7 @@ const Xh = (e, t) => jr(e) ? new Zh(t) : new Yh(t, {
     style: r?.label?.styles,
     children: [
       /* @__PURE__ */ h.jsx("span", { className: ce.label, children: e }, e),
-      /* @__PURE__ */ h.jsx(xa, { mode: "wait", children: t && !n && /* @__PURE__ */ h.jsx(
+      /* @__PURE__ */ h.jsx(Ca, { mode: "wait", children: t && !n && /* @__PURE__ */ h.jsx(
         mt.span,
         {
           initial: _t.initial,
@@ -8205,10 +8205,10 @@ const Xh = (e, t) => jr(e) ? new Zh(t) : new Yh(t, {
       /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "clip0_184_11820", children: /* @__PURE__ */ h.jsx("rect", { width: "30", height: "20" }) }) })
     ]
   }
-) }), R1 = "_cvcIcon_1qn9u_1", M1 = "_errorInput_1qn9u_6", ao = {
+) }), R1 = "_cvcIcon_1qn9u_1", M1 = "_errorInput_1qn9u_6", oo = {
   cvcIcon: R1,
   errorInput: M1
-}, I1 = null, oo = ne(I1), Et = () => _(oo), L1 = ({ children: e, styles: t }) => /* @__PURE__ */ h.jsx(oo.Provider, { value: t || null, children: e });
+}, I1 = null, lo = ne(I1), Et = () => _(lo), L1 = ({ children: e, styles: t }) => /* @__PURE__ */ h.jsx(lo.Provider, { value: t || null, children: e });
 var $ = /* @__PURE__ */ ((e) => (e.Invalid = "invalid", e.Empty = "empty", e.Incomplete = "incomplete", e.Unsupported = "unsupported", e.Expired = "expired", e))($ || {}), Q = /* @__PURE__ */ ((e) => (e.Visa = "visa", e.Mastercard = "mastercard", e.AmericanExpress = "american-express", e.Discover = "discover", e.JCB = "jcb", e.DinersClub = "diners-club", e.UnionPay = "unionpay", e.Maestro = "maestro", e))(Q || {});
 const Ir = [
   { name: "Visa", type: "visa", pattern: /^4/, minLength: 16, maxLength: 16 },
@@ -8225,7 +8225,7 @@ const Ir = [
     minLength: 12,
     maxLength: 19
   }
-], lo = (e) => Ir.find((t) => t.pattern.test(e)) || null, D1 = (e) => Ir.filter((t) => t.pattern.test(e)), N1 = (e) => {
+], co = (e) => Ir.find((t) => t.pattern.test(e)) || null, D1 = (e) => Ir.filter((t) => t.pattern.test(e)), N1 = (e) => {
   let t = 0, n = !1;
   for (let r = e.length - 1; r >= 0; r--) {
     let i = parseInt(e[r]);
@@ -8238,7 +8238,7 @@ const Ir = [
     return { isValid: !1, cardType: null, error: $.Empty };
   if (!/^\d+$/.test(n))
     return { isValid: !1, cardType: null, error: $.Invalid };
-  const r = lo(n);
+  const r = co(n);
   if (r) {
     if (n.length < r.minLength || n.length > r.maxLength)
       return {
@@ -8270,7 +8270,7 @@ const Ir = [
   return !r && !i ? null : r ? $.Empty : $.Incomplete;
 }, O1 = (e, t) => t ? {
   ...e?.card?.input,
-  container: { className: ve(ao.errorInput, e?.card?.input?.container?.className) }
+  container: { className: ve(oo.errorInput, e?.card?.input?.container?.className) }
 } : e?.card?.input, _1 = ({ onChange: e, onError: t, id: n, value: r, isTouchSubmit: i, disabled: s, cardType: a = "" }) => {
   const o = Ye(), l = Et(), [u, c] = S(""), [d, p] = S(!0), [f, m] = S(!1), v = (i || f) && (!!u || d);
   te(() => {
@@ -8309,7 +8309,7 @@ const Ir = [
       onChange: T,
       onBlur: () => y(r),
       styles: O1(l, v),
-      endContent: v ? /* @__PURE__ */ h.jsx(sn, {}) : /* @__PURE__ */ h.jsx(n1, { className: ao.cvcIcon })
+      endContent: v ? /* @__PURE__ */ h.jsx(sn, {}) : /* @__PURE__ */ h.jsx(n1, { className: oo.cvcIcon })
     }
   );
 }, B1 = "_errorInput_1ibdm_1", F1 = {
@@ -8430,7 +8430,7 @@ const Ir = [
     if (n) return;
     const { value: C } = k.currentTarget;
     d(""), f(!1), m || g(!0);
-    const w = D1(C).map((V) => V.type), E = lo(C), P = Ql(C, E?.type || "");
+    const w = D1(C).map((V) => V.type), E = co(C), P = Ql(C, E?.type || "");
     P.replace(/\D/g, "").length === (E?.maxLength || 16) && y(P), u(w.length ? w : ps), e({
       card: P,
       cardType: E?.type || "",
@@ -8592,7 +8592,7 @@ const Ir = [
     /* @__PURE__ */ h.jsx(z1, { value: P.value, onChange: V, isTouchSubmit: I, disabled: e }),
     t ? /* @__PURE__ */ h.jsx(X1, { title: i.status.error }) : null,
     /* @__PURE__ */ h.jsxs(
-      Ss,
+      Es,
       {
         type: "submit",
         color: "primary",
@@ -8653,7 +8653,7 @@ var z = function() {
     return t;
   }, z.apply(this, arguments);
 };
-function co(e, t) {
+function uo(e, t) {
   var n = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++)
@@ -8670,9 +8670,9 @@ var kt = "data-react-paypal-script-id", De = {
   DATA_LIBRARY_VALUE: "react-paypal-js",
   DATA_NAMESPACE: "dataNamespace",
   DATA_SDK_INTEGRATION_SOURCE: "dataSdkIntegrationSource"
-}, op = "Failed to load the PayPal JS SDK script.", uo = "paypal", lp = "usePayPalScriptReducer must be used within a PayPalScriptProvider";
+}, op = "Failed to load the PayPal JS SDK script.", ho = "paypal", lp = "usePayPalScriptReducer must be used within a PayPalScriptProvider";
 function cp(e) {
-  return e === void 0 && (e = uo), window[e];
+  return e === void 0 && (e = ho), window[e];
 }
 function up(e) {
   for (var t = "", n = 0; n < e.length; n++) {
@@ -8682,7 +8682,7 @@ function up(e) {
   return t;
 }
 function dp(e) {
-  var t = e.reactComponentName, n = e.sdkComponentKey, r = e.sdkRequestedComponents, i = r === void 0 ? "" : r, s = e.sdkDataNamespace, a = s === void 0 ? uo : s, o = n.charAt(0).toUpperCase().concat(n.substring(1)), l = "Unable to render <".concat(t, " /> because window.").concat(a, ".").concat(o, " is undefined."), u = typeof i == "string" ? i : i.join(",");
+  var t = e.reactComponentName, n = e.sdkComponentKey, r = e.sdkRequestedComponents, i = r === void 0 ? "" : r, s = e.sdkDataNamespace, a = s === void 0 ? ho : s, o = n.charAt(0).toUpperCase().concat(n.substring(1)), l = "Unable to render <".concat(t, " /> because window.").concat(a, ".").concat(o, " is undefined."), u = typeof i == "string" ? i : i.join(",");
   if (!u.includes(n)) {
     var c = [u, n].filter(Boolean).join();
     l += `
@@ -8690,10 +8690,10 @@ To fix the issue, add '`.concat(n, "' to the list of components passed to the pa
   }
   return l;
 }
-function ho(e) {
+function po(e) {
   var t = e, n = kt;
   t[n];
-  var r = co(t, [n + ""]);
+  var r = uo(t, [n + ""]);
   return "react-paypal-js-".concat(up(JSON.stringify(r)));
 }
 function hp(e) {
@@ -8713,7 +8713,7 @@ function pp(e, t) {
     case Ae.RESET_OPTIONS:
       return hp(e.options[kt]), z(z({}, e), {
         loadingStatus: ie.PENDING,
-        options: z(z((n = {}, n[De.DATA_SDK_INTEGRATION_SOURCE] = De.DATA_LIBRARY_VALUE, n), t.value), (r = {}, r[kt] = "".concat(ho(t.value)), r))
+        options: z(z((n = {}, n[De.DATA_SDK_INTEGRATION_SOURCE] = De.DATA_LIBRARY_VALUE, n), t.value), (r = {}, r[kt] = "".concat(po(t.value)), r))
       });
     case Ae.SET_BRAINTREE_INSTANCE:
       return z(z({}, e), {
@@ -8723,14 +8723,14 @@ function pp(e, t) {
       return e;
   }
 }
-var po = ne(null);
+var fo = ne(null);
 function fp(e) {
   if (typeof e?.dispatch == "function" && e.dispatch.length !== 0)
     return e;
   throw new Error(lp);
 }
 function mp() {
-  var e = fp(_(po)), t = z(z({}, e), {
+  var e = fp(_(fo)), t = z(z({}, e), {
     isInitial: e.loadingStatus === ie.INITIAL,
     isPending: e.loadingStatus === ie.PENDING,
     isResolved: e.loadingStatus === ie.RESOLVED,
@@ -8752,7 +8752,7 @@ function gp(e) {
   return t.current = Object.assign(t.current, e), t.current;
 }
 var Lr = function(e) {
-  var t, n = e.className, r = n === void 0 ? "" : n, i = e.disabled, s = i === void 0 ? !1 : i, a = e.children, o = e.forceReRender, l = o === void 0 ? [] : o, u = co(e, ["className", "disabled", "children", "forceReRender"]), c = s ? {
+  var t, n = e.className, r = n === void 0 ? "" : n, i = e.disabled, s = i === void 0 ? !1 : i, a = e.children, o = e.forceReRender, l = o === void 0 ? [] : o, u = uo(e, ["className", "disabled", "children", "forceReRender"]), c = s ? {
     opacity: 0.38
   } : {}, d = "".concat(r, " ").concat(s ? "paypal-buttons-disabled" : "").trim(), p = ue(null), f = ue(null), m = gp(u), g = mp()[0], v = g.isResolved, y = g.options, T = S(null), b = T[0], k = T[1], C = S(!0), w = C[0], E = C[1], P = S(null), V = P[1];
   function I() {
@@ -8812,7 +8812,7 @@ function yp(e, t) {
 function vp(e, t) {
   var n = document.querySelector('script[src="'.concat(e, '"]'));
   if (n === null) return null;
-  var r = fo(e, t), i = n.cloneNode();
+  var r = mo(e, t), i = n.cloneNode();
   if (delete i.dataset.uidAuto, Object.keys(i.dataset).length !== Object.keys(r.dataset).length)
     return null;
   var s = !0;
@@ -8821,7 +8821,7 @@ function vp(e, t) {
   }), s ? n : null;
 }
 function bp(e) {
-  var t = e.url, n = e.attributes, r = e.onSuccess, i = e.onError, s = fo(t, n);
+  var t = e.url, n = e.attributes, r = e.onSuccess, i = e.onError, s = mo(t, n);
   s.onerror = i, s.onload = r, document.head.insertBefore(s, document.head.firstElementChild);
 }
 function xp(e) {
@@ -8854,7 +8854,7 @@ function Tp(e) {
 function kp(e) {
   return e === "sandbox" ? "https://www.sandbox.paypal.com/sdk/js" : "https://www.paypal.com/sdk/js";
 }
-function fo(e, t) {
+function mo(e, t) {
   t === void 0 && (t = {});
   var n = document.createElement("script");
   return n.src = e, Object.keys(t).forEach(function(r) {
@@ -8862,7 +8862,7 @@ function fo(e, t) {
   }), n;
 }
 function wp(e, t) {
-  if (t === void 0 && (t = Promise), mo(e, t), typeof document > "u") return t.resolve(null);
+  if (t === void 0 && (t = Promise), go(e, t), typeof document > "u") return t.resolve(null);
   var n = xp(e), r = n.url, i = n.attributes, s = i["data-namespace"] || "paypal", a = ys(s);
   return i["data-js-sdk-library"] || (i["data-js-sdk-library"] = "paypal-js"), vp(r, i) && a ? t.resolve(a) : Pp({
     url: r,
@@ -8875,7 +8875,7 @@ function wp(e, t) {
   });
 }
 function Pp(e, t) {
-  t === void 0 && (t = Promise), mo(e, t);
+  t === void 0 && (t = Promise), go(e, t);
   var n = e.url, r = e.attributes;
   if (typeof n != "string" || n.length === 0)
     throw new Error("Invalid url.");
@@ -8899,7 +8899,7 @@ function Pp(e, t) {
 function ys(e) {
   return window[e];
 }
-function mo(e, t) {
+function go(e, t) {
   if (typeof e != "object" || e === null)
     throw new Error("Expected an options object.");
   var n = e.environment;
@@ -8911,8 +8911,8 @@ function mo(e, t) {
 var Ap = function(e) {
   var t, n = e.options, r = n === void 0 ? {
     clientId: "test"
-  } : n, i = e.children, s = e.deferLoading, a = s === void 0 ? !1 : s, o = ko(pp, {
-    options: z(z({}, r), (t = {}, t[De.DATA_JS_SDK_LIBRARY] = De.DATA_LIBRARY_VALUE, t[De.DATA_SDK_INTEGRATION_SOURCE] = De.DATA_LIBRARY_VALUE, t[kt] = "".concat(ho(r)), t)),
+  } : n, i = e.children, s = e.deferLoading, a = s === void 0 ? !1 : s, o = wo(pp, {
+    options: z(z({}, r), (t = {}, t[De.DATA_JS_SDK_LIBRARY] = De.DATA_LIBRARY_VALUE, t[De.DATA_SDK_INTEGRATION_SOURCE] = De.DATA_LIBRARY_VALUE, t[kt] = "".concat(po(r)), t)),
     loadingStatus: a ? ie.INITIAL : ie.PENDING
   }), l = o[0], u = o[1];
   return te(function() {
@@ -8940,7 +8940,7 @@ var Ap = function(e) {
         c = !1;
       };
     }
-  }, [l.options, a, l.loadingStatus]), ut.createElement(po.Provider, {
+  }, [l.options, a, l.loadingStatus]), ut.createElement(fo.Provider, {
     value: z(z({}, l), {
       dispatch: u
     })
@@ -9019,7 +9019,9 @@ const Sp = "_paypalBtn_2m8yd_1", Ep = {
     default:
       return t;
   }
-}, []), Dp = ({ onError: e, onSubmit: t, onReset: n, clientToken: r }) => {
+}, []);
+console.log({ isSafari: Ts });
+const Dp = ({ onError: e, onSubmit: t, onReset: n, clientToken: r }) => {
   const i = kl(), s = Cl(), [a, o] = S(!1), [l, u] = S(!1), [c, d] = S(!1), [p, f] = S(!1), [m, g] = S(!1), { googlePay: v, applePay: y, paypal: T } = he(
     () => ({
       googlePay: Rp(s),
@@ -9031,7 +9033,7 @@ const Sp = "_paypalBtn_2m8yd_1", Ep = {
   te(() => {
     const R = setTimeout(() => {
       g(!0);
-    }, Io ? 4e3 : 2e3);
+    }, Ts ? 4e3 : 2e3);
     return () => clearTimeout(R);
   }, []);
   const b = D(
@@ -9091,7 +9093,7 @@ const Sp = "_paypalBtn_2m8yd_1", Ep = {
   }, []), I = D(() => {
     u(!0);
   }, []), q = D(async () => {
-    const R = await Vo(r);
+    const R = await Ro(r);
     if (R.error) {
       const ae = R.error || "Paypal request failed";
       throw e(ae), ae;
@@ -9312,7 +9314,7 @@ const Sp = "_paypalBtn_2m8yd_1", Ep = {
       },
       "paypal"
     ) : null,
-    card: s === "compact" ? /* @__PURE__ */ h.jsxs(Ss, { color: "success", onClick: m, className: be.cardBtn, children: [
+    card: s === "compact" ? /* @__PURE__ */ h.jsxs(Es, { color: "success", onClick: m, className: be.cardBtn, children: [
       /* @__PURE__ */ h.jsx(a1, {}),
       u.card.compact.button
     ] }, "card") : null
@@ -9382,14 +9384,14 @@ const Sp = "_paypalBtn_2m8yd_1", Ep = {
   onCheckoutComplete: a,
   onCheckoutFail: o
 }) => {
-  const l = Mo({
+  const l = Io({
     clientToken: e,
     variant: n,
     supportedCardTypes: i,
     onCheckoutComplete: a,
     onCheckoutFail: o
   });
-  return /* @__PURE__ */ h.jsx(wo, { children: /* @__PURE__ */ h.jsx(bl, { translate: t, locale: r, children: /* @__PURE__ */ h.jsx(ql, { clientToken: e, children: /* @__PURE__ */ h.jsx(L1, { styles: s, children: /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ h.jsx(Po, { children: /* @__PURE__ */ h.jsx(bl, { translate: t, locale: r, children: /* @__PURE__ */ h.jsx(ql, { clientToken: e, children: /* @__PURE__ */ h.jsx(L1, { styles: s, children: /* @__PURE__ */ h.jsx(
     Gp,
     {
       clientToken: e,