motion-v 0.2.3 → 0.2.5

package/dist/index.js

@@ -1,17 +1,17 @@
-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 In, 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 _n, watch as kn, onBeforeUnmount as di } from "vue";
 function pi(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function _n(e, t) {
+function Gn(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-class Gn {
+class zn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return pi(this.subscriptions, t), () => _n(this.subscriptions, t);
+    return pi(this.subscriptions, t), () => Gn(this.subscriptions, t);
   }
   notify(t, n, s) {
     const i = this.subscriptions.length;
@@ -34,9 +34,9 @@ class Gn {
 function oe(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const We = /* @__PURE__ */ new Set();
+const _e = /* @__PURE__ */ new Set();
 function Bt(e, t, n) {
-  e || We.has(t) || (console.warn(t), We.add(t));
+  e || _e.has(t) || (console.warn(t), _e.add(t));
 }
 const mi = {
   skipAnimations: !1,
@@ -108,13 +108,13 @@ 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] = (x, w = !1, A = !1) => (n || m(), T.schedule(x, 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);
+const { schedule: M, cancel: R, state: J, steps: Ll } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
 let St;
 function bi() {
   St = void 0;
@@ -124,10 +124,10 @@ const N = {
   set: (e) => {
     St = e, queueMicrotask(bi);
   }
-}, ke = 30, wi = (e) => !isNaN(parseFloat(e)), _ = {
+}, ke = 30, Si = (e) => !isNaN(parseFloat(e)), k = {
   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 k.current && k.current.push(this), this.current;
   }
   /**
    * @public
@@ -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 Un = 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) => Un() && i.attachTimeline ? i.attachTimeline(t) : n(i));
     return () => {
       s.forEach((i, r) => {
         i && i(), this.animations[r].stop();
@@ -392,28 +392,28 @@ class ae {
   }
 }
 const C = (e) => e * 1e3, B = (e) => e / 1e3, Ti = 5;
-function Un(e, t, n) {
+function jn(e, t, n) {
   const s = Math.max(t - Ti, 0);
   return oe(n - e(s), t - s);
 }
-let ht = K, I = K;
-process.env.NODE_ENV !== "production" && (ht = (e, t) => {
+let ft = K, I = K;
+process.env.NODE_ENV !== "production" && (ft = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, I = (e, t) => {
   if (!e)
     throw new Error(t);
 });
-const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, Vi = 0.01, _e = 10, xi = 0.05, Ai = 1;
+const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, xi = 0.01, Ge = 10, Vi = 0.05, Ai = 1;
 function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1 }) {
   let i, r;
-  ht(e <= C(_e), "Spring duration must be 10 seconds or less");
+  ft(e <= C(Ge), "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);
+  o = H(Vi, Ai, o), e = H(xi, Ge, B(e)), o < 1 ? (i = (u) => {
+    const c = u * o, f = c * e, h = c - n, p = Ht(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 = Ht(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 Ht(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,71 +474,71 @@ 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);
-    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 T = Ht(b, m);
+    y = (x) => {
+      const w = Math.exp(-m * b * x);
+      return r - w * ((p + m * b * S) / T * Math.sin(T * x) + S * Math.cos(T * x));
     };
   } 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;
+    y = (x) => {
+      const w = Math.exp(-m * b * x), A = Math.min(T * x, 300);
+      return r - w * ((p + m * b * S) * Math.sinh(A) + T * S * Math.cosh(A)) / T;
     };
   }
   return {
     calculatedDuration: h && c || null,
     next: (T) => {
-      const V = y(T);
+      const x = y(T);
       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) : jn(y, T, x));
+        const A = Math.abs(w) <= n, F = Math.abs(r - x) <= t;
         o.done = A && F;
       }
-      return o.value = o.done ? r : V, o;
+      return o.value = o.done ? r : x, o;
     }
   };
 }
-const Ht = 2e4;
-function jn(e) {
+const Yt = 2e4;
+function Hn(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Ht; )
+  for (; !s.done && t < Yt; )
     t += n, s = e.next(t);
-  return t >= Ht ? 1 / 0 : t;
+  return t >= Yt ? 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), Yt);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / t,
     duration: B(i)
   };
 }
-const dt = (e, t, n) => e + (t - e) * n, pt = (e, t, n) => {
+const ht = (e, t, n) => e + (t - e) * n, dt = (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);
-    e.push(dt(n, 1, i));
+    const i = dt(0, t, s);
+    e.push(ht(n, 1, i));
   }
 }
 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,27 +552,27 @@ 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) {
+function pt(e) {
   return typeof e == "function";
 }
-function ze(e, t, n, s) {
+function Ue(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++) {
     const i = e[s];
-    i.at > t && i.at < n && (_n(e, i), s--);
+    i.at > t && i.at < n && (Gn(e, i), s--);
   }
 }
 function Ii(e, t, n, s, i, r) {
@@ -580,7 +580,7 @@ function Ii(e, t, n, s, i, r) {
   for (let o = 0; o < t.length; o++)
     e.push({
       value: t[o],
-      at: dt(i, r, s[o]),
+      at: ht(i, r, s[o]),
       easing: Bi(n, o)
     });
 }
@@ -597,62 +597,62 @@ 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, Ue(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 = Ue(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 Zs = x[1] - x[0];
-          Ne = Math.abs(Zs);
+    const T = (x, w, A, F = 0, v = 0) => {
+      const V = Ki(x), { delay: O = 0, times: z = ue(V), type: Nt = "keyframes", ...qs } = w;
+      let { ease: Oe = t.ease || "easeOut", duration: L } = w;
+      const De = typeof O == "function" ? O(F, v) : O, Be = V.length, Re = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
+      if (Be <= 2 && Re) {
+        let $e = 100;
+        if (Be === 2 && ki(V)) {
+          const Zs = V[1] - V[0];
+          $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 - V.length;
+      Ne > 0 && Xn(z, Ne), V.length === 1 && V.unshift(null), Ii(A, V, 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 x = je(S, a);
+      T(b, g, He("default", x));
     } else {
-      const V = Xn(w, b, s, l), S = V.length;
-      for (let A = 0; A < S; A++) {
+      const x = qn(S, b, s, l), w = x.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);
+        const F = x[A], v = je(F, a);
+        for (const V in b)
+          T(b[V], Wi(g, V), He(V, 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];
-        g.push(F), y.push(pt(0, h, A)), T.push(v || "easeOut");
+      for (let w = 0; w < b.length; w++) {
+        const { at: A, value: F, easing: v } = b[w];
+        g.push(F), y.push(dt(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, {
         keyframes: {},
         transition: {}
       });
-      const V = o.get(m);
-      V.keyframes[w] = g, V.transition[w] = {
+      const x = o.get(m);
+      x.keyframes[S] = g, x.transition[S] = {
         ...t,
         duration: h,
         ease: T,
@@ -662,10 +662,10 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
     }
   }), o;
 }
-function Ue(e, t) {
+function je(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 _i = (e) => typeof e == "number", ki = (e) => e.every(_i), $ = /* @__PURE__ */ new WeakMap(), mt = [
   "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(mt), Gi = {
   type: "spring",
   stiffness: 500,
   damping: 25,
@@ -717,29 +717,29 @@ function fe(e, t) {
   return e ? e[t] || e.default || e : void 0;
 }
 const Yi = (e) => e !== null;
-function yt(e, { repeat: t, repeatType: n = "loop" }, s) {
+function gt(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;
 }
-function vt(e, t, n, s) {
+function yt(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__ */ yt(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,25 +759,25 @@ 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",
   parse: parseFloat,
   transform: (e) => e
-}, lt = {
+}, at = {
   ...tt,
   transform: (e) => H(0, 1, e)
-}, wt = {
+}, bt = {
   ...tt,
   default: 1
-}, bt = (e) => ({
+}, vt = (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__ */ vt("deg"), Z = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), rr = /* @__PURE__ */ vt("vh"), or = /* @__PURE__ */ vt("vw"), Ye = {
   ...Z,
   parse: (e) => Z.parse(e) / 100,
   transform: (e) => Z.transform(e * 100)
@@ -792,17 +792,17 @@ 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));
+}, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = mt.filter((e) => !lr.has(e));
 function cr(e) {
   const t = [];
   return ur.forEach((n) => {
@@ -819,18 +819,18 @@ 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();
-let Yt = !1, Xt = !1;
-function fs() {
-  if (Xt) {
+}, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)), j = /* @__PURE__ */ new Set();
+let Xt = !1, qt = !1;
+function hs() {
+  if (qt) {
     const e = Array.from(j).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
       const i = cr(s);
@@ -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();
+  qt = !1, Xt = !1, j.forEach((e) => e.complete()), j.clear();
 }
-function hs() {
+function ds() {
   j.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (Xt = !0);
+    e.readKeyframes(), e.needsMeasurement && (qt = !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 ? (j.add(this), Xt || (Xt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -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);
@@ -916,8 +916,8 @@ const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
   transform: (e) => Math.round(mr(e))
 }, U = {
   test: /* @__PURE__ */ ye("rgb", "red"),
-  parse: /* @__PURE__ */ ds("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)) + ")"
+  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(at.transform(s)) + ")"
 };
 function gr(e) {
   let t = "", n = "", s = "", i = "";
@@ -928,60 +928,60 @@ function gr(e) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const qt = {
+const Zt = {
   test: /* @__PURE__ */ ye("#"),
   parse: gr,
   transform: U.transform
 }, q = {
   test: /* @__PURE__ */ ye("hsl", "hue"),
-  parse: /* @__PURE__ */ ds("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)) + ")"
+  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(at.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),
+  test: (e) => U.test(e) || Zt.test(e) || q.test(e),
+  parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : Zt.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.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;
-function ut(e) {
+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 lt(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     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) {
-  return ut(e).values;
-}
 function ys(e) {
-  const { split: t, types: n } = ut(e), s = t.length;
+  return lt(e).values;
+}
+function vs(e) {
+  const { split: t, types: n } = lt(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));
+function xr(e) {
+  const t = ys(e);
+  return vs(e)(t.map(Tr));
 }
 const et = {
   test: vr,
-  parse: gs,
-  createTransformer: ys,
-  getAnimatableNone: Vr
-}, xr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+  parse: ys,
+  createTransformer: vs,
+  getAnimatableNone: xr
+}, Vr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Ar(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
@@ -990,16 +990,16 @@ function Ar(e) {
   if (!s)
     return e;
   const i = n.replace(s, "");
-  let r = xr.has(t) ? 1 : 0;
+  let r = Vr.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
+const Mr = /\b([a-z-]*)\(.*?\)/gu, Jt = {
   ...et,
   getAnimatableNone: (e) => {
     const t = e.match(Mr);
     return t ? t.map(Ar).join(" ") : e;
   }
-}, Jt = {
+}, Qt = {
   // Border props
   borderWidth: d,
   borderTopWidth: d,
@@ -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: bt,
+  scaleX: bt,
+  scaleY: bt,
+  scaleZ: bt,
   skew: W,
   skewX: W,
   skewY: W,
@@ -1056,22 +1056,22 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   z: d,
   perspective: d,
   transformPerspective: d,
-  opacity: lt,
-  originX: He,
-  originY: He,
+  opacity: at,
+  originX: Ye,
+  originY: Ye,
   originZ: d
-}, Qe = {
+}, tn = {
   ...tt,
   transform: Math.round
 }, ve = {
-  ...Jt,
+  ...Qt,
   ...Er,
-  zIndex: Qe,
+  zIndex: tn,
   size: d,
   // SVG
-  fillOpacity: lt,
-  strokeOpacity: lt,
-  numOctaves: Qe
+  fillOpacity: at,
+  strokeOpacity: at,
+  numOctaves: tn
 }, Pr = {
   ...ve,
   // Color props
@@ -1086,25 +1086,25 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   borderRightColor: E,
   borderBottomColor: E,
   borderLeftColor: E,
-  filter: Zt,
-  WebkitFilter: Zt
+  filter: Jt,
+  WebkitFilter: Jt
 }, 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;
+  return n !== Jt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const Cr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function Fr(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !Cr.has(r) && ut(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !Cr.has(r) && lt(r).values.length && (i = e[s]), s++;
   }
   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,8 +1176,8 @@ 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);
-  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 r = e[e.length - 1], o = en(i, t), a = en(r, t);
+  return ft(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" || pt(n)) && s;
 }
 const Br = 40;
 class ws {
@@ -1225,7 +1225,7 @@ class ws {
       if (o)
         this.options.duration = 0;
       else {
-        l == null || l(yt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
+        l == null || l(gt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
         return;
       }
     const c = this.initPlayback(t, n);
@@ -1251,23 +1251,23 @@ 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) => {
-    const x = y(v), O = T(v);
-    h.done = Math.abs(x) <= u, h.value = h.done ? g : O;
+  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), x = (v) => {
+    const V = y(v), O = T(v);
+    h.done = Math.abs(V) <= 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),
+      velocity: jn(T, v, h.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1278,33 +1278,33 @@ function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   return F(0), {
     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);
+      let V = !1;
+      return !A && w === void 0 && (V = !0, x(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!V && x(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__ */ yt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ yt(0, 0, 0.58, 1), Ts = /* @__PURE__ */ yt(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
-}, Qt = (e) => {
-  if (we(e)) {
+  backInOut: ns,
+  backOut: es,
+  anticipate: ss
+}, te = (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);
+    return yt(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);
-function kt(e, t, n) {
+}, Lr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Lr);
+function _t(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;
 }
 function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
@@ -1314,7 +1314,7 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
     i = r = o = n;
   else {
     const a = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - a;
-    i = kt(l, a, e + 1 / 3), r = kt(l, a, e), o = kt(l, a, e - 1 / 3);
+    i = _t(l, a, e + 1 / 3), r = _t(l, a, e), o = _t(l, a, e - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -1323,37 +1323,37 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function At(e, t) {
+function Vt(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const _t = (e, t, n) => {
+const kt = (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 = [Zt, U, 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)
+  if (ft(!!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);
+    return Vt(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));
-}, te = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (r) => (i.red = kt(n.red, s.red, r), i.green = kt(n.green, s.green, r), i.blue = kt(n.blue, s.blue, r), i.alpha = ht(n.alpha, s.alpha, r), U.transform(i));
+}, ee = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Wr(e, t) {
-  return te.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return ee.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function kr(e, t) {
-  return (n) => dt(e, t, n);
+function _r(e, t) {
+  return (n) => ht(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" ? _r : typeof e == "string" ? pe(e) ? Vt : E.test(e) ? on : zr : Array.isArray(e) ? xs : typeof e == "object" ? E.test(e) ? on : kr : Vt;
 }
-function Ts(e, t) {
+function xs(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 kr(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]));
@@ -1381,11 +1381,11 @@ function Gr(e, t) {
   return s;
 }
 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));
+  const n = et.createTransformer(t), s = lt(e), i = lt(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 ? ee.has(e) && !i.values.length || ee.has(t) && !s.values.length ? Wr(e, t) : we(xs(Gr(s, i), i.values), n) : (ft(!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.`), Vt(e, t));
 };
 function Vs(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? dt(e, t, n) : Te(e)(e, t);
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Te(e)(e, t);
 }
 function Ur(e, t, n) {
   const s = [], i = n || Vs, r = e.length - 1;
@@ -1393,13 +1393,13 @@ function Ur(e, t, n) {
     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);
   }
   return s;
 }
-function Ve(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function xe(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = e.length;
   if (I(r === t.length, "Both input and output ranges must be the same length"), r === 1)
     return () => t[0];
@@ -1411,7 +1411,7 @@ function Ve(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
     if (a > 1)
       for (; c < e.length - 2 && !(u < e[c + 1]); c++)
         ;
-    const f = pt(e[c], e[c + 1], u);
+    const f = dt(e[c], e[c + 1], u);
     return o[c](f);
   };
   return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
@@ -1420,10 +1420,10 @@ function jr(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 = {
+function At({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const i = Zn(s) ? s.map(te) : te(s), r = {
     done: !1,
     value: t[0]
   }, o = jr(
@@ -1431,7 +1431,7 @@ function Mt({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }
     // TODO Maybe we should warn here if there's a length mismatch
     n && n.length === t.length ? n : ue(t),
     e
-  ), a = Ve(o, t, {
+  ), a = xe(o, t, {
     ease: Array.isArray(i) ? i : Hr(t, i)
   });
   return {
@@ -1451,10 +1451,10 @@ const Yr = (e) => {
     now: () => J.isProcessing ? J.timestamp : N.now()
   };
 }, Xr = {
-  decay: en,
-  inertia: en,
-  tween: Mt,
-  keyframes: Mt,
+  decay: nn,
+  inertia: nn,
+  tween: At,
+  keyframes: At,
   spring: le
 }, qr = (e) => e / 100;
 class Lt extends ws {
@@ -1470,15 +1470,15 @@ class Lt extends ws {
     this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
   }
   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;
+    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = pt(n) ? n : Xr[n] || At;
     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 !== At && 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, Vs(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,22 +1502,22 @@ 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);
-    let T = this.currentTime, V = r;
+    let T = this.currentTime, x = r;
     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;
+      let V = Math.floor(v), O = v % 1;
+      !O && v >= 1 && (O = 1), O === 1 && V--, V = Math.min(V, p + 1), !!(V % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (x = 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] } : x.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 = gt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
   }
   get duration() {
     const { resolved: t } = this;
@@ -1592,7 +1592,7 @@ const Jr = /* @__PURE__ */ new Set([
   let n = "";
   const s = Math.max(Math.round(t / Qr), 2);
   for (let i = 0; i < s; i++)
-    n += e(pt(0, s - 1, i)) + ", ";
+    n += e(dt(0, s - 1, i)) + ", ";
   return `linear(${n.substring(0, n.length - 2)})`;
 }, eo = {
   linearEasing: void 0
@@ -1604,7 +1604,7 @@ function no(e, t) {
     return (s = eo[t]) !== null && s !== void 0 ? s : n();
   };
 }
-const ct = /* @__PURE__ */ no(() => {
+const ut = /* @__PURE__ */ no(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1612,10 +1612,10 @@ 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" && ut() || !e || typeof e == "string" && (e in ne || ut()) || Se(e) || Array.isArray(e) && e.every(As));
 }
-const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
+const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ne = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -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" && ut() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ne.easeOut) : ne[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,
@@ -1643,12 +1643,12 @@ function Ms(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-function Et(e, t) {
+function Mt(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")), Et = 10, so = 2e4;
 function io(e) {
-  return mt(e.type) || e.type === "spring" || !xs(e.ease);
+  return pt(e.type) || e.type === "spring" || !As(e.ease);
 }
 function ro(e, t) {
   const n = new Lt({
@@ -1662,41 +1662,41 @@ function ro(e, t) {
   const i = [];
   let r = 0;
   for (; !s.done && r < so; )
-    s = n.sample(r), i.push(s.value), r += Pt;
+    s = n.sample(r), i.push(s.value), r += Et;
   return {
     times: void 0,
     keyframes: i,
-    duration: r - Pt,
+    duration: r - Et,
     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" && ut() && 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 });
-    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Et(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
+    const f = Es(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
+    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Mt(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();
+      l.set(gt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: f,
       duration: i,
@@ -1767,7 +1767,7 @@ class on extends ws {
       if (!n)
         return K;
       const { animation: s } = n;
-      Et(s, t);
+      Mt(s, t);
     }
     return K;
   }
@@ -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 - Et).value, m.sample(S).value, Et);
     }
     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);
@@ -1858,34 +1858,34 @@ const Cs = (e, t, n, s = {}, i, r) => (o) => {
   }), c.duration && (c.duration = C(c.duration)), c.repeatDelay && (c.repeatDelay = C(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let f = !1;
   if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), f && !r && t.get() !== void 0) {
-    const h = yt(c.keyframes, a);
+    const h = gt(c.keyframes, a);
     if (h !== void 0)
       return M.update(() => {
         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));
@@ -1899,7 +1899,7 @@ function ho(e, t) {
     fo(e, o, a);
   }
 }
-const xe = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), po = "framerAppearId", mo = "data-" + xe(po);
+const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), po = "framerAppearId", mo = "data-" + Ve(po);
 function go(e) {
   return e.props[mo];
 }
@@ -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,37 +1946,37 @@ 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 }) {
+function xo(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)
-    (P(i[o]) || t.style && P(t.style[o]) || Vo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
+    (P(i[o]) || t.style && P(t.style[o]) || xo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
   return r;
 }
-function xo(e, t, n) {
-  const s = Os(e, t, n);
+function Vo(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;
+      const r = mt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = e[i];
     }
   return s;
 }
-const Ao = typeof window < "u", ne = { current: null }, Ds = { current: !1 };
+const Ao = typeof window < "u", se = { 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;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => se.current = e.matches;
       e.addListener(t), t();
     } else
-      ne.current = !1;
+      se.current = !1;
 }
 function Eo(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
@@ -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",
@@ -2038,15 +2038,15 @@ const ln = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, se = {};
-for (const e in ln)
-  se[e] = {
-    isEnabled: (t) => ln[e].some((n) => !!t[n])
+}, ie = {};
+for (const e in un)
+  ie[e] = {
+    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 : se.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);
@@ -2109,8 +2109,8 @@ class Rs {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in se) {
-      const n = se[t];
+    for (t in ie) {
+      const n = ie[t];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -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,21 +2262,21 @@ 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",
   transformPerspective: "perspective"
-}, Lo = gt.length;
+}, Lo = mt.length;
 function No(e, t, n) {
   let s = "", i = !0;
   for (let r = 0; r < Lo; r++) {
-    const o = gt[r], a = e[o];
+    const o = mt[r], a = e[o];
     if (a === void 0)
       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 = {
@@ -2322,14 +2322,14 @@ const Ko = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function ko(e, t, n = 1, s = 0, i = !0) {
+function _o(e, t, n = 1, s = 0, i = !0) {
   e.pathLength = 1;
   const r = i ? Ko : Wo;
   e[r.offset] = d.transform(-s);
   const o = d.transform(t), a = d.transform(n);
   e[r.array] = `${o} ${a}`;
 }
-function _o(e, {
+function ko(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2341,15 +2341,15 @@ 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;
   }
   e.attrs = e.style, e.style = {};
   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);
+  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 && _o(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);
+  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 : Ve(i), t.attrs[i]);
 }
 const zo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-class Uo extends Is {
+class Uo extends Ls {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
   }
@@ -2397,13 +2397,13 @@ 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 : Ve(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return xo(t, n, s);
+    return Vo(t, n, s);
   }
   build(t, n, s) {
-    _o(t, n, this.isSVGTag, s.transformTemplate);
+    ko(t, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(t, n, s, i) {
     Go(t, n, s, i);
@@ -2435,16 +2435,16 @@ function Yo(e, 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 _s(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 Uo(t) : new qo(t);
   n.mount(e), $.set(e, n);
 }
 function Qo(e) {
@@ -2529,7 +2529,7 @@ 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);
@@ -2539,13 +2539,13 @@ function ks(e, t, n, s) {
   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 ? _s : 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;
@@ -2582,37 +2582,37 @@ const la = /* @__PURE__ */ Rt(() => {
     return !1;
   }
   return !0;
-}), Tt = /* @__PURE__ */ new WeakMap();
+}), wt = /* @__PURE__ */ new WeakMap();
 function ua(e, t, n) {
   for (let s = 0; s < t.length; s++)
-    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Jt[e] && (t[s] = Jt[e].transform(t[s]));
+    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Qt[e] && (t[s] = Qt[e].transform(t[s]));
   !la() && t.length < 2 && t.unshift(n());
 }
-const hn = "easeOut";
-function dn(e) {
-  const t = Tt.get(e) || /* @__PURE__ */ new Map();
-  return Tt.set(e, t), Tt.get(e);
+const dn = "easeOut";
+function pn(e) {
+  const t = wt.get(e) || /* @__PURE__ */ new Map();
+  return wt.set(e, t), wt.get(e);
 }
 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";
+    if (Array.isArray(s) || (s = [s]), ua(n, s, a), pt(i.type)) {
+      const u = Yn(i, 100, i.type);
+      i.ease = ut() ? 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);
+      return (u = wt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
     };
     const l = () => {
-      this.setValue(t, n, yt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
+      this.setValue(t, n, gt(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 && Mt(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
   }
   get duration() {
     return B(this.options.duration || 300);
@@ -2669,7 +2669,7 @@ class ca {
     });
   }
   attachTimeline(t) {
-    return this.animation ? Et(this.animation, t) : this.pendingTimeline = t, K;
+    return this.animation ? Mt(this.animation, t) : this.pendingTimeline = t, K;
   }
 }
 function fa(e, t, n, s) {
@@ -2693,8 +2693,8 @@ const ha = (e) => {
     return new ae(fa(n, s, i, e));
   }
   return t;
-}, Il = /* @__PURE__ */ ha(), Vt = /* @__PURE__ */ new WeakMap();
-let k;
+}, Nl = /* @__PURE__ */ ha(), Tt = /* @__PURE__ */ new WeakMap();
+let _;
 function da(e, t) {
   if (t) {
     const { inlineSize: n, blockSize: s } = t[0];
@@ -2706,7 +2706,7 @@ function da(e, t) {
 }
 function pa({ target: e, contentRect: t, borderBoxSize: n }) {
   var s;
-  (s = Vt.get(e)) === null || s === void 0 || s.forEach((i) => {
+  (s = Tt.get(e)) === null || s === void 0 || s.forEach((i) => {
     i({
       target: e,
       contentSize: t,
@@ -2720,18 +2720,18 @@ function ma(e) {
   e.forEach(pa);
 }
 function ga() {
-  typeof ResizeObserver > "u" || (k = new ResizeObserver(ma));
+  typeof ResizeObserver > "u" || (_ = new ResizeObserver(ma));
 }
 function ya(e, t) {
-  k || ga();
+  _ || ga();
   const n = It(e);
   return n.forEach((s) => {
-    let i = Vt.get(s);
-    i || (i = /* @__PURE__ */ new Set(), Vt.set(s, i)), i.add(t), k == null || k.observe(s);
+    let i = Tt.get(s);
+    i || (i = /* @__PURE__ */ new Set(), Tt.set(s, i)), i.add(t), _ == null || _.observe(s);
   }), () => {
     n.forEach((s) => {
-      const i = Vt.get(s);
-      i == null || i.delete(t), i != null && i.size || k == null || k.unobserve(s);
+      const i = Tt.get(s);
+      i == null || i.delete(t), i != null && i.size || _ == null || _.unobserve(s);
     });
   };
 }
@@ -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,9 +2769,9 @@ const Sa = 50, pn = () => ({
   velocity: 0
 }), Ta = () => ({
   time: 0,
-  x: pn(),
-  y: pn()
-}), Va = {
+  x: mn(),
+  y: mn()
+}), xa = {
   x: {
     length: "Width",
     position: "Left"
@@ -2781,14 +2781,14 @@ const Sa = 50, pn = () => ({
     position: "Top"
   }
 };
-function mn(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);
+function gn(e, t, n, s) {
+  const i = n[t], { length: r, position: o } = xa[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 = dt(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;
+function Va(e, t, n) {
+  gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
 }
 function Aa(e, t) {
   const n = { x: 0, y: 0 };
@@ -2829,14 +2829,14 @@ const Ma = {
     [0, 0],
     [1, 1]
   ]
-}, ie = {
+}, re = {
   start: 0,
   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") {
+  if (e in re && (e = re[e]), typeof e == "string") {
     const i = parseFloat(e);
     e.endsWith("px") ? s = i : e.endsWith("%") ? e = i / 100 : e.endsWith("vw") ? s = i / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? s = i / 100 * document.documentElement.clientHeight : e = i;
   }
@@ -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, re[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) {
@@ -2863,7 +2863,7 @@ function Oa(e, t, n) {
     const p = Pa(s[h], u[o], l[o], a[r]);
     !c && p !== t[r].interpolatorOffsets[h] && (c = !0), t[r].offset[h] = p;
   }
-  c && (t[r].interpolate = Ve(t[r].offset, ue(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
+  c && (t[r].interpolate = xe(t[r].offset, ue(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
 }
 function Da(e, t = e, n) {
   if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
@@ -2877,12 +2877,12 @@ function Ba(e, t, n, s = {}) {
   return {
     measure: () => Da(e, s.target, n),
     update: (i) => {
-      xa(e, n, i), (s.offset || s.target) && Oa(e, n, s);
+      Va(e, n, i), (s.offset || s.target) && Oa(e, 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(), Gt = /* @__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));
@@ -2901,8 +2901,8 @@ 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), () => {
@@ -2912,10 +2912,10 @@ function Me(e, { container: t = document.documentElement, ...n } = {}) {
     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) {
+function Gs(e, t) {
   let n;
   const s = () => {
     const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
@@ -2931,30 +2931,30 @@ 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] = Un() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
 }
 function Ia(e) {
   return e.length === 2;
 }
-function zs(e) {
+function Us(e) {
   return e && (e.target || e.offset);
 }
 function La(e, t) {
-  return Ia(e) || zs(t) ? Me((n) => {
+  return Ia(e) || Us(t) ? Me((n) => {
     e(n[t.axis].progress, n);
-  }, t) : _s(e, Gs(t));
+  }, t) : Gs(e, zs(t));
 }
 function Na(e, t) {
-  if (zs(t))
+  if (Us(t))
     return e.pause(), Me((n) => {
       e.time = e.duration * n[t.axis].progress;
     }, t);
   {
-    const n = Gs(t);
-    return e.attachTimeline(n, (s) => (s.pause(), _s((i) => {
+    const n = zs(t);
+    return e.attachTimeline(n, (s) => (s.pause(), Gs((i) => {
       s.time = s.duration * i;
     }, n)));
   }
@@ -2984,14 +2984,14 @@ 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);
     return H(0, 1, i / e);
   };
 }
-function ka(e, t) {
+function _a(e, t) {
   if (e === "first")
     return 0;
   {
@@ -2999,20 +2999,20 @@ 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);
+    const o = typeof n == "number" ? n : _a(n, r), a = Math.abs(o - i);
     let l = e * a;
     if (s) {
       const u = r * e;
-      l = Qt(s)(l / u) * u;
+      l = te(s)(l / u) * u;
     }
     return t + l;
   };
 }
-const _a = (e) => e && typeof e == "object" && e.mix, Ga = (e) => _a(e) ? e.mix : void 0;
+const ka = (e) => e && typeof e == "object" && e.mix, Ga = (e) => ka(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, {
+  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 = xe(i, r, {
     mixer: Ga(r[0]),
     ...o
   });
@@ -3025,16 +3025,16 @@ function Ua(e, t) {
   };
   return M.read(s, !0), () => R(s);
 }
-function $l(e, t) {
+function Wl(e, t) {
   return Ua(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 _l(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), {});
-function Us(e, t) {
+const kl = M, Gl = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
+function js(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
   return [(o) => {
     const a = Js(s, o);
@@ -3050,7 +3050,7 @@ function Us(e, t) {
 function Y(e) {
   return !!(e && e.getVelocity);
 }
-const [ja, Ha] = Us("Motion");
+const [ja, Ha] = js("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 xn = (e) => typeof e < "u", Vn = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => `${e}deg`
@@ -3166,22 +3166,22 @@ const Tn = (e) => typeof e < "u", Vn = {
     toDefaultUnit: tl
   },
   skew: Vn
-}, 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 = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Pt = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
 ol.forEach((e) => {
   al.forEach((t) => {
-    Ct.push(e + t), Ee.set(
+    Pt.push(e + t), Ee.set(
       e + t,
       rl[e]
     );
   });
 });
-const ll = new Set(Ct), ul = (e) => ll.has(e), xn = {
+const ll = new Set(Pt), ul = (e) => ll.has(e), An = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
 };
 function cl([e], [t]) {
-  return Ct.indexOf(e) - Ct.indexOf(t);
+  return Pt.indexOf(e) - Pt.indexOf(t);
 }
 function fl(e, [t, n]) {
   return `${e} ${t}(${n})`;
@@ -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,7 +3207,7 @@ 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) {
@@ -3215,14 +3215,14 @@ function Ut(e) {
   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,12 +3293,12 @@ 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];
       (l = r.props) == null || delete l.ref;
-      const o = r.props ? re(t, r.props) : t;
+      const o = r.props ? In(t, r.props) : t;
       t.class && ((u = r.props) != null && u.class) && delete r.props.class;
       const a = ni(r, o);
       for (const c in o)
@@ -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 Vl(t),
       new Tl(t)
     ];
   }
@@ -3360,12 +3360,12 @@ class vl {
     this.features.forEach((t) => t.update());
   }
 }
-function ft(e, t, n) {
+function ct(e, t, n) {
   e.dispatchEvent(
     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));
+    s.pointerType && s.pointerType !== "mouse" || (n(), ct(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,16 +3403,16 @@ class bl extends Pe {
     this.updateGestureSubscriptions();
   }
 }
-class wl extends Pe {
+class Sl extends Ce {
   isActive() {
     return !!this.state.getOptions().press;
   }
   constructor(t) {
     super(t), this.subscribeEvents = () => {
       const n = this.state.getElement(), s = (r) => {
-        this.state.setActive("press", !1), ft(n, "pressend", r), window.removeEventListener("pointerup", s);
+        this.state.setActive("press", !1), ct(n, "pressend", r), window.removeEventListener("pointerup", s);
       }, i = (r) => {
-        this.state.setActive("press", !0), ft(n, "pressstart", r), window.addEventListener("pointerup", s);
+        this.state.setActive("press", !0), ct(n, "pressstart", r), window.addEventListener("pointerup", s);
       };
       return n.addEventListener("pointerdown", i), () => {
         n.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", s);
@@ -3426,7 +3426,7 @@ class wl extends Pe {
     this.updateGestureSubscriptions();
   }
 }
-class Sl extends Pe {
+class wl extends Ce {
   isActive() {
     return !!this.state.getOptions().inView;
   }
@@ -3435,9 +3435,9 @@ class Sl extends Pe {
       var r;
       const n = this.state.getElement(), { once: s, ...i } = ((r = this.state.getOptions()) == null ? void 0 : r.inViewOptions) || {};
       return Wa(n, (o) => {
-        if (this.state.setActive("inView", !0), ft(n, "viewenter", o), !s)
+        if (this.state.setActive("inView", !0), ct(n, "viewenter", o), !s)
           return (a) => {
-            this.state.setActive("inView", !1), ft(n, "viewleave", a);
+            this.state.setActive("inView", !1), ct(n, "viewleave", a);
           };
       }, i);
     };
@@ -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,53 @@ class Tl extends Xs {
     });
   }
 }
+function xl(e) {
+  return e instanceof SVGElement && e.tagName !== "svg";
+}
+class Vl extends Pe {
+  mount() {
+    const t = this.state.getElement();
+    if (!xl(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() {
+  }
+}
 let G;
-const En = (e) => e.next(), Vl = (e) => e.animateUpdates();
-function xl() {
+const Pn = (e) => e.next(), Al = (e) => e.animateUpdates();
+function Ml() {
   if (!G)
     return;
-  const e = G.sort(Ml).map(Vl);
-  e.forEach(En), e.forEach(En), G = void 0;
+  const e = G.sort(Pl).map(Al);
+  e.forEach(Pn), e.forEach(Pn), G = void 0;
 }
-function Pn(e) {
-  G ? qa(G, e) : (G = [e], requestAnimationFrame(xl));
+function Cn(e) {
+  G ? qa(G, e) : (G = [e], requestAnimationFrame(Ml));
 }
-function Al(e) {
+function El(e) {
   G && Za(G, 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"], Ct = /* @__PURE__ */ new WeakMap();
+class Cl {
   constructor(t, n) {
     this.element = null, this.context = {}, this.activeStates = {
       initial: !0,
@@ -3530,21 +3555,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 xn(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, Ct.set(t, this), $.get(t) || _s(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 +3581,24 @@ class El {
   }
   unmount() {
     var t;
-    Ft.delete(this.element), Al(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
+    Ct.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],
+        xn(this.options[l]) ? this.options[l] : this.context[l],
         this.options.variants
       );
       if (!u)
@@ -3605,10 +3630,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);
@@ -3629,12 +3654,12 @@ class El {
     return this.target;
   }
 }
-const at = /* @__PURE__ */ new WeakMap();
-function On(e) {
-  const t = at.get(e);
-  t && e.removeEventListener("motioncomplete", t), at.delete(e);
+const Ft = /* @__PURE__ */ new Map();
+function jt(e) {
+  const t = Ft.get(e);
+  t && e.removeEventListener("motioncomplete", t), Ft.delete(e);
 }
-const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
+const [Fl, Ol] = js("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
   name: "Motion",
   inheritAttrs: !1,
   __name: "Motion",
@@ -3669,7 +3694,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 = ja(null), r = ri(), o = new Cl(
       {
         ...r,
         ...t
@@ -3678,7 +3703,7 @@ 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,
@@ -3699,25 +3724,27 @@ 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);
-      }
+      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 = Ut(c), u.style = Ut(c), u;
     }
-    return (u, c) => (Ln(), Nn(li(yl), re({
+    return (u, c) => (Nn(), $n(li(yl), In({
       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({
+}), Ul = /* @__PURE__ */ Ot({
   name: "AnimatePresence",
-  inheritAttrs: !1,
+  inheritAttrs: !0,
   __name: "AnimatePresence",
   props: {
     mode: { default: "sync" },
@@ -3727,43 +3754,42 @@ 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);
+        return !Ft.has(r);
       }
     });
     function s(r) {
-      const o = Ft.get(r);
-      o && (On(r), o.setActive("exit", !1));
+      const o = Ct.get(r);
+      o && (jt(r), o.setActive("exit", !1));
     }
     function i(r, o) {
-      const a = Ft.get(r);
+      const a = Ct.get(r);
       if (!a)
         return o();
-      a.setActive("exit", !0), On(r);
+      jt(r);
       function l(u) {
         var c;
-        (c = u == null ? void 0 : u.detail) != null && c.isExit && (at.delete(r), a.unmount(), o());
+        (c = u == null ? void 0 : u.detail) != null && c.isExit && (jt(r), o(), r.__vnode.ctx.isUnmounted && a.unmount());
       }
-      at.set(r, l), r.addEventListener("motioncomplete", l);
+      Ft.set(r, l), r.addEventListener("motioncomplete", l), a.setActive("exit", !0);
     }
-    return (r, o) => (Ln(), Nn(ci(r.multiple ? fi : hi), re({
+    return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi), {
       tag: r.multiple ? r.as : void 0,
       css: !1,
-      mode: r.mode === "wait" ? "out-in" : void 0
-    }, r.$attrs, {
+      mode: r.mode === "wait" ? "out-in" : void 0,
       onEnter: s,
       onLeave: i
-    }), {
-      default: $n(() => [
-        Kn(r.$slots, "default")
+    }, {
+      default: Kn(() => [
+        Wn(r.$slots, "default")
       ]),
       _: 3
-    }, 16, ["tag", "mode"]));
+    }, 40, ["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,16 +3805,16 @@ 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) {
+  k.current = [];
+  const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
+  return n(k.current), k.current = void 0, _n(() => {
+    s(), k.current = [], e(), n(k.current), k.current = void 0;
   }), t;
 }
-function zl(e, t, n, s) {
+function jl(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(
     e,
@@ -3796,7 +3822,7 @@ function zl(e, t, n, s) {
   ) : Dn([e], ([r]) => i(r));
 }
 function Dn(e, t) {
-  const n = [], { value: s, subscribe: i } = Ce(() => {
+  const n = [], { value: s, subscribe: i } = Fe(() => {
     n.length = 0;
     const r = e.length;
     for (let o = 0; o < r; o++)
@@ -3805,20 +3831,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(() => {
+  _n(() => {
     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,13 +3855,13 @@ 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) {
   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
@@ -3864,12 +3890,12 @@ function Hl(e, t = {}) {
   }), s;
 }
 function Rn(e, t) {
-  Hs(
+  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 +3903,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 +3922,81 @@ function Yl({
       }
     );
   };
-  return In(() => {
+  return Ln(() => {
     Rn("target", t), Rn("container", e), r();
   }), Dt(() => i == null ? void 0 : i()), kn(
     () => [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,
+  Ul 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,
+  Gl 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,
+  yt as cubicBezier,
+  Wl as delay,
+  Sn as distance,
+  _l 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,
-  Ve as interpolate,
+  nn as inertia,
+  xe as interpolate,
   I as invariant,
-  Mt as keyframes,
-  Jn as mirrorEasing,
+  At as keyframes,
+  Qn as mirrorEasing,
   Vs as mix,
   D as motionValue,
-  Se as pipe,
-  pt as progress,
-  Qn as reverseEasing,
+  we as pipe,
+  dt as progress,
+  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,
+  kl 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,
-  ht as warning,
+  ql as useScroll,
+  Xl as useSpring,
+  Hl as useTime,
+  jl as useTransform,
+  Jl as utilities,
+  ft as warning,
   Di as wrap
 };