motion-v 0.2.3 → 0.2.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as re, cloneVNode as ni, h as $t, mergeDefaults as si, ref as ii, useAttrs as ri, getCurrentInstance as oi, onMounted as In, onUnmounted as Dt, onUpdated as ai, openBlock as Ln, createBlock as Nn, unref as li, withCtx as $n, renderSlot as Kn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as Wn, watch as kn, onBeforeUnmount as di } from "vue";
+import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as re, cloneVNode as ni, h as $t, mergeDefaults as si, ref as ii, useAttrs as ri, getCurrentInstance as oi, onMounted as Ln, onUnmounted as Dt, onUpdated as ai, openBlock as Nn, createBlock as $n, unref as li, withCtx as Kn, renderSlot as Wn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as kn, watch as Gn, onBeforeUnmount as di } from "vue";
 function pi(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -6,7 +6,7 @@ function _n(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-class Gn {
+class zn {
   constructor() {
     this.subscriptions = [];
   }
@@ -34,9 +34,9 @@ class Gn {
 function oe(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const We = /* @__PURE__ */ new Set();
+const ke = /* @__PURE__ */ new Set();
 function Bt(e, t, n) {
-  e || We.has(t) || (console.warn(t), We.add(t));
+  e || ke.has(t) || (console.warn(t), ke.add(t));
 }
 const mi = {
   skipAnimations: !1,
@@ -108,26 +108,26 @@ function vi(e, t) {
   };
   return { schedule: st.reduce((g, y) => {
     const T = o[y];
-    return g[y] = (V, S = !1, A = !1) => (n || m(), T.schedule(V, S, A)), g;
+    return g[y] = (V, w = !1, A = !1) => (n || m(), T.schedule(V, w, A)), g;
   }, {}), cancel: (g) => {
     for (let y = 0; y < st.length; y++)
       o[st[y]].cancel(g);
   }, state: i, steps: o };
 }
-const { schedule: M, cancel: R, state: J, steps: Rl } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
-let St;
+const { schedule: M, cancel: R, state: J, steps: Ll } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
+let wt;
 function bi() {
-  St = void 0;
+  wt = void 0;
 }
 const N = {
-  now: () => (St === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), St),
+  now: () => (wt === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), wt),
   set: (e) => {
-    St = e, queueMicrotask(bi);
+    wt = e, queueMicrotask(bi);
   }
-}, ke = 30, wi = (e) => !isNaN(parseFloat(e)), _ = {
+}, Ge = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
   current: void 0
 };
-class Si {
+class wi {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -143,7 +143,7 @@ class Si {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = wi(this.current));
+    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Si(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -192,7 +192,7 @@ class Si {
     return process.env.NODE_ENV !== "production" && Bt(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new Gn());
+    this.events[t] || (this.events[t] = new zn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), M.read(() => {
@@ -248,7 +248,7 @@ class Si {
    * @public
    */
   get() {
-    return _.current && _.current.push(this), this.current;
+    return G.current && G.current.push(this), this.current;
   }
   /**
    * @public
@@ -265,9 +265,9 @@ class Si {
    */
   getVelocity() {
     const t = N.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ke)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Ge)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, ke);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Ge);
     return oe(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -322,13 +322,13 @@ class Si {
   }
 }
 function D(e, t) {
-  return new Si(e, t);
+  return new wi(e, t);
 }
 function Rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const zn = Rt(() => window.ScrollTimeline !== void 0);
+const jn = Rt(() => window.ScrollTimeline !== void 0);
 class ae {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
@@ -347,7 +347,7 @@ class ae {
       this.animations[s][t] = n;
   }
   attachTimeline(t, n) {
-    const s = this.animations.map((i) => zn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
+    const s = this.animations.map((i) => jn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
     return () => {
       s.forEach((i, r) => {
         i && i(), this.animations[r].stop();
@@ -409,11 +409,11 @@ function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1
   ht(e <= C(_e), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
   o = H(xi, Ai, o), e = H(Vi, _e, B(e)), o < 1 ? (i = (u) => {
-    const c = u * o, f = c * e, h = c - n, p = jt(u, o), m = Math.exp(-f);
+    const c = u * o, f = c * e, h = c - n, p = Ut(u, o), m = Math.exp(-f);
     return Kt - h / p * m;
   }, r = (u) => {
-    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), w = jt(Math.pow(u, 2), o);
-    return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / w;
+    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S = Ut(Math.pow(u, 2), o);
+    return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / S;
   }) : (i = (u) => {
     const c = Math.exp(-u * e), f = (u - n) * e + 1;
     return -Kt + c * f;
@@ -444,11 +444,11 @@ function Pi(e, t, n) {
     s = s - e(s) / t(s);
   return s;
 }
-function jt(e, t) {
+function Ut(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
 const Ci = ["duration", "bounce"], Fi = ["stiffness", "damping", "mass"];
-function Ge(e, t) {
+function ze(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
 function Oi(e) {
@@ -460,7 +460,7 @@ function Oi(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Ge(e, Fi) && Ge(e, Ci)) {
+  if (!ze(e, Fi) && ze(e, Ci)) {
     const n = Mi(e);
     t = {
       ...t,
@@ -474,22 +474,22 @@ function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
   const i = e[0], r = e[e.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: u, duration: c, velocity: f, isResolvedFromDuration: h } = Oi({
     ...s,
     velocity: -B(s.velocity || 0)
-  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), w = r - i, b = B(Math.sqrt(a / u)), g = Math.abs(w) < 5;
+  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), S = r - i, b = B(Math.sqrt(a / u)), g = Math.abs(S) < 5;
   n || (n = g ? 0.01 : 2), t || (t = g ? 5e-3 : 0.5);
   let y;
   if (m < 1) {
-    const T = jt(b, m);
+    const T = Ut(b, m);
     y = (V) => {
-      const S = Math.exp(-m * b * V);
-      return r - S * ((p + m * b * w) / T * Math.sin(T * V) + w * Math.cos(T * V));
+      const w = Math.exp(-m * b * V);
+      return r - w * ((p + m * b * S) / T * Math.sin(T * V) + S * Math.cos(T * V));
     };
   } else if (m === 1)
-    y = (T) => r - Math.exp(-b * T) * (w + (p + b * w) * T);
+    y = (T) => r - Math.exp(-b * T) * (S + (p + b * S) * T);
   else {
     const T = b * Math.sqrt(m * m - 1);
     y = (V) => {
-      const S = Math.exp(-m * b * V), A = Math.min(T * V, 300);
-      return r - S * ((p + m * b * w) * Math.sinh(A) + T * w * Math.cosh(A)) / T;
+      const w = Math.exp(-m * b * V), A = Math.min(T * V, 300);
+      return r - w * ((p + m * b * S) * Math.sinh(A) + T * S * Math.cosh(A)) / T;
     };
   }
   return {
@@ -499,9 +499,9 @@ function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
       if (h)
         o.done = T >= c;
       else {
-        let S = 0;
-        m < 1 && (S = T === 0 ? C(p) : Un(y, T, V));
-        const A = Math.abs(S) <= n, F = Math.abs(r - V) <= t;
+        let w = 0;
+        m < 1 && (w = T === 0 ? C(p) : Un(y, T, V));
+        const A = Math.abs(w) <= n, F = Math.abs(r - V) <= t;
         o.done = A && F;
       }
       return o.value = o.done ? r : V, o;
@@ -509,7 +509,7 @@ function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
   };
 }
 const Ht = 2e4;
-function jn(e) {
+function Hn(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
@@ -517,8 +517,8 @@ function jn(e) {
     t += n, s = e.next(t);
   return t >= Ht ? 1 / 0 : t;
 }
-function Hn(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(jn(s), Ht);
+function Yn(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s), Ht);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / t,
@@ -529,7 +529,7 @@ const dt = (e, t, n) => e + (t - e) * n, pt = (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-function Yn(e, t) {
+function Xn(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
     const i = pt(0, t, s);
@@ -538,7 +538,7 @@ function Yn(e, t) {
 }
 function ue(e) {
   const t = [0];
-  return Yn(t, e.length - 1), t;
+  return Xn(t, e.length - 1), t;
 }
 const P = (e) => !!(e && e.getVelocity);
 function It(e, t, n) {
@@ -552,22 +552,22 @@ function It(e, t, n) {
 function ce(e) {
   return typeof e == "object" && !Array.isArray(e);
 }
-function Xn(e, t, n, s) {
+function qn(e, t, n, s) {
   return typeof e == "string" && ce(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
 }
 function mt(e) {
   return typeof e == "function";
 }
-function ze(e, t, n, s) {
+function je(e, t, n, s) {
   var i;
   return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : (i = s.get(t)) !== null && i !== void 0 ? i : e;
 }
 const Di = (e, t, n) => {
   const s = t - e;
   return ((n - e) % s + s) % s + e;
-}, qn = (e) => Array.isArray(e) && typeof e[0] != "number";
+}, Zn = (e) => Array.isArray(e) && typeof e[0] != "number";
 function Bi(e, t) {
-  return qn(e) ? e[Di(0, e.length, t)] : e;
+  return Zn(e) ? e[Di(0, e.length, t)] : e;
 }
 function Ri(e, t, n) {
   for (let s = 0; s < e.length; s++) {
@@ -597,54 +597,54 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
       u.set(m, f);
       continue;
     } else if (!Array.isArray(m)) {
-      u.set(m.name, ze(f, m.at, c, u));
+      u.set(m.name, je(f, m.at, c, u));
       continue;
     }
-    let [w, b, g = {}] = m;
-    g.at !== void 0 && (f = ze(f, g.at, c, u));
+    let [S, b, g = {}] = m;
+    g.at !== void 0 && (f = je(f, g.at, c, u));
     let y = 0;
-    const T = (V, S, A, F = 0, v = 0) => {
-      const x = Ki(V), { delay: O = 0, times: z = ue(x), type: Nt = "keyframes", ...qs } = S;
-      let { ease: Fe = t.ease || "easeOut", duration: L } = S;
-      const Oe = typeof O == "function" ? O(F, v) : O, De = x.length, Be = mt(Nt) ? Nt : i == null ? void 0 : i[Nt];
-      if (De <= 2 && Be) {
-        let Ne = 100;
-        if (De === 2 && _i(x)) {
+    const T = (V, w, A, F = 0, v = 0) => {
+      const x = Ki(V), { delay: O = 0, times: z = ue(x), type: Nt = "keyframes", ...qs } = w;
+      let { ease: Oe = t.ease || "easeOut", duration: L } = w;
+      const De = typeof O == "function" ? O(F, v) : O, Be = x.length, Re = mt(Nt) ? Nt : i == null ? void 0 : i[Nt];
+      if (Be <= 2 && Re) {
+        let $e = 100;
+        if (Be === 2 && Gi(x)) {
           const Zs = x[1] - x[0];
-          Ne = Math.abs(Zs);
+          $e = Math.abs(Zs);
         }
-        const $e = { ...qs };
-        L !== void 0 && ($e.duration = C(L));
-        const Ke = Hn($e, Ne, Be);
-        Fe = Ke.ease, L = Ke.duration;
+        const Ke = { ...qs };
+        L !== void 0 && (Ke.duration = C(L));
+        const We = Yn(Ke, $e, Re);
+        Oe = We.ease, L = We.duration;
       }
       L ?? (L = r);
-      const Re = f + Oe, Ie = Re + L;
+      const Ie = f + De, Le = Ie + L;
       z.length === 1 && z[0] === 0 && (z[1] = 1);
-      const Le = z.length - x.length;
-      Le > 0 && Yn(z, Le), x.length === 1 && x.unshift(null), Ii(A, x, Fe, z, Re, Ie), y = Math.max(Oe + L, y), h = Math.max(Ie, h);
+      const Ne = z.length - x.length;
+      Ne > 0 && Xn(z, Ne), x.length === 1 && x.unshift(null), Ii(A, x, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
     };
-    if (P(w)) {
-      const V = Ue(w, a);
-      T(b, g, je("default", V));
+    if (P(S)) {
+      const V = Ue(S, a);
+      T(b, g, He("default", V));
     } else {
-      const V = Xn(w, b, s, l), S = V.length;
-      for (let A = 0; A < S; A++) {
+      const V = qn(S, b, s, l), w = V.length;
+      for (let A = 0; A < w; A++) {
         b = b, g = g;
         const F = V[A], v = Ue(F, a);
         for (const x in b)
-          T(b[x], Wi(g, x), je(x, v), A, S);
+          T(b[x], Wi(g, x), He(x, v), A, w);
       }
     }
     c = f, f += y;
   }
   return a.forEach((p, m) => {
-    for (const w in p) {
-      const b = p[w];
+    for (const S in p) {
+      const b = p[S];
       b.sort(Li);
       const g = [], y = [], T = [];
-      for (let S = 0; S < b.length; S++) {
-        const { at: A, value: F, easing: v } = b[S];
+      for (let w = 0; w < b.length; w++) {
+        const { at: A, value: F, easing: v } = b[w];
         g.push(F), y.push(pt(0, h, A)), T.push(v || "easeOut");
       }
       y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), T.unshift(Ni)), y[y.length - 1] !== 1 && (y.push(1), g.push(null)), o.has(m) || o.set(m, {
@@ -652,7 +652,7 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
         transition: {}
       });
       const V = o.get(m);
-      V.keyframes[w] = g, V.transition[w] = {
+      V.keyframes[S] = g, V.transition[S] = {
         ...t,
         duration: h,
         ease: T,
@@ -665,7 +665,7 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
 function Ue(e, t) {
   return !t.has(e) && t.set(e, {}), t.get(e);
 }
-function je(e, t) {
+function He(e, t) {
   return t[e] || (t[e] = []), t[e];
 }
 function Ki(e) {
@@ -677,7 +677,7 @@ function Wi(e, t) {
     ...e[t]
   } : { ...e };
 }
-const ki = (e) => typeof e == "number", _i = (e) => e.every(ki), $ = /* @__PURE__ */ new WeakMap(), gt = [
+const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE__ */ new WeakMap(), gt = [
   "transformPerspective",
   "x",
   "y",
@@ -695,7 +695,7 @@ const ki = (e) => typeof e == "number", _i = (e) => e.every(ki), $ = /* @__PURE_
   "skew",
   "skewX",
   "skewY"
-], X = new Set(gt), Gi = {
+], X = new Set(gt), _i = {
   type: "spring",
   stiffness: 500,
   damping: 25,
@@ -705,14 +705,14 @@ const ki = (e) => typeof e == "number", _i = (e) => e.every(ki), $ = /* @__PURE_
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ui = {
+}), ji = {
   type: "keyframes",
   duration: 0.8
-}, ji = {
+}, Ui = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Hi = (e, { keyframes: t }) => t.length > 2 ? Ui : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : Gi : ji;
+}, Hi = (e, { keyframes: t }) => t.length > 2 ? ji : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : _i : Ui;
 function fe(e, t) {
   return e ? e[t] || e.default || e : void 0;
 }
@@ -721,11 +721,11 @@ function yt(e, { repeat: t, repeatType: n = "loop" }, s) {
   const i = e.filter(Yi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !r || s === void 0 ? i[r] : s;
 }
-const Zn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Xi = 1e-7, qi = 12;
+const Jn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Xi = 1e-7, qi = 12;
 function Zi(e, t, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = Zn(o, s, i) - e, r > 0 ? n = o : t = o;
+    o = t + (n - t) / 2, r = Jn(o, s, i) - e, r > 0 ? n = o : t = o;
   while (Math.abs(r) > Xi && ++a < qi);
   return o;
 }
@@ -733,13 +733,13 @@ function vt(e, t, n, s) {
   if (e === t && n === s)
     return K;
   const i = (r) => Zi(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : Zn(i(r), t, s);
+  return (r) => r === 0 || r === 1 ? r : Jn(i(r), t, s);
 }
-const Jn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Qn = (e) => (t) => 1 - e(1 - t), ts = /* @__PURE__ */ vt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ Qn(ts), es = /* @__PURE__ */ Jn(he), ns = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = Qn(de), ss = Jn(de), is = (e) => /^0[^.\s]+$/u.test(e);
+const Qn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ts = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ vt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ ts(es), ns = /* @__PURE__ */ Qn(he), ss = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = ts(de), is = Qn(de), rs = (e) => /^0[^.\s]+$/u.test(e);
 function Qi(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || is(e) : !0;
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || rs(e) : !0;
 }
-const rs = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), os = (e) => (t) => typeof t == "string" && t.startsWith(e), as = /* @__PURE__ */ os("--"), tr = /* @__PURE__ */ os("var(--"), pe = (e) => tr(e) ? er.test(e.split("/*")[0].trim()) : !1, er = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, nr = (
+const os = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), as = (e) => (t) => typeof t == "string" && t.startsWith(e), ls = /* @__PURE__ */ as("--"), tr = /* @__PURE__ */ as("var(--"), pe = (e) => tr(e) ? er.test(e.split("/*")[0].trim()) : !1, er = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, nr = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
@@ -751,7 +751,7 @@ function sr(e) {
   return [`--${n ?? s}`, i];
 }
 const ir = 4;
-function ls(e, t, n = 1) {
+function us(e, t, n = 1) {
   I(n <= ir, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
   const [s, i] = sr(e);
   if (!s)
@@ -759,9 +759,9 @@ function ls(e, t, n = 1) {
   const r = window.getComputedStyle(t).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return rs(o) ? parseFloat(o) : o;
+    return os(o) ? parseFloat(o) : o;
   }
-  return pe(i) ? ls(i, t, n + 1) : i;
+  return pe(i) ? us(i, t, n + 1) : i;
 }
 const tt = {
   test: (e) => typeof e == "number",
@@ -770,14 +770,14 @@ const tt = {
 }, lt = {
   ...tt,
   transform: (e) => H(0, 1, e)
-}, wt = {
+}, St = {
   ...tt,
   default: 1
 }, bt = (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), W = /* @__PURE__ */ bt("deg"), Z = /* @__PURE__ */ bt("%"), d = /* @__PURE__ */ bt("px"), rr = /* @__PURE__ */ bt("vh"), or = /* @__PURE__ */ bt("vw"), He = {
+}), W = /* @__PURE__ */ bt("deg"), Z = /* @__PURE__ */ bt("%"), d = /* @__PURE__ */ bt("px"), rr = /* @__PURE__ */ bt("vh"), or = /* @__PURE__ */ bt("vw"), Ye = {
   ...Z,
   parse: (e) => Z.parse(e) / 100,
   transform: (e) => Z.transform(e * 100)
@@ -792,15 +792,15 @@ const tt = {
   "y",
   "translateX",
   "translateY"
-]), Ye = (e) => e === tt || e === d, Xe = (e, t) => parseFloat(e.split(", ")[t]), qe = (e, t) => (n, { transform: s }) => {
+]), Xe = (e) => e === tt || e === d, qe = (e, t) => parseFloat(e.split(", ")[t]), Ze = (e, t) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/u);
   if (i)
-    return Xe(i[1], t);
+    return qe(i[1], t);
   {
     const r = s.match(/^matrix\((.+)\)$/u);
-    return r ? Xe(r[1], e) : 0;
+    return r ? qe(r[1], e) : 0;
   }
 }, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = gt.filter((e) => !lr.has(e));
 function cr(e) {
@@ -819,19 +819,19 @@ const Q = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: qe(4, 13),
-  y: qe(5, 14)
+  x: Ze(4, 13),
+  y: Ze(5, 14)
 };
 Q.translateX = Q.x;
 Q.translateY = Q.y;
-const us = (e) => (t) => t.test(e), fr = {
+const cs = (e) => (t) => t.test(e), fr = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, cs = [tt, d, Z, W, or, rr, fr], Ze = (e) => cs.find(us(e)), j = /* @__PURE__ */ new Set();
+}, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)), U = /* @__PURE__ */ new Set();
 let Yt = !1, Xt = !1;
-function fs() {
+function hs() {
   if (Xt) {
-    const e = Array.from(j).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+    const e = Array.from(U).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
       const i = cr(s);
       i.length && (n.set(s, i), s.render());
@@ -846,22 +846,22 @@ function fs() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Xt = !1, Yt = !1, j.forEach((e) => e.complete()), j.clear();
+  Xt = !1, Yt = !1, U.forEach((e) => e.complete()), U.clear();
 }
-function hs() {
-  j.forEach((e) => {
+function ds() {
+  U.forEach((e) => {
     e.readKeyframes(), e.needsMeasurement && (Xt = !0);
   });
 }
 function hr() {
-  hs(), fs();
+  ds(), hs();
 }
 class me {
   constructor(t, n, s, i, r, o = !1) {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (j.add(this), Yt || (Yt = !0, M.read(hs), M.resolveKeyframes(fs))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (U.add(this), Yt || (Yt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -888,10 +888,10 @@ class me {
   measureEndState() {
   }
   complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), j.delete(this);
+    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), U.delete(this);
   }
   cancel() {
-    this.isComplete || (this.isScheduled = !1, j.delete(this));
+    this.isComplete || (this.isScheduled = !1, U.delete(this));
   }
   resume() {
     this.isComplete || this.scheduleResolve();
@@ -901,7 +901,7 @@ const rt = (e) => Math.round(e * 1e5) / 1e5, ge = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function dr(e) {
   return e == null;
 }
-const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ye = (e, t) => (n) => !!(typeof n == "string" && pr.test(n) && n.startsWith(e) || t && !dr(n) && Object.prototype.hasOwnProperty.call(n, t)), ds = (e, t, n) => (s) => {
+const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ye = (e, t) => (n) => !!(typeof n == "string" && pr.test(n) && n.startsWith(e) || t && !dr(n) && Object.prototype.hasOwnProperty.call(n, t)), ps = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, r, o, a] = s.match(ge);
@@ -914,9 +914,9 @@ const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, mr = (e) => H(0, 255, e), Wt = {
   ...tt,
   transform: (e) => Math.round(mr(e))
-}, U = {
+}, j = {
   test: /* @__PURE__ */ ye("rgb", "red"),
-  parse: /* @__PURE__ */ ds("red", "green", "blue"),
+  parse: /* @__PURE__ */ ps("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(lt.transform(s)) + ")"
 };
 function gr(e) {
@@ -931,21 +931,21 @@ function gr(e) {
 const qt = {
   test: /* @__PURE__ */ ye("#"),
   parse: gr,
-  transform: U.transform
+  transform: j.transform
 }, q = {
   test: /* @__PURE__ */ ye("hsl", "hue"),
-  parse: /* @__PURE__ */ ds("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ ps("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(lt.transform(s)) + ")"
 }, E = {
-  test: (e) => U.test(e) || qt.test(e) || q.test(e),
-  parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : qt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : q.transform(e)
+  test: (e) => j.test(e) || qt.test(e) || q.test(e),
+  parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : qt.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e)
 }, yr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function vr(e) {
   var t, n;
   return isNaN(e) && typeof e == "string" && (((t = e.match(ge)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(yr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const ps = "number", ms = "color", br = "var", wr = "var(", Je = "${}", Sr = /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 ms = "number", gs = "color", br = "var", Sr = "var(", Qe = "${}", wr = /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 ut(e) {
   const t = e.toString(), n = [], s = {
     color: [],
@@ -953,33 +953,33 @@ function ut(e) {
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(Sr, (l) => (E.test(l) ? (s.color.push(r), i.push(ms), n.push(E.parse(l))) : l.startsWith(wr) ? (s.var.push(r), i.push(br), n.push(l)) : (s.number.push(r), i.push(ps), n.push(parseFloat(l))), ++r, Je)).split(Je);
+  const a = t.replace(wr, (l) => (E.test(l) ? (s.color.push(r), i.push(gs), n.push(E.parse(l))) : l.startsWith(Sr) ? (s.var.push(r), i.push(br), n.push(l)) : (s.number.push(r), i.push(ms), n.push(parseFloat(l))), ++r, Qe)).split(Qe);
   return { values: n, split: a, indexes: s, types: i };
 }
-function gs(e) {
+function ys(e) {
   return ut(e).values;
 }
-function ys(e) {
+function vs(e) {
   const { split: t, types: n } = ut(e), s = t.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += t[o], i[o] !== void 0) {
         const a = n[o];
-        a === ps ? r += rt(i[o]) : a === ms ? r += E.transform(i[o]) : r += i[o];
+        a === ms ? r += rt(i[o]) : a === gs ? r += E.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
 const Tr = (e) => typeof e == "number" ? 0 : e;
 function Vr(e) {
-  const t = gs(e);
-  return ys(e)(t.map(Tr));
+  const t = ys(e);
+  return vs(e)(t.map(Tr));
 }
 const et = {
   test: vr,
-  parse: gs,
-  createTransformer: ys,
+  parse: ys,
+  createTransformer: vs,
   getAnimatableNone: Vr
 }, xr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Ar(e) {
@@ -1040,10 +1040,10 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   rotateX: W,
   rotateY: W,
   rotateZ: W,
-  scale: wt,
-  scaleX: wt,
-  scaleY: wt,
-  scaleZ: wt,
+  scale: St,
+  scaleX: St,
+  scaleY: St,
+  scaleZ: St,
   skew: W,
   skewX: W,
   skewY: W,
@@ -1057,21 +1057,21 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   perspective: d,
   transformPerspective: d,
   opacity: lt,
-  originX: He,
-  originY: He,
+  originX: Ye,
+  originY: Ye,
   originZ: d
-}, Qe = {
+}, tn = {
   ...tt,
   transform: Math.round
 }, ve = {
   ...Jt,
   ...Er,
-  zIndex: Qe,
+  zIndex: tn,
   size: d,
   // SVG
   fillOpacity: lt,
   strokeOpacity: lt,
-  numOctaves: Qe
+  numOctaves: tn
 }, Pr = {
   ...ve,
   // Color props
@@ -1089,7 +1089,7 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   filter: Zt,
   WebkitFilter: Zt
 }, be = (e) => Pr[e];
-function vs(e, t) {
+function bs(e, t) {
   let n = be(e);
   return n !== Zt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
@@ -1102,9 +1102,9 @@ function Fr(e, t, n) {
   }
   if (i && n)
     for (const r of t)
-      e[r] = vs(n, i);
+      e[r] = bs(n, i);
 }
-class bs extends me {
+class Ss extends me {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1116,15 +1116,15 @@ class bs extends me {
     for (let l = 0; l < t.length; l++) {
       let u = t[l];
       if (typeof u == "string" && (u = u.trim(), pe(u))) {
-        const c = ls(u, n.current);
+        const c = us(u, n.current);
         c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
       }
     }
     if (this.resolveNoneKeyframes(), !ar.has(s) || t.length !== 2)
       return;
-    const [i, r] = t, o = Ze(i), a = Ze(r);
+    const [i, r] = t, o = Je(i), a = Je(r);
     if (o !== a)
-      if (Ye(o) && Ye(a))
+      if (Xe(o) && Xe(a))
         for (let l = 0; l < t.length; l++) {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
@@ -1159,7 +1159,7 @@ class bs extends me {
     }), this.resolveNoneKeyframes();
   }
 }
-const tn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+const en = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (et.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
 function Or(e) {
@@ -1176,7 +1176,7 @@ function Dr(e, t, n, s) {
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const r = e[e.length - 1], o = tn(i, t), a = tn(r, t);
+  const r = e[e.length - 1], o = en(i, t), a = en(r, t);
   return ht(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Or(e) || (n === "spring" || mt(n)) && s;
 }
 const Br = 40;
@@ -1251,21 +1251,21 @@ class ws {
     });
   }
 }
-function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
   const f = e[0], h = {
     done: !1,
     value: f
   }, p = (v) => a !== void 0 && v < a || l !== void 0 && v > l, m = (v) => a === void 0 ? l : l === void 0 || Math.abs(a - v) < Math.abs(l - v) ? a : l;
-  let w = n * t;
-  const b = f + w, g = o === void 0 ? b : o(b);
-  g !== b && (w = g - f);
-  const y = (v) => -w * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
+  let S = n * t;
+  const b = f + S, g = o === void 0 ? b : o(b);
+  g !== b && (S = g - f);
+  const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
     const x = y(v), O = T(v);
     h.done = Math.abs(x) <= u, h.value = h.done ? g : O;
   };
-  let S, A;
+  let w, A;
   const F = (v) => {
-    p(h.value) && (S = v, A = le({
+    p(h.value) && (w = v, A = le({
       keyframes: [h.value, m(h.value)],
       velocity: Un(T, v, h.value),
       // TODO: This should be passing * 1000
@@ -1279,31 +1279,31 @@ function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (v) => {
       let x = !1;
-      return !A && S === void 0 && (x = !0, V(v), F(v)), S !== void 0 && v >= S ? A.next(v - S) : (!x && V(v), h);
+      return !A && w === void 0 && (x = !0, V(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!x && V(v), h);
     }
   };
 }
-const Rr = /* @__PURE__ */ vt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ vt(0, 0, 0.58, 1), Ss = /* @__PURE__ */ vt(0.42, 0, 0.58, 1), we = (e) => Array.isArray(e) && typeof e[0] == "number", nn = {
+const Rr = /* @__PURE__ */ vt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ vt(0, 0, 0.58, 1), Ts = /* @__PURE__ */ vt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
   linear: K,
   easeIn: Rr,
-  easeInOut: Ss,
+  easeInOut: Ts,
   easeOut: Ir,
   circIn: de,
-  circInOut: ss,
+  circInOut: is,
   circOut: Ji,
   backIn: he,
-  backInOut: es,
-  backOut: ts,
-  anticipate: ns
+  backInOut: ns,
+  backOut: es,
+  anticipate: ss
 }, Qt = (e) => {
-  if (we(e)) {
+  if (Se(e)) {
     I(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, i] = e;
     return vt(t, n, s, i);
   } else if (typeof e == "string")
-    return I(nn[e] !== void 0, `Invalid easing type '${e}'`), nn[e];
+    return I(sn[e] !== void 0, `Invalid easing type '${e}'`), sn[e];
   return e;
-}, Lr = (e, t) => (n) => t(e(n)), Se = (...e) => e.reduce(Lr);
+}, Lr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Lr);
 function kt(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
@@ -1326,23 +1326,23 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
 function At(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const _t = (e, t, n) => {
+const Gt = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, $r = [qt, U, q], Kr = (e) => $r.find((t) => t.test(e));
-function sn(e) {
+}, $r = [qt, j, q], Kr = (e) => $r.find((t) => t.test(e));
+function rn(e) {
   const t = Kr(e);
   if (ht(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
   return t === q && (n = Nr(n)), n;
 }
-const rn = (e, t) => {
-  const n = sn(e), s = sn(t);
+const on = (e, t) => {
+  const n = rn(e), s = rn(t);
   if (!n || !s)
     return At(e, t);
   const i = { ...n };
-  return (r) => (i.red = _t(n.red, s.red, r), i.green = _t(n.green, s.green, r), i.blue = _t(n.blue, s.blue, r), i.alpha = dt(n.alpha, s.alpha, r), U.transform(i));
+  return (r) => (i.red = Gt(n.red, s.red, r), i.green = Gt(n.green, s.green, r), i.blue = Gt(n.blue, s.blue, r), i.alpha = dt(n.alpha, s.alpha, r), j.transform(i));
 }, te = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Wr(e, t) {
   return te.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
@@ -1351,9 +1351,9 @@ function kr(e, t) {
   return (n) => dt(e, t, n);
 }
 function Te(e) {
-  return typeof e == "number" ? kr : typeof e == "string" ? pe(e) ? At : E.test(e) ? rn : zr : Array.isArray(e) ? Ts : typeof e == "object" ? E.test(e) ? rn : _r : At;
+  return typeof e == "number" ? kr : typeof e == "string" ? pe(e) ? At : E.test(e) ? on : zr : Array.isArray(e) ? Vs : typeof e == "object" ? E.test(e) ? on : Gr : At;
 }
-function Ts(e, t) {
+function Vs(e, t) {
   const n = [...e], s = n.length, i = e.map((r, o) => Te(r)(r, t[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
@@ -1361,7 +1361,7 @@ function Ts(e, t) {
     return n;
   };
 }
-function _r(e, t) {
+function Gr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const i in n)
     e[i] !== void 0 && t[i] !== void 0 && (s[i] = Te(e[i])(e[i], t[i]));
@@ -1371,7 +1371,7 @@ function _r(e, t) {
     return n;
   };
 }
-function Gr(e, t) {
+function _r(e, t) {
   var n;
   const s = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
@@ -1382,18 +1382,18 @@ function Gr(e, t) {
 }
 const zr = (e, t) => {
   const n = et.createTransformer(t), s = ut(e), i = ut(t);
-  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 ? te.has(e) && !i.values.length || te.has(t) && !s.values.length ? Wr(e, t) : Se(Ts(Gr(s, i), i.values), n) : (ht(!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.`), At(e, t));
+  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 ? te.has(e) && !i.values.length || te.has(t) && !s.values.length ? Wr(e, t) : we(Vs(_r(s, i), i.values), n) : (ht(!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.`), At(e, t));
 };
-function Vs(e, t, n) {
+function xs(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? dt(e, t, n) : Te(e)(e, t);
 }
-function Ur(e, t, n) {
-  const s = [], i = n || Vs, r = e.length - 1;
+function jr(e, t, n) {
+  const s = [], i = n || xs, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
       const l = Array.isArray(t) ? t[o] || K : t;
-      a = Se(l, a);
+      a = we(l, a);
     }
     s.push(a);
   }
@@ -1406,7 +1406,7 @@ function Ve(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   if (r === 2 && e[0] === e[1])
     return () => t[1];
   e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const o = Ur(t, s, i), a = o.length, l = (u) => {
+  const o = jr(t, s, i), a = o.length, l = (u) => {
     let c = 0;
     if (a > 1)
       for (; c < e.length - 2 && !(u < e[c + 1]); c++)
@@ -1416,17 +1416,17 @@ function Ve(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   };
   return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
 }
-function jr(e, t) {
+function Ur(e, t) {
   return e.map((n) => n * t);
 }
 function Hr(e, t) {
-  return e.map(() => t || Ss).splice(0, e.length - 1);
+  return e.map(() => t || Ts).splice(0, e.length - 1);
 }
 function Mt({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = qn(s) ? s.map(Qt) : Qt(s), r = {
+  const i = Zn(s) ? s.map(Qt) : Qt(s), r = {
     done: !1,
     value: t[0]
-  }, o = jr(
+  }, o = Ur(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
     n && n.length === t.length ? n : ue(t),
@@ -1451,8 +1451,8 @@ const Yr = (e) => {
     now: () => J.isProcessing ? J.timestamp : N.now()
   };
 }, Xr = {
-  decay: en,
-  inertia: en,
+  decay: nn,
+  inertia: nn,
   tween: Mt,
   keyframes: Mt,
   spring: le
@@ -1472,13 +1472,13 @@ class Lt extends ws {
   initPlayback(t) {
     const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = mt(n) ? n : Xr[n] || Mt;
     let l, u;
-    a !== Mt && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = Se(qr, Vs(t[0], t[1])), t = [0, 100]);
+    a !== Mt && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(qr, xs(t[0], t[1])), t = [0, 100]);
     const c = a({ ...this.options, keyframes: t });
     r === "mirror" && (u = a({
       ...this.options,
       keyframes: [...t].reverse(),
       velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = jn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = Hn(c));
     const { calculatedDuration: f } = c, h = f + i, p = h * (s + 1) - i;
     return {
       generator: c,
@@ -1502,7 +1502,7 @@ class Lt extends ws {
     const { finalKeyframe: i, generator: r, mirroredGenerator: o, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: u, totalDuration: c, resolvedDuration: f } = s;
     if (this.startTime === null)
       return r.next(0);
-    const { delay: h, repeat: p, repeatType: m, repeatDelay: w, onUpdate: b } = this.options;
+    const { delay: h, repeat: p, repeatType: m, repeatDelay: S, onUpdate: b } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
     const g = this.currentTime - h * (this.speed >= 0 ? 1 : -1), y = this.speed >= 0 ? g < 0 : g > c;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
@@ -1510,14 +1510,14 @@ class Lt extends ws {
     if (p) {
       const v = Math.min(this.currentTime, c) / f;
       let x = Math.floor(v), O = v % 1;
-      !O && v >= 1 && (O = 1), O === 1 && x--, x = Math.min(x, p + 1), !!(x % 2) && (m === "reverse" ? (O = 1 - O, w && (O -= w / f)) : m === "mirror" && (V = o)), T = H(0, 1, O) * f;
+      !O && v >= 1 && (O = 1), O === 1 && x--, x = Math.min(x, p + 1), !!(x % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (V = o)), T = H(0, 1, O) * f;
     }
-    const S = y ? { done: !1, value: l[0] } : V.next(T);
-    a && (S.value = a(S.value));
-    let { done: A } = S;
+    const w = y ? { done: !1, value: l[0] } : V.next(T);
+    a && (w.value = a(w.value));
+    let { done: A } = w;
     !y && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
     const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return F && i !== void 0 && (S.value = yt(l, this.options, i)), b && b(S.value), F && this.finish(), S;
+    return F && i !== void 0 && (w.value = yt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
   }
   get duration() {
     const { resolved: t } = this;
@@ -1612,8 +1612,8 @@ const ct = /* @__PURE__ */ no(() => {
   }
   return !0;
 }, "linearEasing");
-function xs(e) {
-  return !!(typeof e == "function" && ct() || !e || typeof e == "string" && (e in ee || ct()) || we(e) || Array.isArray(e) && e.every(xs));
+function As(e) {
+  return !!(typeof e == "function" && ct() || !e || typeof e == "string" && (e in ee || ct()) || Se(e) || Array.isArray(e) && e.every(As));
 }
 const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
   linear: "linear",
@@ -1626,14 +1626,14 @@ const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
   backIn: /* @__PURE__ */ it([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ it([0.33, 1.53, 0.69, 0.99])
 };
-function As(e, t) {
+function Ms(e, t) {
   if (e)
-    return typeof e == "function" && ct() ? to(e, t) : we(e) ? it(e) : Array.isArray(e) ? e.map((n) => As(n, t) || ee.easeOut) : ee[e];
+    return typeof e == "function" && ct() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ee.easeOut) : ee[e];
 }
-function Ms(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
   const u = { [t]: n };
   l && (u.offset = l);
-  const c = As(a, i);
+  const c = Ms(a, i);
   return Array.isArray(c) && (u.easing = c), e.animate(u, {
     delay: s,
     duration: i,
@@ -1646,9 +1646,9 @@ function Ms(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
 function Et(e, t) {
   e.timeline = t, e.onfinish = null;
 }
-const Es = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Pt = 10, so = 2e4;
+const Ps = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Pt = 10, so = 2e4;
 function io(e) {
-  return mt(e.type) || e.type === "spring" || !xs(e.ease);
+  return mt(e.type) || e.type === "spring" || !As(e.ease);
 }
 function ro(e, t) {
   const n = new Lt({
@@ -1670,30 +1670,30 @@ function ro(e, t) {
     ease: "linear"
   };
 }
-const Ps = {
-  anticipate: ns,
-  backInOut: es,
-  circInOut: ss
+const Cs = {
+  anticipate: ss,
+  backInOut: ns,
+  circInOut: is
 };
 function oo(e) {
-  return e in Ps;
+  return e in Cs;
 }
-class on extends ws {
+class an extends ws {
   constructor(t) {
     super(t);
     const { name: n, motionValue: s, element: i, keyframes: r } = this.options;
-    this.resolver = new bs(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
+    this.resolver = new Ss(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
   }
   initPlayback(t, n) {
     var s;
     let { duration: i = 300, times: r, ease: o, type: a, motionValue: l, name: u, startTime: c } = this.options;
     if (!(!((s = l.owner) === null || s === void 0) && s.current))
       return !1;
-    if (typeof o == "string" && ct() && oo(o) && (o = Ps[o]), io(this.options)) {
-      const { onComplete: h, onUpdate: p, motionValue: m, element: w, ...b } = this.options, g = ro(t, b);
+    if (typeof o == "string" && ct() && oo(o) && (o = Cs[o]), io(this.options)) {
+      const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = ro(t, b);
       t = g.keyframes, t.length === 1 && (t[1] = t[0]), i = g.duration, r = g.times, o = g.ease, a = "keyframes";
     }
-    const f = Ms(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
+    const f = Es(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
     return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Et(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
       const { onComplete: h } = this.options;
       l.set(yt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
@@ -1806,8 +1806,8 @@ class on extends ws {
         ease: o,
         times: a,
         isGenerator: !0
-      }), w = C(this.time);
-      u.setWithVelocity(m.sample(w - Pt).value, m.sample(w).value, Pt);
+      }), S = C(this.time);
+      u.setWithVelocity(m.sample(S - Pt).value, m.sample(S).value, Pt);
     }
     const { onStop: l } = this.options;
     l && l(), this.cancel();
@@ -1822,7 +1822,7 @@ class on extends ws {
   }
   static supports(t) {
     const { motionValue: n, name: s, repeatDelay: i, repeatType: r, damping: o, type: a } = t;
-    return Es() && s && Jr.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
+    return Ps() && s && Jr.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
@@ -1832,7 +1832,7 @@ class on extends ws {
 function ao({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const Cs = (e, t, n, s = {}, i, r) => (o) => {
+const Fs = (e, t, n, s = {}, i, r) => (o) => {
   const a = fe(s, e) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
   u = u - C(l);
@@ -1864,28 +1864,28 @@ const Cs = (e, t, n, s = {}, i, r) => (o) => {
         c.onUpdate(h), c.onComplete();
       }), new ae([]);
   }
-  return !r && on.supports(c) ? new on(c) : new Lt(c);
+  return !r && an.supports(c) ? new an(c) : new Lt(c);
 }, lo = (e) => Array.isArray(e), uo = (e) => lo(e) ? e[e.length - 1] || 0 : e;
-function an(e) {
+function ln(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function Fs(e, t, n, s) {
+function Os(e, t, n, s) {
   if (typeof t == "function") {
-    const [i, r] = an(s);
+    const [i, r] = ln(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, r] = an(s);
+    const [i, r] = ln(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   return t;
 }
 function co(e, t, n) {
   const s = e.getProps();
-  return Fs(s, t, s.custom, e);
+  return Os(s, t, s.custom, e);
 }
 function fo(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, D(n));
@@ -1915,7 +1915,7 @@ function bo({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function wo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function So(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   var r;
   let { transition: o = e.getDefaultTransition(), transitionEnd: a, ...l } = t;
   s && (o = s);
@@ -1928,15 +1928,15 @@ function wo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       delay: n,
       ...fe(o || {}, f)
     };
-    let w = !1;
+    let S = !1;
     if (window.MotionHandoffAnimation) {
       const g = go(e);
       if (g) {
         const y = window.MotionHandoffAnimation(g, f, M);
-        y !== null && (m.startTime = y, w = !0);
+        y !== null && (m.startTime = y, S = !0);
       }
     }
-    vo(e, f), h.start(Cs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, w));
+    vo(e, f), h.start(Fs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, S));
     const b = h.animation;
     b && u.push(b);
   }
@@ -1946,14 +1946,14 @@ function wo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     });
   }), u;
 }
-function So(e) {
+function wo(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
 const To = {};
 function Vo(e, { layout: t, layoutId: n }) {
   return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!To[e] || e === "opacity");
 }
-function Os(e, t, n) {
+function Ds(e, t, n) {
   var s;
   const { style: i } = e, r = {};
   for (const o in i)
@@ -1961,7 +1961,7 @@ function Os(e, t, n) {
   return r;
 }
 function xo(e, t, n) {
-  const s = Os(e, t, n);
+  const s = Ds(e, t, n);
   for (const i in e)
     if (P(e[i]) || P(t[i])) {
       const r = gt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
@@ -1969,9 +1969,9 @@ function xo(e, t, n) {
     }
   return s;
 }
-const Ao = typeof window < "u", ne = { current: null }, Ds = { current: !1 };
+const Ao = typeof window < "u", ne = { current: null }, Bs = { current: !1 };
 function Mo() {
-  if (Ds.current = !0, !!Ao)
+  if (Bs.current = !0, !!Ao)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ne.current = e.matches;
       e.addListener(t), t();
@@ -1993,11 +1993,11 @@ const Co = [
   "whileDrag",
   "exit"
 ], Fo = ["initial", ...Co];
-function Bs(e) {
+function Rs(e) {
   return Eo(e.animate) || Fo.some((t) => Po(e[t]));
 }
 function Oo(e) {
-  return !!(Bs(e) || e.variants);
+  return !!(Rs(e) || e.variants);
 }
 function Do(e, t, n) {
   for (const s in t) {
@@ -2019,7 +2019,7 @@ function Do(e, t, n) {
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const ln = {
+const un = {
   animation: [
     "animate",
     "variants",
@@ -2039,14 +2039,14 @@ const ln = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, se = {};
-for (const e in ln)
+for (const e in un)
   se[e] = {
-    isEnabled: (t) => ln[e].some((n) => !!t[n])
+    isEnabled: (t) => un[e].some((n) => !!t[n])
   };
-const Bo = [...cs, E, et], Ro = (e) => Bo.find(us(e)), un = () => ({ min: 0, max: 0 }), Ae = () => ({
-  x: un(),
-  y: un()
-}), cn = [
+const Bo = [...fs, E, et], Ro = (e) => Bo.find(cs(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
+  x: cn(),
+  y: cn()
+}), fn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2055,7 +2055,7 @@ const Bo = [...cs, E, et], Ro = (e) => Bo.find(us(e)), un = () => ({ min: 0, max
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Rs {
+class Is {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -2074,7 +2074,7 @@ class Rs {
       this.renderScheduledAt < h && (this.renderScheduledAt = h, M.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = o;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Bs(n), this.isVariantNode = Oo(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 = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Rs(n), this.isVariantNode = Oo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: c, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const h in f) {
       const p = f[h];
@@ -2082,7 +2082,7 @@ class Rs {
     }
   }
   mount(t) {
-    this.current = t, $.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, s) => this.bindToMotionValue(s, n)), Ds.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ne.current, process.env.NODE_ENV !== "production" && Bt(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, $.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, s) => this.bindToMotionValue(s, n)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ne.current, process.env.NODE_ENV !== "production" && Bt(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() {
     $.delete(this.current), this.projection && this.projection.unmount(), R(this.notifyUpdate), R(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -2143,8 +2143,8 @@ class Rs {
    */
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < cn.length; s++) {
-      const i = cn[s];
+    for (let s = 0; s < fn.length; s++) {
+      const i = fn[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const r = "on" + i, o = t[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
@@ -2215,7 +2215,7 @@ class Rs {
   readValue(t, n) {
     var s;
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (s = this.getBaseTargetFromProps(this.props, t)) !== null && s !== void 0 ? s : this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (rs(i) || is(i)) ? i = parseFloat(i) : !Ro(i) && et.test(n) && (i = vs(t, n)), this.setBaseTarget(t, P(i) ? i.get() : i)), P(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (os(i) || rs(i)) ? i = parseFloat(i) : !Ro(i) && et.test(n) && (i = bs(t, n)), this.setBaseTarget(t, P(i) ? i.get() : i)), P(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2233,7 +2233,7 @@ class Rs {
     const { initial: s } = this.props;
     let i;
     if (typeof s == "string" || typeof s == "object") {
-      const o = Fs(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
+      const o = Os(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
       o && (i = o[t]);
     }
     if (s && i !== void 0)
@@ -2242,15 +2242,15 @@ class Rs {
     return r !== void 0 && !P(r) ? r : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
-    return this.events[t] || (this.events[t] = new Gn()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new zn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class Is extends Rs {
+class Ls extends Is {
   constructor() {
-    super(...arguments), this.KeyframeResolver = bs;
+    super(...arguments), this.KeyframeResolver = Ss;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2262,7 +2262,7 @@ class Is extends Rs {
     delete n[t], delete s[t];
   }
 }
-const Ls = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Io = {
+const Ns = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Io = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
@@ -2276,7 +2276,7 @@ function No(e, t, n) {
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = Ls(a, ve[o]);
+      const u = Ns(a, ve[o]);
       if (!l) {
         i = !1;
         const c = Io[o] || o;
@@ -2287,7 +2287,7 @@ function No(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
 }
-function Ns(e, t, n) {
+function $s(e, t, n) {
   const { style: s, vars: i, transformOrigin: r } = e;
   let o = !1, a = !1;
   for (const l in t) {
@@ -2295,11 +2295,11 @@ function Ns(e, t, n) {
     if (X.has(l)) {
       o = !0;
       continue;
-    } else if (as(l)) {
+    } else if (ls(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = Ls(u, ve[l]);
+      const c = Ns(u, ve[l]);
       l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
     }
   }
@@ -2308,11 +2308,11 @@ function Ns(e, t, n) {
     s.transformOrigin = `${l} ${u} ${c}`;
   }
 }
-function fn(e, t, n) {
+function hn(e, t, n) {
   return typeof e == "string" ? e : d.transform(t + n * e);
 }
 function $o(e, t, n) {
-  const s = fn(t, e.x, e.width), i = fn(n, e.y, e.height);
+  const s = hn(t, e.x, e.width), i = hn(n, e.y, e.height);
   return `${s} ${i}`;
 }
 const Ko = {
@@ -2329,7 +2329,7 @@ function ko(e, t, n = 1, s = 0, i = !0) {
   const o = d.transform(t), a = d.transform(n);
   e[r.array] = `${o} ${a}`;
 }
-function _o(e, {
+function Go(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2341,7 +2341,7 @@ function _o(e, {
   // This is object creation, which we try to avoid per-frame.
   ...u
 }, c, f) {
-  if (Ns(e, u, f), c) {
+  if ($s(e, u, f), c) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
@@ -2349,7 +2349,7 @@ function _o(e, {
   const { attrs: h, style: p, dimensions: m } = e;
   h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = $o(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && ko(h, o, a, l, !1);
 }
-const $s = /* @__PURE__ */ new Set([
+const Ks = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2374,18 +2374,18 @@ const $s = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Ks(e, { style: t, vars: n }, s, i) {
+function Ws(e, { style: t, vars: n }, s, i) {
   Object.assign(e.style, t, i && i.getProjectionStyles(s));
   for (const r in n)
     e.style.setProperty(r, n[r]);
 }
-function Go(e, t, n, s) {
-  Ks(e, t, void 0, s);
+function _o(e, t, n, s) {
+  Ws(e, t, void 0, s);
   for (const i in t.attrs)
-    e.setAttribute($s.has(i) ? i : xe(i), t.attrs[i]);
+    e.setAttribute(Ks.has(i) ? i : xe(i), t.attrs[i]);
 }
 const zo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-class Uo extends Is {
+class jo extends Ls {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
   }
@@ -2397,22 +2397,22 @@ class Uo extends Is {
       const s = be(n);
       return s && s.default || 0;
     }
-    return n = $s.has(n) ? n : xe(n), t.getAttribute(n);
+    return n = Ks.has(n) ? n : xe(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
     return xo(t, n, s);
   }
   build(t, n, s) {
-    _o(t, n, this.isSVGTag, s.transformTemplate);
+    Go(t, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(t, n, s, i) {
-    Go(t, n, s, i);
+    _o(t, n, s, i);
   }
   mount(t) {
     this.isSVGTag = zo(t.tagName), super.mount(t);
   }
 }
-function jo({ top: e, left: t, right: n, bottom: s }) {
+function Uo({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
@@ -2430,21 +2430,21 @@ function Ho(e, t) {
   };
 }
 function Yo(e, t) {
-  return jo(Ho(e.getBoundingClientRect(), t));
+  return Uo(Ho(e.getBoundingClientRect(), t));
 }
 function Xo(e) {
   return window.getComputedStyle(e);
 }
-class qo extends Is {
+class qo extends Ls {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ks;
+    super(...arguments), this.type = "html", this.renderInstance = Ws;
   }
   readValueFromInstance(t, n) {
     if (X.has(n)) {
       const s = be(n);
       return s && s.default || 0;
     } else {
-      const s = Xo(t), i = (as(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Xo(t), i = (ls(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -2452,10 +2452,10 @@ class qo extends Is {
     return Yo(t, n);
   }
   build(t, n, s) {
-    Ns(t, n, s.transformTemplate);
+    $s(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Os(t, n, s);
+    return Ds(t, n, s);
   }
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
@@ -2468,7 +2468,7 @@ class qo extends Is {
 function Zo(e, t) {
   return e in t;
 }
-class Jo extends Rs {
+class Jo extends Is {
   constructor() {
     super(...arguments), this.type = "object";
   }
@@ -2497,7 +2497,7 @@ class Jo extends Rs {
     return 0;
   }
 }
-function Ws(e) {
+function ks(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2511,7 +2511,7 @@ function Ws(e) {
       },
       latestValues: {}
     }
-  }, n = So(e) ? new Uo(t) : new qo(t);
+  }, n = wo(e) ? new jo(t) : new qo(t);
   n.mount(e), $.set(e, n);
 }
 function Qo(e) {
@@ -2529,23 +2529,23 @@ function Qo(e) {
 }
 function ta(e, t, n) {
   const s = P(e) ? e : D(e);
-  return s.start(Cs("", s, t, n)), s.animation;
+  return s.start(Fs("", s, t, n)), s.animation;
 }
 function ea(e, t) {
   return P(e) || typeof e == "number" || typeof e == "string" && !ce(t);
 }
-function ks(e, t, n, s) {
+function Gs(e, t, n, s) {
   const i = [];
   if (ea(e, t))
     i.push(ta(e, ce(t) && t.default || t, n && (n.default || n)));
   else {
-    const r = Xn(e, t, s), o = r.length;
+    const r = qn(e, t, s), o = r.length;
     I(!!o, "No valid elements provided.");
     for (let a = 0; a < o; a++) {
-      const l = r[a], u = l instanceof Element ? Ws : Qo;
+      const l = r[a], u = l instanceof Element ? ks : Qo;
       $.has(l) || u(l);
       const c = $.get(l), f = { ...n };
-      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...wo(c, { ...t, transition: f }, {}));
+      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...So(c, { ...t, transition: f }, {}));
     }
   }
   return i;
@@ -2553,7 +2553,7 @@ function ks(e, t, n, s) {
 function na(e, t, n) {
   const s = [];
   return $i(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
-    s.push(...ks(a, r, o));
+    s.push(...Gs(a, r, o));
   }), s;
 }
 function sa(e) {
@@ -2562,7 +2562,7 @@ function sa(e) {
 function ia(e) {
   function t(n, s, i) {
     let r = [];
-    sa(n) ? r = na(n, s, e) : r = ks(n, s, i, e);
+    sa(n) ? r = na(n, s, e) : r = Gs(n, s, i, e);
     const o = new ae(r);
     return e && e.animations.push(o), o;
   }
@@ -2588,8 +2588,8 @@ function ua(e, t, n) {
     t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Jt[e] && (t[s] = Jt[e].transform(t[s]));
   !la() && t.length < 2 && t.unshift(n());
 }
-const hn = "easeOut";
-function dn(e) {
+const dn = "easeOut";
+function pn(e) {
   const t = Tt.get(e) || /* @__PURE__ */ new Map();
   return Tt.set(e, t), Tt.get(e);
 }
@@ -2597,14 +2597,14 @@ class ca {
   constructor(t, n, s, i) {
     const r = n.startsWith("--");
     this.setValue = r ? oa : aa, this.options = i, this.updateFinishedPromise(), I(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
-    const o = dn(t).get(n);
+    const o = pn(t).get(n);
     o && o.stop();
     const a = () => n.startsWith("--") ? t.style.getPropertyValue(n) : window.getComputedStyle(t)[n];
     if (Array.isArray(s) || (s = [s]), ua(n, s, a), mt(i.type)) {
-      const u = Hn(i, 100, i.type);
-      i.ease = ct() ? u.ease : hn, i.duration = C(u.duration), i.type = "keyframes";
+      const u = Yn(i, 100, i.type);
+      i.ease = ct() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
     } else
-      i.ease = i.ease || hn;
+      i.ease = i.ease || dn;
     this.removeAnimation = () => {
       var u;
       return (u = Tt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
@@ -2612,7 +2612,7 @@ class ca {
     const l = () => {
       this.setValue(t, n, yt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
     };
-    Es() ? (this.animation = Ms(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Et(this.animation, this.pendingTimeline), dn(t).set(n, this)) : l();
+    Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Et(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
   }
   get duration() {
     return B(this.options.duration || 300);
@@ -2693,7 +2693,7 @@ const ha = (e) => {
     return new ae(fa(n, s, i, e));
   }
   return t;
-}, Il = /* @__PURE__ */ ha(), Vt = /* @__PURE__ */ new WeakMap();
+}, Nl = /* @__PURE__ */ ha(), Vt = /* @__PURE__ */ new WeakMap();
 let k;
 function da(e, t) {
   if (t) {
@@ -2755,10 +2755,10 @@ function ba(e) {
     xt.delete(e), !xt.size && ot && (ot = void 0);
   };
 }
-function wa(e, t) {
+function Sa(e, t) {
   return typeof e == "function" ? ba(e) : ya(e, t);
 }
-const Sa = 50, pn = () => ({
+const wa = 50, mn = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -2769,8 +2769,8 @@ const Sa = 50, pn = () => ({
   velocity: 0
 }), Ta = () => ({
   time: 0,
-  x: pn(),
-  y: pn()
+  x: mn(),
+  y: mn()
 }), Va = {
   x: {
     length: "Width",
@@ -2781,14 +2781,14 @@ const Sa = 50, pn = () => ({
     position: "Top"
   }
 };
-function mn(e, t, n, s) {
+function gn(e, t, n, s) {
   const i = n[t], { length: r, position: o } = Va[t], a = i.current, l = n.time;
   i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = pt(0, i.scrollLength, i.current);
   const u = s - l;
-  i.velocity = u > Sa ? 0 : oe(i.current - a, u);
+  i.velocity = u > wa ? 0 : oe(i.current - a, u);
 }
 function xa(e, t, n) {
-  mn(e, "x", t, n), mn(e, "y", t, n), t.time = n;
+  gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
 }
 function Aa(e, t) {
   const n = { x: 0, y: 0 };
@@ -2834,7 +2834,7 @@ const Ma = {
   center: 0.5,
   end: 1
 };
-function gn(e, t, n = 0) {
+function yn(e, t, n = 0) {
   let s = 0;
   if (e in ie && (e = ie[e]), typeof e == "string") {
     const i = parseFloat(e);
@@ -2845,7 +2845,7 @@ function gn(e, t, n = 0) {
 const Ea = [0, 0];
 function Pa(e, t, n, s) {
   let i = Array.isArray(e) ? e : Ea, r = 0, o = 0;
-  return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, ie[e] ? e : "0"]), r = gn(i[0], n, s), o = gn(i[1], t), r - o;
+  return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, ie[e] ? e : "0"]), r = yn(i[0], n, s), o = yn(i[1], t), r - o;
 }
 const Ca = { x: 0, y: 0 };
 function Fa(e) {
@@ -2882,10 +2882,10 @@ function Ba(e, t, n, s = {}) {
     notify: () => t(n)
   };
 }
-const nt = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), vn = (e) => e === document.documentElement ? window : e;
+const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), bn = (e) => e === document.documentElement ? window : e;
 function Me(e, { container: t = document.documentElement, ...n } = {}) {
-  let s = Gt.get(t);
-  s || (s = /* @__PURE__ */ new Set(), Gt.set(t, s));
+  let s = _t.get(t);
+  s || (s = /* @__PURE__ */ new Set(), _t.set(t, s));
   const i = Ta(), r = Ba(t, e, i, n);
   if (s.add(r), !nt.has(t)) {
     const a = () => {
@@ -2901,18 +2901,18 @@ function Me(e, { container: t = document.documentElement, ...n } = {}) {
       M.read(a, !1, !0), M.read(l, !1, !0), M.update(u, !1, !0);
     };
     nt.set(t, c);
-    const f = vn(t);
-    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && yn.set(t, wa(t, c)), f.addEventListener("scroll", c, { passive: !0 });
+    const f = bn(t);
+    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && vn.set(t, Sa(t, c)), f.addEventListener("scroll", c, { passive: !0 });
   }
   const o = nt.get(t);
   return M.read(o, !1, !0), () => {
     var a;
     R(o);
-    const l = Gt.get(t);
+    const l = _t.get(t);
     if (!l || (l.delete(r), l.size))
       return;
     const u = nt.get(t);
-    nt.delete(t), u && (vn(t).removeEventListener("scroll", u), (a = yn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
+    nt.delete(t), u && (bn(t).removeEventListener("scroll", u), (a = vn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
   };
 }
 function _s(e, t) {
@@ -2931,29 +2931,29 @@ function Ra({ source: e, container: t, axis: n = "y" }) {
   return { currentTime: s, cancel: i };
 }
 const zt = /* @__PURE__ */ new Map();
-function Gs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
+function zs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
   e && (t = e), zt.has(t) || zt.set(t, {});
   const s = zt.get(t);
-  return s[n] || (s[n] = zn() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
+  return s[n] || (s[n] = jn() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
 }
 function Ia(e) {
   return e.length === 2;
 }
-function zs(e) {
+function js(e) {
   return e && (e.target || e.offset);
 }
 function La(e, t) {
-  return Ia(e) || zs(t) ? Me((n) => {
+  return Ia(e) || js(t) ? Me((n) => {
     e(n[t.axis].progress, n);
-  }, t) : _s(e, Gs(t));
+  }, t) : _s(e, zs(t));
 }
 function Na(e, t) {
-  if (zs(t))
+  if (js(t))
     return e.pause(), Me((n) => {
       e.time = e.duration * n[t.axis].progress;
     }, t);
   {
-    const n = Gs(t);
+    const n = zs(t);
     return e.attachTimeline(n, (s) => (s.pause(), _s((i) => {
       s.time = s.duration * i;
     }, n)));
@@ -2984,7 +2984,7 @@ function Wa(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
   });
   return r.forEach((u) => l.observe(u)), () => l.disconnect();
 }
-function Ll(e, t = "end") {
+function $l(e, t = "end") {
   return (n) => {
     n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
     const s = n * e, i = t === "end" ? Math.floor(s) : Math.ceil(s);
@@ -2999,7 +2999,7 @@ function ka(e, t) {
     return e === "last" ? n : n / 2;
   }
 }
-function Nl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
+function Kl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
   return (i, r) => {
     const o = typeof n == "number" ? n : ka(n, r), a = Math.abs(o - i);
     let l = e * a;
@@ -3010,30 +3010,30 @@ function Nl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
     return t + l;
   };
 }
-const _a = (e) => e && typeof e == "object" && e.mix, Ga = (e) => _a(e) ? e.mix : void 0;
+const Ga = (e) => e && typeof e == "object" && e.mix, _a = (e) => Ga(e) ? e.mix : void 0;
 function za(...e) {
   const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = Ve(i, r, {
-    mixer: Ga(r[0]),
+    mixer: _a(r[0]),
     ...o
   });
   return t ? a(s) : a;
 }
-function Ua(e, t) {
+function ja(e, t) {
   const n = N.now(), s = ({ timestamp: i }) => {
     const r = i - n;
     r >= t && (R(s), e(r - t));
   };
   return M.read(s, !0), () => R(s);
 }
-function $l(e, t) {
-  return Ua(e, C(t));
+function Wl(e, t) {
+  return ja(e, C(t));
 }
-const bn = (e, t) => Math.abs(e - t);
-function Kl(e, t) {
-  const n = bn(e.x, t.x), s = bn(e.y, t.y);
+const Sn = (e, t) => Math.abs(e - t);
+function kl(e, t) {
+  const n = Sn(e.x, t.x), s = Sn(e.y, t.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
-const Wl = M, kl = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
+const Gl = M, _l = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
 function Us(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
   return [(o) => {
@@ -3050,7 +3050,7 @@ function Us(e, t) {
 function Y(e) {
   return !!(e && e.getVelocity);
 }
-const [ja, Ha] = Us("Motion");
+const [Ua, Ha] = Us("Motion");
 function wn(e, t) {
   if (typeof e == "object")
     return e;
@@ -3079,7 +3079,7 @@ function Za(e, t) {
 function Ja(e, t) {
   return e[t] ? { ...e, ...e[t] } : { ...e };
 }
-function Sn(e) {
+function Tn(e) {
   return e == null ? void 0 : e.startsWith("--");
 }
 function Qa() {
@@ -3149,7 +3149,7 @@ function il(e) {
   return sl.has(e);
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Tn = (e) => typeof e < "u", Vn = {
+const Vn = (e) => typeof e < "u", xn = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => `${e}deg`
@@ -3159,13 +3159,13 @@ const Tn = (e) => typeof e < "u", Vn = {
     initialValue: "0px",
     toDefaultUnit: (e) => `${e}px`
   },
-  rotate: Vn,
+  rotate: xn,
   scale: {
     syntax: "<number>",
     initialValue: 1,
     toDefaultUnit: tl
   },
-  skew: Vn
+  skew: xn
 }, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Ct = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
 ol.forEach((e) => {
   al.forEach((t) => {
@@ -3175,7 +3175,7 @@ ol.forEach((e) => {
     );
   });
 });
-const ll = new Set(Ct), ul = (e) => ll.has(e), xn = {
+const ll = new Set(Ct), ul = (e) => ll.has(e), An = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
@@ -3199,7 +3199,7 @@ const dl = {
   z: 0
 }, pl = {
   get: (e, t) => {
-    let n = Sn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
+    let n = Tn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
     if (!n && n !== "0") {
       const s = Ee.get(t);
       s && (n = s.initialValue);
@@ -3207,22 +3207,22 @@ const dl = {
     return n;
   },
   set: (e, t, n) => {
-    Sn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+    Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
   }
 };
-function Ut(e) {
+function jt(e) {
   var s;
   const t = {}, n = [];
   for (let i in e) {
     let r = e[i];
-    r = Y(r) ? r.get() : r, ul(i) && i in xn && (i = xn[i]);
+    r = Y(r) ? r.get() : r, ul(i) && i in An && (i = An[i]);
     let o = Array.isArray(r) ? r[0] : r;
     const a = Ee.get(i);
     a ? (o = el(r) ? (s = a.toDefaultUnit) == null ? void 0 : s.call(a, r) : r, n.push([i, o])) : t[i] = o;
   }
   return n.length && (t.transform = hl(n)), t;
 }
-const An = {
+const Mn = {
   fill: !0,
   stroke: !0,
   strokeWidth: !0,
@@ -3272,8 +3272,8 @@ const An = {
 function ml(e) {
   const t = {}, n = {};
   for (const s in e)
-    if (s in An) {
-      const i = An[s], r = typeof i == "string" ? i : s, o = e[s];
+    if (s in Mn) {
+      const i = Mn[s], r = typeof i == "string" ? i : s, o = e[s];
       t[r] = Y(o) ? o.get() : o;
     } else
       n[s] = e[s];
@@ -3282,8 +3282,8 @@ function ml(e) {
     style: n
   };
 }
-function js(e) {
-  return e ? e.flatMap((t) => t.type === ti ? js(t.children) : [t]) : [];
+function Hs(e) {
+  return e ? e.flatMap((t) => t.type === ti ? Hs(t.children) : [t]) : [];
 }
 const gl = Ot({
   name: "PrimitiveSlot",
@@ -3293,7 +3293,7 @@ const gl = Ot({
       var l, u;
       if (!n.default)
         return null;
-      const s = js(n.default()), i = s.findIndex((c) => c.type !== ei);
+      const s = Hs(n.default()), i = s.findIndex((c) => c.type !== ei);
       if (i === -1)
         return s;
       const r = s[i];
@@ -3324,16 +3324,16 @@ const gl = Ot({
     return typeof s == "string" && ["area", "img", "input"].includes(s) ? () => $t(s, t) : s !== "template" ? () => $t(e.as, t, { default: n.default }) : () => $t(gl, t, { default: n.default });
   }
 });
-var Hs = function() {
-}, Ys = function() {
+var Ys = function() {
+}, Xs = function() {
 };
-process.env.NODE_ENV !== "production" && (Hs = function(e, t) {
+process.env.NODE_ENV !== "production" && (Ys = function(e, t) {
   !e && typeof console < "u" && console.warn(t);
-}, Ys = function(e, t) {
+}, Xs = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-class Xs {
+class Pe {
   constructor(t) {
     this.state = t;
   }
@@ -3344,9 +3344,9 @@ class vl {
   constructor(t) {
     this.features = [], this.features = [
       new bl(t),
-      new wl(t),
       new Sl(t),
-      // new DragGesture(state),
+      new wl(t),
+      new xl(t),
       new Tl(t)
     ];
   }
@@ -3365,7 +3365,7 @@ function ft(e, t, n) {
     new CustomEvent(t, { detail: { originalEvent: n } })
   );
 }
-class Pe extends Xs {
+class Ce extends Pe {
   updateGestureSubscriptions() {
     const t = this.isActive();
     t && !this.removeGestureSubscriptions ? this.removeGestureSubscriptions = this.subscribeEvents() : !t && this.removeGestureSubscriptions && (this.removeGestureSubscriptions(), this.removeGestureSubscriptions = void 0);
@@ -3375,20 +3375,20 @@ class Pe extends Xs {
     (t = this.removeGestureSubscriptions) == null || t.call(this);
   }
 }
-function Mn(e, t, n) {
+function En(e, t, n) {
   return (s) => {
     s.pointerType && s.pointerType !== "mouse" || (n(), ft(e, t, s));
   };
 }
-class bl extends Pe {
+class bl extends Ce {
   isActive() {
     return !!this.state.getOptions().hover;
   }
   constructor(t) {
     super(t), this.subscribeEvents = () => {
-      const n = this.state.getElement(), s = Mn(n, "hoverstart", () => {
+      const n = this.state.getElement(), s = En(n, "hoverstart", () => {
         this.state.setActive("hover", !0);
-      }), i = Mn(n, "hoverend", () => {
+      }), i = En(n, "hoverend", () => {
         this.state.setActive("hover", !1);
       });
       return n.addEventListener("pointerenter", s), n.addEventListener("pointerleave", i), () => {
@@ -3403,7 +3403,7 @@ class bl extends Pe {
     this.updateGestureSubscriptions();
   }
 }
-class wl extends Pe {
+class Sl extends Ce {
   isActive() {
     return !!this.state.getOptions().press;
   }
@@ -3426,7 +3426,7 @@ class wl extends Pe {
     this.updateGestureSubscriptions();
   }
 }
-class Sl extends Pe {
+class wl extends Ce {
   isActive() {
     return !!this.state.getOptions().inView;
   }
@@ -3449,7 +3449,7 @@ class Sl extends Pe {
     this.updateGestureSubscriptions();
   }
 }
-class Tl extends Xs {
+class Tl extends Pe {
   constructor() {
     super(...arguments), this.handlers = {};
   }
@@ -3498,28 +3498,54 @@ class Tl extends Xs {
     });
   }
 }
-let G;
-const En = (e) => e.next(), Vl = (e) => e.animateUpdates();
-function xl() {
-  if (!G)
+function Vl(e) {
+  return e instanceof SVGElement && e.tagName !== "svg";
+}
+class xl extends Pe {
+  mount() {
+    const t = this.state.getElement();
+    if (!Vl(t))
+      return;
+    const n = this.state.visualElement;
+    M.read(() => {
+      try {
+        n.renderState.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
+      } catch {
+        n.renderState.dimensions = {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        };
+      }
+    });
+  }
+  unmount() {
+    console.log("SVGRender unmount");
+  }
+}
+let _;
+const Pn = (e) => e.next(), Al = (e) => e.animateUpdates();
+function Ml() {
+  if (!_)
     return;
-  const e = G.sort(Ml).map(Vl);
-  e.forEach(En), e.forEach(En), G = void 0;
+  const e = _.sort(Pl).map(Al);
+  e.forEach(Pn), e.forEach(Pn), _ = void 0;
 }
-function Pn(e) {
-  G ? qa(G, e) : (G = [e], requestAnimationFrame(xl));
+function Cn(e) {
+  _ ? qa(_, e) : (_ = [e], requestAnimationFrame(Ml));
 }
-function Al(e) {
-  G && Za(G, e);
+function El(e) {
+  _ && Za(_, e);
 }
-function Ml(e, t) {
+function Pl(e, t) {
   return e.getDepth() - t.getDepth();
 }
-function Cn(e, t, n) {
+function Fn(e, t, n) {
   return new CustomEvent(e, { detail: { target: t, isExit: n } });
 }
-const Fn = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
-class El {
+const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
+class Cl {
   constructor(t, n) {
     this.element = null, this.context = {}, this.activeStates = {
       initial: !0,
@@ -3530,21 +3556,21 @@ class El {
   }
   initContext() {
     var t;
-    for (const n of Fn)
+    for (const n of On)
       this.context[n] = typeof this.options[n] == "string" ? this.options[n] : (t = this.parent) == null ? void 0 : t.context[n];
   }
   initTarget(t) {
     this.baseTarget = wn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
   }
   get initial() {
-    return Tn(this.options.initial) ? this.options.initial : this.context.initial;
+    return Vn(this.options.initial) ? this.options.initial : this.context.initial;
   }
   mount(t) {
     var s;
-    Ys(
+    Xs(
       !!t,
       "Animation state must be mounted with valid Element"
-    ), this.element = t, Ft.set(t, this), $.get(t) || Ws(t);
+    ), this.element = t, Ft.set(t, this), $.get(t) || ks(t);
     const n = $.get(t);
     if (this.visualElement = n, n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
       for (const i in this.initial)
@@ -3556,24 +3582,24 @@ class El {
   }
   unmount() {
     var t;
-    Ft.delete(this.element), Al(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
+    Ft.delete(this.element), El(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
   }
   update(t) {
     var n;
-    this.options = t, this.visualElement.update(this.options, (n = this.parent) == null ? void 0 : n.context), this.featureManager.update(), Pn(this);
+    this.options = t, this.visualElement.update(this.options, (n = this.parent) == null ? void 0 : n.context), this.featureManager.update(), Cn(this);
   }
   setActive(t, n) {
-    this.element && (this.activeStates[t] = n, Pn(this));
+    this.element && (this.activeStates[t] = n, Cn(this));
   }
   *animateUpdates() {
     const t = this.target;
     this.target = {};
     const n = {};
-    for (const l of Fn) {
+    for (const l of On) {
       if (!this.activeStates[l])
         continue;
       const u = wn(
-        Tn(this.options[l]) ? this.options[l] : this.context[l],
+        Vn(this.options[l]) ? this.options[l] : this.context[l],
         this.options.variants
       );
       if (!u)
@@ -3605,10 +3631,10 @@ class El {
     if (!r.length)
       return;
     const o = this.target;
-    this.element.dispatchEvent(Cn("motionstart", o));
+    this.element.dispatchEvent(Fn("motionstart", o));
     const a = this.activeStates.exit;
     Promise.all(r).then(() => {
-      this.element.dispatchEvent(Cn("motioncomplete", {
+      this.element.dispatchEvent(Fn("motioncomplete", {
         ...o
       }, a));
     }).catch(Qa);
@@ -3630,11 +3656,11 @@ class El {
   }
 }
 const at = /* @__PURE__ */ new WeakMap();
-function On(e) {
+function Dn(e) {
   const t = at.get(e);
   t && e.removeEventListener("motioncomplete", t), at.delete(e);
 }
-const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
+const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
   name: "Motion",
   inheritAttrs: !1,
   __name: "Motion",
@@ -3669,7 +3695,7 @@ const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
     inView: void 0
   }),
   setup(e) {
-    const t = e, { initial: n, safeUnmount: s } = Pl({ initial: ii(void 0), safeUnmount: () => !0 }), i = ja(null), r = ri(), o = new El(
+    const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i = Ua(null), r = ri(), o = new Cl(
       {
         ...r,
         ...t
@@ -3678,11 +3704,11 @@ const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
     );
     Ha(o);
     const a = oi();
-    In(() => {
+    Ln(() => {
       o.mount(a == null ? void 0 : a.vnode.el), o.update({
         ...r,
         ...t,
-        style: { ...Ut(o.getTarget()), ...t.style }
+        style: { ...jt(o.getTarget()), ...t.style }
       });
     }), Dt(() => {
       s(a == null ? void 0 : a.vnode.el) && o.unmount();
@@ -3699,23 +3725,25 @@ const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
         Y(r[f]) && (u[f] = r[f].get());
       });
       let c = {};
-      if (!o.isMounted() && il(t.as)) {
-        const { attributes: f, style: h } = ml(o.getTarget());
-        Object.assign(u, f), Object.assign(c, h, t.style);
-      }
-      return c = Ut(c), u.style = Ut(c), u;
+      if (!o.isMounted())
+        if (il(t.as)) {
+          const { attributes: f, style: h } = ml(o.getTarget());
+          Object.assign(u, f), Object.assign(c, h, t.style);
+        } else
+          Object.assign(c, t.style, o.getTarget());
+      return c = jt(c), u.style = jt(c), u;
     }
-    return (u, c) => (Ln(), Nn(li(yl), re({
+    return (u, c) => (Nn(), $n(li(yl), re({
       as: u.as,
       "as-child": u.asChild
     }, l()), {
-      default: $n(() => [
-        Kn(u.$slots, "default")
+      default: Kn(() => [
+        Wn(u.$slots, "default")
       ]),
       _: 3
     }, 16, ["as", "as-child"]));
   }
-}), Gl = /* @__PURE__ */ Ot({
+}), jl = /* @__PURE__ */ Ot({
   name: "AnimatePresence",
   inheritAttrs: !1,
   __name: "AnimatePresence",
@@ -3727,7 +3755,7 @@ const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
   },
   setup(e) {
     const t = e, { initial: n } = ui(t);
-    Cl({
+    Ol({
       initial: n,
       safeUnmount(r) {
         return !at.has(r);
@@ -3735,20 +3763,20 @@ const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
     });
     function s(r) {
       const o = Ft.get(r);
-      o && (On(r), o.setActive("exit", !1));
+      o && (Dn(r), o.setActive("exit", !1));
     }
     function i(r, o) {
       const a = Ft.get(r);
       if (!a)
         return o();
-      a.setActive("exit", !0), On(r);
+      a.setActive("exit", !0), Dn(r);
       function l(u) {
         var c;
         (c = u == null ? void 0 : u.detail) != null && c.isExit && (at.delete(r), a.unmount(), o());
       }
       at.set(r, l), r.addEventListener("motioncomplete", l);
     }
-    return (r, o) => (Ln(), Nn(ci(r.multiple ? fi : hi), re({
+    return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi), re({
       tag: r.multiple ? r.as : void 0,
       css: !1,
       mode: r.mode === "wait" ? "out-in" : void 0
@@ -3756,14 +3784,14 @@ const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
       onEnter: s,
       onLeave: i
     }), {
-      default: $n(() => [
-        Kn(r.$slots, "default")
+      default: Kn(() => [
+        Wn(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag", "mode"]));
   }
 });
-function Ce(e) {
+function Fe(e) {
   const t = D(e()), n = () => t.set(e()), s = () => M.preRender(n, !1, !0);
   let i;
   const r = (a) => {
@@ -3779,24 +3807,24 @@ function Ce(e) {
     value: t
   };
 }
-function Fl(e) {
-  _.current = [];
-  const { value: t, subscribe: n, unsubscribe: s } = Ce(e);
-  return n(_.current), _.current = void 0, Wn(() => {
-    s(), _.current = [], e(), n(_.current), _.current = void 0;
+function Dl(e) {
+  G.current = [];
+  const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
+  return n(G.current), G.current = void 0, kn(() => {
+    s(), G.current = [], e(), n(G.current), G.current = void 0;
   }), t;
 }
-function zl(e, t, n, s) {
+function Ul(e, t, n, s) {
   if (typeof e == "function")
-    return Fl(e);
+    return Dl(e);
   const i = typeof t == "function" ? t : za(t, n, s);
-  return Array.isArray(e) ? Dn(
+  return Array.isArray(e) ? Bn(
     e,
     i
-  ) : Dn([e], ([r]) => i(r));
+  ) : Bn([e], ([r]) => i(r));
 }
-function Dn(e, t) {
-  const n = [], { value: s, subscribe: i } = Ce(() => {
+function Bn(e, t) {
+  const n = [], { value: s, subscribe: i } = Fe(() => {
     n.length = 0;
     const r = e.length;
     for (let o = 0; o < r; o++)
@@ -3805,20 +3833,20 @@ function Dn(e, t) {
   });
   return i(e), s;
 }
-function Ol(e) {
+function Bl(e) {
   let t = 0;
   const n = ({ timestamp: i, delta: r }) => {
     t || (t = i), e(i - t, r);
   }, s = () => R(n);
-  Wn(() => {
+  kn(() => {
     s(), M.update(n, !0);
   }), Dt(() => s()), M.update(n, !0);
 }
-function Ul() {
+function Hl() {
   const e = D(0);
-  return Ol((t) => e.set(t)), e;
+  return Bl((t) => e.set(t)), e;
 }
-function jl(e, ...t) {
+function Yl(e, ...t) {
   const n = e.length;
   function s() {
     let o = "";
@@ -3829,16 +3857,16 @@ function jl(e, ...t) {
     }
     return o;
   }
-  const { value: i, subscribe: r } = Ce(s);
+  const { value: i, subscribe: r } = Fe(s);
   return r(t.filter(Y)), i;
 }
-function Bn(e) {
+function Rn(e) {
   return typeof e == "number" ? e : parseFloat(e);
 }
-function Hl(e, t = {}) {
+function Xl(e, t = {}) {
   let n = null;
   const s = D(
-    Y(e) ? Bn(e.get()) : e
+    Y(e) ? Rn(e.get()) : e
   );
   let i = s.get(), r = () => {
   };
@@ -3856,20 +3884,20 @@ function Hl(e, t = {}) {
       onUpdate: r
     });
   };
-  return kn(() => JSON.stringify(t), () => {
+  return Gn(() => JSON.stringify(t), () => {
     const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
     di(() => l());
   }, { immediate: !0 }), Y(e) && e.on("change", (l) => {
-    s.set(Bn(l));
+    s.set(Rn(l));
   }), s;
 }
-function Rn(e, t) {
-  Hs(
+function In(e, t) {
+  Ys(
     !!(!t || t.value),
     `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
   );
 }
-function Dl() {
+function Rl() {
   return {
     scrollX: D(0),
     scrollY: D(0),
@@ -3877,12 +3905,12 @@ function Dl() {
     scrollYProgress: D(0)
   };
 }
-function Yl({
+function ql({
   container: e,
   target: t,
   ...n
 } = {}) {
-  const s = Dl();
+  const s = Rl();
   let i;
   const r = () => {
     i == null || i(), i = $a(
@@ -3896,64 +3924,81 @@ function Yl({
       }
     );
   };
-  return In(() => {
-    Rn("target", t), Rn("container", e), r();
-  }), Dt(() => i == null ? void 0 : i()), kn(
+  return Ln(() => {
+    In("target", t), In("container", e), r();
+  }), Dt(() => i == null ? void 0 : i()), Gn(
     () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
     r
   ), s;
 }
+const Zl = {
+  motion: [
+    "Motion",
+    "MotionPresence"
+  ]
+}, Jl = {
+  utilities: [
+    "useTransform",
+    "useTime",
+    "useMotionTemplate",
+    "useSpring",
+    "useScroll",
+    "useMotionValue"
+  ]
+};
 export {
-  Gl as AnimatePresence,
-  _l as Motion,
-  Si as MotionValue,
+  jl as AnimatePresence,
+  zl as Motion,
+  wi as MotionValue,
   ra as animate,
-  Il as animateMini,
-  ns as anticipate,
+  Nl as animateMini,
+  ss as anticipate,
   he as backIn,
-  es as backInOut,
-  ts as backOut,
+  ns as backInOut,
+  es as backOut,
   R as cancelFrame,
-  kl as cancelSync,
+  _l as cancelSync,
   de as circIn,
-  ss as circInOut,
+  is as circInOut,
   Ji as circOut,
   H as clamp,
+  Zl as components,
   ia as createScopedAnimate,
   vt as cubicBezier,
-  $l as delay,
-  bn as distance,
-  Kl as distance2D,
+  Wl as delay,
+  Sn as distance,
+  kl as distance2D,
   Rr as easeIn,
-  Ss as easeInOut,
+  Ts as easeInOut,
   Ir as easeOut,
   M as frame,
   J as frameData,
-  Rl as frameSteps,
+  Ll as frameSteps,
   Wa as inView,
-  en as inertia,
+  nn as inertia,
   Ve as interpolate,
   I as invariant,
   Mt as keyframes,
-  Jn as mirrorEasing,
-  Vs as mix,
+  Qn as mirrorEasing,
+  xs as mix,
   D as motionValue,
-  Se as pipe,
+  we as pipe,
   pt as progress,
-  Qn as reverseEasing,
+  ts as reverseEasing,
   $a as scroll,
   Me as scrollInfo,
   le as spring,
-  Nl as stagger,
-  Ll as steps,
-  Wl as sync,
+  Kl as stagger,
+  $l as steps,
+  Gl as sync,
   za as transform,
-  jl as useMotionTemplate,
+  Yl as useMotionTemplate,
   D as useMotionValue,
-  Yl as useScroll,
-  Hl as useSpring,
-  Ul as useTime,
-  zl as useTransform,
+  ql as useScroll,
+  Xl as useSpring,
+  Hl as useTime,
+  Ul as useTransform,
+  Jl as utilities,
   ht as warning,
   Di as wrap
 };