motion-v 0.2.4 → 0.2.6

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 Ln, onUnmounted as Dt, onUpdated as ai, openBlock as Nn, createBlock as $n, unref as li, withCtx as Kn, renderSlot as Wn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as kn, watch as Gn, onBeforeUnmount as di } from "vue";
-function pi(e, t) {
+import { inject as Zs, provide as Js, Fragment as Qs, defineComponent as Ot, Comment as ti, mergeProps as Rn, cloneVNode as ei, h as $t, mergeDefaults as ni, ref as si, useAttrs as ii, getCurrentInstance as ri, onMounted as In, onUnmounted as Dt, onUpdated as oi, openBlock as Ln, createBlock as Nn, unref as ai, withCtx as $n, renderSlot as Kn, toRefs as li, resolveDynamicComponent as ui, TransitionGroup as ci, Transition as fi, onBeforeUpdate as _n, watch as Wn, onBeforeUnmount as hi } from "vue";
+function di(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function _n(e, t) {
+function kn(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-class zn {
+class Gn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return pi(this.subscriptions, t), () => _n(this.subscriptions, t);
+    return di(this.subscriptions, t), () => kn(this.subscriptions, t);
   }
   notify(t, n, s) {
     const i = this.subscriptions.length;
@@ -34,15 +34,15 @@ class zn {
 function oe(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const ke = /* @__PURE__ */ new Set();
+const We = /* @__PURE__ */ new Set();
 function Bt(e, t, n) {
-  e || ke.has(t) || (console.warn(t), ke.add(t));
+  e || We.has(t) || (console.warn(t), We.add(t));
 }
-const mi = {
+const pi = {
   skipAnimations: !1,
   useManualTiming: !1
 }, K = (e) => e;
-function gi(e) {
+function mi(e) {
   let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = !1, i = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let o = {
@@ -93,41 +93,41 @@ const st = [
   // Write
   "postRender"
   // Compute
-], yi = 40;
-function vi(e, t) {
+], gi = 40;
+function yi(e, t) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = st.reduce((g, y) => (g[y] = gi(r), g), {}), { read: a, resolveKeyframes: l, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
+  }, r = () => n = !0, o = st.reduce((g, y) => (g[y] = mi(r), g), {}), { read: a, resolveKeyframes: l, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
     const g = performance.now();
-    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, yi), 1), i.timestamp = g, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (s = !1, e(p));
+    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, gi), 1), i.timestamp = g, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (s = !1, e(p));
   }, m = () => {
     n = !0, s = !0, i.isProcessing || e(p);
   };
   return { schedule: st.reduce((g, y) => {
     const T = o[y];
-    return g[y] = (V, w = !1, A = !1) => (n || m(), T.schedule(V, w, 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: Ll } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
-let wt;
-function bi() {
-  wt = void 0;
+const { schedule: M, cancel: R, state: J, steps: Ll } = yi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
+let St;
+function vi() {
+  St = void 0;
 }
 const N = {
-  now: () => (wt === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), wt),
+  now: () => (St === void 0 && N.set(J.isProcessing || pi.useManualTiming ? J.timestamp : performance.now()), St),
   set: (e) => {
-    wt = e, queueMicrotask(bi);
+    St = e, queueMicrotask(vi);
   }
-}, Ge = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
+}, ke = 30, bi = (e) => !isNaN(parseFloat(e)), k = {
   current: void 0
 };
-class wi {
+class Si {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -143,7 +143,7 @@ class wi {
     }, 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 = Si(this.current));
+    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = bi(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -192,7 +192,7 @@ class wi {
     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 zn());
+    this.events[t] || (this.events[t] = new Gn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), M.read(() => {
@@ -248,7 +248,7 @@ class wi {
    * @public
    */
   get() {
-    return G.current && G.current.push(this), this.current;
+    return k.current && k.current.push(this), this.current;
   }
   /**
    * @public
@@ -265,9 +265,9 @@ class wi {
    */
   getVelocity() {
     const t = N.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Ge)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ke)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Ge);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, ke);
     return oe(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -322,13 +322,13 @@ class wi {
   }
 }
 function D(e, t) {
-  return new wi(e, t);
+  return new Si(e, t);
 }
 function Rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const jn = Rt(() => window.ScrollTimeline !== void 0);
+const zn = 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) => jn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
+    const s = this.animations.map((i) => zn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
     return () => {
       s.forEach((i, r) => {
         i && i(), this.animations[r].stop();
@@ -391,28 +391,28 @@ class ae {
     this.runAll("complete");
   }
 }
-const C = (e) => e * 1e3, B = (e) => e / 1e3, Ti = 5;
+const C = (e) => e * 1e3, B = (e) => e / 1e3, wi = 5;
 function Un(e, t, n) {
-  const s = Math.max(t - Ti, 0);
+  const s = Math.max(t - wi, 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;
-function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1 }) {
+const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, Ti = 0.01, Ge = 10, xi = 0.05, Vi = 1;
+function Ai({ 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 = Ut(u, o), m = Math.exp(-f);
+  o = H(xi, Vi, o), e = H(Ti, 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), S = Ut(Math.pow(u, 2), o);
+    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;
@@ -421,7 +421,7 @@ function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1
     const c = Math.exp(-u * e), f = (n - u) * (e * e);
     return c * f;
   });
-  const a = 5 / e, l = Pi(i, r, a);
+  const a = 5 / e, l = Ei(i, r, a);
   if (e = C(e), isNaN(l))
     return {
       stiffness: 100,
@@ -437,21 +437,21 @@ function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1
     };
   }
 }
-const Ei = 12;
-function Pi(e, t, n) {
+const Mi = 12;
+function Ei(e, t, n) {
   let s = n;
-  for (let i = 1; i < Ei; i++)
+  for (let i = 1; i < Mi; i++)
     s = s - e(s) / t(s);
   return s;
 }
-function Ut(e, t) {
+function Ht(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const Ci = ["duration", "bounce"], Fi = ["stiffness", "damping", "mass"];
+const Pi = ["duration", "bounce"], Ci = ["stiffness", "damping", "mass"];
 function ze(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Oi(e) {
+function Fi(e) {
   let t = {
     velocity: 0,
     stiffness: 100,
@@ -460,8 +460,8 @@ function Oi(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!ze(e, Fi) && ze(e, Ci)) {
-    const n = Mi(e);
+  if (!ze(e, Ci) && ze(e, Pi)) {
+    const n = Ai(e);
     t = {
       ...t,
       ...n,
@@ -471,74 +471,74 @@ function Oi(e) {
   return t;
 }
 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({
+  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 } = Fi({
     ...s,
     velocity: -B(s.velocity || 0)
   }), 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 = Ut(b, m);
-    y = (V) => {
-      const w = Math.exp(-m * b * V);
-      return r - w * ((p + m * b * S) / T * Math.sin(T * V) + S * Math.cos(T * V));
+    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) * (S + (p + b * S) * T);
   else {
     const T = b * Math.sqrt(m * m - 1);
-    y = (V) => {
-      const w = Math.exp(-m * b * V), A = Math.min(T * V, 300);
+    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 w = 0;
-        m < 1 && (w = T === 0 ? C(p) : Un(y, T, V));
-        const A = Math.abs(w) <= n, F = Math.abs(r - V) <= t;
+        m < 1 && (w = T === 0 ? C(p) : Un(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 Hn(e) {
+const Yt = 2e4;
+function jn(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 Yn(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s), Ht);
+function Hn(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(jn(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 Xn(e, t) {
+function Yn(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 Xn(t, e.length - 1), t;
+  return Yn(t, e.length - 1), t;
 }
 const P = (e) => !!(e && e.getVelocity);
 function It(e, t, n) {
@@ -552,43 +552,43 @@ function It(e, t, n) {
 function ce(e) {
   return typeof e == "object" && !Array.isArray(e);
 }
-function qn(e, t, n, s) {
+function Xn(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 je(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 Oi = (e, t, n) => {
   const s = t - e;
   return ((n - e) % s + s) % s + e;
-}, Zn = (e) => Array.isArray(e) && typeof e[0] != "number";
-function Bi(e, t) {
-  return Zn(e) ? e[Di(0, e.length, t)] : e;
+}, qn = (e) => Array.isArray(e) && typeof e[0] != "number";
+function Di(e, t) {
+  return qn(e) ? e[Oi(0, e.length, t)] : e;
 }
-function Ri(e, t, n) {
+function Bi(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 && (kn(e, i), s--);
   }
 }
-function Ii(e, t, n, s, i, r) {
-  Ri(e, i, r);
+function Ri(e, t, n, s, i, r) {
+  Bi(e, i, r);
   for (let o = 0; o < t.length; o++)
     e.push({
       value: t[o],
-      at: dt(i, r, s[o]),
-      easing: Bi(n, o)
+      at: ht(i, r, s[o]),
+      easing: Di(n, o)
     });
 }
-function Li(e, t) {
+function Ii(e, t) {
   return e.at === t.at ? e.value === null ? 1 : t.value === null ? -1 : 0 : e.at - t.at;
 }
-const Ni = "easeInOut";
-function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
+const Li = "easeInOut";
+function Ni(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
   const r = t.duration || 0.3, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = {}, u = /* @__PURE__ */ new Map();
   let c = 0, f = 0, h = 0;
   for (let p = 0; p < e.length; p++) {
@@ -597,43 +597,43 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
       u.set(m, f);
       continue;
     } else if (!Array.isArray(m)) {
-      u.set(m.name, je(f, m.at, c, u));
+      u.set(m.name, Ue(f, m.at, c, u));
       continue;
     }
     let [S, b, g = {}] = m;
-    g.at !== void 0 && (f = je(f, g.at, c, u));
+    g.at !== void 0 && (f = Ue(f, g.at, c, u));
     let y = 0;
-    const T = (V, w, A, F = 0, v = 0) => {
-      const x = Ki(V), { delay: O = 0, times: z = ue(x), type: Nt = "keyframes", ...qs } = w;
+    const T = (x, w, A, F = 0, v = 0) => {
+      const V = $i(x), { delay: O = 0, times: z = ue(V), type: Nt = "keyframes", ...Xs } = w;
       let { ease: Oe = t.ease || "easeOut", duration: L } = w;
-      const De = typeof O == "function" ? O(F, v) : O, Be = x.length, Re = mt(Nt) ? Nt : i == null ? void 0 : i[Nt];
+      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 && Gi(x)) {
-          const Zs = x[1] - x[0];
-          $e = Math.abs(Zs);
+        if (Be === 2 && Wi(V)) {
+          const qs = V[1] - V[0];
+          $e = Math.abs(qs);
         }
-        const Ke = { ...qs };
+        const Ke = { ...Xs };
         L !== void 0 && (Ke.duration = C(L));
-        const We = Yn(Ke, $e, Re);
-        Oe = We.ease, L = We.duration;
+        const _e = Hn(Ke, $e, Re);
+        Oe = _e.ease, L = _e.duration;
       }
       L ?? (L = r);
       const Ie = f + De, Le = Ie + L;
       z.length === 1 && z[0] === 0 && (z[1] = 1);
-      const Ne = z.length - x.length;
-      Ne > 0 && Xn(z, Ne), x.length === 1 && x.unshift(null), Ii(A, x, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
+      const Ne = z.length - V.length;
+      Ne > 0 && Yn(z, Ne), V.length === 1 && V.unshift(null), Ri(A, V, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
     };
     if (P(S)) {
-      const V = Ue(S, a);
-      T(b, g, He("default", V));
+      const x = je(S, a);
+      T(b, g, He("default", x));
     } else {
-      const V = qn(S, b, s, l), w = V.length;
+      const x = Xn(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), He(x, v), A, w);
+        const F = x[A], v = je(F, a);
+        for (const V in b)
+          T(b[V], Ki(g, V), He(V, v), A, w);
       }
     }
     c = f, f += y;
@@ -641,18 +641,18 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
   return a.forEach((p, m) => {
     for (const S in p) {
       const b = p[S];
-      b.sort(Li);
+      b.sort(Ii);
       const g = [], y = [], T = [];
       for (let w = 0; w < b.length; w++) {
         const { at: A, value: F, easing: v } = b[w];
-        g.push(F), y.push(pt(0, h, A)), T.push(v || "easeOut");
+        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, {
+      y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), T.unshift(Li)), 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[S] = g, V.transition[S] = {
+      const x = o.get(m);
+      x.keyframes[S] = g, x.transition[S] = {
         ...t,
         duration: h,
         ease: T,
@@ -662,22 +662,22 @@ 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 He(e, t) {
   return t[e] || (t[e] = []), t[e];
 }
-function Ki(e) {
+function $i(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Wi(e, t) {
+function Ki(e, t) {
   return e && e[t] ? {
     ...e,
     ...e[t]
   } : { ...e };
 }
-const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE__ */ new WeakMap(), gt = [
+const _i = (e) => typeof e == "number", Wi = (e) => e.every(_i), $ = /* @__PURE__ */ new WeakMap(), mt = [
   "transformPerspective",
   "x",
   "y",
@@ -695,93 +695,93 @@ const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE_
   "skew",
   "skewX",
   "skewY"
-], X = new Set(gt), _i = {
+], X = new Set(mt), ki = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, zi = (e) => ({
+}, Gi = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), ji = {
+}), zi = {
   type: "keyframes",
   duration: 0.8
 }, Ui = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Hi = (e, { keyframes: t }) => t.length > 2 ? ji : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : _i : Ui;
+}, ji = (e, { keyframes: t }) => t.length > 2 ? zi : X.has(e) ? e.startsWith("scale") ? Gi(t[1]) : ki : Ui;
 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) {
-  const i = e.filter(Yi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+const Hi = (e) => e !== null;
+function gt(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const i = e.filter(Hi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !r || s === void 0 ? i[r] : s;
 }
-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) {
+const Zn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Yi = 1e-7, Xi = 12;
+function qi(e, t, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = Jn(o, s, i) - e, r > 0 ? n = o : t = o;
-  while (Math.abs(r) > Xi && ++a < qi);
+    o = t + (n - t) / 2, r = Zn(o, s, i) - e, r > 0 ? n = o : t = o;
+  while (Math.abs(r) > Yi && ++a < Xi);
   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 : Jn(i(r), t, s);
+  const i = (r) => qi(r, 0, 1, e, n);
+  return (r) => r === 0 || r === 1 ? r : Zn(i(r), t, s);
 }
-const Qn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ts = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ vt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ ts(es), ns = /* @__PURE__ */ Qn(he), ss = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = ts(de), is = Qn(de), rs = (e) => /^0[^.\s]+$/u.test(e);
-function Qi(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || rs(e) : !0;
+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__ */ yt(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)), Zi = Qn(de), ss = Jn(de), is = (e) => /^0[^.\s]+$/u.test(e);
+function Ji(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || is(e) : !0;
 }
-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 = (
+const rs = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), os = (e) => (t) => typeof t == "string" && t.startsWith(e), as = /* @__PURE__ */ os("--"), Qi = /* @__PURE__ */ os("var(--"), pe = (e) => Qi(e) ? tr.test(e.split("/*")[0].trim()) : !1, tr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, er = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function sr(e) {
-  const t = nr.exec(e);
+function nr(e) {
+  const t = er.exec(e);
   if (!t)
     return [,];
   const [, n, s, i] = t;
   return [`--${n ?? s}`, i];
 }
-const ir = 4;
-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);
+const sr = 4;
+function ls(e, t, n = 1) {
+  I(n <= sr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  const [s, i] = nr(e);
   if (!s)
     return;
   const r = window.getComputedStyle(t).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return os(o) ? parseFloat(o) : o;
+    return rs(o) ? parseFloat(o) : o;
   }
-  return pe(i) ? us(i, t, n + 1) : i;
+  return pe(i) ? ls(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)
-}, St = {
+}, 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"), Ye = {
+}), _ = /* @__PURE__ */ vt("deg"), Z = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), ir = /* @__PURE__ */ vt("vh"), rr = /* @__PURE__ */ vt("vw"), Ye = {
   ...Z,
   parse: (e) => Z.parse(e) / 100,
   transform: (e) => Z.transform(e * 100)
-}, ar = /* @__PURE__ */ new Set([
+}, or = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -802,10 +802,10 @@ const tt = {
     const r = s.match(/^matrix\((.+)\)$/u);
     return r ? qe(r[1], e) : 0;
   }
-}, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = gt.filter((e) => !lr.has(e));
-function cr(e) {
+}, ar = /* @__PURE__ */ new Set(["x", "y", "z"]), lr = mt.filter((e) => !ar.has(e));
+function ur(e) {
   const t = [];
-  return ur.forEach((n) => {
+  return lr.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
@@ -824,16 +824,16 @@ const Q = {
 };
 Q.translateX = Q.x;
 Q.translateY = Q.y;
-const cs = (e) => (t) => t.test(e), fr = {
+const us = (e) => (t) => t.test(e), cr = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)), U = /* @__PURE__ */ new Set();
-let Yt = !1, Xt = !1;
-function hs() {
-  if (Xt) {
-    const e = Array.from(U).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+}, cs = [tt, d, Z, _, rr, ir, cr], Je = (e) => cs.find(us(e)), j = /* @__PURE__ */ new Set();
+let Xt = !1, qt = !1;
+function fs() {
+  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);
+      const i = ur(s);
       i.length && (n.set(s, i), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -846,22 +846,22 @@ function hs() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Xt = !1, Yt = !1, U.forEach((e) => e.complete()), U.clear();
+  qt = !1, Xt = !1, j.forEach((e) => e.complete()), j.clear();
 }
-function ds() {
-  U.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (Xt = !0);
+function hs() {
+  j.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (qt = !0);
   });
 }
-function hr() {
-  ds(), hs();
+function fr() {
+  hs(), fs();
 }
 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 ? (U.add(this), Yt || (Yt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (j.add(this), Xt || (Xt = !0, M.read(hs), M.resolveKeyframes(fs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -888,20 +888,20 @@ class me {
   measureEndState() {
   }
   complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), U.delete(this);
+    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), j.delete(this);
   }
   cancel() {
-    this.isComplete || (this.isScheduled = !1, U.delete(this));
+    this.isComplete || (this.isScheduled = !1, j.delete(this));
   }
   resume() {
     this.isComplete || this.scheduleResolve();
   }
 }
 const rt = (e) => Math.round(e * 1e5) / 1e5, ge = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function dr(e) {
+function hr(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)), ps = (e, t, n) => (s) => {
+const dr = /^(?:#[\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" && dr.test(n) && n.startsWith(e) || t && !hr(n) && Object.prototype.hasOwnProperty.call(n, t)), ds = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, r, o, a] = s.match(ge);
@@ -911,15 +911,15 @@ const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, mr = (e) => H(0, 255, e), Wt = {
+}, pr = (e) => H(0, 255, e), _t = {
   ...tt,
-  transform: (e) => Math.round(mr(e))
-}, j = {
+  transform: (e) => Math.round(pr(e))
+}, U = {
   test: /* @__PURE__ */ ye("rgb", "red"),
-  parse: /* @__PURE__ */ ps("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(lt.transform(s)) + ")"
+  parse: /* @__PURE__ */ ds("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + _t.transform(e) + ", " + _t.transform(t) + ", " + _t.transform(n) + ", " + rt(at.transform(s)) + ")"
 };
-function gr(e) {
+function mr(e) {
   let t = "", n = "", s = "", i = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
     red: parseInt(t, 16),
@@ -928,61 +928,61 @@ function gr(e) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const qt = {
+const Zt = {
   test: /* @__PURE__ */ ye("#"),
-  parse: gr,
-  transform: j.transform
+  parse: mr,
+  transform: U.transform
 }, q = {
   test: /* @__PURE__ */ ye("hsl", "hue"),
-  parse: /* @__PURE__ */ ps("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(lt.transform(s)) + ")"
+  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(at.transform(s)) + ")"
 }, E = {
-  test: (e) => j.test(e) || qt.test(e) || q.test(e),
-  parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : qt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e)
-}, yr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function vr(e) {
+  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)
+}, gr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function yr(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;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(ge)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(gr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const ms = "number", gs = "color", br = "var", Sr = "var(", Qe = "${}", wr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function ut(e) {
+const ps = "number", ms = "color", vr = "var", br = "var(", Qe = "${}", 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 lt(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  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);
+  const a = t.replace(Sr, (l) => (E.test(l) ? (s.color.push(r), i.push(ms), n.push(E.parse(l))) : l.startsWith(br) ? (s.var.push(r), i.push(vr), n.push(l)) : (s.number.push(r), i.push(ps), n.push(parseFloat(l))), ++r, Qe)).split(Qe);
   return { values: n, split: a, indexes: s, types: i };
 }
-function ys(e) {
-  return ut(e).values;
+function gs(e) {
+  return lt(e).values;
 }
-function vs(e) {
-  const { split: t, types: n } = ut(e), s = t.length;
+function ys(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 === ms ? r += rt(i[o]) : a === gs ? r += E.transform(i[o]) : r += i[o];
+        a === ps ? r += rt(i[o]) : a === ms ? r += E.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const Tr = (e) => typeof e == "number" ? 0 : e;
-function Vr(e) {
-  const t = ys(e);
-  return vs(e)(t.map(Tr));
+const wr = (e) => typeof e == "number" ? 0 : e;
+function Tr(e) {
+  const t = gs(e);
+  return ys(e)(t.map(wr));
 }
 const et = {
-  test: vr,
-  parse: ys,
-  createTransformer: vs,
-  getAnimatableNone: Vr
+  test: yr,
+  parse: gs,
+  createTransformer: ys,
+  getAnimatableNone: Tr
 }, xr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Ar(e) {
+function Vr(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -993,13 +993,13 @@ function Ar(e) {
   let r = xr.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
+const Ar = /\b([a-z-]*)\(.*?\)/gu, Jt = {
   ...et,
   getAnimatableNone: (e) => {
-    const t = e.match(Mr);
-    return t ? t.map(Ar).join(" ") : e;
+    const t = e.match(Ar);
+    return t ? t.map(Vr).join(" ") : e;
   }
-}, Jt = {
+}, Qt = {
   // Border props
   borderWidth: d,
   borderTopWidth: d,
@@ -1035,18 +1035,18 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   // Misc
   backgroundPositionX: d,
   backgroundPositionY: d
-}, Er = {
-  rotate: W,
-  rotateX: W,
-  rotateY: W,
-  rotateZ: W,
-  scale: St,
-  scaleX: St,
-  scaleY: St,
-  scaleZ: St,
-  skew: W,
-  skewX: W,
-  skewY: W,
+}, Mr = {
+  rotate: _,
+  rotateX: _,
+  rotateY: _,
+  rotateZ: _,
+  scale: bt,
+  scaleX: bt,
+  scaleY: bt,
+  scaleZ: bt,
+  skew: _,
+  skewX: _,
+  skewY: _,
   distance: d,
   translateX: d,
   translateY: d,
@@ -1056,7 +1056,7 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   z: d,
   perspective: d,
   transformPerspective: d,
-  opacity: lt,
+  opacity: at,
   originX: Ye,
   originY: Ye,
   originZ: d
@@ -1064,15 +1064,15 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   ...tt,
   transform: Math.round
 }, ve = {
-  ...Jt,
-  ...Er,
+  ...Qt,
+  ...Mr,
   zIndex: tn,
   size: d,
   // SVG
-  fillOpacity: lt,
-  strokeOpacity: lt,
+  fillOpacity: at,
+  strokeOpacity: at,
   numOctaves: tn
-}, Pr = {
+}, Er = {
   ...ve,
   // Color props
   color: E,
@@ -1086,25 +1086,25 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
   borderRightColor: E,
   borderBottomColor: E,
   borderLeftColor: E,
-  filter: Zt,
-  WebkitFilter: Zt
-}, be = (e) => Pr[e];
-function bs(e, t) {
+  filter: Jt,
+  WebkitFilter: Jt
+}, be = (e) => Er[e];
+function vs(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) {
+const Pr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Cr(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" && !Pr.has(r) && lt(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
-      e[r] = bs(n, i);
+      e[r] = vs(n, i);
 }
-class Ss extends me {
+class bs extends me {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1116,11 +1116,11 @@ class Ss 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 = us(u, n.current);
+        const c = ls(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)
+    if (this.resolveNoneKeyframes(), !or.has(s) || t.length !== 2)
       return;
     const [i, r] = t, o = Je(i), a = Je(r);
     if (o !== a)
@@ -1135,8 +1135,8 @@ class Ss extends me {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let i = 0; i < t.length; i++)
-      Qi(t[i]) && s.push(i);
-    s.length && Fr(t, s, n);
+      Ji(t[i]) && s.push(i);
+    s.length && Cr(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
@@ -1162,7 +1162,7 @@ class Ss extends me {
 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) {
+function Fr(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1170,17 +1170,17 @@ function Or(e) {
     if (e[n] !== t)
       return !0;
 }
-function Dr(e, t, n, s) {
+function Or(e, t, n, s) {
   const i = e[0];
   if (i === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
   const r = e[e.length - 1], o = en(i, t), a = en(r, t);
-  return ht(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Or(e) || (n === "spring" || mt(n)) && s;
+  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 : Fr(e) || (n === "spring" || pt(n)) && s;
 }
-const Br = 40;
-class ws {
+const Dr = 40;
+class Ss {
   constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", ...a }) {
     this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = N.now(), this.options = {
       autoplay: t,
@@ -1203,7 +1203,7 @@ class ws {
    * to avoid a sudden jump into the animation.
    */
   calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > Br ? this.resolvedAt : this.createdAt : this.createdAt;
+    return this.resolvedAt ? this.resolvedAt - this.createdAt > Dr ? this.resolvedAt : this.createdAt : this.createdAt;
   }
   /**
    * A getter for resolved data. If keyframes are not yet resolved, accessing
@@ -1211,7 +1211,7 @@ class ws {
    * This is a deoptimisation, but at its worst still batches read/writes.
    */
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && hr(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && fr(), this._resolved;
   }
   /**
    * A method to be called when the keyframes resolver completes. This method
@@ -1221,11 +1221,11 @@ class ws {
   onKeyframesResolved(t, n) {
     this.resolvedAt = N.now(), this.hasAttemptedResolve = !0;
     const { name: s, type: i, velocity: r, delay: o, onComplete: a, onUpdate: l, isGenerator: u } = this.options;
-    if (!u && !Dr(t, s, i, r))
+    if (!u && !Or(t, s, i, r))
       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);
@@ -1259,9 +1259,9 @@ function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   let S = n * t;
   const b = f + S, g = o === void 0 ? b : o(b);
   g !== b && (S = g - f);
-  const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
-    const x = y(v), O = T(v);
-    h.done = Math.abs(x) <= u, h.value = h.done ? g : O;
+  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 w, A;
   const F = (v) => {
@@ -1278,43 +1278,43 @@ function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   return F(0), {
     calculatedDuration: null,
     next: (v) => {
-      let x = !1;
-      return !A && w === void 0 && (x = !0, V(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!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), Ts = /* @__PURE__ */ vt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
+const Br = /* @__PURE__ */ yt(0.42, 0, 1, 1), Rr = /* @__PURE__ */ yt(0, 0, 0.58, 1), ws = /* @__PURE__ */ yt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
   linear: K,
-  easeIn: Rr,
-  easeInOut: Ts,
-  easeOut: Ir,
+  easeIn: Br,
+  easeInOut: ws,
+  easeOut: Rr,
   circIn: de,
-  circInOut: is,
-  circOut: Ji,
+  circInOut: ss,
+  circOut: Zi,
   backIn: he,
-  backInOut: ns,
-  backOut: es,
-  anticipate: ss
-}, Qt = (e) => {
+  backInOut: es,
+  backOut: ts,
+  anticipate: ns
+}, 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(sn[e] !== void 0, `Invalid easing type '${e}'`), sn[e];
   return e;
-}, Lr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Lr);
-function kt(e, t, n) {
+}, Ir = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Ir);
+function Wt(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 }) {
+function Lr({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!t)
     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 = Wt(l, a, e + 1 / 3), r = Wt(l, a, e), o = Wt(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 Gt = (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, j, q], Kr = (e) => $r.find((t) => t.test(e));
+}, Nr = [Zt, U, q], $r = (e) => Nr.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)
+  const t = $r(e);
+  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;
+  return t === q && (n = Lr(n)), n;
 }
 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 = Gt(n.red, s.red, r), i.green = Gt(n.green, s.green, r), i.blue = Gt(n.blue, s.blue, r), i.alpha = dt(n.alpha, s.alpha, r), j.transform(i));
-}, te = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Wr(e, t) {
-  return te.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  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 Kr(e, t) {
+  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) ? on : zr : Array.isArray(e) ? Vs : typeof e == "object" ? E.test(e) ? on : Gr : At;
+  return typeof e == "number" ? _r : typeof e == "string" ? pe(e) ? Vt : E.test(e) ? on : Gr : Array.isArray(e) ? Ts : typeof e == "object" ? E.test(e) ? on : Wr : Vt;
 }
-function Vs(e, t) {
+function Ts(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 Vs(e, t) {
     return n;
   };
 }
-function Gr(e, t) {
+function Wr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const i in n)
     e[i] !== void 0 && t[i] !== void 0 && (s[i] = Te(e[i])(e[i], t[i]));
@@ -1371,7 +1371,7 @@ function Gr(e, t) {
     return n;
   };
 }
-function _r(e, t) {
+function kr(e, t) {
   var n;
   const s = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
@@ -1380,14 +1380,14 @@ function _r(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) : we(Vs(_r(s, i), i.values), n) : (ht(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(e, t));
+const Gr = (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 ? Kr(e, t) : we(Ts(kr(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 xs(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 jr(e, t, n) {
+function zr(e, t, n) {
   const s = [], i = n || xs, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
@@ -1399,19 +1399,19 @@ function jr(e, t, n) {
   }
   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];
   if (r === 2 && e[0] === e[1])
     return () => t[1];
   e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const o = jr(t, s, i), a = o.length, l = (u) => {
+  const o = zr(t, s, i), a = o.length, l = (u) => {
     let c = 0;
     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;
@@ -1419,11 +1419,11 @@ function Ve(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
 function Ur(e, t) {
   return e.map((n) => n * t);
 }
-function Hr(e, t) {
-  return e.map(() => t || Ts).splice(0, e.length - 1);
+function jr(e, t) {
+  return e.map(() => t || ws).splice(0, e.length - 1);
 }
-function Mt({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = Zn(s) ? s.map(Qt) : Qt(s), r = {
+function At({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const i = qn(s) ? s.map(te) : te(s), r = {
     done: !1,
     value: t[0]
   }, o = Ur(
@@ -1431,15 +1431,15 @@ 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, {
-    ease: Array.isArray(i) ? i : Hr(t, i)
+  ), a = xe(o, t, {
+    ease: Array.isArray(i) ? i : jr(t, i)
   });
   return {
     calculatedDuration: e,
     next: (l) => (r.value = a(l), r.done = l >= e, r)
   };
 }
-const Yr = (e) => {
+const Hr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: () => M.update(t, !0),
@@ -1450,14 +1450,14 @@ const Yr = (e) => {
      */
     now: () => J.isProcessing ? J.timestamp : N.now()
   };
-}, Xr = {
+}, Yr = {
   decay: nn,
   inertia: nn,
-  tween: Mt,
-  keyframes: Mt,
+  tween: At,
+  keyframes: At,
   spring: le
-}, qr = (e) => e / 100;
-class Lt extends ws {
+}, Xr = (e) => e / 100;
+class Lt extends Ss {
   constructor(t) {
     super(t), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
       if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
@@ -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 : Yr[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 = we(qr, xs(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(Xr, xs(t[0], t[1])), t = [0, 100]);
     const c = a({ ...this.options, keyframes: t });
     r === "mirror" && (u = a({
       ...this.options,
       keyframes: [...t].reverse(),
       velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = Hn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = jn(c));
     const { calculatedDuration: f } = c, h = f + i, p = h * (s + 1) - i;
     return {
       generator: c,
@@ -1506,18 +1506,18 @@ class Lt extends ws {
     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, S && (O -= S / 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 w = y ? { done: !1, value: l[0] } : V.next(T);
+    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 && (w.value = yt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
+    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;
@@ -1543,7 +1543,7 @@ class Lt extends ws {
     }
     if (this.isStopped)
       return;
-    const { driver: t = Yr, onPlay: n, startTime: s } = this.options;
+    const { driver: t = Hr, onPlay: n, startTime: s } = this.options;
     this.driver || (this.driver = t((r) => this.tick(r))), n && n();
     const i = this.driver.now();
     this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = i) : this.startTime = s ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
@@ -1577,10 +1577,10 @@ class Lt extends ws {
     return this.startTime = 0, this.tick(t, !0);
   }
 }
-function Zr(e) {
+function qr(e) {
   return new Lt(e);
 }
-const Jr = /* @__PURE__ */ new Set([
+const Zr = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -1588,23 +1588,23 @@ const Jr = /* @__PURE__ */ new Set([
   // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
   // or until we implement support for linear() easing.
   // "background-color"
-]), Qr = 10, to = (e, t) => {
+]), Jr = 10, Qr = (e, t) => {
   let n = "";
-  const s = Math.max(Math.round(t / Qr), 2);
+  const s = Math.max(Math.round(t / Jr), 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 = {
+}, to = {
   linearEasing: void 0
 };
-function no(e, t) {
+function eo(e, t) {
   const n = Rt(e);
   return () => {
     var s;
-    return (s = eo[t]) !== null && s !== void 0 ? s : n();
+    return (s = to[t]) !== null && s !== void 0 ? s : n();
   };
 }
-const ct = /* @__PURE__ */ no(() => {
+const ut = /* @__PURE__ */ eo(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1612,10 +1612,10 @@ const ct = /* @__PURE__ */ no(() => {
   }
   return !0;
 }, "linearEasing");
-function As(e) {
-  return !!(typeof e == "function" && ct() || !e || typeof e == "string" && (e in ee || ct()) || Se(e) || Array.isArray(e) && e.every(As));
+function Vs(e) {
+  return !!(typeof e == "function" && ut() || !e || typeof e == "string" && (e in ne || ut()) || Se(e) || Array.isArray(e) && e.every(Vs));
 }
-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 Ms(e, t) {
+function As(e, t) {
   if (e)
-    return typeof e == "function" && ct() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ee.easeOut) : ee[e];
+    return typeof e == "function" && ut() ? Qr(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => As(n, t) || ne.easeOut) : ne[e];
 }
-function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function Ms(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 = Ms(a, i);
+  const c = As(a, i);
   return Array.isArray(c) && (u.easing = c), e.animate(u, {
     delay: s,
     duration: i,
@@ -1643,14 +1643,14 @@ function Es(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 Ps = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Pt = 10, so = 2e4;
-function io(e) {
-  return mt(e.type) || e.type === "spring" || !As(e.ease);
+const Es = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Et = 10, no = 2e4;
+function so(e) {
+  return pt(e.type) || e.type === "spring" || !Vs(e.ease);
 }
-function ro(e, t) {
+function io(e, t) {
   const n = new Lt({
     ...t,
     keyframes: e,
@@ -1661,42 +1661,42 @@ function ro(e, t) {
   let s = { done: !1, value: e[0] };
   const i = [];
   let r = 0;
-  for (; !s.done && r < so; )
-    s = n.sample(r), i.push(s.value), r += Pt;
+  for (; !s.done && r < no; )
+    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 Cs = {
-  anticipate: ss,
-  backInOut: ns,
-  circInOut: is
+const Ps = {
+  anticipate: ns,
+  backInOut: es,
+  circInOut: ss
 };
-function oo(e) {
-  return e in Cs;
+function ro(e) {
+  return e in Ps;
 }
-class an extends ws {
+class an extends Ss {
   constructor(t) {
     super(t);
     const { name: n, motionValue: s, element: i, keyframes: r } = this.options;
-    this.resolver = new Ss(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
+    this.resolver = new bs(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 = Cs[o]), io(this.options)) {
-      const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = ro(t, b);
+    if (typeof o == "string" && ut() && ro(o) && (o = Ps[o]), so(this.options)) {
+      const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = io(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 = Es(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
-    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Et(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
+    const f = Ms(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 an extends ws {
       if (!n)
         return K;
       const { animation: s } = n;
-      Et(s, t);
+      Mt(s, t);
     }
     return K;
   }
@@ -1807,7 +1807,7 @@ class an extends ws {
         times: a,
         isGenerator: !0
       }), S = C(this.time);
-      u.setWithVelocity(m.sample(S - Pt).value, m.sample(S).value, Pt);
+      u.setWithVelocity(m.sample(S - Et).value, m.sample(S).value, Et);
     }
     const { onStop: l } = this.options;
     l && l(), this.cancel();
@@ -1822,17 +1822,17 @@ class an extends ws {
   }
   static supports(t) {
     const { motionValue: n, name: s, repeatDelay: i, repeatType: r, damping: o, type: a } = t;
-    return Ps() && s && Jr.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
+    return Es() && s && Zr.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.
      */
     !n.owner.getProps().onUpdate && !i && r !== "mirror" && o !== 0 && a !== "inertia";
   }
 }
-function ao({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+function oo({ 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 Fs = (e, t, n, s = {}, i, r) => (o) => {
+const Cs = (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);
@@ -1852,27 +1852,27 @@ const Fs = (e, t, n, s = {}, i, r) => (o) => {
     motionValue: t,
     element: r ? void 0 : i
   };
-  ao(a) || (c = {
+  oo(a) || (c = {
     ...c,
-    ...Hi(e, c)
+    ...ji(e, c)
   }), 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 && an.supports(c) ? new an(c) : new Lt(c);
-}, lo = (e) => Array.isArray(e), uo = (e) => lo(e) ? e[e.length - 1] || 0 : e;
+}, ao = (e) => Array.isArray(e), lo = (e) => ao(e) ? e[e.length - 1] || 0 : 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 Os(e, t, n, s) {
+function Fs(e, t, n, s) {
   if (typeof t == "function") {
     const [i, r] = ln(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
@@ -1883,46 +1883,46 @@ function Os(e, t, n, s) {
   }
   return t;
 }
-function co(e, t, n) {
+function uo(e, t, n) {
   const s = e.getProps();
-  return Os(s, t, s.custom, e);
+  return Fs(s, t, s.custom, e);
 }
-function fo(e, t, n) {
+function co(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, D(n));
 }
-function ho(e, t) {
-  const n = co(e, t);
+function fo(e, t) {
+  const n = uo(e, t);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
-    const a = uo(r[o]);
-    fo(e, o, a);
+    const a = lo(r[o]);
+    co(e, o, a);
   }
 }
-const xe = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), po = "framerAppearId", mo = "data-" + xe(po);
-function go(e) {
-  return e.props[mo];
+const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ho = "framerAppearId", po = "data-" + Ve(ho);
+function mo(e) {
+  return e.props[po];
 }
-function yo(e) {
+function go(e) {
   return !!(P(e) && e.add);
 }
-function vo(e, t) {
+function yo(e, t) {
   const n = e.getValue("willChange");
-  if (yo(n))
+  if (go(n))
     return n.add(t);
 }
-function bo({ protectedKeys: e, needsAnimating: t }, n) {
+function vo({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function So(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function bo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   var r;
   let { transition: o = e.getDefaultTransition(), transitionEnd: a, ...l } = t;
   s && (o = s);
   const u = [], c = i && e.animationState && e.animationState.getState()[i];
   for (const f in l) {
     const h = e.getValue(f, (r = e.latestValues[f]) !== null && r !== void 0 ? r : null), p = l[f];
-    if (p === void 0 || c && bo(c, f))
+    if (p === void 0 || c && vo(c, f))
       continue;
     const m = {
       delay: n,
@@ -1930,61 +1930,61 @@ function So(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     };
     let S = !1;
     if (window.MotionHandoffAnimation) {
-      const g = go(e);
+      const g = mo(e);
       if (g) {
         const y = window.MotionHandoffAnimation(g, f, M);
         y !== null && (m.startTime = y, S = !0);
       }
     }
-    vo(e, f), h.start(Fs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, S));
+    yo(e, f), h.start(Cs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, S));
     const b = h.animation;
     b && u.push(b);
   }
   return a && Promise.all(u).then(() => {
     M.update(() => {
-      a && ho(e, a);
+      a && fo(e, a);
     });
   }), u;
 }
-function wo(e) {
+function So(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
-const To = {};
-function Vo(e, { layout: t, layoutId: n }) {
-  return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!To[e] || e === "opacity");
+const wo = {};
+function To(e, { layout: t, layoutId: n }) {
+  return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!wo[e] || e === "opacity");
 }
-function Ds(e, t, n) {
+function Os(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]) || To(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 = Ds(e, t, n);
+  const s = Os(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 }, Bs = { current: !1 };
-function Mo() {
-  if (Bs.current = !0, !!Ao)
+const Vo = typeof window < "u", se = { current: null }, Ds = { current: !1 };
+function Ao() {
+  if (Ds.current = !0, !!Vo)
     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) {
+function Mo(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function Po(e) {
+function Eo(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const Co = [
+const Po = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -1992,14 +1992,14 @@ const Co = [
   "whileTap",
   "whileDrag",
   "exit"
-], Fo = ["initial", ...Co];
-function Rs(e) {
-  return Eo(e.animate) || Fo.some((t) => Po(e[t]));
+], Co = ["initial", ...Po];
+function Bs(e) {
+  return Mo(e.animate) || Co.some((t) => Eo(e[t]));
 }
-function Oo(e) {
-  return !!(Rs(e) || e.variants);
+function Fo(e) {
+  return !!(Bs(e) || e.variants);
 }
-function Do(e, t, n) {
+function Oo(e, t, n) {
   for (const s in t) {
     const i = t[s], r = n[s];
     if (P(i))
@@ -2038,12 +2038,12 @@ const un = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, se = {};
+}, ie = {};
 for (const e in un)
-  se[e] = {
+  ie[e] = {
     isEnabled: (t) => un[e].some((n) => !!t[n])
   };
-const Bo = [...fs, E, et], Ro = (e) => Bo.find(cs(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
+const Do = [...cs, E, et], Bo = (e) => Do.find(us(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
   x: cn(),
   y: cn()
 }), fn = [
@@ -2055,7 +2055,7 @@ const Bo = [...fs, E, et], Ro = (e) => Bo.find(cs(e)), cn = () => ({ min: 0, max
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Is {
+class Rs {
   /**
    * 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 Is {
       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 = Rs(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 = Bs(n), this.isVariantNode = Fo(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 Is {
     }
   }
   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)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ne.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    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 || Ao(), 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 Is {
   }
   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;
@@ -2149,7 +2149,7 @@ class Is {
       const r = "on" + i, o = t[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = Do(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Oo(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2215,7 +2215,7 @@ class Is {
   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" && (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;
+    return i != null && (typeof i == "string" && (rs(i) || is(i)) ? i = parseFloat(i) : !Bo(i) && et.test(n) && (i = vs(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 Is {
     const { initial: s } = this.props;
     let i;
     if (typeof s == "string" || typeof s == "object") {
-      const o = Os(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
+      const o = Fs(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 Is {
     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 zn()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new Gn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class Ls extends Is {
+class Is extends Rs {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Ss;
+    super(...arguments), this.KeyframeResolver = bs;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2262,24 +2262,24 @@ class Ls extends Is {
     delete n[t], delete s[t];
   }
 }
-const Ns = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Io = {
+const Ls = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Ro = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Lo = gt.length;
-function No(e, t, n) {
+}, Io = mt.length;
+function Lo(e, t, n) {
   let s = "", i = !0;
-  for (let r = 0; r < Lo; r++) {
-    const o = gt[r], a = e[o];
+  for (let r = 0; r < Io; r++) {
+    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 = Ns(a, ve[o]);
+      const u = Ls(a, ve[o]);
       if (!l) {
         i = !1;
-        const c = Io[o] || o;
+        const c = Ro[o] || o;
         s += `${c}(${u}) `;
       }
       n && (t[o] = u);
@@ -2287,7 +2287,7 @@ function No(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
 }
-function $s(e, t, n) {
+function Ns(e, t, n) {
   const { style: s, vars: i, transformOrigin: r } = e;
   let o = !1, a = !1;
   for (const l in t) {
@@ -2295,15 +2295,15 @@ function $s(e, t, n) {
     if (X.has(l)) {
       o = !0;
       continue;
-    } else if (ls(l)) {
+    } else if (as(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = Ns(u, ve[l]);
+      const c = Ls(u, ve[l]);
       l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = No(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = Lo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = r;
     s.transformOrigin = `${l} ${u} ${c}`;
   }
@@ -2311,25 +2311,25 @@ function $s(e, t, n) {
 function hn(e, t, n) {
   return typeof e == "string" ? e : d.transform(t + n * e);
 }
-function $o(e, t, n) {
+function No(e, t, n) {
   const s = hn(t, e.x, e.width), i = hn(n, e.y, e.height);
   return `${s} ${i}`;
 }
-const Ko = {
+const $o = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Wo = {
+}, 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;
+  const r = i ? $o : Ko;
   e[r.offset] = d.transform(-s);
   const o = d.transform(t), a = d.transform(n);
   e[r.array] = `${o} ${a}`;
 }
-function Go(e, {
+function Wo(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2341,15 +2341,15 @@ function Go(e, {
   // This is object creation, which we try to avoid per-frame.
   ...u
 }, c, f) {
-  if ($s(e, u, f), c) {
+  if (Ns(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 = No(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 Ks = /* @__PURE__ */ new Set([
+const $s = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2374,18 +2374,18 @@ const Ks = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Ws(e, { style: t, vars: n }, s, i) {
+function Ks(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 _o(e, t, n, s) {
-  Ws(e, t, void 0, s);
+function ko(e, t, n, s) {
+  Ks(e, t, void 0, s);
   for (const i in t.attrs)
-    e.setAttribute(Ks.has(i) ? i : xe(i), t.attrs[i]);
+    e.setAttribute($s.has(i) ? i : Ve(i), t.attrs[i]);
 }
-const zo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-class jo extends Ls {
+const Go = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+class zo extends Is {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
   }
@@ -2397,19 +2397,19 @@ class jo extends Ls {
       const s = be(n);
       return s && s.default || 0;
     }
-    return n = Ks.has(n) ? n : xe(n), t.getAttribute(n);
+    return n = $s.has(n) ? n : Ve(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
     return xo(t, n, s);
   }
   build(t, n, s) {
-    Go(t, n, this.isSVGTag, s.transformTemplate);
+    Wo(t, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(t, n, s, i) {
-    _o(t, n, s, i);
+    ko(t, n, s, i);
   }
   mount(t) {
-    this.isSVGTag = zo(t.tagName), super.mount(t);
+    this.isSVGTag = Go(t.tagName), super.mount(t);
   }
 }
 function Uo({ top: e, left: t, right: n, bottom: s }) {
@@ -2418,7 +2418,7 @@ function Uo({ top: e, left: t, right: n, bottom: s }) {
     y: { min: e, max: s }
   };
 }
-function Ho(e, t) {
+function jo(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -2429,33 +2429,33 @@ function Ho(e, t) {
     right: s.x
   };
 }
-function Yo(e, t) {
-  return Uo(Ho(e.getBoundingClientRect(), t));
+function Ho(e, t) {
+  return Uo(jo(e.getBoundingClientRect(), t));
 }
-function Xo(e) {
+function Yo(e) {
   return window.getComputedStyle(e);
 }
-class qo extends Ls {
+class Xo extends Is {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ws;
+    super(...arguments), this.type = "html", this.renderInstance = Ks;
   }
   readValueFromInstance(t, n) {
     if (X.has(n)) {
       const s = be(n);
       return s && s.default || 0;
     } else {
-      const s = Xo(t), i = (ls(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Yo(t), i = (as(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Yo(t, n);
+    return Ho(t, n);
   }
   build(t, n, s) {
-    $s(t, n, s.transformTemplate);
+    Ns(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Ds(t, n, s);
+    return Os(t, n, s);
   }
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
@@ -2465,15 +2465,15 @@ class qo extends Ls {
     }));
   }
 }
-function Zo(e, t) {
+function qo(e, t) {
   return e in t;
 }
-class Jo extends Is {
+class Zo extends Rs {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(t, n) {
-    if (Zo(n, t)) {
+    if (qo(n, t)) {
       const s = t[n];
       if (typeof s == "string" || typeof s == "number")
         return s;
@@ -2497,7 +2497,7 @@ class Jo extends Is {
     return 0;
   }
 }
-function ks(e) {
+function _s(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2511,10 +2511,10 @@ function ks(e) {
       },
       latestValues: {}
     }
-  }, n = wo(e) ? new jo(t) : new qo(t);
+  }, n = So(e) ? new zo(t) : new Xo(t);
   n.mount(e), $.set(e, n);
 }
-function Qo(e) {
+function Jo(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2524,95 +2524,95 @@ function Qo(e) {
       },
       latestValues: {}
     }
-  }, n = new Jo(t);
+  }, n = new Zo(t);
   n.mount(e), $.set(e, n);
 }
-function ta(e, t, n) {
+function Qo(e, t, n) {
   const s = P(e) ? e : D(e);
-  return s.start(Fs("", s, t, n)), s.animation;
+  return s.start(Cs("", s, t, n)), s.animation;
 }
-function ea(e, t) {
+function ta(e, t) {
   return P(e) || typeof e == "number" || typeof e == "string" && !ce(t);
 }
-function Gs(e, t, n, s) {
+function Ws(e, t, n, s) {
   const i = [];
-  if (ea(e, t))
-    i.push(ta(e, ce(t) && t.default || t, n && (n.default || n)));
+  if (ta(e, t))
+    i.push(Qo(e, ce(t) && t.default || t, n && (n.default || n)));
   else {
-    const r = qn(e, t, s), o = r.length;
+    const r = Xn(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 ? ks : Qo;
+      const l = r[a], u = l instanceof Element ? _s : Jo;
       $.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(...So(c, { ...t, transition: f }, {}));
+      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...bo(c, { ...t, transition: f }, {}));
     }
   }
   return i;
 }
-function na(e, t, n) {
+function ea(e, t, n) {
   const s = [];
-  return $i(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
-    s.push(...Gs(a, r, o));
+  return Ni(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
+    s.push(...Ws(a, r, o));
   }), s;
 }
-function sa(e) {
+function na(e) {
   return Array.isArray(e) && Array.isArray(e[0]);
 }
-function ia(e) {
+function sa(e) {
   function t(n, s, i) {
     let r = [];
-    sa(n) ? r = na(n, s, e) : r = Gs(n, s, i, e);
+    na(n) ? r = ea(n, s, e) : r = Ws(n, s, i, e);
     const o = new ae(r);
     return e && e.animations.push(o), o;
   }
   return t;
 }
-const ra = ia();
-function oa(e, t, n) {
+const ia = sa();
+function ra(e, t, n) {
   e.style.setProperty(`--${t}`, n);
 }
-function aa(e, t, n) {
+function oa(e, t, n) {
   e.style[t] = n;
 }
-const la = /* @__PURE__ */ Rt(() => {
+const aa = /* @__PURE__ */ Rt(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });
   } catch {
     return !1;
   }
   return !0;
-}), Tt = /* @__PURE__ */ new WeakMap();
-function ua(e, t, n) {
+}), wt = /* @__PURE__ */ new WeakMap();
+function la(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]));
-  !la() && t.length < 2 && t.unshift(n());
+    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Qt[e] && (t[s] = Qt[e].transform(t[s]));
+  !aa() && t.length < 2 && t.unshift(n());
 }
 const dn = "easeOut";
 function pn(e) {
-  const t = Tt.get(e) || /* @__PURE__ */ new Map();
-  return Tt.set(e, t), Tt.get(e);
+  const t = wt.get(e) || /* @__PURE__ */ new Map();
+  return wt.set(e, t), wt.get(e);
 }
-class ca {
+class ua {
   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"?`);
+    this.setValue = r ? ra : oa, 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 = 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 = Yn(i, 100, i.type);
-      i.ease = ct() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
+    if (Array.isArray(s) || (s = [s]), la(n, s, a), pt(i.type)) {
+      const u = Hn(i, 100, i.type);
+      i.ease = ut() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
     } else
       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();
     };
-    Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Et(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
+    Es() ? (this.animation = Ms(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,10 +2669,10 @@ 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) {
+function ca(e, t, n, s) {
   const i = It(e, s), r = i.length;
   I(!!r, "No valid element provided.");
   const o = [];
@@ -2683,19 +2683,19 @@ function fa(e, t, n, s) {
       const f = t[c], h = {
         ...fe(n, c)
       };
-      h.duration = h.duration ? C(h.duration) : h.duration, h.delay = C(h.delay || 0), o.push(new ca(l, c, f, h));
+      h.duration = h.duration ? C(h.duration) : h.duration, h.delay = C(h.delay || 0), o.push(new ua(l, c, f, h));
     }
   }
   return o;
 }
-const ha = (e) => {
+const fa = (e) => {
   function t(n, s, i) {
-    return new ae(fa(n, s, i, e));
+    return new ae(ca(n, s, i, e));
   }
   return t;
-}, Nl = /* @__PURE__ */ ha(), Vt = /* @__PURE__ */ new WeakMap();
-let k;
-function da(e, t) {
+}, Nl = /* @__PURE__ */ fa(), Tt = /* @__PURE__ */ new WeakMap();
+let W;
+function ha(e, t) {
   if (t) {
     const { inlineSize: n, blockSize: s } = t[0];
     return { width: n, height: s };
@@ -2704,40 +2704,40 @@ function da(e, t) {
     height: e.offsetHeight
   };
 }
-function pa({ target: e, contentRect: t, borderBoxSize: n }) {
+function da({ 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,
       get size() {
-        return da(e, n);
+        return ha(e, n);
       }
     });
   });
 }
-function ma(e) {
-  e.forEach(pa);
+function pa(e) {
+  e.forEach(da);
 }
-function ga() {
-  typeof ResizeObserver > "u" || (k = new ResizeObserver(ma));
+function ma() {
+  typeof ResizeObserver > "u" || (W = new ResizeObserver(pa));
 }
-function ya(e, t) {
-  k || ga();
+function ga(e, t) {
+  W || ma();
   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), W == null || W.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 || W == null || W.unobserve(s);
     });
   };
 }
 const xt = /* @__PURE__ */ new Set();
 let ot;
-function va() {
+function ya() {
   ot = () => {
     const e = {
       width: window.innerWidth,
@@ -2750,15 +2750,15 @@ function va() {
     xt.forEach((n) => n(t));
   }, window.addEventListener("resize", ot);
 }
-function ba(e) {
-  return xt.add(e), ot || va(), () => {
+function va(e) {
+  return xt.add(e), ot || ya(), () => {
     xt.delete(e), !xt.size && ot && (ot = void 0);
   };
 }
-function Sa(e, t) {
-  return typeof e == "function" ? ba(e) : ya(e, t);
+function ba(e, t) {
+  return typeof e == "function" ? va(e) : ga(e, t);
 }
-const wa = 50, mn = () => ({
+const Sa = 50, mn = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -2767,11 +2767,11 @@ const wa = 50, mn = () => ({
   targetLength: 0,
   containerLength: 0,
   velocity: 0
-}), Ta = () => ({
+}), wa = () => ({
   time: 0,
   x: mn(),
   y: mn()
-}), Va = {
+}), Ta = {
   x: {
     length: "Width",
     position: "Left"
@@ -2782,15 +2782,15 @@ const wa = 50, mn = () => ({
   }
 };
 function gn(e, t, n, s) {
-  const i = n[t], { length: r, position: o } = Va[t], a = i.current, l = n.time;
-  i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = pt(0, i.scrollLength, i.current);
+  const i = n[t], { length: r, position: o } = Ta[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 > wa ? 0 : oe(i.current - a, u);
+  i.velocity = u > Sa ? 0 : oe(i.current - a, u);
 }
 function xa(e, t, n) {
   gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
 }
-function Aa(e, t) {
+function Va(e, t) {
   const n = { x: 0, y: 0 };
   let s = e;
   for (; s && s !== t; )
@@ -2812,7 +2812,7 @@ function Aa(e, t) {
       break;
   return n;
 }
-const Ma = {
+const Aa = {
   Enter: [
     [0, 1],
     [1, 1]
@@ -2829,30 +2829,30 @@ const Ma = {
     [0, 0],
     [1, 1]
   ]
-}, ie = {
+}, re = {
   start: 0,
   center: 0.5,
   end: 1
 };
 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;
   }
   return typeof e == "number" && (s = t * e), n + s;
 }
-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 = yn(i[0], n, s), o = yn(i[1], t), r - o;
+const Ma = [0, 0];
+function Ea(e, t, n, s) {
+  let i = Array.isArray(e) ? e : Ma, r = 0, o = 0;
+  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) {
+const Pa = { x: 0, y: 0 };
+function Ca(e) {
   return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
 }
-function Oa(e, t, n) {
-  const { offset: s = Ma.All } = n, { target: i = e, axis: r = "y" } = n, o = r === "y" ? "height" : "width", a = i !== e ? Aa(i, e) : Ca, l = i === e ? { width: e.scrollWidth, height: e.scrollHeight } : Fa(i), u = {
+function Fa(e, t, n) {
+  const { offset: s = Aa.All } = n, { target: i = e, axis: r = "y" } = n, o = r === "y" ? "height" : "width", a = i !== e ? Va(i, e) : Pa, l = i === e ? { width: e.scrollWidth, height: e.scrollHeight } : Ca(i), u = {
     width: e.clientWidth,
     height: e.clientHeight
   };
@@ -2860,12 +2860,12 @@ function Oa(e, t, n) {
   let c = !t[r].interpolate;
   const f = s.length;
   for (let h = 0; h < f; h++) {
-    const p = Pa(s[h], u[o], l[o], a[r]);
+    const p = Ea(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) {
+function Oa(e, t = e, n) {
   if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
     let s = t;
     for (; s && s !== e; )
@@ -2873,20 +2873,20 @@ function Da(e, t = e, n) {
   }
   n.x.targetLength = t === e ? t.scrollWidth : t.clientWidth, n.y.targetLength = t === e ? t.scrollHeight : t.clientHeight, n.x.containerLength = e.clientWidth, n.y.containerLength = e.clientHeight, process.env.NODE_ENV !== "production" && e && t && t !== e && Bt(getComputedStyle(e).position !== "static", "Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.");
 }
-function Ba(e, t, n, s = {}) {
+function Da(e, t, n, s = {}) {
   return {
-    measure: () => Da(e, s.target, n),
+    measure: () => Oa(e, s.target, n),
     update: (i) => {
-      xa(e, n, i), (s.offset || s.target) && Oa(e, n, s);
+      xa(e, n, i), (s.offset || s.target) && Fa(e, n, s);
     },
     notify: () => t(n)
   };
 }
-const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), bn = (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 = _t.get(t);
-  s || (s = /* @__PURE__ */ new Set(), _t.set(t, s));
-  const i = Ta(), r = Ba(t, e, i, n);
+  let s = Gt.get(t);
+  s || (s = /* @__PURE__ */ new Set(), Gt.set(t, s));
+  const i = wa(), r = Da(t, e, i, n);
   if (s.add(r), !nt.has(t)) {
     const a = () => {
       for (const h of s)
@@ -2902,20 +2902,20 @@ function Me(e, { container: t = document.documentElement, ...n } = {}) {
     };
     nt.set(t, c);
     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 });
+    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && vn.set(t, ba(t, c)), f.addEventListener("scroll", c, { passive: !0 });
   }
   const o = nt.get(t);
   return M.read(o, !1, !0), () => {
     var a;
     R(o);
-    const l = _t.get(t);
+    const l = Gt.get(t);
     if (!l || (l.delete(r), l.size))
       return;
     const u = nt.get(t);
     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 ks(e, t) {
   let n;
   const s = () => {
     const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
@@ -2923,7 +2923,7 @@ function _s(e, t) {
   };
   return M.update(s, !0), () => R(s);
 }
-function Ra({ source: e, container: t, axis: n = "y" }) {
+function Ba({ source: e, container: t, axis: n = "y" }) {
   e && (t = e);
   const s = { value: 0 }, i = Me((r) => {
     s.value = r[n].progress * 100;
@@ -2931,43 +2931,43 @@ function Ra({ source: e, container: t, axis: n = "y" }) {
   return { currentTime: s, cancel: i };
 }
 const zt = /* @__PURE__ */ new Map();
-function zs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
+function Gs({ 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] = jn() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
+  return s[n] || (s[n] = zn() ? new ScrollTimeline({ source: t, axis: n }) : Ba({ source: t, axis: n })), s[n];
 }
-function Ia(e) {
+function Ra(e) {
   return e.length === 2;
 }
-function js(e) {
+function zs(e) {
   return e && (e.target || e.offset);
 }
-function La(e, t) {
-  return Ia(e) || js(t) ? Me((n) => {
+function Ia(e, t) {
+  return Ra(e) || zs(t) ? Me((n) => {
     e(n[t.axis].progress, n);
-  }, t) : _s(e, zs(t));
+  }, t) : ks(e, Gs(t));
 }
-function Na(e, t) {
-  if (js(t))
+function La(e, t) {
+  if (zs(t))
     return e.pause(), Me((n) => {
       e.time = e.duration * n[t.axis].progress;
     }, t);
   {
-    const n = zs(t);
-    return e.attachTimeline(n, (s) => (s.pause(), _s((i) => {
+    const n = Gs(t);
+    return e.attachTimeline(n, (s) => (s.pause(), ks((i) => {
       s.time = s.duration * i;
     }, n)));
   }
 }
-function $a(e, { axis: t = "y", ...n } = {}) {
+function Na(e, { axis: t = "y", ...n } = {}) {
   const s = { axis: t, ...n };
-  return typeof e == "function" ? La(e, s) : Na(e, s);
+  return typeof e == "function" ? Ia(e, s) : La(e, s);
 }
-const Ka = {
+const $a = {
   some: 0,
   all: 1
 };
-function Wa(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
+function Ka(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
   const r = It(e), o = /* @__PURE__ */ new WeakMap(), a = (u) => {
     u.forEach((c) => {
       const f = o.get(c.target);
@@ -2980,7 +2980,7 @@ function Wa(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
   }, l = new IntersectionObserver(a, {
     root: n,
     rootMargin: s,
-    threshold: typeof i == "number" ? i : Ka[i]
+    threshold: typeof i == "number" ? i : $a[i]
   });
   return r.forEach((u) => l.observe(u)), () => l.disconnect();
 }
@@ -2991,7 +2991,7 @@ function $l(e, t = "end") {
     return H(0, 1, i / e);
   };
 }
-function ka(e, t) {
+function _a(e, t) {
   if (e === "first")
     return 0;
   {
@@ -3001,43 +3001,43 @@ function ka(e, t) {
 }
 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 Ga = (e) => e && typeof e == "object" && e.mix, _a = (e) => Ga(e) ? e.mix : void 0;
-function za(...e) {
-  const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = Ve(i, r, {
-    mixer: _a(r[0]),
+const Wa = (e) => e && typeof e == "object" && e.mix, ka = (e) => Wa(e) ? e.mix : void 0;
+function Ga(...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 = xe(i, r, {
+    mixer: ka(r[0]),
     ...o
   });
   return t ? a(s) : a;
 }
-function ja(e, t) {
+function za(e, t) {
   const n = N.now(), s = ({ timestamp: i }) => {
     const r = i - n;
     r >= t && (R(s), e(r - t));
   };
   return M.read(s, !0), () => R(s);
 }
-function Wl(e, t) {
-  return ja(e, C(t));
+function _l(e, t) {
+  return za(e, C(t));
 }
 const Sn = (e, t) => Math.abs(e - t);
-function kl(e, t) {
+function Wl(e, t) {
   const n = Sn(e.x, t.x), s = Sn(e.y, t.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
-const Gl = M, _l = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
+const kl = M, Gl = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
 function Us(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
   return [(o) => {
-    const a = Js(s, o);
+    const a = Zs(s, o);
     if (a || a === null)
       return a;
     throw new Error(
@@ -3045,22 +3045,22 @@ function Us(e, t) {
         ", "
       )}` : `\`${e}\``}`
     );
-  }, (o) => (Qs(s, o), o)];
+  }, (o) => (Js(s, o), o)];
 }
 function Y(e) {
   return !!(e && e.getVelocity);
 }
-const [Ua, Ha] = Us("Motion");
+const [Ua, ja] = Us("Motion");
 function wn(e, t) {
   if (typeof e == "object")
     return e;
   if (e && t)
     return t[e];
 }
-function Ya(e, t) {
-  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !Xa(e, t) : e !== t;
+function Ha(e, t) {
+  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !Ya(e, t) : e !== t;
 }
-function Xa(e, t) {
+function Ya(e, t) {
   const n = t.length;
   if (n !== e.length)
     return !1;
@@ -3069,26 +3069,26 @@ function Xa(e, t) {
       return !1;
   return !0;
 }
-function qa(e, t) {
+function Xa(e, t) {
   !e.includes(t) && e.push(t);
 }
-function Za(e, t) {
+function qa(e, t) {
   const n = e.indexOf(t);
   n !== -1 && e.splice(n, 1);
 }
-function Ja(e, t) {
+function Za(e, t) {
   return e[t] ? { ...e, ...e[t] } : { ...e };
 }
 function Tn(e) {
   return e == null ? void 0 : e.startsWith("--");
 }
-function Qa() {
+function Ja() {
 }
-const tl = (e) => e;
-function el(e) {
+const Qa = (e) => e;
+function tl(e) {
   return typeof e == "number";
 }
-const nl = [
+const el = [
   "animate",
   "circle",
   "defs",
@@ -3144,52 +3144,52 @@ const nl = [
   "linearGradient",
   "radialGradient",
   "textPath"
-], sl = new Set(nl);
-function il(e) {
-  return sl.has(e);
+], nl = new Set(el);
+function sl(e) {
+  return nl.has(e);
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Vn = (e) => typeof e < "u", xn = {
+const xn = (e) => typeof e < "u", Vn = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => `${e}deg`
-}, rl = {
+}, il = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
     toDefaultUnit: (e) => `${e}px`
   },
-  rotate: xn,
+  rotate: Vn,
   scale: {
     syntax: "<number>",
     initialValue: 1,
-    toDefaultUnit: tl
+    toDefaultUnit: Qa
   },
-  skew: xn
-}, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Ct = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
-ol.forEach((e) => {
-  al.forEach((t) => {
-    Ct.push(e + t), Ee.set(
+  skew: Vn
+}, rl = ["translate", "scale", "rotate", "skew"], ol = ["", "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"];
+rl.forEach((e) => {
+  ol.forEach((t) => {
+    Pt.push(e + t), Ee.set(
       e + t,
-      rl[e]
+      il[e]
     );
   });
 });
-const ll = new Set(Ct), ul = (e) => ll.has(e), An = {
+const al = new Set(Pt), ll = (e) => al.has(e), An = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
 };
-function cl([e], [t]) {
-  return Ct.indexOf(e) - Ct.indexOf(t);
+function ul([e], [t]) {
+  return Pt.indexOf(e) - Pt.indexOf(t);
 }
-function fl(e, [t, n]) {
+function cl(e, [t, n]) {
   return `${e} ${t}(${n})`;
 }
-function hl(e) {
-  return e.sort(cl).reduce(fl, "").trim();
+function fl(e) {
+  return e.sort(ul).reduce(cl, "").trim();
 }
-const dl = {
+const hl = {
   translate: [0, 0],
   rotate: 0,
   scale: 1,
@@ -3197,7 +3197,7 @@ const dl = {
   x: 0,
   y: 0,
   z: 0
-}, pl = {
+}, dl = {
   get: (e, t) => {
     let n = Tn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
     if (!n && n !== "0") {
@@ -3210,17 +3210,17 @@ const dl = {
     Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
   }
 };
-function jt(e) {
+function Ut(e) {
   var s;
   const t = {}, n = [];
   for (let i in e) {
     let r = e[i];
-    r = Y(r) ? r.get() : r, ul(i) && i in An && (i = An[i]);
+    r = Y(r) ? r.get() : r, ll(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;
+    a ? (o = tl(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;
+  return n.length && (t.transform = fl(n)), t;
 }
 const Mn = {
   fill: !0,
@@ -3269,7 +3269,7 @@ const Mn = {
   letterSpacing: !0,
   vectorEffect: !0
 };
-function ml(e) {
+function pl(e) {
   const t = {}, n = {};
   for (const s in e)
     if (s in Mn) {
@@ -3282,10 +3282,10 @@ function ml(e) {
     style: n
   };
 }
-function Hs(e) {
-  return e ? e.flatMap((t) => t.type === ti ? Hs(t.children) : [t]) : [];
+function js(e) {
+  return e ? e.flatMap((t) => t.type === Qs ? js(t.children) : [t]) : [];
 }
-const gl = Ot({
+const ml = Ot({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: n }) {
@@ -3293,20 +3293,20 @@ const gl = Ot({
       var l, u;
       if (!n.default)
         return null;
-      const s = Hs(n.default()), i = s.findIndex((c) => c.type !== ei);
+      const s = js(n.default()), i = s.findIndex((c) => c.type !== ti);
       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 ? Rn(t, r.props) : t;
       t.class && ((u = r.props) != null && u.class) && delete r.props.class;
-      const a = ni(r, o);
+      const a = ei(r, o);
       for (const c in o)
         c.startsWith("on") && (a.props || (a.props = {}), a.props[c] = o[c]);
       return s.length === 1 ? a : (s[i] = a, s);
     };
   }
-}), yl = Ot({
+}), gl = Ot({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -3321,15 +3321,15 @@ const gl = Ot({
   },
   setup(e, { attrs: t, slots: n }) {
     const s = e.asChild ? "template" : e.as;
-    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 });
+    return typeof s == "string" && ["area", "img", "input"].includes(s) ? () => $t(s, t) : s !== "template" ? () => $t(e.as, t, { default: n.default }) : () => $t(ml, t, { default: n.default });
   }
 });
-var Ys = function() {
-}, Xs = function() {
+var Hs = function() {
+}, Ys = function() {
 };
-process.env.NODE_ENV !== "production" && (Ys = function(e, t) {
+process.env.NODE_ENV !== "production" && (Hs = function(e, t) {
   !e && typeof console < "u" && console.warn(t);
-}, Xs = function(e, t) {
+}, Ys = function(e, t) {
   if (!e)
     throw new Error(t);
 });
@@ -3340,14 +3340,14 @@ class Pe {
   update() {
   }
 }
-class vl {
+class yl {
   constructor(t) {
     this.features = [], this.features = [
+      new vl(t),
       new bl(t),
       new Sl(t),
-      new wl(t),
       new xl(t),
-      new Tl(t)
+      new wl(t)
     ];
   }
   mount() {
@@ -3360,7 +3360,7 @@ 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 } })
   );
@@ -3377,10 +3377,10 @@ class Ce extends Pe {
 }
 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 Ce {
+class vl extends Ce {
   isActive() {
     return !!this.state.getOptions().hover;
   }
@@ -3403,16 +3403,16 @@ class bl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class Sl extends Ce {
+class bl 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 Sl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class wl extends Ce {
+class Sl extends Ce {
   isActive() {
     return !!this.state.getOptions().inView;
   }
@@ -3434,10 +3434,10 @@ class wl extends Ce {
     super(t), this.subscribeEvents = () => {
       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)
+      return Ka(n, (o) => {
+        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 wl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class Tl extends Pe {
+class wl extends Pe {
   constructor() {
     super(...arguments), this.handlers = {};
   }
@@ -3498,13 +3498,13 @@ class Tl extends Pe {
     });
   }
 }
-function Vl(e) {
+function Tl(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
 class xl extends Pe {
   mount() {
     const t = this.state.getElement();
-    if (!Vl(t))
+    if (!Tl(t))
       return;
     const n = this.state.visualElement;
     M.read(() => {
@@ -3521,56 +3521,62 @@ class xl extends Pe {
     });
   }
   unmount() {
-    console.log("SVGRender unmount");
   }
 }
-let _;
-const Pn = (e) => e.next(), Al = (e) => e.animateUpdates();
-function Ml() {
-  if (!_)
+let G;
+const Pn = (e) => e.next(), Vl = (e) => e.animateUpdates();
+function Al() {
+  if (!G)
     return;
-  const e = _.sort(Pl).map(Al);
-  e.forEach(Pn), e.forEach(Pn), _ = void 0;
+  const e = G.sort(El).map(Vl);
+  e.forEach(Pn), e.forEach(Pn), G = void 0;
 }
 function Cn(e) {
-  _ ? qa(_, e) : (_ = [e], requestAnimationFrame(Ml));
+  G ? Xa(G, e) : (G = [e], requestAnimationFrame(Al));
 }
-function El(e) {
-  _ && Za(_, e);
+function Ml(e) {
+  G && qa(G, e);
 }
-function Pl(e, t) {
+function El(e, t) {
   return e.getDepth() - t.getDepth();
 }
 function Fn(e, t, n) {
   return new CustomEvent(e, { detail: { target: t, isExit: n } });
 }
-const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
+const Pl = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ct = /* @__PURE__ */ new WeakMap();
 class Cl {
   constructor(t, n) {
-    this.element = null, this.context = {}, this.activeStates = {
+    this.element = null, this.activeStates = {
       initial: !0,
       animate: !0
-    }, this.options = t, this.parent = n, this.depth = (n == null ? void 0 : n.depth) + 1 || 0, this.initContext();
+    }, this._context = null, this.options = t, this.parent = n, this.depth = (n == null ? void 0 : n.depth) + 1 || 0;
     const s = t.initial === !1 ? "animate" : "initial";
-    this.featureManager = new vl(this), this.initTarget(s);
-  }
-  initContext() {
-    var t;
-    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];
+    this.featureManager = new yl(this), this.initTarget(s);
+  }
+  get context() {
+    if (!this._context) {
+      const t = {
+        get: (n, s) => {
+          var i;
+          return typeof this.options[s] == "string" ? this.options[s] : (i = this.parent) == null ? void 0 : i.context[s];
+        }
+      };
+      this._context = new Proxy({}, t);
+    }
+    return this._context;
   }
   initTarget(t) {
     this.baseTarget = wn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
   }
   get initial() {
-    return Vn(this.options.initial) ? this.options.initial : this.context.initial;
+    return xn(this.options.initial) ? this.options.initial : this.context.initial;
   }
   mount(t) {
     var s;
-    Xs(
+    Ys(
       !!t,
       "Animation state must be mounted with valid Element"
-    ), this.element = t, Ft.set(t, this), $.get(t) || ks(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)
@@ -3582,7 +3588,7 @@ class Cl {
   }
   unmount() {
     var t;
-    Ft.delete(this.element), El(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
+    Ct.delete(this.element), Ml(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
   }
   update(t) {
     var n;
@@ -3595,18 +3601,18 @@ class Cl {
     const t = this.target;
     this.target = {};
     const n = {};
-    for (const l of On) {
+    for (const l of Pl) {
       if (!this.activeStates[l])
         continue;
       const u = wn(
-        Vn(this.options[l]) ? this.options[l] : this.context[l],
+        xn(this.options[l]) ? this.options[l] : this.context[l],
         this.options.variants
       );
       if (!u)
         continue;
       const c = { ...t, ...u };
       for (const f in c)
-        f !== "transition" && (this.target[f] = u[f], n[f] = Ja(
+        f !== "transition" && (this.target[f] = u[f], n[f] = Za(
           u.transition ?? this.options.transition ?? {},
           f
         ));
@@ -3617,11 +3623,11 @@ class Cl {
     ]), i = [];
     s.forEach((l) => {
       var u;
-      this.target[l] === void 0 && (this.target[l] = this.baseTarget[l]), Ya(t[l], this.target[l]) && ((u = this.baseTarget)[l] ?? (u[l] = pl.get(this.element, l)), i.push(
-        () => ra(
+      this.target[l] === void 0 && (this.target[l] = this.baseTarget[l]), Ha(t[l], this.target[l]) && ((u = this.baseTarget)[l] ?? (u[l] = dl.get(this.element, l)), i.push(
+        () => ia(
           this.element,
           {
-            [l]: this.target[l] === "none" ? dl[l] : this.target[l]
+            [l]: this.target[l] === "none" ? hl[l] : this.target[l]
           },
           n[l] || {}
         )
@@ -3637,7 +3643,7 @@ class Cl {
       this.element.dispatchEvent(Fn("motioncomplete", {
         ...o
       }, a));
-    }).catch(Qa);
+    }).catch(Ja);
   }
   isMounted() {
     return !!this.element;
@@ -3655,16 +3661,16 @@ class Cl {
     return this.target;
   }
 }
-const at = /* @__PURE__ */ new WeakMap();
-function Dn(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 [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
   name: "Motion",
   inheritAttrs: !1,
   __name: "Motion",
-  props: /* @__PURE__ */ si({
+  props: /* @__PURE__ */ ni({
     as: {},
     asChild: { type: Boolean },
     inViewOptions: {},
@@ -3695,24 +3701,24 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
     inView: void 0
   }),
   setup(e) {
-    const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i = Ua(null), r = ri(), o = new Cl(
+    const t = e, { initial: n, safeUnmount: s } = Fl({ initial: si(void 0), safeUnmount: () => !0 }), i = Ua(null), r = ii(), o = new Cl(
       {
         ...r,
         ...t
       },
       i
     );
-    Ha(o);
-    const a = oi();
-    Ln(() => {
+    ja(o);
+    const a = ri();
+    In(() => {
       o.mount(a == null ? void 0 : a.vnode.el), o.update({
         ...r,
         ...t,
-        style: { ...jt(o.getTarget()), ...t.style }
+        style: { ...Ut(o.getTarget()), ...t.style }
       });
     }), Dt(() => {
       s(a == null ? void 0 : a.vnode.el) && o.unmount();
-    }), ai(() => {
+    }), oi(() => {
       o.update({
         ...r,
         ...t,
@@ -3724,28 +3730,30 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
       Object.keys(r).forEach((f) => {
         Y(r[f]) && (u[f] = r[f].get());
       });
-      let c = {};
+      let c = {
+        ...t.style
+      };
       if (!o.isMounted())
-        if (il(t.as)) {
-          const { attributes: f, style: h } = ml(o.getTarget());
+        if (sl(t.as)) {
+          const { attributes: f, style: h } = pl(o.getTarget());
           Object.assign(u, f), Object.assign(c, h, t.style);
         } else
           Object.assign(c, t.style, o.getTarget());
-      return c = jt(c), u.style = jt(c), u;
+      return c = Ut(c), u.style = Ut(c), u;
     }
-    return (u, c) => (Nn(), $n(li(yl), re({
+    return (u, c) => (Ln(), Nn(ai(gl), Rn({
       as: u.as,
       "as-child": u.asChild
     }, l()), {
-      default: Kn(() => [
-        Wn(u.$slots, "default")
+      default: $n(() => [
+        Kn(u.$slots, "default")
       ]),
       _: 3
     }, 16, ["as", "as-child"]));
   }
-}), jl = /* @__PURE__ */ Ot({
+}), Ul = /* @__PURE__ */ Ot({
   name: "AnimatePresence",
-  inheritAttrs: !1,
+  inheritAttrs: !0,
   __name: "AnimatePresence",
   props: {
     mode: { default: "sync" },
@@ -3754,41 +3762,40 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
     as: {}
   },
   setup(e) {
-    const t = e, { initial: n } = ui(t);
+    const t = e, { initial: n } = li(t);
     Ol({
       initial: n,
       safeUnmount(r) {
-        return !at.has(r);
+        return !Ft.has(r);
       }
     });
     function s(r) {
-      const o = Ft.get(r);
-      o && (Dn(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), Dn(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) => (Nn(), $n(ci(r.multiple ? fi : hi), re({
+    return (r, o) => (Ln(), Nn(ui(r.multiple ? ci : fi), {
       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: Kn(() => [
-        Wn(r.$slots, "default")
+    }, {
+      default: $n(() => [
+        Kn(r.$slots, "default")
       ]),
       _: 3
-    }, 16, ["tag", "mode"]));
+    }, 40, ["tag", "mode"]));
   }
 });
 function Fe(e) {
@@ -3808,22 +3815,22 @@ function Fe(e) {
   };
 }
 function Dl(e) {
-  G.current = [];
+  k.current = [];
   const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
-  return n(G.current), G.current = void 0, kn(() => {
-    s(), G.current = [], e(), n(G.current), G.current = void 0;
+  return n(k.current), k.current = void 0, _n(() => {
+    s(), k.current = [], e(), n(k.current), k.current = void 0;
   }), t;
 }
-function Ul(e, t, n, s) {
+function jl(e, t, n, s) {
   if (typeof e == "function")
     return Dl(e);
-  const i = typeof t == "function" ? t : za(t, n, s);
-  return Array.isArray(e) ? Bn(
+  const i = typeof t == "function" ? t : Ga(t, n, s);
+  return Array.isArray(e) ? On(
     e,
     i
-  ) : Bn([e], ([r]) => i(r));
+  ) : On([e], ([r]) => i(r));
 }
-function Bn(e, t) {
+function On(e, t) {
   const n = [], { value: s, subscribe: i } = Fe(() => {
     n.length = 0;
     const r = e.length;
@@ -3838,7 +3845,7 @@ function Bl(e) {
   const n = ({ timestamp: i, delta: r }) => {
     t || (t = i), e(i - t, r);
   }, s = () => R(n);
-  kn(() => {
+  _n(() => {
     s(), M.update(n, !0);
   }), Dt(() => s()), M.update(n, !0);
 }
@@ -3860,13 +3867,13 @@ function Yl(e, ...t) {
   const { value: i, subscribe: r } = Fe(s);
   return r(t.filter(Y)), i;
 }
-function Rn(e) {
+function Dn(e) {
   return typeof e == "number" ? e : parseFloat(e);
 }
 function Xl(e, t = {}) {
   let n = null;
   const s = D(
-    Y(e) ? Rn(e.get()) : e
+    Y(e) ? Dn(e.get()) : e
   );
   let i = s.get(), r = () => {
   };
@@ -3874,7 +3881,7 @@ function Xl(e, t = {}) {
     n && (n.stop(), n = null);
   }, a = () => {
     const l = n;
-    (l == null ? void 0 : l.time) === 0 && l.sample(J.delta), o(), n = Zr({
+    (l == null ? void 0 : l.time) === 0 && l.sample(J.delta), o(), n = qr({
       keyframes: [s.get(), i],
       velocity: s.getVelocity(),
       type: "spring",
@@ -3884,15 +3891,15 @@ function Xl(e, t = {}) {
       onUpdate: r
     });
   };
-  return Gn(() => JSON.stringify(t), () => {
+  return Wn(() => JSON.stringify(t), () => {
     const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
-    di(() => l());
+    hi(() => l());
   }, { immediate: !0 }), Y(e) && e.on("change", (l) => {
-    s.set(Rn(l));
+    s.set(Dn(l));
   }), s;
 }
-function In(e, t) {
-  Ys(
+function Bn(e, t) {
+  Hs(
     !!(!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.`
   );
@@ -3913,7 +3920,7 @@ function ql({
   const s = Rl();
   let i;
   const r = () => {
-    i == null || i(), i = $a(
+    i == null || i(), i = Na(
       (o, { x: a, y: l }) => {
         s.scrollX.set(a.current), s.scrollXProgress.set(a.progress), s.scrollY.set(l.current), s.scrollYProgress.set(l.progress);
       },
@@ -3924,9 +3931,9 @@ function ql({
       }
     );
   };
-  return Ln(() => {
-    In("target", t), In("container", e), r();
-  }), Dt(() => i == null ? void 0 : i()), Gn(
+  return In(() => {
+    Bn("target", t), Bn("container", e), r();
+  }), Dt(() => i == null ? void 0 : i()), Wn(
     () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
     r
   ), s;
@@ -3947,58 +3954,58 @@ const Zl = {
   ]
 };
 export {
-  jl as AnimatePresence,
+  Ul as AnimatePresence,
   zl as Motion,
-  wi as MotionValue,
-  ra as animate,
+  Si as MotionValue,
+  ia as animate,
   Nl as animateMini,
-  ss as anticipate,
+  ns as anticipate,
   he as backIn,
-  ns as backInOut,
-  es as backOut,
+  es as backInOut,
+  ts as backOut,
   R as cancelFrame,
-  _l as cancelSync,
+  Gl as cancelSync,
   de as circIn,
-  is as circInOut,
-  Ji as circOut,
+  ss as circInOut,
+  Zi as circOut,
   H as clamp,
   Zl as components,
-  ia as createScopedAnimate,
-  vt as cubicBezier,
-  Wl as delay,
+  sa as createScopedAnimate,
+  yt as cubicBezier,
+  _l as delay,
   Sn as distance,
-  kl as distance2D,
-  Rr as easeIn,
-  Ts as easeInOut,
-  Ir as easeOut,
+  Wl as distance2D,
+  Br as easeIn,
+  ws as easeInOut,
+  Rr as easeOut,
   M as frame,
   J as frameData,
   Ll as frameSteps,
-  Wa as inView,
+  Ka as inView,
   nn as inertia,
-  Ve as interpolate,
+  xe as interpolate,
   I as invariant,
-  Mt as keyframes,
-  Qn as mirrorEasing,
+  At as keyframes,
+  Jn as mirrorEasing,
   xs as mix,
   D as motionValue,
   we as pipe,
-  pt as progress,
-  ts as reverseEasing,
-  $a as scroll,
+  dt as progress,
+  Qn as reverseEasing,
+  Na as scroll,
   Me as scrollInfo,
   le as spring,
   Kl as stagger,
   $l as steps,
-  Gl as sync,
-  za as transform,
+  kl as sync,
+  Ga as transform,
   Yl as useMotionTemplate,
   D as useMotionValue,
   ql as useScroll,
   Xl as useSpring,
   Hl as useTime,
-  Ul as useTransform,
+  jl as useTransform,
   Jl as utilities,
-  ht as warning,
-  Di as wrap
+  ft as warning,
+  Oi as wrap
 };