@arthurzakharov/ui-kit 2.9.0 → 2.11.0

package/dist/{proxy-CmTphuYR.js → proxy-BK6LJoDO.js}

@@ -1,11 +1,12 @@
 import { createContext as Tt, useRef as it, useLayoutEffect as Fr, useEffect as _e, useContext as O, useId as Ir, useCallback as $s, useMemo as ne, Fragment as zs, createElement as Or, useInsertionEffect as Hs, forwardRef as jr, Component as Nr } from "react";
 import { jsxs as Ur, jsx as Gs } from "react/jsx-runtime";
-const _s = Tt({});
+import { r as _s } from "./resolve-elements-BwynSVFO.js";
+const Xs = Tt({});
 function Wr(t) {
   const e = it(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Xs = typeof window < "u", Kr = Xs ? Fr : _e, Xe = /* @__PURE__ */ Tt(null);
+const Ys = typeof window < "u", Kr = Ys ? Fr : _e, Xe = /* @__PURE__ */ Tt(null);
 function Ye(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -14,25 +15,25 @@ function Xt(t, e) {
   n > -1 && t.splice(n, 1);
 }
 const X = (t, e, n) => n > e ? e : n < t ? t : n;
-function Se(t, e) {
+function Pe(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let xt = () => {
 }, Y = () => {
 };
 typeof process < "u" && process.env?.NODE_ENV !== "production" && (xt = (t, e, n) => {
-  !t && typeof console < "u" && console.warn(Se(e, n));
+  !t && typeof console < "u" && console.warn(Pe(e, n));
 }, Y = (t, e, n) => {
   if (!t)
-    throw new Error(Se(e, n));
+    throw new Error(Pe(e, n));
 });
-const q = {}, Ys = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
-function qs(t) {
+const q = {}, qs = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function Zs(t) {
   return typeof t == "object" && t !== null;
 }
-const Zs = (t) => /^0[^.\s]+$/u.test(t);
+const Js = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function Js(t) {
+function Qs(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
@@ -66,18 +67,18 @@ class qe {
   }
 }
 const K = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, U = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function Qs(t, e) {
+function ti(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
 const Dn = /* @__PURE__ */ new Set();
 function Ze(t, e, n) {
-  t || Dn.has(e) || (console.warn(Se(e, n)), Dn.add(e));
+  t || Dn.has(e) || (console.warn(Pe(e, n)), Dn.add(e));
 }
-const ti = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, zr = 1e-7, Hr = 12;
+const ei = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, zr = 1e-7, Hr = 12;
 function Gr(t, e, n, s, i) {
   let o, r, a = 0;
   do
-    r = e + (n - e) / 2, o = ti(r, s, i) - t, o > 0 ? n = r : e = r;
+    r = e + (n - e) / 2, o = ei(r, s, i) - t, o > 0 ? n = r : e = r;
   while (Math.abs(o) > zr && ++a < Hr);
   return r;
 }
@@ -85,22 +86,22 @@ function Ft(t, e, n, s) {
   if (t === e && n === s)
     return W;
   const i = (o) => Gr(o, 0, 1, t, n);
-  return (o) => o === 0 || o === 1 ? o : ti(i(o), e, s);
+  return (o) => o === 0 || o === 1 ? o : ei(i(o), e, s);
 }
-const ei = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ni = (t) => (e) => 1 - t(1 - e), si = /* @__PURE__ */ Ft(0.33, 1.53, 0.69, 0.99), Je = /* @__PURE__ */ ni(si), ii = /* @__PURE__ */ ei(Je), ri = (t) => (t *= 2) < 1 ? 0.5 * Je(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Qe = (t) => 1 - Math.sin(Math.acos(t)), oi = ni(Qe), ai = ei(Qe), _r = /* @__PURE__ */ Ft(0.42, 0, 1, 1), Xr = /* @__PURE__ */ Ft(0, 0, 0.58, 1), li = /* @__PURE__ */ Ft(0.42, 0, 0.58, 1), Yr = (t) => Array.isArray(t) && typeof t[0] != "number", ci = (t) => Array.isArray(t) && typeof t[0] == "number", Mn = {
+const ni = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, si = (t) => (e) => 1 - t(1 - e), ii = /* @__PURE__ */ Ft(0.33, 1.53, 0.69, 0.99), Je = /* @__PURE__ */ si(ii), ri = /* @__PURE__ */ ni(Je), oi = (t) => (t *= 2) < 1 ? 0.5 * Je(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Qe = (t) => 1 - Math.sin(Math.acos(t)), ai = si(Qe), li = ni(Qe), _r = /* @__PURE__ */ Ft(0.42, 0, 1, 1), Xr = /* @__PURE__ */ Ft(0, 0, 0.58, 1), ci = /* @__PURE__ */ Ft(0.42, 0, 0.58, 1), Yr = (t) => Array.isArray(t) && typeof t[0] != "number", ui = (t) => Array.isArray(t) && typeof t[0] == "number", Mn = {
   linear: W,
   easeIn: _r,
-  easeInOut: li,
+  easeInOut: ci,
   easeOut: Xr,
   circIn: Qe,
-  circInOut: ai,
-  circOut: oi,
+  circInOut: li,
+  circOut: ai,
   backIn: Je,
-  backInOut: ii,
-  backOut: si,
-  anticipate: ri
+  backInOut: ri,
+  backOut: ii,
+  anticipate: oi
 }, qr = (t) => typeof t == "string", Cn = (t) => {
-  if (ci(t)) {
+  if (ui(t)) {
     Y(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
     return Ft(e, n, s, i);
@@ -164,27 +165,27 @@ function Zr(t, e) {
   return c;
 }
 const Jr = 40;
-function ui(t, e) {
+function hi(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = jt.reduce((y, P) => (y[P] = Zr(o), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: m } = r, v = () => {
+  }, o = () => n = !0, r = jt.reduce((y, S) => (y[S] = Zr(o), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: m } = r, v = () => {
     const y = q.useManualTiming ? i.timestamp : performance.now();
     n = !1, q.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, Jr), 1)), i.timestamp = y, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), f.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(v));
   }, g = () => {
     n = !0, s = !0, i.isProcessing || t(v);
   };
-  return { schedule: jt.reduce((y, P) => {
-    const w = r[P];
-    return y[P] = (b, C = !1, S = !1) => (n || g(), w.schedule(b, C, S)), y;
+  return { schedule: jt.reduce((y, S) => {
+    const w = r[S];
+    return y[S] = (b, C = !1, P = !1) => (n || g(), w.schedule(b, C, P)), y;
   }, {}), cancel: (y) => {
-    for (let P = 0; P < jt.length; P++)
-      r[jt[P]].cancel(y);
+    for (let S = 0; S < jt.length; S++)
+      r[jt[S]].cancel(y);
   }, state: i, steps: r };
 }
-const { schedule: A, cancel: Q, state: L, steps: oe } = /* @__PURE__ */ ui(typeof requestAnimationFrame < "u" ? requestAnimationFrame : W, !0);
+const { schedule: V, cancel: Q, state: L, steps: oe } = /* @__PURE__ */ hi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : W, !0);
 let Wt;
 function Qr() {
   Wt = void 0;
@@ -194,7 +195,7 @@ const B = {
   set: (t) => {
     Wt = t, queueMicrotask(Qr);
   }
-}, hi = (t) => (e) => typeof e == "string" && e.startsWith(t), fi = /* @__PURE__ */ hi("--"), to = /* @__PURE__ */ hi("var(--"), tn = (t) => to(t) ? eo.test(t.split("/*")[0].trim()) : !1, eo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, fi = (t) => (e) => typeof e == "string" && e.startsWith(t), di = /* @__PURE__ */ fi("--"), to = /* @__PURE__ */ fi("var(--"), tn = (t) => to(t) ? eo.test(t.split("/*")[0].trim()) : !1, eo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function En(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
@@ -208,11 +209,11 @@ const wt = {
 }, Nt = {
   ...wt,
   default: 1
-}, Vt = (t) => Math.round(t * 1e5) / 1e5, en = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, At = (t) => Math.round(t * 1e5) / 1e5, en = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function no(t) {
   return t == null;
 }
-const so = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, nn = (t, e) => (n) => !!(typeof n == "string" && so.test(n) && n.startsWith(t) || e && !no(n) && Object.prototype.hasOwnProperty.call(n, e)), di = (t, e, n) => (s) => {
+const so = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, nn = (t, e) => (n) => !!(typeof n == "string" && so.test(n) && n.startsWith(t) || e && !no(n) && Object.prototype.hasOwnProperty.call(n, e)), mi = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, o, r, a] = s.match(en);
@@ -227,8 +228,8 @@ const so = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
   transform: (t) => Math.round(io(t))
 }, rt = {
   test: /* @__PURE__ */ nn("rgb", "red"),
-  parse: /* @__PURE__ */ di("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + ae.transform(t) + ", " + ae.transform(e) + ", " + ae.transform(n) + ", " + Vt(Et.transform(s)) + ")"
+  parse: /* @__PURE__ */ mi("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + ae.transform(t) + ", " + ae.transform(e) + ", " + ae.transform(n) + ", " + At(Et.transform(s)) + ")"
 };
 function ro(t) {
   let e = "", n = "", s = "", i = "";
@@ -253,8 +254,8 @@ const be = {
   transform: (t) => _.transform(t * 100)
 }, ht = {
   test: /* @__PURE__ */ nn("hsl", "hue"),
-  parse: /* @__PURE__ */ di("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + _.transform(Vt(e)) + ", " + _.transform(Vt(n)) + ", " + Vt(Et.transform(s)) + ")"
+  parse: /* @__PURE__ */ mi("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + _.transform(At(e)) + ", " + _.transform(At(n)) + ", " + At(Et.transform(s)) + ")"
 }, M = {
   test: (t) => rt.test(t) || be.test(t) || ht.test(t),
   parse: (t) => rt.test(t) ? rt.parse(t) : ht.test(t) ? ht.parse(t) : be.parse(t),
@@ -267,7 +268,7 @@ const be = {
 function co(t) {
   return isNaN(t) && typeof t == "string" && (t.match(en)?.length || 0) + (t.match(lo)?.length || 0) > 0;
 }
-const mi = "number", pi = "color", uo = "var", ho = "var(", Ln = "${}", fo = /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 pi = "number", gi = "color", uo = "var", ho = "var(", Ln = "${}", fo = /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 Rt(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -275,33 +276,33 @@ function Rt(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(fo, (l) => (M.test(l) ? (s.color.push(o), i.push(pi), n.push(M.parse(l))) : l.startsWith(ho) ? (s.var.push(o), i.push(uo), n.push(l)) : (s.number.push(o), i.push(mi), n.push(parseFloat(l))), ++o, Ln)).split(Ln);
+  const a = e.replace(fo, (l) => (M.test(l) ? (s.color.push(o), i.push(gi), n.push(M.parse(l))) : l.startsWith(ho) ? (s.var.push(o), i.push(uo), n.push(l)) : (s.number.push(o), i.push(pi), n.push(parseFloat(l))), ++o, Ln)).split(Ln);
   return { values: n, split: a, indexes: s, types: i };
 }
-function gi(t) {
+function yi(t) {
   return Rt(t).values;
 }
-function yi(t) {
+function vi(t) {
   const { split: e, types: n } = Rt(t), s = e.length;
   return (i) => {
     let o = "";
     for (let r = 0; r < s; r++)
       if (o += e[r], i[r] !== void 0) {
         const a = n[r];
-        a === mi ? o += Vt(i[r]) : a === pi ? o += M.transform(i[r]) : o += i[r];
+        a === pi ? o += At(i[r]) : a === gi ? o += M.transform(i[r]) : o += i[r];
       }
     return o;
   };
 }
 const mo = (t) => typeof t == "number" ? 0 : M.test(t) ? M.getAnimatableNone(t) : t;
 function po(t) {
-  const e = gi(t);
-  return yi(t)(e.map(mo));
+  const e = yi(t);
+  return vi(t)(e.map(mo));
 }
 const H = {
   test: co,
-  parse: gi,
-  createTransformer: yi,
+  parse: yi,
+  createTransformer: vi,
   getAnimatableNone: po
 };
 function le(t, e, n) {
@@ -343,17 +344,17 @@ const Bn = (t, e) => {
     return Yt(t, e);
   const i = { ...n };
   return (o) => (i.red = ce(n.red, s.red, o), i.green = ce(n.green, s.green, o), i.blue = ce(n.blue, s.blue, o), i.alpha = D(n.alpha, s.alpha, o), rt.transform(i));
-}, Ae = /* @__PURE__ */ new Set(["none", "hidden"]);
+}, Ve = /* @__PURE__ */ new Set(["none", "hidden"]);
 function To(t, e) {
-  return Ae.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return Ve.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function xo(t, e) {
   return (n) => D(t, e, n);
 }
 function sn(t) {
-  return typeof t == "number" ? xo : typeof t == "string" ? tn(t) ? Yt : M.test(t) ? Bn : So : Array.isArray(t) ? vi : typeof t == "object" ? M.test(t) ? Bn : wo : Yt;
+  return typeof t == "number" ? xo : typeof t == "string" ? tn(t) ? Yt : M.test(t) ? Bn : Po : Array.isArray(t) ? Ti : typeof t == "object" ? M.test(t) ? Bn : wo : Yt;
 }
-function vi(t, e) {
+function Ti(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => sn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < s; r++)
@@ -371,7 +372,7 @@ function wo(t, e) {
     return n;
   };
 }
-function Po(t, e) {
+function So(t, e) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < e.values.length; i++) {
     const o = e.types[i], r = t.indexes[o][s[o]], a = t.values[r] ?? 0;
@@ -379,17 +380,17 @@ function Po(t, e) {
   }
   return n;
 }
-const So = (t, e) => {
+const Po = (t, e) => {
   const n = H.createTransformer(e), s = Rt(t), i = Rt(e);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ae.has(t) && !i.values.length || Ae.has(e) && !s.values.length ? To(t, e) : Bt(vi(Po(s, i), i.values), n) : (xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Yt(t, e));
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ve.has(t) && !i.values.length || Ve.has(e) && !s.values.length ? To(t, e) : Bt(Ti(So(s, i), i.values), n) : (xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Yt(t, e));
 };
-function Ti(t, e, n) {
+function xi(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? D(t, e, n) : sn(t)(t, e);
 }
 const bo = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
-    start: (n = !0) => A.update(e, n),
+    start: (n = !0) => V.update(e, n),
     stop: () => Q(e),
     /**
      * If we're processing this frame we can use the
@@ -397,7 +398,7 @@ const bo = (t) => {
      */
     now: () => L.isProcessing ? L.timestamp : B.now()
   };
-}, xi = (t, e, n = 10) => {
+}, wi = (t, e, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let o = 0; o < i; o++)
@@ -412,7 +413,7 @@ function rn(t) {
     e += n, s = t.next(e);
   return e >= qt ? 1 / 0 : e;
 }
-function Ao(t, e = 100, n) {
+function Vo(t, e = 100, n) {
   const s = n({ ...t, keyframes: [0, e] }), i = Math.min(rn(s), qt);
   return {
     type: "keyframes",
@@ -420,12 +421,12 @@ function Ao(t, e = 100, n) {
     duration: /* @__PURE__ */ U(i)
   };
 }
-const Vo = 5;
-function wi(t, e, n) {
-  const s = Math.max(e - Vo, 0);
-  return Qs(n - t(s), e - s);
+const Ao = 5;
+function Si(t, e, n) {
+  const s = Math.max(e - Ao, 0);
+  return ti(n - t(s), e - s);
 }
-const V = {
+const A = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -454,15 +455,15 @@ const V = {
   minDamping: 0.05,
   maxDamping: 1
 }, ue = 1e-3;
-function Do({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.velocity, mass: s = V.mass }) {
+function Do({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
   let i, o;
-  xt(t <= /* @__PURE__ */ K(V.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  xt(t <= /* @__PURE__ */ K(A.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = X(V.minDamping, V.maxDamping, r), t = X(V.minDuration, V.maxDuration, /* @__PURE__ */ U(t)), r < 1 ? (i = (c) => {
-    const u = c * r, h = u * t, f = u - n, d = Ve(c, r), m = Math.exp(-h);
+  r = X(A.minDamping, A.maxDamping, r), t = X(A.minDuration, A.maxDuration, /* @__PURE__ */ U(t)), r < 1 ? (i = (c) => {
+    const u = c * r, h = u * t, f = u - n, d = Ae(c, r), m = Math.exp(-h);
     return ue - f / d * m;
   }, o = (c) => {
-    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), v = Ve(Math.pow(c, 2), r);
+    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), v = Ae(Math.pow(c, 2), r);
     return (-i(c) + ue > 0 ? -1 : 1) * ((f - d) * m) / v;
   }) : (i = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
@@ -474,8 +475,8 @@ function Do({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.ve
   const a = 5 / t, l = Co(i, o, a);
   if (t = /* @__PURE__ */ K(t), isNaN(l))
     return {
-      stiffness: V.stiffness,
-      damping: V.damping,
+      stiffness: A.stiffness,
+      damping: A.damping,
       duration: t
     };
   {
@@ -494,7 +495,7 @@ function Co(t, e, n) {
     s = s - t(s) / e(s);
   return s;
 }
-function Ve(t, e) {
+function Ae(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
 const Eo = ["duration", "bounce"], Ro = ["stiffness", "damping", "mass"];
@@ -503,10 +504,10 @@ function Fn(t, e) {
 }
 function Lo(t) {
   let e = {
-    velocity: V.velocity,
-    stiffness: V.stiffness,
-    damping: V.damping,
-    mass: V.mass,
+    velocity: A.velocity,
+    stiffness: A.stiffness,
+    damping: A.damping,
+    mass: A.mass,
     isResolvedFromDuration: !1,
     ...t
   };
@@ -515,7 +516,7 @@ function Lo(t) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * X(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
         ...e,
-        mass: V.mass,
+        mass: A.mass,
         stiffness: i,
         damping: o
       };
@@ -524,12 +525,12 @@ function Lo(t) {
       e = {
         ...e,
         ...n,
-        mass: V.mass
+        mass: A.mass
       }, e.isResolvedFromDuration = !0;
     }
   return e;
 }
-function Zt(t = V.visualDuration, e = V.bounce) {
+function Zt(t = A.visualDuration, e = A.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -540,10 +541,10 @@ function Zt(t = V.visualDuration, e = V.bounce) {
     ...n,
     velocity: -/* @__PURE__ */ U(n.velocity || 0)
   }), m = f || 0, v = c / (2 * Math.sqrt(l * u)), g = r - o, p = /* @__PURE__ */ U(Math.sqrt(l / u)), x = Math.abs(g) < 5;
-  s || (s = x ? V.restSpeed.granular : V.restSpeed.default), i || (i = x ? V.restDelta.granular : V.restDelta.default);
+  s || (s = x ? A.restSpeed.granular : A.restSpeed.default), i || (i = x ? A.restDelta.granular : A.restDelta.default);
   let y;
   if (v < 1) {
-    const w = Ve(p, v);
+    const w = Ae(p, v);
     y = (b) => {
       const C = Math.exp(-v * p * b);
       return r - C * ((m + v * p * g) / w * Math.sin(w * b) + g * Math.cos(w * b));
@@ -553,11 +554,11 @@ function Zt(t = V.visualDuration, e = V.bounce) {
   else {
     const w = p * Math.sqrt(v * v - 1);
     y = (b) => {
-      const C = Math.exp(-v * p * b), S = Math.min(w * b, 300);
-      return r - C * ((m + v * p * g) * Math.sinh(S) + w * g * Math.cosh(S)) / w;
+      const C = Math.exp(-v * p * b), P = Math.min(w * b, 300);
+      return r - C * ((m + v * p * g) * Math.sinh(P) + w * g * Math.cosh(P)) / w;
     };
   }
-  const P = {
+  const S = {
     calculatedDuration: d && h || null,
     next: (w) => {
       const b = y(w);
@@ -565,42 +566,42 @@ function Zt(t = V.visualDuration, e = V.bounce) {
         a.done = w >= h;
       else {
         let C = w === 0 ? m : 0;
-        v < 1 && (C = w === 0 ? /* @__PURE__ */ K(m) : wi(y, w, b));
-        const S = Math.abs(C) <= s, I = Math.abs(r - b) <= i;
-        a.done = S && I;
+        v < 1 && (C = w === 0 ? /* @__PURE__ */ K(m) : Si(y, w, b));
+        const P = Math.abs(C) <= s, I = Math.abs(r - b) <= i;
+        a.done = P && I;
       }
       return a.value = a.done ? r : b, a;
     },
     toString: () => {
-      const w = Math.min(rn(P), qt), b = xi((C) => P.next(w * C).value, w, 30);
+      const w = Math.min(rn(S), qt), b = wi((C) => S.next(w * C).value, w, 30);
       return w + "ms " + b;
     },
     toTransition: () => {
     }
   };
-  return P;
+  return S;
 }
 Zt.applyToOptions = (t) => {
-  const e = Ao(t, 100, Zt);
+  const e = Vo(t, 100, Zt);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ K(e.duration), t.type = "keyframes", t;
 };
 function De({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
   const h = t[0], f = {
     done: !1,
     value: h
-  }, d = (S) => a !== void 0 && S < a || l !== void 0 && S > l, m = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
+  }, d = (P) => a !== void 0 && P < a || l !== void 0 && P > l, m = (P) => a === void 0 ? l : l === void 0 || Math.abs(a - P) < Math.abs(l - P) ? a : l;
   let v = n * e;
   const g = h + v, p = r === void 0 ? g : r(g);
   p !== g && (v = p - h);
-  const x = (S) => -v * Math.exp(-S / s), y = (S) => p + x(S), P = (S) => {
-    const I = x(S), j = y(S);
+  const x = (P) => -v * Math.exp(-P / s), y = (P) => p + x(P), S = (P) => {
+    const I = x(P), j = y(P);
     f.done = Math.abs(I) <= c, f.value = f.done ? p : j;
   };
   let w, b;
-  const C = (S) => {
-    d(f.value) && (w = S, b = Zt({
+  const C = (P) => {
+    d(f.value) && (w = P, b = Zt({
       keyframes: [f.value, m(f.value)],
-      velocity: wi(y, S, f.value),
+      velocity: Si(y, P, f.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: o,
@@ -610,14 +611,14 @@ function De({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   };
   return C(0), {
     calculatedDuration: null,
-    next: (S) => {
+    next: (P) => {
       let I = !1;
-      return !b && w === void 0 && (I = !0, P(S), C(S)), w !== void 0 && S >= w ? b.next(S - w) : (!I && P(S), f);
+      return !b && w === void 0 && (I = !0, S(P), C(P)), w !== void 0 && P >= w ? b.next(P - w) : (!I && S(P), f);
     }
   };
 }
 function ko(t, e, n) {
-  const s = [], i = n || q.mix || Ti, o = t.length - 1;
+  const s = [], i = n || q.mix || xi, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = i(t[r], t[r + 1]);
     if (e) {
@@ -663,7 +664,7 @@ function Oo(t, e) {
   return t.map((n) => n * e);
 }
 function jo(t, e) {
-  return t.map(() => e || li).splice(0, t.length - 1);
+  return t.map(() => e || ci).splice(0, t.length - 1);
 }
 function ft({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
   const i = Yr(s) ? s.map(Cn) : Cn(s), o = {
@@ -735,7 +736,7 @@ class ln extends an {
     const { type: n = ft, repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || ft;
-    process.env.NODE_ENV !== "production" && l !== ft && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== ft && typeof a[0] != "number" && (this.mixKeyframes = Bt(Wo, Ti(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== ft && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== ft && typeof a[0] != "number" && (this.mixKeyframes = Bt(Wo, xi(a[0], a[1])), a = [0, 100]);
     const c = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -757,13 +758,13 @@ class ln extends an {
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
     const p = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? p < 0 : p > i;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let y = this.currentTime, P = s;
+    let y = this.currentTime, S = s;
     if (h) {
-      const S = Math.min(this.currentTime, i) / a;
-      let I = Math.floor(S), j = S % 1;
-      !j && S >= 1 && (j = 1), j === 1 && I--, I = Math.min(I, h + 1), I % 2 && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (P = r)), y = X(0, 1, j) * a;
+      const P = Math.min(this.currentTime, i) / a;
+      let I = Math.floor(P), j = P % 1;
+      !j && P >= 1 && (j = 1), j === 1 && I--, I = Math.min(I, h + 1), I % 2 && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (S = r)), y = X(0, 1, j) * a;
     }
-    const w = x ? { done: !1, value: u[0] } : P.next(y);
+    const w = x ? { done: !1, value: u[0] } : S.next(y);
     o && (w.value = o(w.value));
     let { done: b } = w;
     !x && l !== null && (b = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
@@ -896,7 +897,7 @@ const Ho = (t, e) => {
 function Go(t) {
   return parseFloat(t.trim());
 }
-const Pt = [
+const St = [
   "transformPerspective",
   "x",
   "y",
@@ -914,7 +915,7 @@ const Pt = [
   "skew",
   "skewX",
   "skewY"
-], St = new Set(Pt), Nn = (t) => t === wt || t === T, _o = /* @__PURE__ */ new Set(["x", "y", "z"]), Xo = Pt.filter((t) => !_o.has(t));
+], Pt = new Set(St), Nn = (t) => t === wt || t === T, _o = /* @__PURE__ */ new Set(["x", "y", "z"]), Xo = St.filter((t) => !_o.has(t));
 function Yo(t) {
   const e = [];
   return Xo.forEach((n) => {
@@ -938,7 +939,7 @@ J.translateX = J.x;
 J.translateY = J.y;
 const at = /* @__PURE__ */ new Set();
 let Le = !1, ke = !1, Be = !1;
-function Si() {
+function bi() {
   if (ke) {
     const t = Array.from(at).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
@@ -956,20 +957,20 @@ function Si() {
   }
   ke = !1, Le = !1, at.forEach((t) => t.complete(Be)), at.clear();
 }
-function bi() {
+function Vi() {
   at.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && (ke = !0);
   });
 }
 function qo() {
-  Be = !0, bi(), Si(), Be = !1;
+  Be = !0, Vi(), bi(), Be = !1;
 }
 class cn {
   constructor(e, n, s, i, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (at.add(this), Le || (Le = !0, A.read(bi), A.resolveKeyframes(Si))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (at.add(this), Le || (Le = !0, V.read(Vi), V.resolveKeyframes(bi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -1009,37 +1010,37 @@ function Jo(t, e, n) {
 }
 const Qo = {};
 function Ai(t, e) {
-  const n = /* @__PURE__ */ Js(t);
+  const n = /* @__PURE__ */ Qs(t);
   return () => Qo[e] ?? n();
 }
-const ta = /* @__PURE__ */ Ai(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Vi = /* @__PURE__ */ Ai(() => {
+const ta = /* @__PURE__ */ Ai(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Di = /* @__PURE__ */ Ai(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), At = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Un = {
+}, "linearEasing"), Vt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Un = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ At([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ At([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ At([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ At([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ Vt([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ Vt([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ Vt([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ Vt([0.33, 1.53, 0.69, 0.99])
 };
-function Di(t, e) {
+function Mi(t, e) {
   if (t)
-    return typeof t == "function" ? Vi() ? xi(t, e) : "ease-out" : ci(t) ? At(t) : Array.isArray(t) ? t.map((n) => Di(n, e) || Un.easeOut) : Un[t];
+    return typeof t == "function" ? Di() ? wi(t, e) : "ease-out" : ui(t) ? Vt(t) : Array.isArray(t) ? t.map((n) => Mi(n, e) || Un.easeOut) : Un[t];
 }
 function ea(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
   const u = {
     [e]: n
   };
   l && (u.offset = l);
-  const h = Di(a, i);
+  const h = Mi(a, i);
   Array.isArray(h) && (u.easing = h);
   const f = {
     delay: s,
@@ -1051,13 +1052,13 @@ function ea(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatTyp
   };
   return c && (f.pseudoElement = c), t.animate(u, f);
 }
-function Mi(t) {
+function Ci(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
 function na({ type: t, ...e }) {
-  return Mi(t) && Vi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+  return Ci(t) && Di() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class Ci extends an {
+class Ei extends an {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
@@ -1150,19 +1151,19 @@ class Ci extends an {
     return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && ta() ? (this.animation.timeline = e, W) : n(this);
   }
 }
-const Ei = {
-  anticipate: ri,
-  backInOut: ii,
-  circInOut: ai
+const Ri = {
+  anticipate: oi,
+  backInOut: ri,
+  circInOut: li
 };
 function sa(t) {
-  return t in Ei;
+  return t in Ri;
 }
 function ia(t) {
-  typeof t.ease == "string" && sa(t.ease) && (t.ease = Ei[t.ease]);
+  typeof t.ease == "string" && sa(t.ease) && (t.ease = Ri[t.ease]);
 }
 const he = 10;
-class ra extends Ci {
+class ra extends Ei {
   constructor(e) {
     ia(e), Pi(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
@@ -1207,7 +1208,7 @@ function aa(t, e, n, s) {
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = Wn(i, e), a = Wn(o, e);
-  return xt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : oa(t) || (n === "spring" || Mi(n)) && s;
+  return xt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : oa(t) || (n === "spring" || Ci(n)) && s;
 }
 function Fe(t) {
   t.duration = 0, t.type = "keyframes";
@@ -1219,7 +1220,7 @@ const la = /* @__PURE__ */ new Set([
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), ca = /* @__PURE__ */ Js(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+]), ca = /* @__PURE__ */ Qs(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function ua(t) {
   const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: o, type: r } = t;
   if (!(e?.owner?.current instanceof HTMLElement))
@@ -1318,7 +1319,7 @@ class fa extends an {
     this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
 }
-function Ri(t, e, n, s = 0, i = 1) {
+function Li(t, e, n, s = 0, i = 1) {
   const o = Array.from(t).sort((c, u) => c.sortNodePosition(u)).indexOf(e), r = t.size, a = (r - 1) * s;
   return typeof n == "function" ? n(o, r) : i === 1 ? o * s : a - o * s;
 }
@@ -1334,7 +1335,7 @@ function ma(t) {
   return [`--${n ?? s}`, i];
 }
 const pa = 4;
-function Li(t, e, n = 1) {
+function ki(t, e, n = 1) {
   Y(n <= pa, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [s, i] = ma(t);
   if (!s)
@@ -1342,9 +1343,9 @@ function Li(t, e, n = 1) {
   const o = window.getComputedStyle(e).getPropertyValue(s);
   if (o) {
     const r = o.trim();
-    return Ys(r) ? parseFloat(r) : r;
+    return qs(r) ? parseFloat(r) : r;
   }
-  return tn(i) ? Li(i, e, n + 1) : i;
+  return tn(i) ? ki(i, e, n + 1) : i;
 }
 const ga = {
   type: "spring",
@@ -1363,12 +1364,12 @@ const ga = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, xa = (t, { keyframes: e }) => e.length > 2 ? va : St.has(t) ? t.startsWith("scale") ? ya(e[1]) : ga : Ta, wa = (t) => t !== null;
-function Pa(t, { repeat: e, repeatType: n = "loop" }, s) {
+}, xa = (t, { keyframes: e }) => e.length > 2 ? va : Pt.has(t) ? t.startsWith("scale") ? ya(e[1]) : ga : Ta, wa = (t) => t !== null;
+function Sa(t, { repeat: e, repeatType: n = "loop" }, s) {
   const i = t.filter(wa), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[o];
 }
-function ki(t, e) {
+function Bi(t, e) {
   if (t?.inherit && e) {
     const { inherit: n, ...s } = t;
     return { ...e, ...s };
@@ -1377,9 +1378,9 @@ function ki(t, e) {
 }
 function un(t, e) {
   const n = t?.[e] ?? t?.default ?? t;
-  return n !== t ? ki(n, t) : n;
+  return n !== t ? Bi(n, t) : n;
 }
-function Sa({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
+function Pa({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
 const hn = (t, e, n, s = {}, i, o) => (r) => {
@@ -1402,12 +1403,12 @@ const hn = (t, e, n, s = {}, i, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : i
   };
-  Sa(a) || Object.assign(u, xa(t, u)), u.duration && (u.duration = /* @__PURE__ */ K(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ K(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Pa(a) || Object.assign(u, xa(t, u)), u.duration && (u.duration = /* @__PURE__ */ K(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ K(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Fe(u), u.delay === 0 && (h = !0)), (q.instantAnimations || q.skipAnimations || i?.shouldSkipAnimations) && (h = !0, Fe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = Pa(u.keyframes, a);
+    const f = Sa(u.keyframes, a);
     if (f !== void 0) {
-      A.update(() => {
+      V.update(() => {
         u.onUpdate(f), u.onComplete();
       });
       return;
@@ -1436,16 +1437,16 @@ function yt(t, e, n) {
   const s = t.getProps();
   return fn(s, e, n !== void 0 ? n : s.custom, t);
 }
-const Bi = /* @__PURE__ */ new Set([
+const Fi = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...Pt
+  ...St
 ]), $n = 30, ba = (t) => !isNaN(parseFloat(t));
-class Aa {
+class Va {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1513,7 +1514,7 @@ class Aa {
     this.events[e] || (this.events[e] = new qe());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
-      s(), A.read(() => {
+      s(), V.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -1593,7 +1594,7 @@ class Aa {
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > $n)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, $n);
-    return Qs(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return ti(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1645,10 +1646,10 @@ class Aa {
   }
 }
 function vt(t, e) {
-  return new Aa(t, e);
+  return new Va(t, e);
 }
 const Ie = (t) => Array.isArray(t);
-function Va(t, e, n) {
+function Aa(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, vt(n));
 }
 function Da(t) {
@@ -1660,7 +1661,7 @@ function Ma(t, e) {
   o = { ...o, ...s };
   for (const r in o) {
     const a = Da(o[r]);
-    Va(t, r, a);
+    Aa(t, r, a);
   }
 }
 const k = (t) => !!(t && t.getVelocity);
@@ -1679,18 +1680,18 @@ function Oe(t, e) {
 function dn(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const Ea = "framerAppearId", Fi = "data-" + dn(Ea);
-function Ii(t) {
-  return t.props[Fi];
+const Ea = "framerAppearId", Ii = "data-" + dn(Ea);
+function Oi(t) {
+  return t.props[Ii];
 }
 function Ra({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
-function Oi(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function ji(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   let { transition: o, transitionEnd: r, ...a } = e;
   const l = t.getDefaultTransition();
-  o = o ? ki(o, l) : l;
+  o = o ? Bi(o, l) : l;
   const c = o?.reduceMotion;
   s && (o = s);
   const u = [], h = i && t.animationState && t.animationState.getState()[i];
@@ -1706,20 +1707,20 @@ function Oi(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     let p = !1;
     if (window.MotionHandoffAnimation) {
-      const P = Ii(t);
-      if (P) {
-        const w = window.MotionHandoffAnimation(P, f, A);
+      const S = Oi(t);
+      if (S) {
+        const w = window.MotionHandoffAnimation(S, f, V);
         w !== null && (v.startTime = w, p = !0);
       }
     }
     Oe(t, f);
     const x = c ?? t.shouldReduceMotion;
-    d.start(hn(f, d, m, x && Bi.has(f) ? { type: !1 } : v, t, p));
+    d.start(hn(f, d, m, x && Fi.has(f) ? { type: !1 } : v, t, p));
     const y = d.animation;
     y && u.push(y);
   }
   if (r) {
-    const f = () => A.update(() => {
+    const f = () => V.update(() => {
       r && Ma(t, r);
     });
     u.length ? Promise.all(u).then(f) : f();
@@ -1730,7 +1731,7 @@ function je(t, e, n = {}) {
   const s = yt(t, e, n.type === "exit" ? t.presenceContext?.custom : void 0);
   let { transition: i = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
-  const o = s ? () => Promise.all(Oi(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
+  const o = s ? () => Promise.all(ji(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
     return La(t, e, l, c, u, h, n);
   } : () => Promise.resolve(), { when: a } = i;
@@ -1745,7 +1746,7 @@ function La(t, e, n = 0, s = 0, i = 0, o = 1, r) {
   for (const l of t.variantChildren)
     l.notify("AnimationStart", e), a.push(je(l, e, {
       ...r,
-      delay: n + (typeof s == "function" ? 0 : s) + Ri(t.variantChildren, l, s, i, o)
+      delay: n + (typeof s == "function" ? 0 : s) + Li(t.variantChildren, l, s, i, o)
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
@@ -1759,7 +1760,7 @@ function ka(t, e, n = {}) {
     s = je(t, e, n);
   else {
     const i = typeof e == "function" ? yt(t, e, n.custom) : e;
-    s = Promise.all(Oi(t, i, n));
+    s = Promise.all(ji(t, i, n));
   }
   return s.then(() => {
     t.notify("AnimationComplete", e);
@@ -1768,9 +1769,9 @@ function ka(t, e, n = {}) {
 const Ba = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, ji = (t) => (e) => e.test(t), Ni = [wt, T, _, Z, ao, oo, Ba], zn = (t) => Ni.find(ji(t));
+}, Ni = (t) => (e) => e.test(t), Ui = [wt, T, _, Z, ao, oo, Ba], zn = (t) => Ui.find(Ni(t));
 function Fa(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Zs(t) : !0;
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Js(t) : !0;
 }
 const Ia = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Oa(t) {
@@ -1904,9 +1905,9 @@ const ja = /\b([a-z-]*)\(.*?\)/gu, Ne = {
   WebkitFilter: Ne,
   mask: Ue,
   WebkitMask: Ue
-}, Ui = (t) => Ua[t], Wa = /* @__PURE__ */ new Set([Ne, Ue]);
-function Wi(t, e) {
-  let n = Ui(t);
+}, Wi = (t) => Ua[t], Wa = /* @__PURE__ */ new Set([Ne, Ue]);
+function Ki(t, e) {
+  let n = Wi(t);
   return Wa.has(n) || (n = H), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Ka = /* @__PURE__ */ new Set(["auto", "none", "0"]);
@@ -1918,7 +1919,7 @@ function $a(t, e, n) {
   }
   if (i && n)
     for (const o of e)
-      t[o] = Wi(n, i);
+      t[o] = Ki(n, i);
 }
 class za extends cn {
   constructor(e, n, s, i, o) {
@@ -1932,11 +1933,11 @@ class za extends cn {
     for (let u = 0; u < e.length; u++) {
       let h = e[u];
       if (typeof h == "string" && (h = h.trim(), tn(h))) {
-        const f = Li(h, n.current);
+        const f = ki(h, n.current);
         f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = h);
       }
     }
-    if (this.resolveNoneKeyframes(), !Bi.has(s) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !Fi.has(s) || e.length !== 2)
       return;
     const [i, o] = e, r = zn(i), a = zn(o), l = En(i), c = En(o);
     if (l !== c && J[s]) {
@@ -1985,24 +1986,11 @@ const Ha = /* @__PURE__ */ new Set([
   // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
   // or until we implement support for linear() easing.
   // "background-color"
-]);
-function Ki(t, e, n) {
-  if (t == null)
-    return [];
-  if (t instanceof EventTarget)
-    return [t];
-  if (typeof t == "string") {
-    let s = document;
-    const i = n?.[t] ?? s.querySelectorAll(t);
-    return i ? Array.from(i) : [];
-  }
-  return Array.from(t).filter((s) => s != null);
-}
-const $i = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+]), $i = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
 function Ga(t) {
-  return qs(t) && "offsetHeight" in t;
+  return Zs(t) && "offsetHeight" in t;
 }
-const { schedule: pn } = /* @__PURE__ */ ui(queueMicrotask, !1), z = {
+const { schedule: pn } = /* @__PURE__ */ hi(queueMicrotask, !1), z = {
   x: !1,
   y: !1
 };
@@ -2017,7 +2005,7 @@ function _a(t) {
   });
 }
 function Hi(t, e) {
-  const n = Ki(t), s = new AbortController(), i = {
+  const n = _s(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
@@ -2119,7 +2107,7 @@ function el(t, e, n = {}) {
   }), o;
 }
 function yn(t) {
-  return qs(t) && "ownerSVGElement" in t;
+  return Zs(t) && "ownerSVGElement" in t;
 }
 const $t = /* @__PURE__ */ new WeakMap();
 let zt;
@@ -2144,7 +2132,7 @@ function ol() {
 }
 function al(t, e) {
   zt || ol();
-  const n = Ki(t);
+  const n = _s(t);
   return n.forEach((s) => {
     let i = $t.get(s);
     i || (i = /* @__PURE__ */ new Set(), $t.set(s, i)), i.add(e), zt?.observe(s);
@@ -2181,7 +2169,7 @@ function Yn(t, e) {
 function ul(t) {
   return yn(t) && t.tagName === "svg";
 }
-const hl = [...Ni, M, H], fl = (t) => hl.find(ji(t)), qn = () => ({
+const hl = [...Ui, M, H], fl = (t) => hl.find(Ni(t)), qn = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2275,7 +2263,7 @@ class vl {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const d = B.now();
-      this.renderScheduledAt < d && (this.renderScheduledAt = d, A.render(this.render, !1, !0));
+      this.renderScheduledAt < d && (this.renderScheduledAt = d, V.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = a;
     this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.skipAnimationsConfig = o, this.options = l, this.blockInitialAnimation = !!r, this.isControllingVariants = ie(n), this.isVariantNode = Xi(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
@@ -2309,7 +2297,7 @@ class vl {
   }
   bindToMotionValue(e, n) {
     if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), n.accelerate && Ha.has(e) && this.current instanceof HTMLElement) {
-      const { factory: r, keyframes: a, times: l, ease: c, duration: u } = n.accelerate, h = new Ci({
+      const { factory: r, keyframes: a, times: l, ease: c, duration: u } = n.accelerate, h = new Ei({
         element: this.current,
         name: e,
         keyframes: a,
@@ -2322,10 +2310,10 @@ class vl {
       });
       return;
     }
-    const s = St.has(e);
+    const s = Pt.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (r) => {
-      this.latestValues[e] = r, this.props.onUpdate && A.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[e] = r, this.props.onUpdate && V.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let o;
     typeof window < "u" && window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
@@ -2442,7 +2430,7 @@ class vl {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (Ys(s) || Zs(s)) ? s = parseFloat(s) : !fl(s) && H.test(n) && (s = Wi(e, n)), this.setBaseTarget(e, k(s) ? s.get() : s)), k(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (qs(s) || Js(s)) ? s = parseFloat(s) : !fl(s) && H.test(n) && (s = Ki(e, n)), this.setBaseTarget(e, k(s) ? s.get() : s)), k(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2584,20 +2572,20 @@ function gt(t, e) {
 function er(t, e) {
   return Ji(xl(t.getBoundingClientRect(), e));
 }
-function Pl(t, e, n) {
+function Sl(t, e, n) {
   const s = er(t, n), { scroll: i } = e;
   return i && (pt(s.x, i.offset.x), pt(s.y, i.offset.y)), s;
 }
-const Sl = {
+const Pl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, bl = Pt.length;
-function Al(t, e, n) {
+}, bl = St.length;
+function Vl(t, e, n) {
   let s = "", i = !0;
   for (let o = 0; o < bl; o++) {
-    const r = Pt[o], a = t[r];
+    const r = St[o], a = t[r];
     if (a === void 0)
       continue;
     let l = !0;
@@ -2611,7 +2599,7 @@ function Al(t, e, n) {
       const c = $i(a, mn[r]);
       if (!l) {
         i = !1;
-        const u = Sl[r] || r;
+        const u = Pl[r] || r;
         s += `${u}(${c}) `;
       }
       n && (e[r] = c);
@@ -2624,10 +2612,10 @@ function xn(t, e, n) {
   let r = !1, a = !1;
   for (const l in e) {
     const c = e[l];
-    if (St.has(l)) {
+    if (Pt.has(l)) {
       r = !0;
       continue;
-    } else if (fi(l)) {
+    } else if (di(l)) {
       i[l] = c;
       continue;
     } else {
@@ -2635,7 +2623,7 @@ function xn(t, e, n) {
       l.startsWith("origin") ? (a = !0, o[l] = u) : s[l] = u;
     }
   }
-  if (e.transform || (r || n ? s.transform = Al(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (e.transform || (r || n ? s.transform = Vl(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
     s.transformOrigin = `${l} ${c} ${u}`;
   }
@@ -2664,7 +2652,7 @@ const bt = {
     const n = is(t, e.target.x), s = is(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, Vl = {
+}, Al = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const s = t, i = H.parse(t);
     if (i.length > 5)
@@ -2688,10 +2676,10 @@ const bt = {
   borderTopRightRadius: bt,
   borderBottomLeftRadius: bt,
   borderBottomRightRadius: bt,
-  boxShadow: Vl
+  boxShadow: Al
 };
 function sr(t, { layout: e, layoutId: n }) {
-  return St.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ze[t] || t === "opacity");
+  return Pt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ze[t] || t === "opacity");
 }
 function wn(t, e, n) {
   const s = t.style, i = e?.style, o = {};
@@ -2709,10 +2697,10 @@ class Ml extends Zi {
     super(...arguments), this.type = "html", this.renderInstance = nr;
   }
   readValueFromInstance(e, n) {
-    if (St.has(n))
+    if (Pt.has(n))
       return this.projection?.isProjecting ? Ee(n) : Ho(e, n);
     {
-      const s = Dl(e), i = (fi(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Dl(e), i = (di(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -2799,7 +2787,7 @@ function ar(t, e, n) {
   const s = wn(t, e, n);
   for (const i in t)
     if (k(t[i]) || k(e[i])) {
-      const o = Pt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+      const o = St.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[o] = t[i];
     }
   return s;
@@ -2812,8 +2800,8 @@ class Bl extends Zi {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (St.has(n)) {
-      const s = Ui(n);
+    if (Pt.has(n)) {
+      const s = Wi(n);
       return s && s.default || 0;
     }
     return n = rr.has(n) ? n : dn(n), e.getAttribute(n);
@@ -2878,9 +2866,9 @@ function Nl(t) {
     const { props: c } = t, u = lr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
     for (let g = 0; g < Ol; g++) {
-      const p = Il[g], x = n[p], y = c[p] !== void 0 ? c[p] : u[p], P = Lt(y), w = p === l ? x.isActive : null;
+      const p = Il[g], x = n[p], y = c[p] !== void 0 ? c[p] : u[p], S = Lt(y), w = p === l ? x.isActive : null;
       w === !1 && (m = g);
-      let b = y === u[p] && y !== c[p] && P;
+      let b = y === u[p] && y !== c[p] && S;
       if (b && s && t.manuallyAnimateOnMount && (b = !1), x.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
       !x.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
       !y && !x.prevProp || // Or if the prop doesn't define an animation
@@ -2894,17 +2882,17 @@ function Nl(t) {
         continue;
       }
       const C = Ul(x.prevProp, y);
-      let S = C || // If we're making this variant active, we want to always make it active
-      p === l && x.isActive && !b && P || // If we removed a higher-priority variant (i is in reverse order)
-      g > m && P, I = !1;
+      let P = C || // If we're making this variant active, we want to always make it active
+      p === l && x.isActive && !b && S || // If we removed a higher-priority variant (i is in reverse order)
+      g > m && S, I = !1;
       const j = Array.isArray(y) ? y : [y];
       let lt = j.reduce(i(p), {});
       w === !1 && (lt = {});
       const { prevResolvedValues: bn = {} } = x, kr = {
         ...bn,
         ...lt
-      }, An = (R) => {
-        S = !0, f.has(R) && (I = !0, f.delete(R)), x.needsAnimating[R] = !0;
+      }, Vn = (R) => {
+        P = !0, f.has(R) && (I = !0, f.delete(R)), x.needsAnimating[R] = !0;
         const N = t.getValue(R);
         N && (N.liveStyle = !1);
       };
@@ -2913,17 +2901,17 @@ function Nl(t) {
         if (d.hasOwnProperty(R))
           continue;
         let ct = !1;
-        Ie(N) && Ie(et) ? ct = !cr(N, et) : ct = N !== et, ct ? N != null ? An(R) : f.add(R) : N !== void 0 && f.has(R) ? An(R) : x.protectedKeys[R] = !0;
+        Ie(N) && Ie(et) ? ct = !cr(N, et) : ct = N !== et, ct ? N != null ? Vn(R) : f.add(R) : N !== void 0 && f.has(R) ? Vn(R) : x.protectedKeys[R] = !0;
       }
-      x.prevProp = y, x.prevResolvedValues = lt, x.isActive && (d = { ...d, ...lt }), s && t.blockInitialAnimation && (S = !1);
-      const Vn = b && C;
-      S && (!Vn || I) && h.push(...j.map((R) => {
+      x.prevProp = y, x.prevResolvedValues = lt, x.isActive && (d = { ...d, ...lt }), s && t.blockInitialAnimation && (P = !1);
+      const An = b && C;
+      P && (!An || I) && h.push(...j.map((R) => {
         const N = { type: p };
-        if (typeof R == "string" && s && !Vn && t.manuallyAnimateOnMount && t.parent) {
+        if (typeof R == "string" && s && !An && t.manuallyAnimateOnMount && t.parent) {
           const { parent: et } = t, ct = yt(et, R);
           if (et.enteringChildren && ct) {
             const { delayChildren: Br } = ct.transition || {};
-            N.delay = Ri(et.enteringChildren, t, Br);
+            N.delay = Li(et.enteringChildren, t, Br);
           }
         }
         return {
@@ -3089,7 +3077,7 @@ function Ql(t, e, n, s, i, o) {
 function ws(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const tc = /* @__PURE__ */ pr(0, 0.5, oi), ec = /* @__PURE__ */ pr(0.5, 0.95, W);
+const tc = /* @__PURE__ */ pr(0, 0.5, ai), ec = /* @__PURE__ */ pr(0.5, 0.95, W);
 function pr(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Ct(t, e, s));
 }
@@ -3120,7 +3108,7 @@ function rc(t, e) {
     const o = i - n;
     o >= e && (Q(s), t(o - e));
   };
-  return A.setup(s, !0), () => Q(s);
+  return V.setup(s, !0), () => Q(s);
 }
 function Gt(t) {
   return k(t) ? t.get() : t;
@@ -3215,10 +3203,10 @@ function gr(t) {
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = Ii(e);
+  const n = Oi(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: o } = t.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", A, !(i || o));
+    window.MotionCancelOptimisedAnimation(n, "transform", V, !(i || o));
   }
   const { parent: s } = t;
   s && !s.hasCheckedOptimisedAppear && gr(s);
@@ -3256,7 +3244,7 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
         const f = () => this.root.updateBlockedByResize = !1;
-        A.read(() => {
+        V.read(() => {
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
@@ -3328,14 +3316,14 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ps);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ss);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Ss);
+        this.nodes.forEach(Ps);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(mc), this.nodes.forEach(cc), this.nodes.forEach(uc)) : this.nodes.forEach(Ss), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(mc), this.nodes.forEach(cc), this.nodes.forEach(uc)) : this.nodes.forEach(Ps), this.clearAllSnapshots();
       const a = B.now();
       L.delta = X(0, 1e3 / 60, a - L.timestamp), L.timestamp = a, L.isProcessing = !0, oe.update.process(L), oe.preRender.process(L), oe.render.process(L), L.isProcessing = !1;
     }
@@ -3346,10 +3334,10 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.nodes.forEach(dc), this.sharedNodes.forEach(vc);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, A.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, V.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      A.postRender(() => {
+      V.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -3392,7 +3380,7 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), Pc(l), {
+      return r && (l = this.removeTransform(l)), Sc(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3405,7 +3393,7 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!r)
         return E();
       const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(Sc))) {
+      if (!(this.scroll?.wasRoot || this.path.some(Pc))) {
         const { scroll: c } = this.root;
         c && (pt(a.x, c.offset.x), pt(a.y, c.offset.y));
       }
@@ -3528,13 +3516,13 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const f = E(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, v = d !== m, g = this.getStack(), p = !g || g.members.length <= 1, x = !!(v && !p && this.options.crossfade === !0 && !this.path.some(xc));
       this.animationProgress = 0;
       let y;
-      this.mixTargetDelta = (P) => {
-        const w = P / 1e3;
-        As(h.x, r.x, w), As(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (te(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Tc(this.relativeTarget, this.relativeTargetOrigin, f, w), y && ql(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = E()), $(y, this.relativeTarget)), v && (this.animationValues = u, Ql(u, c, this.latestValues, w, x, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+      this.mixTargetDelta = (S) => {
+        const w = S / 1e3;
+        Vs(h.x, r.x, w), Vs(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (te(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Tc(this.relativeTarget, this.relativeTargetOrigin, f, w), y && ql(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = E()), $(y, this.relativeTarget)), v && (this.animationValues = u, Ql(u, c, this.latestValues, w, x, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Q(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = A.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Q(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = V.update(() => {
         _t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = vt(0)), this.motionValue.jump(0, !1), this.currentAnimation = nc(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
@@ -3652,8 +3640,8 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         const { correct: v, applyTo: g, isCSSVariable: p } = ze[m], x = h === "none" ? u[m] : v(u[m], c);
         if (g) {
           const y = g.length;
-          for (let P = 0; P < y; P++)
-            r[g[P]] = x;
+          for (let S = 0; S < y; S++)
+            r[g[S]] = x;
         } else
           p ? this.options.visualElement.renderState.vars[m] = x : r[m] = x;
       }
@@ -3664,7 +3652,7 @@ function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Only run on root
     resetTree() {
-      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach(Ps), this.root.sharedNodes.clear();
+      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach(Ss), this.root.sharedNodes.clear();
     }
   };
 }
@@ -3723,10 +3711,10 @@ function fc(t) {
 function dc(t) {
   t.clearSnapshot();
 }
-function Ps(t) {
+function Ss(t) {
   t.clearMeasurements();
 }
-function Ss(t) {
+function Ps(t) {
   t.isLayoutDirty = !1;
 }
 function mc(t) {
@@ -3748,14 +3736,14 @@ function yc(t) {
 function vc(t) {
   t.removeLeadSnapshot();
 }
-function As(t, e, n) {
+function Vs(t, e, n) {
   t.translate = D(e.translate, 0, n), t.scale = D(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function Vs(t, e, n, s) {
+function As(t, e, n, s) {
   t.min = D(e.min, n.min, s), t.max = D(e.max, n.max, s);
 }
 function Tc(t, e, n, s) {
-  Vs(t.x, e.x, n.x, s), Vs(t.y, e.y, n.y, s);
+  As(t.x, e.x, n.x, s), As(t.y, e.y, n.y, s);
 }
 function xc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
@@ -3767,13 +3755,13 @@ const wc = {
 function Cs(t) {
   t.min = Ms(t.min), t.max = Ms(t.max);
 }
-function Pc(t) {
+function Sc(t) {
   Cs(t.x), Cs(t.y);
 }
 function vr(t, e, n) {
   return t === "position" || t === "preserve-aspect" && !Hl(ys(e), ys(n), 0.2);
 }
-function Sc(t) {
+function Pc(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
 const bc = yr({
@@ -3806,7 +3794,7 @@ const bc = yr({
   isStatic: !1,
   reducedMotion: "never"
 });
-function Ac(t = !0) {
+function Vc(t = !0) {
   const e = O(Xe);
   if (e === null)
     return [!0, null];
@@ -3839,7 +3827,7 @@ const wr = Tt({ strict: !1 }), Es = {
   layout: ["layout", "layoutId"]
 };
 let Rs = !1;
-function Vc() {
+function Ac() {
   if (Rs)
     return;
   const t = {};
@@ -3849,11 +3837,11 @@ function Vc() {
     };
   qi(t), Rs = !0;
 }
-function Pr() {
-  return Vc(), yl();
+function Sr() {
+  return Ac(), yl();
 }
 function Dc(t) {
-  const e = Pr();
+  const e = Sr();
   for (const n in t)
     e[n] = {
       ...e[n],
@@ -3897,9 +3885,9 @@ const Mc = /* @__PURE__ */ new Set([
 function ee(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Mc.has(t);
 }
-let Sr = (t) => !ee(t);
+let Pr = (t) => !ee(t);
 function Cc(t) {
-  typeof t == "function" && (Sr = (e) => e.startsWith("on") ? !ee(e) : t(e));
+  typeof t == "function" && (Pr = (e) => e.startsWith("on") ? !ee(e) : t(e));
 }
 try {
   Cc(require("@emotion/is-prop-valid").default);
@@ -3908,7 +3896,7 @@ try {
 function Ec(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (Sr(i) || n === !0 && ee(i) || !e && !ee(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (Pr(i) || n === !0 && ee(i) || !e && !ee(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
@@ -3930,7 +3918,7 @@ function Lc(t) {
 function Ls(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Pn = () => ({
+const Sn = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
@@ -3942,7 +3930,7 @@ function br(t, e, n) {
 }
 function kc({ transformTemplate: t }, e) {
   return ne(() => {
-    const n = Pn();
+    const n = Sn();
     return xn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
@@ -3954,13 +3942,13 @@ function Fc(t, e) {
   const n = {}, s = Bc(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const Ar = () => ({
-  ...Pn(),
+const Vr = () => ({
+  ...Sn(),
   attrs: {}
 });
 function Ic(t, e, n, s) {
   const i = ne(() => {
-    const o = Ar();
+    const o = Vr();
     return ir(o, e, or(s), t.transformTemplate, t.style), {
       ...o.attrs,
       style: { ...o.style }
@@ -3999,7 +3987,7 @@ const Oc = [
   "use",
   "view"
 ];
-function Sn(t) {
+function Pn(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -4020,7 +4008,7 @@ function Sn(t) {
   );
 }
 function jc(t, e, n, { latestValues: s }, i, o = !1, r) {
-  const l = (r ?? Sn(t) ? Ic : Fc)(e, s, i, t), c = Ec(e, typeof t == "string", o), u = t !== zs ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = ne(() => k(h) ? h.get() : h, [h]);
+  const l = (r ?? Pn(t) ? Ic : Fc)(e, s, i, t), c = Ec(e, typeof t == "string", o), u = t !== zs ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = ne(() => k(h) ? h.get() : h, [h]);
   return Or(t, {
     ...u,
     children: f
@@ -4051,8 +4039,8 @@ function Uc(t, e, n, s) {
         for (const x in p) {
           let y = p[x];
           if (Array.isArray(y)) {
-            const P = u ? y.length - 1 : 0;
-            y = y[P];
+            const S = u ? y.length - 1 : 0;
+            y = y[S];
           }
           y !== null && (i[x] = y);
         }
@@ -4063,15 +4051,15 @@ function Uc(t, e, n, s) {
   }
   return i;
 }
-const Vr = (t) => (e, n) => {
+const Ar = (t) => (e, n) => {
   const s = O(re), i = O(Xe), o = () => Nc(t, e, s, i);
   return n ? o() : Wr(o);
-}, Wc = /* @__PURE__ */ Vr({
+}, Wc = /* @__PURE__ */ Ar({
   scrapeMotionValuesFromProps: wn,
-  createRenderState: Pn
-}), Kc = /* @__PURE__ */ Vr({
+  createRenderState: Sn
+}), Kc = /* @__PURE__ */ Ar({
   scrapeMotionValuesFromProps: ar,
-  createRenderState: Ar
+  createRenderState: Vr
 }), $c = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
 function zc(t, e, n) {
   const s = it(n);
@@ -4112,7 +4100,7 @@ function Hc(t, e, n, s, i, o) {
   Hs(() => {
     m && g.current && m.update(n, l);
   });
-  const p = n[Fi], x = it(!!p && !window.MotionHandoffIsComplete?.(p) && window.MotionHasOptimisedAnimation?.(p));
+  const p = n[Ii], x = it(!!p && !window.MotionHandoffIsComplete?.(p) && window.MotionHasOptimisedAnimation?.(p));
   return Kr(() => {
     d.current = !0, m && (g.current = !0, window.MotionIsMounted = !0, m.updateFeatures(), m.scheduleRenderMicrotask(), x.current && m.animationState && m.animationState.animateChanges());
   }), _e(() => {
@@ -4148,7 +4136,7 @@ function Mr(t) {
 }
 function ye(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
   s && Dc(s);
-  const o = n ? n === "svg" : Sn(t), r = o ? Kc : Wc;
+  const o = n ? n === "svg" : Pn(t), r = o ? Kc : Wc;
   function a(c, u) {
     let h;
     const f = {
@@ -4156,7 +4144,7 @@ function ye(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
       ...c,
       layoutId: _c(c)
     }, { isStatic: d } = f, m = Lc(c), v = r(c, d);
-    if (!d && Xs) {
+    if (!d && Ys) {
       Xc(f, s);
       const g = Yc(f);
       h = g.MeasureLayout, m.visualElement = Hc(t, v, f, i, g.ProjectionNode, o);
@@ -4168,7 +4156,7 @@ function ye(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
   return l[$c] = t, l;
 }
 function _c({ layoutId: t }) {
-  const e = O(_s).id;
+  const e = O(Xs).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Xc(t, e) {
@@ -4179,7 +4167,7 @@ function Xc(t, e) {
   }
 }
 function Yc(t) {
-  const e = Pr(), { drag: n, layout: s } = e;
+  const e = Sr(), { drag: n, layout: s } = e;
   if (!n && !s)
     return {};
   const i = { ...n, ...s };
@@ -4201,7 +4189,7 @@ function qc(t, e) {
     get: (o, r) => r === "create" ? s : (n.has(r) || n.set(r, ye(r, void 0, t, e)), n.get(r))
   });
 }
-const Zc = (t, e) => e.isSVG ?? Sn(t) ? new Bl(e) : new Ml(e, {
+const Zc = (t, e) => e.isSVG ?? Pn(t) ? new Bl(e) : new Ml(e, {
   allowProjection: t !== zs
 });
 class Jc extends tt {
@@ -4297,7 +4285,7 @@ class Er {
       const { onStart: x, onMove: y } = this.handlers;
       m || (x && x(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, d);
     }, this.handlePointerMove = (d, m) => {
-      this.lastMoveEvent = d, this.lastMoveEventInfo = ve(m, this.transformPagePoint), A.update(this.updatePoint, !0);
+      this.lastMoveEvent = d, this.lastMoveEventInfo = ve(m, this.transformPagePoint), V.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, m) => {
       this.end();
       const { onEnd: v, onSessionEnd: g, resumeAnimation: p } = this.handlers;
@@ -4350,7 +4338,7 @@ class Er {
       x: e.scrollLeft,
       y: e.scrollTop
     }, o = { x: i.x - n.x, y: i.y - n.y };
-    o.x === 0 && o.y === 0 || (s ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(e, i), A.update(this.updatePoint, !0));
+    o.x === 0 && o.y === 0 || (s ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(e, i), V.update(this.updatePoint, !0));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -4468,12 +4456,12 @@ class du {
         if (_.test(x)) {
           const { projection: y } = this.visualElement;
           if (y && y.layout) {
-            const P = y.layout.layoutBox[p];
-            P && (x = F(P) * (parseFloat(x) / 100));
+            const S = y.layout.layoutBox[p];
+            S && (x = F(S) * (parseFloat(x) / 100));
           }
         }
         this.originPoint[p] = x;
-      }), v && A.update(() => v(h, f), !1, !0), Oe(this.visualElement, "transform");
+      }), v && V.update(() => v(h, f), !1, !0), Oe(this.visualElement, "transform");
       const { animationState: g } = this.visualElement;
       g && g.setActive("whileDrag", !0);
     }, a = (h, f) => {
@@ -4486,7 +4474,7 @@ class du {
         this.currentDirection = pu(p), this.currentDirection !== null && v && v(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, p), this.updateAxis("y", f.point, p), this.visualElement.render(), g && A.update(() => g(h, f), !1, !0);
+      this.updateAxis("x", f.point, p), this.updateAxis("y", f.point, p), this.visualElement.render(), g && V.update(() => g(h, f), !1, !0);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, c = () => {
@@ -4517,7 +4505,7 @@ class du {
     const { velocity: r } = i;
     this.startAnimation(r);
     const { onDragEnd: a } = this.getProps();
-    a && A.postRender(() => a(s, i));
+    a && V.postRender(() => a(s, i));
   }
   /**
    * @internal
@@ -4561,7 +4549,7 @@ class du {
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const o = Pl(s, i.root, this.visualElement.getTransformPagePoint());
+    const o = Sl(s, i.root, this.visualElement.getTransformPagePoint());
     let r = lu(i.layout.layoutBox, o);
     if (n) {
       const a = n(Tl(r));
@@ -4660,7 +4648,7 @@ class du {
       const { dragConstraints: c } = this.getProps();
       ut(c) && c.current && (this.constraints = this.resolveRefConstraints(), s || (s = mu(e, c.current, () => this.scalePositionWithinConstraints())));
     }, { projection: o } = this.visualElement, r = o.addEventListener("measure", i);
-    o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), A.read(i);
+    o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), V.read(i);
     const a = kt(window, "resize", () => this.scalePositionWithinConstraints()), l = o.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: u }) => {
       this.isDragging && u && (G((h) => {
         const f = this.getAxisMotionValue(h);
@@ -4724,7 +4712,7 @@ class gu extends tt {
   }
 }
 const xe = (t) => (e, n) => {
-  t && A.update(() => t(e, n), !1, !0);
+  t && V.update(() => t(e, n), !1, !0);
 };
 class yu extends tt {
   constructor() {
@@ -4743,7 +4731,7 @@ class yu extends tt {
       onStart: xe(n),
       onMove: xe(s),
       onEnd: (o, r) => {
-        delete this.session, i && A.postRender(() => i(o, r));
+        delete this.session, i && V.postRender(() => i(o, r));
       }
     };
   }
@@ -4779,7 +4767,7 @@ class vu extends Nr {
     return r && (r.isPresent = o, e.layoutDependency !== n && r.setOptions({
       ...r.options,
       layoutDependency: n
-    }), we = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || A.postRender(() => {
+    }), we = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || V.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -4803,7 +4791,7 @@ class vu extends Nr {
   }
 }
 function Lr(t) {
-  const [e, n] = Ac(), s = O(_s);
+  const [e, n] = Vc(), s = O(Xs);
   return Gs(vu, { ...t, layoutGroup: s, switchLayoutGroup: O(Dr), isPresent: e, safeToRemove: n });
 }
 const Tu = {
@@ -4820,7 +4808,7 @@ function Ws(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, o = s[i];
-  o && A.postRender(() => o(e, Ot(e)));
+  o && V.postRender(() => o(e, Ot(e)));
 }
 class xu extends tt {
   mount() {
@@ -4858,9 +4846,9 @@ function Ks(t, e, n) {
     return;
   t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
-  o && A.postRender(() => o(e, Ot(e)));
+  o && V.postRender(() => o(e, Ot(e)));
 }
-class Pu extends tt {
+class Su extends tt {
   mount() {
     const { current: e } = this.node;
     if (!e)
@@ -4874,20 +4862,20 @@ class Pu extends tt {
   unmount() {
   }
 }
-const Ge = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), Su = (t) => {
+const Ge = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Pu = (t) => {
   const e = Ge.get(t.target);
   e && e(t);
 }, bu = (t) => {
-  t.forEach(Su);
+  t.forEach(Pu);
 };
-function Au({ root: t, ...e }) {
+function Vu({ root: t, ...e }) {
   const n = t || document;
-  Pe.has(n) || Pe.set(n, {});
-  const s = Pe.get(n), i = JSON.stringify(e);
+  Se.has(n) || Se.set(n, {});
+  const s = Se.get(n), i = JSON.stringify(e);
   return s[i] || (s[i] = new IntersectionObserver(bu, { root: t, ...e })), s[i];
 }
-function Vu(t, e, n) {
-  const s = Au(e);
+function Au(t, e, n) {
+  const s = Vu(e);
   return Ge.set(t, n), s.observe(t), () => {
     Ge.delete(t), s.unobserve(t);
   };
@@ -4914,7 +4902,7 @@ class Mu extends tt {
       const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
       f && f(l);
     };
-    return Vu(this.node.current, r, a);
+    return Au(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4936,7 +4924,7 @@ const Eu = {
     Feature: Mu
   },
   tap: {
-    Feature: Pu
+    Feature: Su
   },
   focus: {
     Feature: wu
@@ -4954,14 +4942,14 @@ const Eu = {
   ...Eu,
   ...Tu,
   ...Ru
-}, Ou = /* @__PURE__ */ qc(Lu, Zc);
+}, ju = /* @__PURE__ */ qc(Lu, Zc);
 export {
-  _s as L,
+  Xs as L,
   xr as M,
   Xe as P,
-  Ac as a,
+  Vc as a,
   Kr as b,
   Ga as i,
-  Ou as m,
+  ju as m,
   Wr as u
 };