motion-v 0.2.2 → 0.2.4

package/dist/index.js

@@ -1,17 +1,17 @@
-import { unref as In, ref as Ln, computed as ei, inject as ni, provide as si, Fragment as ii, defineComponent as Ot, Comment as ri, mergeProps as Nn, cloneVNode as oi, h as $t, mergeDefaults as ai, onMounted as $n, onUnmounted as Dt, onUpdated as li, openBlock as Kn, createBlock as Wn, normalizeStyle as ui, withCtx as _n, renderSlot as Gn, toRefs as ci, resolveDynamicComponent as fi, TransitionGroup as hi, Transition as di, onBeforeUpdate as kn, watch as zn, onBeforeUnmount as pi } from "vue";
-function mi(e, t) {
+import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as re, cloneVNode as ni, h as $t, mergeDefaults as si, ref as ii, useAttrs as ri, getCurrentInstance as oi, onMounted as Ln, onUnmounted as Dt, onUpdated as ai, openBlock as Nn, createBlock as $n, unref as li, withCtx as Kn, renderSlot as Wn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as kn, watch as Gn, onBeforeUnmount as di } from "vue";
+function pi(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function jn(e, t) {
+function _n(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-class Un {
+class zn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return mi(this.subscriptions, t), () => jn(this.subscriptions, t);
+    return pi(this.subscriptions, t), () => _n(this.subscriptions, t);
   }
   notify(t, n, s) {
     const i = this.subscriptions.length;
@@ -31,18 +31,18 @@ class Un {
     this.subscriptions.length = 0;
   }
 }
-function re(e, t) {
+function oe(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const We = /* @__PURE__ */ new Set();
+const ke = /* @__PURE__ */ new Set();
 function Bt(e, t, n) {
-  e || We.has(t) || (console.warn(t), We.add(t));
+  e || ke.has(t) || (console.warn(t), ke.add(t));
 }
-const gi = {
+const mi = {
   skipAnimations: !1,
   useManualTiming: !1
 }, K = (e) => e;
-function yi(e) {
+function gi(e) {
   let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = !1, i = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let o = {
@@ -80,7 +80,7 @@ function yi(e) {
   };
   return l;
 }
-const nt = [
+const st = [
   "read",
   // Read
   "resolveKeyframes",
@@ -93,41 +93,41 @@ const nt = [
   // Write
   "postRender"
   // Compute
-], vi = 40;
-function bi(e, t) {
+], yi = 40;
+function vi(e, t) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = nt.reduce((g, y) => (g[y] = yi(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] = gi(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, vi), 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, 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));
   }, m = () => {
     n = !0, s = !0, i.isProcessing || e(p);
   };
-  return { schedule: nt.reduce((g, y) => {
+  return { schedule: st.reduce((g, y) => {
     const T = o[y];
-    return g[y] = (V, S = !1, A = !1) => (n || m(), T.schedule(V, S, A)), g;
+    return g[y] = (V, w = !1, A = !1) => (n || m(), T.schedule(V, w, A)), g;
   }, {}), cancel: (g) => {
-    for (let y = 0; y < nt.length; y++)
-      o[nt[y]].cancel(g);
+    for (let y = 0; y < st.length; y++)
+      o[st[y]].cancel(g);
   }, state: i, steps: o };
 }
-const { schedule: E, cancel: R, state: Z, steps: Il } = bi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
-let St;
-function wi() {
-  St = void 0;
+const { schedule: M, cancel: R, state: J, steps: Ll } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
+let wt;
+function bi() {
+  wt = void 0;
 }
 const N = {
-  now: () => (St === void 0 && N.set(Z.isProcessing || gi.useManualTiming ? Z.timestamp : performance.now()), St),
+  now: () => (wt === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), wt),
   set: (e) => {
-    St = e, queueMicrotask(wi);
+    wt = e, queueMicrotask(bi);
   }
-}, _e = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
+}, Ge = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
   current: void 0
 };
-class Ti {
+class wi {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -192,10 +192,10 @@ class Ti {
     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 Un());
+    this.events[t] || (this.events[t] = new zn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
-      s(), E.read(() => {
+      s(), M.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -265,10 +265,10 @@ class Ti {
    */
   getVelocity() {
     const t = N.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > _e)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Ge)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, _e);
-    return re(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Ge);
+    return oe(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -322,14 +322,14 @@ class Ti {
   }
 }
 function D(e, t) {
-  return new Ti(e, t);
+  return new wi(e, t);
 }
 function Rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const Hn = Rt(() => window.ScrollTimeline !== void 0);
-class oe {
+const jn = Rt(() => window.ScrollTimeline !== void 0);
+class ae {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -347,7 +347,7 @@ class oe {
       this.animations[s][t] = n;
   }
   attachTimeline(t, n) {
-    const s = this.animations.map((i) => Hn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
+    const s = this.animations.map((i) => jn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
     return () => {
       s.forEach((i, r) => {
         i && i(), this.animations[r].stop();
@@ -391,29 +391,29 @@ class oe {
     this.runAll("complete");
   }
 }
-const P = (e) => e * 1e3, B = (e) => e / 1e3, Vi = 5;
-function Yn(e, t, n) {
-  const s = Math.max(t - Vi, 0);
-  return re(n - e(s), t - s);
+const C = (e) => e * 1e3, B = (e) => e / 1e3, Ti = 5;
+function Un(e, t, n) {
+  const s = Math.max(t - Ti, 0);
+  return oe(n - e(s), t - s);
 }
-let ft = K, I = K;
-process.env.NODE_ENV !== "production" && (ft = (e, t) => {
+let ht = K, I = K;
+process.env.NODE_ENV !== "production" && (ht = (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, xi = 0.01, Ge = 10, Ai = 0.05, Ei = 1;
+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 }) {
   let i, r;
-  ft(e <= P(Ge), "Spring duration must be 10 seconds or less");
+  ht(e <= C(_e), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = H(Ai, Ei, o), e = H(xi, Ge, B(e)), o < 1 ? (i = (u) => {
-    const c = u * o, f = c * e, h = c - n, p = jt(u, o), m = Math.exp(-f);
+  o = H(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);
     return Kt - h / p * m;
   }, r = (u) => {
-    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), w = jt(Math.pow(u, 2), o);
-    return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / w;
+    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S = Ut(Math.pow(u, 2), o);
+    return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / S;
   }) : (i = (u) => {
     const c = Math.exp(-u * e), f = (u - n) * e + 1;
     return -Kt + c * f;
@@ -422,7 +422,7 @@ function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1
     return c * f;
   });
   const a = 5 / e, l = Pi(i, r, a);
-  if (e = P(e), isNaN(l))
+  if (e = C(e), isNaN(l))
     return {
       stiffness: 100,
       damping: 10,
@@ -437,21 +437,21 @@ function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1
     };
   }
 }
-const Ci = 12;
+const Ei = 12;
 function Pi(e, t, n) {
   let s = n;
-  for (let i = 1; i < Ci; i++)
+  for (let i = 1; i < Ei; i++)
     s = s - e(s) / t(s);
   return s;
 }
-function jt(e, t) {
+function Ut(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const Fi = ["duration", "bounce"], Oi = ["stiffness", "damping", "mass"];
-function ke(e, t) {
+const Ci = ["duration", "bounce"], Fi = ["stiffness", "damping", "mass"];
+function ze(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Di(e) {
+function Oi(e) {
   let t = {
     velocity: 0,
     stiffness: 100,
@@ -460,7 +460,7 @@ function Di(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!ke(e, Oi) && ke(e, Fi)) {
+  if (!ze(e, Fi) && ze(e, Ci)) {
     const n = Mi(e);
     t = {
       ...t,
@@ -470,26 +470,26 @@ function Di(e) {
   }
   return t;
 }
-function ae({ 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 } = Di({
+function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
+  const i = e[0], r = e[e.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: u, duration: c, velocity: f, isResolvedFromDuration: h } = Oi({
     ...s,
     velocity: -B(s.velocity || 0)
-  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), w = r - i, b = B(Math.sqrt(a / u)), g = Math.abs(w) < 5;
+  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), S = r - i, b = B(Math.sqrt(a / u)), g = Math.abs(S) < 5;
   n || (n = g ? 0.01 : 2), t || (t = g ? 5e-3 : 0.5);
   let y;
   if (m < 1) {
-    const T = jt(b, m);
+    const T = Ut(b, m);
     y = (V) => {
-      const S = Math.exp(-m * b * V);
-      return r - S * ((p + m * b * w) / T * Math.sin(T * V) + w * Math.cos(T * V));
+      const w = Math.exp(-m * b * V);
+      return r - w * ((p + m * b * S) / T * Math.sin(T * V) + S * Math.cos(T * V));
     };
   } else if (m === 1)
-    y = (T) => r - Math.exp(-b * T) * (w + (p + b * w) * T);
+    y = (T) => r - Math.exp(-b * T) * (S + (p + b * S) * T);
   else {
     const T = b * Math.sqrt(m * m - 1);
     y = (V) => {
-      const S = Math.exp(-m * b * V), A = Math.min(T * V, 300);
-      return r - S * ((p + m * b * w) * Math.sinh(A) + T * w * Math.cosh(A)) / T;
+      const w = Math.exp(-m * b * V), A = Math.min(T * V, 300);
+      return r - w * ((p + m * b * S) * Math.sinh(A) + T * S * Math.cosh(A)) / T;
     };
   }
   return {
@@ -499,48 +499,48 @@ function ae({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
       if (h)
         o.done = T >= c;
       else {
-        let S = 0;
-        m < 1 && (S = T === 0 ? P(p) : Yn(y, T, V));
-        const A = Math.abs(S) <= n, F = Math.abs(r - V) <= t;
+        let w = 0;
+        m < 1 && (w = T === 0 ? C(p) : Un(y, T, V));
+        const A = Math.abs(w) <= n, F = Math.abs(r - V) <= t;
         o.done = A && F;
       }
       return o.value = o.done ? r : V, o;
     }
   };
 }
-const Ut = 2e4;
-function qn(e) {
+const Ht = 2e4;
+function Hn(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Ut; )
+  for (; !s.done && t < Ht; )
     t += n, s = e.next(t);
-  return t >= Ut ? 1 / 0 : t;
+  return t >= Ht ? 1 / 0 : t;
 }
-function Xn(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(qn(s), Ut);
+function Yn(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s), Ht);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / t,
     duration: B(i)
   };
 }
-const ht = (e, t, n) => e + (t - e) * n, dt = (e, t, n) => {
+const dt = (e, t, n) => e + (t - e) * n, pt = (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-function Zn(e, t) {
+function Xn(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const i = dt(0, t, s);
-    e.push(ht(n, 1, i));
+    const i = pt(0, t, s);
+    e.push(dt(n, 1, i));
   }
 }
-function le(e) {
+function ue(e) {
   const t = [0];
-  return Zn(t, e.length - 1), t;
+  return Xn(t, e.length - 1), t;
 }
-const C = (e) => !!(e && e.getVelocity);
+const P = (e) => !!(e && e.getVelocity);
 function It(e, t, n) {
   var s;
   if (typeof e == "string") {
@@ -549,46 +549,46 @@ function It(e, t, n) {
   } else e instanceof Element && (e = [e]);
   return Array.from(e || []);
 }
-function ue(e) {
+function ce(e) {
   return typeof e == "object" && !Array.isArray(e);
 }
-function Jn(e, t, n, s) {
-  return typeof e == "string" && ue(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
+function qn(e, t, n, s) {
+  return typeof e == "string" && ce(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
 }
-function pt(e) {
+function mt(e) {
   return typeof e == "function";
 }
-function ze(e, t, n, s) {
+function je(e, t, n, s) {
   var i;
   return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : (i = s.get(t)) !== null && i !== void 0 ? i : e;
 }
-const Bi = (e, t, n) => {
+const Di = (e, t, n) => {
   const s = t - e;
   return ((n - e) % s + s) % s + e;
-}, Qn = (e) => Array.isArray(e) && typeof e[0] != "number";
-function Ri(e, t) {
-  return Qn(e) ? e[Bi(0, e.length, t)] : e;
+}, Zn = (e) => Array.isArray(e) && typeof e[0] != "number";
+function Bi(e, t) {
+  return Zn(e) ? e[Di(0, e.length, t)] : e;
 }
-function Ii(e, t, n) {
+function Ri(e, t, n) {
   for (let s = 0; s < e.length; s++) {
     const i = e[s];
-    i.at > t && i.at < n && (jn(e, i), s--);
+    i.at > t && i.at < n && (_n(e, i), s--);
   }
 }
-function Li(e, t, n, s, i, r) {
-  Ii(e, i, r);
+function Ii(e, t, n, s, i, r) {
+  Ri(e, i, r);
   for (let o = 0; o < t.length; o++)
     e.push({
       value: t[o],
-      at: ht(i, r, s[o]),
-      easing: Ri(n, o)
+      at: dt(i, r, s[o]),
+      easing: Bi(n, o)
     });
 }
-function Ni(e, t) {
+function Li(e, t) {
   return e.at === t.at ? e.value === null ? 1 : t.value === null ? -1 : 0 : e.at - t.at;
 }
-const $i = "easeInOut";
-function Ki(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
+const Ni = "easeInOut";
+function $i(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,62 +597,62 @@ function Ki(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
       u.set(m, f);
       continue;
     } else if (!Array.isArray(m)) {
-      u.set(m.name, ze(f, m.at, c, u));
+      u.set(m.name, je(f, m.at, c, u));
       continue;
     }
-    let [w, b, g = {}] = m;
-    g.at !== void 0 && (f = ze(f, g.at, c, u));
+    let [S, b, g = {}] = m;
+    g.at !== void 0 && (f = je(f, g.at, c, u));
     let y = 0;
-    const T = (V, S, A, F = 0, v = 0) => {
-      const x = Wi(V), { delay: O = 0, times: z = le(x), type: Nt = "keyframes", ...Qs } = S;
-      let { ease: Fe = t.ease || "easeOut", duration: L } = S;
-      const Oe = typeof O == "function" ? O(F, v) : O, De = x.length, Be = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
-      if (De <= 2 && Be) {
-        let Ne = 100;
-        if (De === 2 && ki(x)) {
-          const ti = x[1] - x[0];
-          Ne = Math.abs(ti);
+    const T = (V, w, A, F = 0, v = 0) => {
+      const x = Ki(V), { delay: O = 0, times: z = ue(x), type: Nt = "keyframes", ...qs } = w;
+      let { ease: Oe = t.ease || "easeOut", duration: L } = w;
+      const De = typeof O == "function" ? O(F, v) : O, Be = x.length, Re = mt(Nt) ? Nt : i == null ? void 0 : i[Nt];
+      if (Be <= 2 && Re) {
+        let $e = 100;
+        if (Be === 2 && Gi(x)) {
+          const Zs = x[1] - x[0];
+          $e = Math.abs(Zs);
         }
-        const $e = { ...Qs };
-        L !== void 0 && ($e.duration = P(L));
-        const Ke = Xn($e, Ne, Be);
-        Fe = Ke.ease, L = Ke.duration;
+        const Ke = { ...qs };
+        L !== void 0 && (Ke.duration = C(L));
+        const We = Yn(Ke, $e, Re);
+        Oe = We.ease, L = We.duration;
       }
       L ?? (L = r);
-      const Re = f + Oe, Ie = Re + L;
+      const Ie = f + De, Le = Ie + L;
       z.length === 1 && z[0] === 0 && (z[1] = 1);
-      const Le = z.length - x.length;
-      Le > 0 && Zn(z, Le), x.length === 1 && x.unshift(null), Li(A, x, Fe, z, Re, Ie), y = Math.max(Oe + L, y), h = Math.max(Ie, h);
+      const Ne = z.length - x.length;
+      Ne > 0 && Xn(z, Ne), x.length === 1 && x.unshift(null), Ii(A, x, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
     };
-    if (C(w)) {
-      const V = je(w, a);
-      T(b, g, Ue("default", V));
+    if (P(S)) {
+      const V = Ue(S, a);
+      T(b, g, He("default", V));
     } else {
-      const V = Jn(w, b, s, l), S = V.length;
-      for (let A = 0; A < S; A++) {
+      const V = qn(S, b, s, l), w = V.length;
+      for (let A = 0; A < w; A++) {
         b = b, g = g;
-        const F = V[A], v = je(F, a);
+        const F = V[A], v = Ue(F, a);
         for (const x in b)
-          T(b[x], _i(g, x), Ue(x, v), A, S);
+          T(b[x], Wi(g, x), He(x, v), A, w);
       }
     }
     c = f, f += y;
   }
   return a.forEach((p, m) => {
-    for (const w in p) {
-      const b = p[w];
-      b.sort(Ni);
+    for (const S in p) {
+      const b = p[S];
+      b.sort(Li);
       const g = [], y = [], T = [];
-      for (let S = 0; S < b.length; S++) {
-        const { at: A, value: F, easing: v } = b[S];
-        g.push(F), y.push(dt(0, h, A)), T.push(v || "easeOut");
+      for (let w = 0; w < b.length; w++) {
+        const { at: A, value: F, easing: v } = b[w];
+        g.push(F), y.push(pt(0, h, A)), T.push(v || "easeOut");
       }
-      y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), T.unshift($i)), 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(Ni)), y[y.length - 1] !== 1 && (y.push(1), g.push(null)), o.has(m) || o.set(m, {
         keyframes: {},
         transition: {}
       });
       const V = o.get(m);
-      V.keyframes[w] = g, V.transition[w] = {
+      V.keyframes[S] = g, V.transition[S] = {
         ...t,
         duration: h,
         ease: T,
@@ -662,22 +662,22 @@ function Ki(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
     }
   }), o;
 }
-function je(e, t) {
+function Ue(e, t) {
   return !t.has(e) && t.set(e, {}), t.get(e);
 }
-function Ue(e, t) {
+function He(e, t) {
   return t[e] || (t[e] = []), t[e];
 }
-function Wi(e) {
+function Ki(e) {
   return Array.isArray(e) ? e : [e];
 }
-function _i(e, t) {
+function Wi(e, t) {
   return e && e[t] ? {
     ...e,
     ...e[t]
   } : { ...e };
 }
-const Gi = (e) => typeof e == "number", ki = (e) => e.every(Gi), $ = /* @__PURE__ */ new WeakMap(), mt = [
+const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE__ */ new WeakMap(), gt = [
   "transformPerspective",
   "x",
   "y",
@@ -695,93 +695,93 @@ const Gi = (e) => typeof e == "number", ki = (e) => e.every(Gi), $ = /* @__PURE_
   "skew",
   "skewX",
   "skewY"
-], Y = new Set(mt), zi = {
+], X = new Set(gt), _i = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, ji = (e) => ({
+}, zi = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ui = {
+}), ji = {
   type: "keyframes",
   duration: 0.8
-}, Hi = {
+}, Ui = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Yi = (e, { keyframes: t }) => t.length > 2 ? Ui : Y.has(e) ? e.startsWith("scale") ? ji(t[1]) : zi : Hi;
-function ce(e, t) {
+}, Hi = (e, { keyframes: t }) => t.length > 2 ? ji : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : _i : Ui;
+function fe(e, t) {
   return e ? e[t] || e.default || e : void 0;
 }
-const qi = (e) => e !== null;
-function gt(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter(qi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+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;
   return !r || s === void 0 ? i[r] : s;
 }
-const ts = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Xi = 1e-7, Zi = 12;
-function Ji(e, t, n, s, i) {
+const Jn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Xi = 1e-7, qi = 12;
+function Zi(e, t, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = ts(o, s, i) - e, r > 0 ? n = o : t = o;
-  while (Math.abs(r) > Xi && ++a < Zi);
+    o = t + (n - t) / 2, r = Jn(o, s, i) - e, r > 0 ? n = o : t = o;
+  while (Math.abs(r) > Xi && ++a < qi);
   return o;
 }
-function yt(e, t, n, s) {
+function vt(e, t, n, s) {
   if (e === t && n === s)
     return K;
-  const i = (r) => Ji(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : ts(i(r), t, s);
+  const i = (r) => Zi(r, 0, 1, e, n);
+  return (r) => r === 0 || r === 1 ? r : Jn(i(r), t, s);
 }
-const es = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ns = (e) => (t) => 1 - e(1 - t), ss = /* @__PURE__ */ yt(0.33, 1.53, 0.69, 0.99), fe = /* @__PURE__ */ ns(ss), is = /* @__PURE__ */ es(fe), rs = (e) => (e *= 2) < 1 ? 0.5 * fe(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), he = (e) => 1 - Math.sin(Math.acos(e)), Qi = ns(he), os = es(he), as = (e) => /^0[^.\s]+$/u.test(e);
-function tr(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || as(e) : !0;
+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 ls = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), us = (e) => (t) => typeof t == "string" && t.startsWith(e), cs = /* @__PURE__ */ us("--"), er = /* @__PURE__ */ us("var(--"), de = (e) => er(e) ? nr.test(e.split("/*")[0].trim()) : !1, nr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, sr = (
+const os = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), as = (e) => (t) => typeof t == "string" && t.startsWith(e), ls = /* @__PURE__ */ as("--"), tr = /* @__PURE__ */ as("var(--"), pe = (e) => tr(e) ? er.test(e.split("/*")[0].trim()) : !1, er = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, nr = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function ir(e) {
-  const t = sr.exec(e);
+function sr(e) {
+  const t = nr.exec(e);
   if (!t)
     return [,];
   const [, n, s, i] = t;
   return [`--${n ?? s}`, i];
 }
-const rr = 4;
-function fs(e, t, n = 1) {
-  I(n <= rr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, i] = ir(e);
+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);
   if (!s)
     return;
   const r = window.getComputedStyle(t).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return ls(o) ? parseFloat(o) : o;
+    return os(o) ? parseFloat(o) : o;
   }
-  return de(i) ? fs(i, t, n + 1) : i;
+  return pe(i) ? us(i, t, n + 1) : i;
 }
-const Q = {
+const tt = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, ot = {
-  ...Q,
+}, lt = {
+  ...tt,
   transform: (e) => H(0, 1, e)
-}, bt = {
-  ...Q,
+}, St = {
+  ...tt,
   default: 1
-}, vt = (e) => ({
+}, bt = (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), W = /* @__PURE__ */ vt("deg"), X = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), or = /* @__PURE__ */ vt("vh"), ar = /* @__PURE__ */ vt("vw"), He = {
-  ...X,
-  parse: (e) => X.parse(e) / 100,
-  transform: (e) => X.transform(e * 100)
-}, lr = /* @__PURE__ */ new Set([
+}), W = /* @__PURE__ */ bt("deg"), Z = /* @__PURE__ */ bt("%"), d = /* @__PURE__ */ bt("px"), rr = /* @__PURE__ */ bt("vh"), or = /* @__PURE__ */ bt("vw"), Ye = {
+  ...Z,
+  parse: (e) => Z.parse(e) / 100,
+  transform: (e) => Z.transform(e * 100)
+}, ar = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -792,7 +792,7 @@ const Q = {
   "y",
   "translateX",
   "translateY"
-]), Ye = (e) => e === Q || e === d, qe = (e, t) => parseFloat(e.split(", ")[t]), Xe = (e, t) => (n, { transform: s }) => {
+]), Xe = (e) => e === tt || e === d, qe = (e, t) => parseFloat(e.split(", ")[t]), Ze = (e, t) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/u);
@@ -802,15 +802,15 @@ const Q = {
     const r = s.match(/^matrix\((.+)\)$/u);
     return r ? qe(r[1], e) : 0;
   }
-}, ur = /* @__PURE__ */ new Set(["x", "y", "z"]), cr = mt.filter((e) => !ur.has(e));
-function fr(e) {
+}, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = gt.filter((e) => !lr.has(e));
+function cr(e) {
   const t = [];
-  return cr.forEach((n) => {
+  return ur.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const J = {
+const Q = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -819,21 +819,21 @@ const J = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: Xe(4, 13),
-  y: Xe(5, 14)
+  x: Ze(4, 13),
+  y: Ze(5, 14)
 };
-J.translateX = J.x;
-J.translateY = J.y;
-const hs = (e) => (t) => t.test(e), hr = {
+Q.translateX = Q.x;
+Q.translateY = Q.y;
+const cs = (e) => (t) => t.test(e), fr = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ds = [Q, d, X, W, ar, or, hr], Ze = (e) => ds.find(hs(e)), U = /* @__PURE__ */ new Set();
-let Ht = !1, Yt = !1;
-function ps() {
-  if (Yt) {
+}, 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();
     t.forEach((s) => {
-      const i = fr(s);
+      const i = cr(s);
       i.length && (n.set(s, i), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -846,22 +846,22 @@ function ps() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Yt = !1, Ht = !1, U.forEach((e) => e.complete()), U.clear();
+  Xt = !1, Yt = !1, U.forEach((e) => e.complete()), U.clear();
 }
-function ms() {
+function ds() {
   U.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (Yt = !0);
+    e.readKeyframes(), e.needsMeasurement && (Xt = !0);
   });
 }
-function dr() {
-  ms(), ps();
+function hr() {
+  ds(), hs();
 }
-class pe {
+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), Ht || (Ht = !0, E.read(ms), E.resolveKeyframes(ps))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (U.add(this), Yt || (Yt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -897,29 +897,29 @@ class pe {
     this.isComplete || this.scheduleResolve();
   }
 }
-const it = (e) => Math.round(e * 1e5) / 1e5, me = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function pr(e) {
+const rt = (e) => Math.round(e * 1e5) / 1e5, ge = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function dr(e) {
   return e == null;
 }
-const mr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ge = (e, t) => (n) => !!(typeof n == "string" && mr.test(n) && n.startsWith(e) || t && !pr(n) && Object.prototype.hasOwnProperty.call(n, t)), gs = (e, t, n) => (s) => {
+const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ye = (e, t) => (n) => !!(typeof n == "string" && pr.test(n) && n.startsWith(e) || t && !dr(n) && Object.prototype.hasOwnProperty.call(n, t)), ps = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(me);
+  const [i, r, o, a] = s.match(ge);
   return {
     [e]: parseFloat(i),
     [t]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, gr = (e) => H(0, 255, e), Wt = {
-  ...Q,
-  transform: (e) => Math.round(gr(e))
+}, mr = (e) => H(0, 255, e), Wt = {
+  ...tt,
+  transform: (e) => Math.round(mr(e))
 }, j = {
-  test: /* @__PURE__ */ ge("rgb", "red"),
-  parse: /* @__PURE__ */ gs("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + it(ot.transform(s)) + ")"
+  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)) + ")"
 };
-function yr(e) {
+function gr(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),
@@ -929,77 +929,77 @@ function yr(e) {
   };
 }
 const qt = {
-  test: /* @__PURE__ */ ge("#"),
-  parse: yr,
+  test: /* @__PURE__ */ ye("#"),
+  parse: gr,
   transform: j.transform
 }, q = {
-  test: /* @__PURE__ */ ge("hsl", "hue"),
-  parse: /* @__PURE__ */ gs("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + X.transform(it(t)) + ", " + X.transform(it(n)) + ", " + it(ot.transform(s)) + ")"
-}, M = {
+  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)) + ")"
+}, 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)
-}, vr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function br(e) {
+}, yr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function vr(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(me)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(vr)) === 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(yr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const ys = "number", vs = "color", wr = "var", Sr = "var(", Je = "${}", Tr = /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 at(e) {
+const ms = "number", gs = "color", br = "var", Sr = "var(", Qe = "${}", wr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function ut(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(Tr, (l) => (M.test(l) ? (s.color.push(r), i.push(vs), n.push(M.parse(l))) : l.startsWith(Sr) ? (s.var.push(r), i.push(wr), n.push(l)) : (s.number.push(r), i.push(ys), n.push(parseFloat(l))), ++r, Je)).split(Je);
+  const a = t.replace(wr, (l) => (E.test(l) ? (s.color.push(r), i.push(gs), n.push(E.parse(l))) : l.startsWith(Sr) ? (s.var.push(r), i.push(br), n.push(l)) : (s.number.push(r), i.push(ms), n.push(parseFloat(l))), ++r, Qe)).split(Qe);
   return { values: n, split: a, indexes: s, types: i };
 }
-function bs(e) {
-  return at(e).values;
+function ys(e) {
+  return ut(e).values;
 }
-function ws(e) {
-  const { split: t, types: n } = at(e), s = t.length;
+function vs(e) {
+  const { split: t, types: n } = ut(e), s = t.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += t[o], i[o] !== void 0) {
         const a = n[o];
-        a === ys ? r += it(i[o]) : a === vs ? r += M.transform(i[o]) : r += i[o];
+        a === ms ? r += rt(i[o]) : a === gs ? r += E.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const Vr = (e) => typeof e == "number" ? 0 : e;
-function xr(e) {
-  const t = bs(e);
-  return ws(e)(t.map(Vr));
-}
-const tt = {
-  test: br,
-  parse: bs,
-  createTransformer: ws,
-  getAnimatableNone: xr
-}, Ar = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Er(e) {
+const Tr = (e) => typeof e == "number" ? 0 : e;
+function Vr(e) {
+  const t = ys(e);
+  return vs(e)(t.map(Tr));
+}
+const et = {
+  test: vr,
+  parse: ys,
+  createTransformer: vs,
+  getAnimatableNone: Vr
+}, xr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Ar(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(me) || [];
+  const [s] = n.match(ge) || [];
   if (!s)
     return e;
   const i = n.replace(s, "");
-  let r = Ar.has(t) ? 1 : 0;
+  let r = xr.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const Mr = /\b([a-z-]*)\(.*?\)/gu, Xt = {
-  ...tt,
+const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
+  ...et,
   getAnimatableNone: (e) => {
     const t = e.match(Mr);
-    return t ? t.map(Er).join(" ") : e;
+    return t ? t.map(Ar).join(" ") : e;
   }
-}, Zt = {
+}, Jt = {
   // Border props
   borderWidth: d,
   borderTopWidth: d,
@@ -1035,15 +1035,15 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Xt = {
   // Misc
   backgroundPositionX: d,
   backgroundPositionY: d
-}, Cr = {
+}, Er = {
   rotate: W,
   rotateX: W,
   rotateY: W,
   rotateZ: W,
-  scale: bt,
-  scaleX: bt,
-  scaleY: bt,
-  scaleZ: bt,
+  scale: St,
+  scaleX: St,
+  scaleY: St,
+  scaleZ: St,
   skew: W,
   skewX: W,
   skewY: W,
@@ -1056,55 +1056,55 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Xt = {
   z: d,
   perspective: d,
   transformPerspective: d,
-  opacity: ot,
-  originX: He,
-  originY: He,
+  opacity: lt,
+  originX: Ye,
+  originY: Ye,
   originZ: d
-}, Qe = {
-  ...Q,
+}, tn = {
+  ...tt,
   transform: Math.round
-}, ye = {
-  ...Zt,
-  ...Cr,
-  zIndex: Qe,
+}, ve = {
+  ...Jt,
+  ...Er,
+  zIndex: tn,
   size: d,
   // SVG
-  fillOpacity: ot,
-  strokeOpacity: ot,
-  numOctaves: Qe
+  fillOpacity: lt,
+  strokeOpacity: lt,
+  numOctaves: tn
 }, Pr = {
-  ...ye,
+  ...ve,
   // Color props
-  color: M,
-  backgroundColor: M,
-  outlineColor: M,
-  fill: M,
-  stroke: M,
+  color: E,
+  backgroundColor: E,
+  outlineColor: E,
+  fill: E,
+  stroke: E,
   // Border props
-  borderColor: M,
-  borderTopColor: M,
-  borderRightColor: M,
-  borderBottomColor: M,
-  borderLeftColor: M,
-  filter: Xt,
-  WebkitFilter: Xt
-}, ve = (e) => Pr[e];
-function Ss(e, t) {
-  let n = ve(e);
-  return n !== Xt && (n = tt), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const Fr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Or(e, t, n) {
+  borderColor: E,
+  borderTopColor: E,
+  borderRightColor: E,
+  borderBottomColor: E,
+  borderLeftColor: E,
+  filter: Zt,
+  WebkitFilter: Zt
+}, be = (e) => Pr[e];
+function bs(e, t) {
+  let n = be(e);
+  return n !== Zt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+}
+const Cr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Fr(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !Fr.has(r) && at(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !Cr.has(r) && ut(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
-      e[r] = Ss(n, i);
+      e[r] = bs(n, i);
 }
-class Ts extends pe {
+class Ss extends me {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1115,16 +1115,16 @@ class Ts extends pe {
     super.readKeyframes();
     for (let l = 0; l < t.length; l++) {
       let u = t[l];
-      if (typeof u == "string" && (u = u.trim(), de(u))) {
-        const c = fs(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), pe(u))) {
+        const c = us(u, n.current);
         c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !lr.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !ar.has(s) || t.length !== 2)
       return;
-    const [i, r] = t, o = Ze(i), a = Ze(r);
+    const [i, r] = t, o = Je(i), a = Je(r);
     if (o !== a)
-      if (Ye(o) && Ye(a))
+      if (Xe(o) && Xe(a))
         for (let l = 0; l < t.length; l++) {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
@@ -1135,14 +1135,14 @@ class Ts extends pe {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let i = 0; i < t.length; i++)
-      tr(t[i]) && s.push(i);
-    s.length && Or(t, s, n);
+      Qi(t[i]) && s.push(i);
+    s.length && Fr(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = J[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Q[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && t.getValue(s, i).jump(i, !1);
   }
@@ -1154,15 +1154,15 @@ class Ts extends pe {
     const r = n.getValue(s);
     r && r.jump(this.measuredOrigin, !1);
     const o = i.length - 1, a = i[o];
-    i[o] = J[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([l, u]) => {
+    i[o] = Q[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([l, u]) => {
       n.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-const tn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(tt.test(e) || e === "0") && // And it contains numbers and/or colors
+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 Dr(e) {
+function Or(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1170,17 +1170,17 @@ function Dr(e) {
     if (e[n] !== t)
       return !0;
 }
-function Br(e, t, n, s) {
+function Dr(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 = tn(i, t), a = tn(r, t);
-  return ft(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Dr(e) || (n === "spring" || pt(n)) && s;
+  const r = e[e.length - 1], o = en(i, t), a = en(r, t);
+  return ht(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Or(e) || (n === "spring" || mt(n)) && s;
 }
-const Rr = 40;
-class Vs {
+const Br = 40;
+class ws {
   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 Vs {
    * to avoid a sudden jump into the animation.
    */
   calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > Rr ? this.resolvedAt : this.createdAt : this.createdAt;
+    return this.resolvedAt ? this.resolvedAt - this.createdAt > Br ? this.resolvedAt : this.createdAt : this.createdAt;
   }
   /**
    * A getter for resolved data. If keyframes are not yet resolved, accessing
@@ -1211,7 +1211,7 @@ class Vs {
    * This is a deoptimisation, but at its worst still batches read/writes.
    */
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && dr(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && hr(), this._resolved;
   }
   /**
    * A method to be called when the keyframes resolver completes. This method
@@ -1221,11 +1221,11 @@ class Vs {
   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 && !Br(t, s, i, r))
+    if (!u && !Dr(t, s, i, r))
       if (o)
         this.options.duration = 0;
       else {
-        l == null || l(gt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
+        l == null || l(yt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
         return;
       }
     const c = this.initPlayback(t, n);
@@ -1251,23 +1251,23 @@ class Vs {
     });
   }
 }
-function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
   const f = e[0], h = {
     done: !1,
     value: f
   }, p = (v) => a !== void 0 && v < a || l !== void 0 && v > l, m = (v) => a === void 0 ? l : l === void 0 || Math.abs(a - v) < Math.abs(l - v) ? a : l;
-  let w = n * t;
-  const b = f + w, g = o === void 0 ? b : o(b);
-  g !== b && (w = g - f);
-  const y = (v) => -w * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
+  let S = n * t;
+  const b = f + S, g = o === void 0 ? b : o(b);
+  g !== b && (S = g - f);
+  const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
     const x = y(v), O = T(v);
     h.done = Math.abs(x) <= u, h.value = h.done ? g : O;
   };
-  let S, A;
+  let w, A;
   const F = (v) => {
-    p(h.value) && (S = v, A = ae({
+    p(h.value) && (w = v, A = le({
       keyframes: [h.value, m(h.value)],
-      velocity: Yn(T, v, h.value),
+      velocity: Un(T, v, h.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1279,42 +1279,42 @@ function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (v) => {
       let x = !1;
-      return !A && S === void 0 && (x = !0, V(v), F(v)), S !== void 0 && v >= S ? A.next(v - S) : (!x && V(v), h);
+      return !A && w === void 0 && (x = !0, V(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!x && V(v), h);
     }
   };
 }
-const Ir = /* @__PURE__ */ yt(0.42, 0, 1, 1), Lr = /* @__PURE__ */ yt(0, 0, 0.58, 1), xs = /* @__PURE__ */ yt(0.42, 0, 0.58, 1), be = (e) => Array.isArray(e) && typeof e[0] == "number", nn = {
+const Rr = /* @__PURE__ */ vt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ vt(0, 0, 0.58, 1), Ts = /* @__PURE__ */ vt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
   linear: K,
-  easeIn: Ir,
-  easeInOut: xs,
-  easeOut: Lr,
-  circIn: he,
-  circInOut: os,
-  circOut: Qi,
-  backIn: fe,
-  backInOut: is,
-  backOut: ss,
-  anticipate: rs
-}, Jt = (e) => {
-  if (be(e)) {
+  easeIn: Rr,
+  easeInOut: Ts,
+  easeOut: Ir,
+  circIn: de,
+  circInOut: is,
+  circOut: Ji,
+  backIn: he,
+  backInOut: ns,
+  backOut: es,
+  anticipate: ss
+}, Qt = (e) => {
+  if (Se(e)) {
     I(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, i] = e;
-    return yt(t, n, s, i);
+    return vt(t, n, s, i);
   } else if (typeof e == "string")
-    return I(nn[e] !== void 0, `Invalid easing type '${e}'`), nn[e];
+    return I(sn[e] !== void 0, `Invalid easing type '${e}'`), sn[e];
   return e;
-}, Nr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Nr);
-function _t(e, t, n) {
+}, Lr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Lr);
+function kt(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function $r({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function Nr({ 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 = _t(l, a, e + 1 / 3), r = _t(l, a, e), o = _t(l, a, e - 1 / 3);
+    i = kt(l, a, e + 1 / 3), r = kt(l, a, e), o = kt(l, a, e - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -1329,49 +1329,49 @@ function At(e, t) {
 const Gt = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Kr = [qt, j, q], Wr = (e) => Kr.find((t) => t.test(e));
-function sn(e) {
-  const t = Wr(e);
-  if (ft(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+}, $r = [qt, j, q], Kr = (e) => $r.find((t) => t.test(e));
+function rn(e) {
+  const t = Kr(e);
+  if (ht(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
-  return t === q && (n = $r(n)), n;
+  return t === q && (n = Nr(n)), n;
 }
-const rn = (e, t) => {
-  const n = sn(e), s = sn(t);
+const on = (e, t) => {
+  const n = rn(e), s = rn(t);
   if (!n || !s)
     return At(e, t);
   const i = { ...n };
-  return (r) => (i.red = Gt(n.red, s.red, r), i.green = Gt(n.green, s.green, r), i.blue = Gt(n.blue, s.blue, r), i.alpha = ht(n.alpha, s.alpha, r), j.transform(i));
-}, Qt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function _r(e, t) {
-  return Qt.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  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;
 }
-function Gr(e, t) {
-  return (n) => ht(e, t, n);
+function kr(e, t) {
+  return (n) => dt(e, t, n);
 }
-function Se(e) {
-  return typeof e == "number" ? Gr : typeof e == "string" ? de(e) ? At : M.test(e) ? rn : jr : Array.isArray(e) ? As : typeof e == "object" ? M.test(e) ? rn : kr : At;
+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;
 }
-function As(e, t) {
-  const n = [...e], s = n.length, i = e.map((r, o) => Se(r)(r, t[o]));
+function Vs(e, t) {
+  const n = [...e], s = n.length, i = e.map((r, o) => Te(r)(r, t[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function kr(e, t) {
+function Gr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const i in n)
-    e[i] !== void 0 && t[i] !== void 0 && (s[i] = Se(e[i])(e[i], t[i]));
+    e[i] !== void 0 && t[i] !== void 0 && (s[i] = Te(e[i])(e[i], t[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
     return n;
   };
 }
-function zr(e, t) {
+function _r(e, t) {
   var n;
   const s = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
@@ -1380,15 +1380,15 @@ function zr(e, t) {
   }
   return s;
 }
-const jr = (e, t) => {
-  const n = tt.createTransformer(t), s = at(e), i = at(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 ? Qt.has(e) && !i.values.length || Qt.has(t) && !s.values.length ? _r(e, t) : we(As(zr(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.`), At(e, t));
+const zr = (e, t) => {
+  const n = et.createTransformer(t), s = ut(e), i = ut(t);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? te.has(e) && !i.values.length || te.has(t) && !s.values.length ? Wr(e, t) : we(Vs(_r(s, i), i.values), n) : (ht(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(e, t));
 };
-function Es(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Se(e)(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);
 }
-function Ur(e, t, n) {
-  const s = [], i = n || Es, r = e.length - 1;
+function jr(e, t, n) {
+  const s = [], i = n || xs, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
@@ -1399,65 +1399,65 @@ function Ur(e, t, n) {
   }
   return s;
 }
-function Te(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Ve(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 = Ur(t, s, i), a = o.length, l = (u) => {
+  const o = jr(t, s, i), a = o.length, l = (u) => {
     let c = 0;
     if (a > 1)
       for (; c < e.length - 2 && !(u < e[c + 1]); c++)
         ;
-    const f = dt(e[c], e[c + 1], u);
+    const f = pt(e[c], e[c + 1], u);
     return o[c](f);
   };
   return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
 }
-function Hr(e, t) {
+function Ur(e, t) {
   return e.map((n) => n * t);
 }
-function Yr(e, t) {
-  return e.map(() => t || xs).splice(0, e.length - 1);
+function Hr(e, t) {
+  return e.map(() => t || Ts).splice(0, e.length - 1);
 }
-function Et({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = Qn(s) ? s.map(Jt) : Jt(s), r = {
+function Mt({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const i = Zn(s) ? s.map(Qt) : Qt(s), r = {
     done: !1,
     value: t[0]
-  }, o = Hr(
+  }, o = Ur(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : le(t),
+    n && n.length === t.length ? n : ue(t),
     e
-  ), a = Te(o, t, {
-    ease: Array.isArray(i) ? i : Yr(t, i)
+  ), a = Ve(o, t, {
+    ease: Array.isArray(i) ? i : Hr(t, i)
   });
   return {
     calculatedDuration: e,
     next: (l) => (r.value = a(l), r.done = l >= e, r)
   };
 }
-const qr = (e) => {
+const Yr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: () => E.update(t, !0),
+    start: () => M.update(t, !0),
     stop: () => R(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Z.isProcessing ? Z.timestamp : N.now()
+    now: () => J.isProcessing ? J.timestamp : N.now()
   };
 }, Xr = {
-  decay: en,
-  inertia: en,
-  tween: Et,
-  keyframes: Et,
-  spring: ae
-}, Zr = (e) => e / 100;
-class Lt extends Vs {
+  decay: nn,
+  inertia: nn,
+  tween: Mt,
+  keyframes: Mt,
+  spring: le
+}, qr = (e) => e / 100;
+class Lt extends ws {
   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")
@@ -1466,19 +1466,19 @@ class Lt extends Vs {
       const { onStop: l } = this.options;
       l && l();
     };
-    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || pe, a = (l, u) => this.onKeyframesResolved(l, u);
+    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || me, a = (l, u) => this.onKeyframesResolved(l, u);
     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 = pt(n) ? n : Xr[n] || Et;
+    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = mt(n) ? n : Xr[n] || Mt;
     let l, u;
-    a !== Et && 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(Zr, Es(t[0], t[1])), t = [0, 100]);
+    a !== Mt && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(qr, xs(t[0], t[1])), t = [0, 100]);
     const c = a({ ...this.options, keyframes: t });
     r === "mirror" && (u = a({
       ...this.options,
       keyframes: [...t].reverse(),
       velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = qn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = Hn(c));
     const { calculatedDuration: f } = c, h = f + i, p = h * (s + 1) - i;
     return {
       generator: c,
@@ -1502,7 +1502,7 @@ class Lt extends Vs {
     const { finalKeyframe: i, generator: r, mirroredGenerator: o, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: u, totalDuration: c, resolvedDuration: f } = s;
     if (this.startTime === null)
       return r.next(0);
-    const { delay: h, repeat: p, repeatType: m, repeatDelay: w, onUpdate: b } = this.options;
+    const { delay: h, repeat: p, repeatType: m, repeatDelay: S, onUpdate: b } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
     const g = this.currentTime - h * (this.speed >= 0 ? 1 : -1), y = this.speed >= 0 ? g < 0 : g > c;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
@@ -1510,14 +1510,14 @@ class Lt extends Vs {
     if (p) {
       const v = Math.min(this.currentTime, c) / f;
       let x = Math.floor(v), O = v % 1;
-      !O && v >= 1 && (O = 1), O === 1 && x--, x = Math.min(x, p + 1), !!(x % 2) && (m === "reverse" ? (O = 1 - O, w && (O -= w / f)) : m === "mirror" && (V = o)), T = H(0, 1, O) * f;
+      !O && v >= 1 && (O = 1), O === 1 && x--, x = Math.min(x, p + 1), !!(x % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (V = o)), T = H(0, 1, O) * f;
     }
-    const S = y ? { done: !1, value: l[0] } : V.next(T);
-    a && (S.value = a(S.value));
-    let { done: A } = S;
+    const w = y ? { done: !1, value: l[0] } : V.next(T);
+    a && (w.value = a(w.value));
+    let { done: A } = w;
     !y && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
     const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return F && i !== void 0 && (S.value = gt(l, this.options, i)), b && b(S.value), F && this.finish(), S;
+    return F && i !== void 0 && (w.value = yt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
   }
   get duration() {
     const { resolved: t } = this;
@@ -1527,7 +1527,7 @@ class Lt extends Vs {
     return B(this.currentTime);
   }
   set time(t) {
-    t = P(t), this.currentTime = t, this.holdTime !== null || this.speed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.speed);
+    t = C(t), this.currentTime = t, this.holdTime !== null || this.speed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.speed);
   }
   get speed() {
     return this.playbackSpeed;
@@ -1543,7 +1543,7 @@ class Lt extends Vs {
     }
     if (this.isStopped)
       return;
-    const { driver: t = qr, onPlay: n, startTime: s } = this.options;
+    const { driver: t = Yr, 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 Vs {
     return this.startTime = 0, this.tick(t, !0);
   }
 }
-function Jr(e) {
+function Zr(e) {
   return new Lt(e);
 }
-const Qr = /* @__PURE__ */ new Set([
+const Jr = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -1588,23 +1588,23 @@ const Qr = /* @__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"
-]), to = 10, eo = (e, t) => {
+]), Qr = 10, to = (e, t) => {
   let n = "";
-  const s = Math.max(Math.round(t / to), 2);
+  const s = Math.max(Math.round(t / Qr), 2);
   for (let i = 0; i < s; i++)
-    n += e(dt(0, s - 1, i)) + ", ";
+    n += e(pt(0, s - 1, i)) + ", ";
   return `linear(${n.substring(0, n.length - 2)})`;
-}, no = {
+}, eo = {
   linearEasing: void 0
 };
-function so(e, t) {
+function no(e, t) {
   const n = Rt(e);
   return () => {
     var s;
-    return (s = no[t]) !== null && s !== void 0 ? s : n();
+    return (s = eo[t]) !== null && s !== void 0 ? s : n();
   };
 }
-const lt = /* @__PURE__ */ so(() => {
+const ct = /* @__PURE__ */ no(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1612,28 +1612,28 @@ const lt = /* @__PURE__ */ so(() => {
   }
   return !0;
 }, "linearEasing");
-function Ms(e) {
-  return !!(typeof e == "function" && lt() || !e || typeof e == "string" && (e in te || lt()) || be(e) || Array.isArray(e) && e.every(Ms));
+function As(e) {
+  return !!(typeof e == "function" && ct() || !e || typeof e == "string" && (e in ee || ct()) || Se(e) || Array.isArray(e) && e.every(As));
 }
-const st = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, te = {
+const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ st([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ st([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ st([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ st([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ it([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ it([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ it([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ it([0.33, 1.53, 0.69, 0.99])
 };
-function Cs(e, t) {
+function Ms(e, t) {
   if (e)
-    return typeof e == "function" && lt() ? eo(e, t) : be(e) ? st(e) : Array.isArray(e) ? e.map((n) => Cs(n, t) || te.easeOut) : te[e];
+    return typeof e == "function" && ct() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ee.easeOut) : ee[e];
 }
-function Ps(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
   const u = { [t]: n };
   l && (u.offset = l);
-  const c = Cs(a, i);
+  const c = Ms(a, i);
   return Array.isArray(c) && (u.easing = c), e.animate(u, {
     delay: s,
     duration: i,
@@ -1643,14 +1643,14 @@ function Ps(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-function Mt(e, t) {
+function Et(e, t) {
   e.timeline = t, e.onfinish = null;
 }
-const Fs = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Ct = 10, io = 2e4;
-function ro(e) {
-  return pt(e.type) || e.type === "spring" || !Ms(e.ease);
+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);
 }
-function oo(e, t) {
+function ro(e, t) {
   const n = new Lt({
     ...t,
     keyframes: e,
@@ -1661,42 +1661,42 @@ function oo(e, t) {
   let s = { done: !1, value: e[0] };
   const i = [];
   let r = 0;
-  for (; !s.done && r < io; )
-    s = n.sample(r), i.push(s.value), r += Ct;
+  for (; !s.done && r < so; )
+    s = n.sample(r), i.push(s.value), r += Pt;
   return {
     times: void 0,
     keyframes: i,
-    duration: r - Ct,
+    duration: r - Pt,
     ease: "linear"
   };
 }
-const Os = {
-  anticipate: rs,
-  backInOut: is,
-  circInOut: os
+const Cs = {
+  anticipate: ss,
+  backInOut: ns,
+  circInOut: is
 };
-function ao(e) {
-  return e in Os;
+function oo(e) {
+  return e in Cs;
 }
-class on extends Vs {
+class an extends ws {
   constructor(t) {
     super(t);
     const { name: n, motionValue: s, element: i, keyframes: r } = this.options;
-    this.resolver = new Ts(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
+    this.resolver = new Ss(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
   }
   initPlayback(t, n) {
     var s;
     let { duration: i = 300, times: r, ease: o, type: a, motionValue: l, name: u, startTime: c } = this.options;
     if (!(!((s = l.owner) === null || s === void 0) && s.current))
       return !1;
-    if (typeof o == "string" && lt() && ao(o) && (o = Os[o]), ro(this.options)) {
-      const { onComplete: h, onUpdate: p, motionValue: m, element: w, ...b } = this.options, g = oo(t, b);
+    if (typeof o == "string" && ct() && oo(o) && (o = Cs[o]), io(this.options)) {
+      const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = ro(t, b);
       t = g.keyframes, t.length === 1 && (t[1] = t[0]), i = g.duration, r = g.times, o = g.ease, a = "keyframes";
     }
-    const f = Ps(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 f = Es(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
+    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Et(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
       const { onComplete: h } = this.options;
-      l.set(gt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
+      l.set(yt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: f,
       duration: i,
@@ -1725,7 +1725,7 @@ class on extends Vs {
     if (!n)
       return;
     const { animation: s } = n;
-    s.currentTime = P(t);
+    s.currentTime = C(t);
   }
   get speed() {
     const { resolved: t } = this;
@@ -1767,7 +1767,7 @@ class on extends Vs {
       if (!n)
         return K;
       const { animation: s } = n;
-      Mt(s, t);
+      Et(s, t);
     }
     return K;
   }
@@ -1806,8 +1806,8 @@ class on extends Vs {
         ease: o,
         times: a,
         isGenerator: !0
-      }), w = P(this.time);
-      u.setWithVelocity(m.sample(w - Ct).value, m.sample(w).value, Ct);
+      }), S = C(this.time);
+      u.setWithVelocity(m.sample(S - Pt).value, m.sample(S).value, Pt);
     }
     const { onStop: l } = this.options;
     l && l(), this.cancel();
@@ -1822,20 +1822,20 @@ class on extends Vs {
   }
   static supports(t) {
     const { motionValue: n, name: s, repeatDelay: i, repeatType: r, damping: o, type: a } = t;
-    return Fs() && s && Qr.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
+    return Ps() && s && Jr.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
     !n.owner.getProps().onUpdate && !i && r !== "mirror" && o !== 0 && a !== "inertia";
   }
 }
-function lo({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+function ao({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const Ds = (e, t, n, s = {}, i, r) => (o) => {
-  const a = ce(s, e) || {}, l = a.delay || s.delay || 0;
+const Fs = (e, t, n, s = {}, i, r) => (o) => {
+  const a = fe(s, e) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
-  u = u - P(l);
+  u = u - C(l);
   let c = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -1852,66 +1852,66 @@ const Ds = (e, t, n, s = {}, i, r) => (o) => {
     motionValue: t,
     element: r ? void 0 : i
   };
-  lo(a) || (c = {
+  ao(a) || (c = {
     ...c,
-    ...Yi(e, c)
-  }), c.duration && (c.duration = P(c.duration)), c.repeatDelay && (c.repeatDelay = P(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+    ...Hi(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 = gt(c.keyframes, a);
+    const h = yt(c.keyframes, a);
     if (h !== void 0)
-      return E.update(() => {
+      return M.update(() => {
         c.onUpdate(h), c.onComplete();
-      }), new oe([]);
+      }), new ae([]);
   }
-  return !r && on.supports(c) ? new on(c) : new Lt(c);
-}, uo = (e) => Array.isArray(e), co = (e) => uo(e) ? e[e.length - 1] || 0 : e;
-function an(e) {
+  return !r && an.supports(c) ? new an(c) : new Lt(c);
+}, lo = (e) => Array.isArray(e), uo = (e) => lo(e) ? e[e.length - 1] || 0 : e;
+function ln(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function Bs(e, t, n, s) {
+function Os(e, t, n, s) {
   if (typeof t == "function") {
-    const [i, r] = an(s);
+    const [i, r] = ln(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, r] = an(s);
+    const [i, r] = ln(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   return t;
 }
-function fo(e, t, n) {
+function co(e, t, n) {
   const s = e.getProps();
-  return Bs(s, t, s.custom, e);
+  return Os(s, t, s.custom, e);
 }
-function ho(e, t, n) {
+function fo(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, D(n));
 }
-function po(e, t) {
-  const n = fo(e, t);
+function ho(e, t) {
+  const n = co(e, t);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
-    const a = co(r[o]);
-    ho(e, o, a);
+    const a = uo(r[o]);
+    fo(e, o, a);
   }
 }
-const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), mo = "framerAppearId", go = "data-" + Ve(mo);
-function yo(e) {
-  return e.props[go];
+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];
 }
-function vo(e) {
-  return !!(C(e) && e.add);
+function yo(e) {
+  return !!(P(e) && e.add);
 }
-function bo(e, t) {
+function vo(e, t) {
   const n = e.getValue("willChange");
-  if (vo(n))
+  if (yo(n))
     return n.add(t);
 }
-function wo({ protectedKeys: e, needsAnimating: t }, n) {
+function bo({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
@@ -1922,69 +1922,69 @@ function So(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   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 && wo(c, f))
+    if (p === void 0 || c && bo(c, f))
       continue;
     const m = {
       delay: n,
-      ...ce(o || {}, f)
+      ...fe(o || {}, f)
     };
-    let w = !1;
+    let S = !1;
     if (window.MotionHandoffAnimation) {
-      const g = yo(e);
+      const g = go(e);
       if (g) {
-        const y = window.MotionHandoffAnimation(g, f, E);
-        y !== null && (m.startTime = y, w = !0);
+        const y = window.MotionHandoffAnimation(g, f, M);
+        y !== null && (m.startTime = y, S = !0);
       }
     }
-    bo(e, f), h.start(Ds(f, h, p, e.shouldReduceMotion && Y.has(f) ? { type: !1 } : m, e, w));
+    vo(e, f), h.start(Fs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, S));
     const b = h.animation;
     b && u.push(b);
   }
   return a && Promise.all(u).then(() => {
-    E.update(() => {
-      a && po(e, a);
+    M.update(() => {
+      a && ho(e, a);
     });
   }), u;
 }
-function To(e) {
+function wo(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
-const Vo = {};
-function xo(e, { layout: t, layoutId: n }) {
-  return Y.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Vo[e] || e === "opacity");
+const To = {};
+function Vo(e, { layout: t, layoutId: n }) {
+  return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!To[e] || e === "opacity");
 }
-function Rs(e, t, n) {
+function Ds(e, t, n) {
   var s;
   const { style: i } = e, r = {};
   for (const o in i)
-    (C(i[o]) || t.style && C(t.style[o]) || xo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
+    (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]);
   return r;
 }
-function Ao(e, t, n) {
-  const s = Rs(e, t, n);
+function xo(e, t, n) {
+  const s = Ds(e, t, n);
   for (const i in e)
-    if (C(e[i]) || C(t[i])) {
-      const r = mt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+    if (P(e[i]) || P(t[i])) {
+      const r = gt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = e[i];
     }
   return s;
 }
-const Eo = typeof window < "u", ee = { current: null }, Is = { current: !1 };
+const Ao = typeof window < "u", ne = { current: null }, Bs = { current: !1 };
 function Mo() {
-  if (Is.current = !0, !!Eo)
+  if (Bs.current = !0, !!Ao)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ee.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ne.current = e.matches;
       e.addListener(t), t();
     } else
-      ee.current = !1;
+      ne.current = !1;
 }
-function Co(e) {
+function Eo(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
 function Po(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const Fo = [
+const Co = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -1992,19 +1992,19 @@ const Fo = [
   "whileTap",
   "whileDrag",
   "exit"
-], Oo = ["initial", ...Fo];
-function Ls(e) {
-  return Co(e.animate) || Oo.some((t) => Po(e[t]));
+], Fo = ["initial", ...Co];
+function Rs(e) {
+  return Eo(e.animate) || Fo.some((t) => Po(e[t]));
 }
-function Do(e) {
-  return !!(Ls(e) || e.variants);
+function Oo(e) {
+  return !!(Rs(e) || e.variants);
 }
-function Bo(e, t, n) {
+function Do(e, t, n) {
   for (const s in t) {
     const i = t[s], r = n[s];
-    if (C(i))
+    if (P(i))
       e.addValue(s, i), process.env.NODE_ENV === "development" && Bt(i.version === "11.11.11", `Attempting to mix Framer Motion versions ${i.version} with 11.11.11 may not work as expected.`);
-    else if (C(r))
+    else if (P(r))
       e.addValue(s, D(i, { owner: e }));
     else if (r !== i)
       if (e.hasValue(s)) {
@@ -2019,7 +2019,7 @@ function Bo(e, t, n) {
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const ln = {
+const un = {
   animation: [
     "animate",
     "variants",
@@ -2038,15 +2038,15 @@ const ln = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, ne = {};
-for (const e in ln)
-  ne[e] = {
-    isEnabled: (t) => ln[e].some((n) => !!t[n])
+}, se = {};
+for (const e in un)
+  se[e] = {
+    isEnabled: (t) => un[e].some((n) => !!t[n])
   };
-const Ro = [...ds, M, tt], Io = (e) => Ro.find(hs(e)), un = () => ({ min: 0, max: 0 }), xe = () => ({
-  x: un(),
-  y: un()
-}), cn = [
+const Bo = [...fs, E, et], Ro = (e) => Bo.find(cs(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
+  x: cn(),
+  y: cn()
+}), fn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2055,7 +2055,7 @@ const Ro = [...ds, M, tt], Io = (e) => Ro.find(hs(e)), un = () => ({ min: 0, max
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Ns {
+class Is {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -2067,22 +2067,22 @@ class Ns {
     return {};
   }
   constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = pe, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = me, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const h = N.now();
-      this.renderScheduledAt < h && (this.renderScheduledAt = h, E.render(this.render, !1, !0));
+      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 = Ls(n), this.isVariantNode = Do(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Rs(n), this.isVariantNode = Oo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: c, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const h in f) {
       const p = f[h];
-      l[h] !== void 0 && C(p) && p.set(l[h], !1);
+      l[h] !== void 0 && P(p) && p.set(l[h], !1);
     }
   }
   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)), Is.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ee.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = t, $.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ne.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     $.delete(this.current), this.projection && this.projection.unmount(), R(this.notifyUpdate), R(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -2096,8 +2096,8 @@ class Ns {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = Y.has(t), i = n.on("change", (a) => {
-      this.latestValues[t] = a, this.props.onUpdate && E.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
+    const s = X.has(t), i = n.on("change", (a) => {
+      this.latestValues[t] = a, this.props.onUpdate && M.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
     }), r = n.on("renderRequest", this.scheduleRender);
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -2109,8 +2109,8 @@ class Ns {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in ne) {
-      const n = ne[t];
+    for (t in se) {
+      const n = se[t];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -2129,7 +2129,7 @@ class Ns {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : xe();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Ae();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -2143,13 +2143,13 @@ class Ns {
    */
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < cn.length; s++) {
-      const i = cn[s];
+    for (let s = 0; s < fn.length; s++) {
+      const i = fn[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const r = "on" + i, o = t[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = Bo(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Do(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2215,7 +2215,7 @@ class Ns {
   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" && (ls(i) || as(i)) ? i = parseFloat(i) : !Io(i) && tt.test(n) && (i = Ss(t, n)), this.setBaseTarget(t, C(i) ? i.get() : i)), C(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (os(i) || rs(i)) ? i = parseFloat(i) : !Ro(i) && et.test(n) && (i = bs(t, n)), this.setBaseTarget(t, P(i) ? i.get() : i)), P(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2233,24 +2233,24 @@ class Ns {
     const { initial: s } = this.props;
     let i;
     if (typeof s == "string" || typeof s == "object") {
-      const o = Bs(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
+      const o = Os(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
       o && (i = o[t]);
     }
     if (s && i !== void 0)
       return i;
     const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !C(r) ? r : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    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 Un()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new zn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class $s extends Ns {
+class Ls extends Is {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Ts;
+    super(...arguments), this.KeyframeResolver = Ss;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2262,24 +2262,24 @@ class $s extends Ns {
     delete n[t], delete s[t];
   }
 }
-const Ks = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Lo = {
+const Ns = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Io = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, No = mt.length;
-function $o(e, t, n) {
+}, Lo = gt.length;
+function No(e, t, n) {
   let s = "", i = !0;
-  for (let r = 0; r < No; r++) {
-    const o = mt[r], a = e[o];
+  for (let r = 0; r < Lo; r++) {
+    const o = gt[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 = Ks(a, ye[o]);
+      const u = Ns(a, ve[o]);
       if (!l) {
         i = !1;
-        const c = Lo[o] || o;
+        const c = Io[o] || o;
         s += `${c}(${u}) `;
       }
       n && (t[o] = u);
@@ -2287,49 +2287,49 @@ function $o(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
 }
-function Ws(e, t, n) {
+function $s(e, t, n) {
   const { style: s, vars: i, transformOrigin: r } = e;
   let o = !1, a = !1;
   for (const l in t) {
     const u = t[l];
-    if (Y.has(l)) {
+    if (X.has(l)) {
       o = !0;
       continue;
-    } else if (cs(l)) {
+    } else if (ls(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = Ks(u, ye[l]);
+      const c = Ns(u, ve[l]);
       l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = $o(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = No(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}`;
   }
 }
-function fn(e, t, n) {
+function hn(e, t, n) {
   return typeof e == "string" ? e : d.transform(t + n * e);
 }
-function Ko(e, t, n) {
-  const s = fn(t, e.x, e.width), i = fn(n, e.y, e.height);
+function $o(e, t, n) {
+  const s = hn(t, e.x, e.width), i = hn(n, e.y, e.height);
   return `${s} ${i}`;
 }
-const Wo = {
+const Ko = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, _o = {
+}, Wo = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Go(e, t, n = 1, s = 0, i = !0) {
+function ko(e, t, n = 1, s = 0, i = !0) {
   e.pathLength = 1;
-  const r = i ? Wo : _o;
+  const r = i ? Ko : Wo;
   e[r.offset] = d.transform(-s);
   const o = d.transform(t), a = d.transform(n);
   e[r.array] = `${o} ${a}`;
 }
-function ko(e, {
+function Go(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2341,15 +2341,15 @@ function ko(e, {
   // This is object creation, which we try to avoid per-frame.
   ...u
 }, c, f) {
-  if (Ws(e, u, f), c) {
+  if ($s(e, u, f), c) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
   const { attrs: h, style: p, dimensions: m } = e;
-  h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = Ko(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 && Go(h, o, a, l, !1);
+  h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = $o(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && ko(h, o, a, l, !1);
 }
-const _s = /* @__PURE__ */ new Set([
+const Ks = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2374,51 +2374,51 @@ const _s = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Gs(e, { style: t, vars: n }, s, i) {
+function Ws(e, { style: t, vars: n }, s, i) {
   Object.assign(e.style, t, i && i.getProjectionStyles(s));
   for (const r in n)
     e.style.setProperty(r, n[r]);
 }
-function zo(e, t, n, s) {
-  Gs(e, t, void 0, s);
+function _o(e, t, n, s) {
+  Ws(e, t, void 0, s);
   for (const i in t.attrs)
-    e.setAttribute(_s.has(i) ? i : Ve(i), t.attrs[i]);
+    e.setAttribute(Ks.has(i) ? i : xe(i), t.attrs[i]);
 }
-const jo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-class Uo extends $s {
+const zo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+class jo extends Ls {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = xe;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (Y.has(n)) {
-      const s = ve(n);
+    if (X.has(n)) {
+      const s = be(n);
       return s && s.default || 0;
     }
-    return n = _s.has(n) ? n : Ve(n), t.getAttribute(n);
+    return n = Ks.has(n) ? n : xe(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Ao(t, n, s);
+    return xo(t, n, s);
   }
   build(t, n, s) {
-    ko(t, n, this.isSVGTag, s.transformTemplate);
+    Go(t, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(t, n, s, i) {
-    zo(t, n, s, i);
+    _o(t, n, s, i);
   }
   mount(t) {
-    this.isSVGTag = jo(t.tagName), super.mount(t);
+    this.isSVGTag = zo(t.tagName), super.mount(t);
   }
 }
-function Ho({ top: e, left: t, right: n, bottom: s }) {
+function Uo({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function Yo(e, t) {
+function Ho(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -2429,51 +2429,51 @@ function Yo(e, t) {
     right: s.x
   };
 }
-function qo(e, t) {
-  return Ho(Yo(e.getBoundingClientRect(), t));
+function Yo(e, t) {
+  return Uo(Ho(e.getBoundingClientRect(), t));
 }
 function Xo(e) {
   return window.getComputedStyle(e);
 }
-class Zo extends $s {
+class qo extends Ls {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Gs;
+    super(...arguments), this.type = "html", this.renderInstance = Ws;
   }
   readValueFromInstance(t, n) {
-    if (Y.has(n)) {
-      const s = ve(n);
+    if (X.has(n)) {
+      const s = be(n);
       return s && s.default || 0;
     } else {
-      const s = Xo(t), i = (cs(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Xo(t), i = (ls(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return qo(t, n);
+    return Yo(t, n);
   }
   build(t, n, s) {
-    Ws(t, n, s.transformTemplate);
+    $s(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Rs(t, n, s);
+    return Ds(t, n, s);
   }
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    C(t) && (this.childSubscription = t.on("change", (n) => {
+    P(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-function Jo(e, t) {
+function Zo(e, t) {
   return e in t;
 }
-class Qo extends Ns {
+class Jo extends Is {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(t, n) {
-    if (Jo(n, t)) {
+    if (Zo(n, t)) {
       const s = t[n];
       if (typeof s == "string" || typeof s == "number")
         return s;
@@ -2485,7 +2485,7 @@ class Qo extends Ns {
     delete n.output[t];
   }
   measureInstanceViewportBox() {
-    return xe();
+    return Ae();
   }
   build(t, n) {
     Object.assign(t.output, n);
@@ -2511,10 +2511,10 @@ function ks(e) {
       },
       latestValues: {}
     }
-  }, n = To(e) ? new Uo(t) : new Zo(t);
+  }, n = wo(e) ? new jo(t) : new qo(t);
   n.mount(e), $.set(e, n);
 }
-function ta(e) {
+function Qo(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2524,25 +2524,25 @@ function ta(e) {
       },
       latestValues: {}
     }
-  }, n = new Qo(t);
+  }, n = new Jo(t);
   n.mount(e), $.set(e, n);
 }
-function ea(e, t, n) {
-  const s = C(e) ? e : D(e);
-  return s.start(Ds("", s, t, n)), s.animation;
+function ta(e, t, n) {
+  const s = P(e) ? e : D(e);
+  return s.start(Fs("", s, t, n)), s.animation;
 }
-function na(e, t) {
-  return C(e) || typeof e == "number" || typeof e == "string" && !ue(t);
+function ea(e, t) {
+  return P(e) || typeof e == "number" || typeof e == "string" && !ce(t);
 }
-function zs(e, t, n, s) {
+function Gs(e, t, n, s) {
   const i = [];
-  if (na(e, t))
-    i.push(ea(e, ue(t) && t.default || t, n && (n.default || n)));
+  if (ea(e, t))
+    i.push(ta(e, ce(t) && t.default || t, n && (n.default || n)));
   else {
-    const r = Jn(e, t, s), o = r.length;
+    const r = qn(e, t, s), o = r.length;
     I(!!o, "No valid elements provided.");
     for (let a = 0; a < o; a++) {
-      const l = r[a], u = l instanceof Element ? ks : ta;
+      const l = r[a], u = l instanceof Element ? ks : Qo;
       $.has(l) || u(l);
       const c = $.get(l), f = { ...n };
       "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...So(c, { ...t, transition: f }, {}));
@@ -2550,32 +2550,32 @@ function zs(e, t, n, s) {
   }
   return i;
 }
-function sa(e, t, n) {
+function na(e, t, n) {
   const s = [];
-  return Ki(e, t, n, { spring: ae }).forEach(({ keyframes: r, transition: o }, a) => {
-    s.push(...zs(a, r, o));
+  return $i(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
+    s.push(...Gs(a, r, o));
   }), s;
 }
-function ia(e) {
+function sa(e) {
   return Array.isArray(e) && Array.isArray(e[0]);
 }
-function ra(e) {
+function ia(e) {
   function t(n, s, i) {
     let r = [];
-    ia(n) ? r = sa(n, s, e) : r = zs(n, s, i, e);
-    const o = new oe(r);
+    sa(n) ? r = na(n, s, e) : r = Gs(n, s, i, e);
+    const o = new ae(r);
     return e && e.animations.push(o), o;
   }
   return t;
 }
-const oa = ra();
-function aa(e, t, n) {
+const ra = ia();
+function oa(e, t, n) {
   e.style.setProperty(`--${t}`, n);
 }
-function la(e, t, n) {
+function aa(e, t, n) {
   e.style[t] = n;
 }
-const ua = /* @__PURE__ */ Rt(() => {
+const la = /* @__PURE__ */ Rt(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });
   } catch {
@@ -2583,36 +2583,36 @@ const ua = /* @__PURE__ */ Rt(() => {
   }
   return !0;
 }), Tt = /* @__PURE__ */ new WeakMap();
-function ca(e, t, n) {
+function ua(e, t, n) {
   for (let s = 0; s < t.length; s++)
-    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Zt[e] && (t[s] = Zt[e].transform(t[s]));
-  !ua() && t.length < 2 && t.unshift(n());
+    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Jt[e] && (t[s] = Jt[e].transform(t[s]));
+  !la() && t.length < 2 && t.unshift(n());
 }
-const hn = "easeOut";
-function dn(e) {
+const dn = "easeOut";
+function pn(e) {
   const t = Tt.get(e) || /* @__PURE__ */ new Map();
   return Tt.set(e, t), Tt.get(e);
 }
-class fa {
+class ca {
   constructor(t, n, s, i) {
     const r = n.startsWith("--");
-    this.setValue = r ? aa : la, this.options = i, this.updateFinishedPromise(), I(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
-    const o = dn(t).get(n);
+    this.setValue = r ? oa : aa, this.options = i, this.updateFinishedPromise(), I(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
+    const o = 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]), ca(n, s, a), pt(i.type)) {
-      const u = Xn(i, 100, i.type);
-      i.ease = lt() ? u.ease : hn, i.duration = P(u.duration), i.type = "keyframes";
+    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";
     } else
-      i.ease = i.ease || hn;
+      i.ease = i.ease || dn;
     this.removeAnimation = () => {
       var u;
       return (u = Tt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
     };
     const l = () => {
-      this.setValue(t, n, gt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
+      this.setValue(t, n, yt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
     };
-    Fs() ? (this.animation = Ps(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Mt(this.animation, this.pendingTimeline), dn(t).set(n, this)) : l();
+    Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Et(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
   }
   get duration() {
     return B(this.options.duration || 300);
@@ -2622,7 +2622,7 @@ class fa {
     return this.animation ? B(((t = this.animation) === null || t === void 0 ? void 0 : t.currentTime) || 0) : 0;
   }
   set time(t) {
-    this.animation && (this.animation.currentTime = P(t));
+    this.animation && (this.animation.currentTime = C(t));
   }
   get speed() {
     return this.animation ? this.animation.playbackRate : 1;
@@ -2669,10 +2669,10 @@ class fa {
     });
   }
   attachTimeline(t) {
-    return this.animation ? Mt(this.animation, t) : this.pendingTimeline = t, K;
+    return this.animation ? Et(this.animation, t) : this.pendingTimeline = t, K;
   }
 }
-function ha(e, t, n, s) {
+function fa(e, t, n, s) {
   const i = It(e, s), r = i.length;
   I(!!r, "No valid element provided.");
   const o = [];
@@ -2681,21 +2681,21 @@ function ha(e, t, n, s) {
     typeof u.delay == "function" && (u.delay = u.delay(a, r));
     for (const c in t) {
       const f = t[c], h = {
-        ...ce(n, c)
+        ...fe(n, c)
       };
-      h.duration = h.duration ? P(h.duration) : h.duration, h.delay = P(h.delay || 0), o.push(new fa(l, c, f, h));
+      h.duration = h.duration ? C(h.duration) : h.duration, h.delay = C(h.delay || 0), o.push(new ca(l, c, f, h));
     }
   }
   return o;
 }
-const da = (e) => {
+const ha = (e) => {
   function t(n, s, i) {
-    return new oe(ha(n, s, i, e));
+    return new ae(fa(n, s, i, e));
   }
   return t;
-}, Ll = /* @__PURE__ */ da(), Vt = /* @__PURE__ */ new WeakMap();
-let _;
-function pa(e, t) {
+}, Nl = /* @__PURE__ */ ha(), Vt = /* @__PURE__ */ new WeakMap();
+let k;
+function da(e, t) {
   if (t) {
     const { inlineSize: n, blockSize: s } = t[0];
     return { width: n, height: s };
@@ -2704,41 +2704,41 @@ function pa(e, t) {
     height: e.offsetHeight
   };
 }
-function ma({ target: e, contentRect: t, borderBoxSize: n }) {
+function pa({ target: e, contentRect: t, borderBoxSize: n }) {
   var s;
   (s = Vt.get(e)) === null || s === void 0 || s.forEach((i) => {
     i({
       target: e,
       contentSize: t,
       get size() {
-        return pa(e, n);
+        return da(e, n);
       }
     });
   });
 }
-function ga(e) {
-  e.forEach(ma);
+function ma(e) {
+  e.forEach(pa);
 }
-function ya() {
-  typeof ResizeObserver > "u" || (_ = new ResizeObserver(ga));
+function ga() {
+  typeof ResizeObserver > "u" || (k = new ResizeObserver(ma));
 }
-function va(e, t) {
-  _ || ya();
+function ya(e, t) {
+  k || ga();
   const n = It(e);
   return n.forEach((s) => {
     let i = Vt.get(s);
-    i || (i = /* @__PURE__ */ new Set(), Vt.set(s, i)), i.add(t), _ == null || _.observe(s);
+    i || (i = /* @__PURE__ */ new Set(), Vt.set(s, i)), i.add(t), k == null || k.observe(s);
   }), () => {
     n.forEach((s) => {
       const i = Vt.get(s);
-      i == null || i.delete(t), i != null && i.size || _ == null || _.unobserve(s);
+      i == null || i.delete(t), i != null && i.size || k == null || k.unobserve(s);
     });
   };
 }
 const xt = /* @__PURE__ */ new Set();
-let rt;
-function ba() {
-  rt = () => {
+let ot;
+function va() {
+  ot = () => {
     const e = {
       width: window.innerWidth,
       height: window.innerHeight
@@ -2748,17 +2748,17 @@ function ba() {
       contentSize: e
     };
     xt.forEach((n) => n(t));
-  }, window.addEventListener("resize", rt);
+  }, window.addEventListener("resize", ot);
 }
-function wa(e) {
-  return xt.add(e), rt || ba(), () => {
-    xt.delete(e), !xt.size && rt && (rt = void 0);
+function ba(e) {
+  return xt.add(e), ot || va(), () => {
+    xt.delete(e), !xt.size && ot && (ot = void 0);
   };
 }
 function Sa(e, t) {
-  return typeof e == "function" ? wa(e) : va(e, t);
+  return typeof e == "function" ? ba(e) : ya(e, t);
 }
-const Ta = 50, pn = () => ({
+const wa = 50, mn = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -2767,11 +2767,11 @@ const Ta = 50, pn = () => ({
   targetLength: 0,
   containerLength: 0,
   velocity: 0
-}), Va = () => ({
+}), Ta = () => ({
   time: 0,
-  x: pn(),
-  y: pn()
-}), xa = {
+  x: mn(),
+  y: mn()
+}), Va = {
   x: {
     length: "Width",
     position: "Left"
@@ -2781,16 +2781,16 @@ const Ta = 50, pn = () => ({
     position: "Top"
   }
 };
-function mn(e, t, n, s) {
-  const i = n[t], { length: r, position: o } = xa[t], a = i.current, l = n.time;
-  i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = dt(0, i.scrollLength, i.current);
+function gn(e, t, n, s) {
+  const i = n[t], { length: r, position: o } = Va[t], a = i.current, l = n.time;
+  i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = pt(0, i.scrollLength, i.current);
   const u = s - l;
-  i.velocity = u > Ta ? 0 : re(i.current - a, u);
+  i.velocity = u > wa ? 0 : oe(i.current - a, u);
 }
-function Aa(e, t, n) {
-  mn(e, "x", t, n), mn(e, "y", t, n), t.time = n;
+function xa(e, t, n) {
+  gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
 }
-function Ea(e, t) {
+function Aa(e, t) {
   const n = { x: 0, y: 0 };
   let s = e;
   for (; s && s !== t; )
@@ -2829,30 +2829,30 @@ const Ma = {
     [0, 0],
     [1, 1]
   ]
-}, se = {
+}, ie = {
   start: 0,
   center: 0.5,
   end: 1
 };
-function gn(e, t, n = 0) {
+function yn(e, t, n = 0) {
   let s = 0;
-  if (e in se && (e = se[e]), typeof e == "string") {
+  if (e in ie && (e = ie[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 Ca = [0, 0];
+const Ea = [0, 0];
 function Pa(e, t, n, s) {
-  let i = Array.isArray(e) ? e : Ca, r = 0, o = 0;
-  return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, se[e] ? e : "0"]), r = gn(i[0], n, s), o = gn(i[1], t), r - o;
+  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 Fa = { x: 0, y: 0 };
-function Oa(e) {
+const Ca = { x: 0, y: 0 };
+function Fa(e) {
   return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
 }
-function Da(e, t, n) {
-  const { offset: s = Ma.All } = n, { target: i = e, axis: r = "y" } = n, o = r === "y" ? "height" : "width", a = i !== e ? Ea(i, e) : Fa, l = i === e ? { width: e.scrollWidth, height: e.scrollHeight } : Oa(i), u = {
+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 = {
     width: e.clientWidth,
     height: e.clientHeight
   };
@@ -2863,9 +2863,9 @@ function Da(e, t, n) {
     const p = Pa(s[h], u[o], l[o], a[r]);
     !c && p !== t[r].interpolatorOffsets[h] && (c = !0), t[r].offset[h] = p;
   }
-  c && (t[r].interpolate = Te(t[r].offset, le(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
+  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);
 }
-function Ba(e, t = e, n) {
+function Da(e, t = e, n) {
   if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
     let s = t;
     for (; s && s !== e; )
@@ -2873,101 +2873,101 @@ function Ba(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 Ra(e, t, n, s = {}) {
+function Ba(e, t, n, s = {}) {
   return {
-    measure: () => Ba(e, s.target, n),
+    measure: () => Da(e, s.target, n),
     update: (i) => {
-      Aa(e, n, i), (s.offset || s.target) && Da(e, n, s);
+      xa(e, n, i), (s.offset || s.target) && Oa(e, n, s);
     },
     notify: () => t(n)
   };
 }
-const et = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), vn = (e) => e === document.documentElement ? window : e;
-function Ae(e, { container: t = document.documentElement, ...n } = {}) {
-  let s = kt.get(t);
-  s || (s = /* @__PURE__ */ new Set(), kt.set(t, s));
-  const i = Va(), r = Ra(t, e, i, n);
-  if (s.add(r), !et.has(t)) {
+const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), bn = (e) => e === document.documentElement ? window : e;
+function Me(e, { container: t = document.documentElement, ...n } = {}) {
+  let s = _t.get(t);
+  s || (s = /* @__PURE__ */ new Set(), _t.set(t, s));
+  const i = Ta(), r = Ba(t, e, i, n);
+  if (s.add(r), !nt.has(t)) {
     const a = () => {
       for (const h of s)
         h.measure();
     }, l = () => {
       for (const h of s)
-        h.update(Z.timestamp);
+        h.update(J.timestamp);
     }, u = () => {
       for (const h of s)
         h.notify();
     }, c = () => {
-      E.read(a, !1, !0), E.read(l, !1, !0), E.update(u, !1, !0);
+      M.read(a, !1, !0), M.read(l, !1, !0), M.update(u, !1, !0);
     };
-    et.set(t, c);
-    const f = vn(t);
-    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && yn.set(t, Sa(t, c)), f.addEventListener("scroll", c, { passive: !0 });
+    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 });
   }
-  const o = et.get(t);
-  return E.read(o, !1, !0), () => {
+  const o = nt.get(t);
+  return M.read(o, !1, !0), () => {
     var a;
     R(o);
-    const l = kt.get(t);
+    const l = _t.get(t);
     if (!l || (l.delete(r), l.size))
       return;
-    const u = et.get(t);
-    et.delete(t), u && (vn(t).removeEventListener("scroll", u), (a = yn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
+    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 js(e, t) {
+function _s(e, t) {
   let n;
   const s = () => {
     const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
     n !== o && e(o), n = o;
   };
-  return E.update(s, !0), () => R(s);
+  return M.update(s, !0), () => R(s);
 }
-function Ia({ source: e, container: t, axis: n = "y" }) {
+function Ra({ source: e, container: t, axis: n = "y" }) {
   e && (t = e);
-  const s = { value: 0 }, i = Ae((r) => {
+  const s = { value: 0 }, i = Me((r) => {
     s.value = r[n].progress * 100;
   }, { container: t, axis: n });
   return { currentTime: s, cancel: i };
 }
 const zt = /* @__PURE__ */ new Map();
-function Us({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
+function zs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
   e && (t = e), zt.has(t) || zt.set(t, {});
   const s = zt.get(t);
-  return s[n] || (s[n] = Hn() ? new ScrollTimeline({ source: t, axis: n }) : Ia({ source: t, axis: n })), s[n];
+  return s[n] || (s[n] = jn() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
 }
-function La(e) {
+function Ia(e) {
   return e.length === 2;
 }
-function Hs(e) {
+function js(e) {
   return e && (e.target || e.offset);
 }
-function Na(e, t) {
-  return La(e) || Hs(t) ? Ae((n) => {
+function La(e, t) {
+  return Ia(e) || js(t) ? Me((n) => {
     e(n[t.axis].progress, n);
-  }, t) : js(e, Us(t));
+  }, t) : _s(e, zs(t));
 }
-function $a(e, t) {
-  if (Hs(t))
-    return e.pause(), Ae((n) => {
+function Na(e, t) {
+  if (js(t))
+    return e.pause(), Me((n) => {
       e.time = e.duration * n[t.axis].progress;
     }, t);
   {
-    const n = Us(t);
-    return e.attachTimeline(n, (s) => (s.pause(), js((i) => {
+    const n = zs(t);
+    return e.attachTimeline(n, (s) => (s.pause(), _s((i) => {
       s.time = s.duration * i;
     }, n)));
   }
 }
-function Ka(e, { axis: t = "y", ...n } = {}) {
+function $a(e, { axis: t = "y", ...n } = {}) {
   const s = { axis: t, ...n };
-  return typeof e == "function" ? Na(e, s) : $a(e, s);
+  return typeof e == "function" ? La(e, s) : Na(e, s);
 }
-const Wa = {
+const Ka = {
   some: 0,
   all: 1
 };
-function _a(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
+function Wa(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,18 +2980,18 @@ function _a(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
   }, l = new IntersectionObserver(a, {
     root: n,
     rootMargin: s,
-    threshold: typeof i == "number" ? i : Wa[i]
+    threshold: typeof i == "number" ? i : Ka[i]
   });
   return r.forEach((u) => l.observe(u)), () => l.disconnect();
 }
-function Nl(e, t = "end") {
+function $l(e, t = "end") {
   return (n) => {
     n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
     const s = n * e, i = t === "end" ? Math.floor(s) : Math.ceil(s);
     return H(0, 1, i / e);
   };
 }
-function Ga(e, t) {
+function ka(e, t) {
   if (e === "first")
     return 0;
   {
@@ -2999,65 +2999,45 @@ function Ga(e, t) {
     return e === "last" ? n : n / 2;
   }
 }
-function $l(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
+function Kl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
   return (i, r) => {
-    const o = typeof n == "number" ? n : Ga(n, r), a = Math.abs(o - i);
+    const o = typeof n == "number" ? n : ka(n, r), a = Math.abs(o - i);
     let l = e * a;
     if (s) {
       const u = r * e;
-      l = Jt(s)(l / u) * u;
+      l = Qt(s)(l / u) * u;
     }
     return t + l;
   };
 }
-const ka = (e) => e && typeof e == "object" && e.mix, za = (e) => ka(e) ? e.mix : void 0;
-function ja(...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 = Te(i, r, {
-    mixer: za(r[0]),
+const Ga = (e) => e && typeof e == "object" && e.mix, _a = (e) => Ga(e) ? e.mix : void 0;
+function za(...e) {
+  const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = Ve(i, r, {
+    mixer: _a(r[0]),
     ...o
   });
   return t ? a(s) : a;
 }
-function Ua(e, t) {
+function ja(e, t) {
   const n = N.now(), s = ({ timestamp: i }) => {
     const r = i - n;
     r >= t && (R(s), e(r - t));
   };
-  return E.read(s, !0), () => R(s);
+  return M.read(s, !0), () => R(s);
 }
-function Kl(e, t) {
-  return Ua(e, P(t));
-}
-const bn = (e, t) => Math.abs(e - t);
 function Wl(e, t) {
-  const n = bn(e.x, t.x), s = bn(e.y, t.y);
-  return Math.sqrt(n ** 2 + s ** 2);
+  return ja(e, C(t));
 }
-const _l = E, Gl = nt.reduce((e, t) => (e[t] = (n) => R(n), e), {});
-function Ha(e) {
-  return typeof e == "function" ? e() : In(e);
-}
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const wn = (e) => typeof e < "u";
-function Ya(e) {
-  var t;
-  const n = Ha(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-function qa() {
-  const e = Ln(), t = ei(() => {
-    var n, s;
-    return ["#text", "#comment"].includes((n = e.value) == null ? void 0 : n.$el.nodeName) ? (s = e.value) == null ? void 0 : s.$el.nextElementSibling : Ya(e);
-  });
-  return {
-    primitiveElement: e,
-    currentElement: t
-  };
+const Sn = (e, t) => Math.abs(e - t);
+function kl(e, t) {
+  const n = Sn(e.x, t.x), s = Sn(e.y, t.y);
+  return Math.sqrt(n ** 2 + s ** 2);
 }
-function Ee(e, t) {
+const Gl = M, _l = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
+function Us(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
   return [(o) => {
-    const a = ni(s, o);
+    const a = Js(s, o);
     if (a || a === null)
       return a;
     throw new Error(
@@ -3065,22 +3045,22 @@ function Ee(e, t) {
         ", "
       )}` : `\`${e}\``}`
     );
-  }, (o) => (si(s, o), o)];
+  }, (o) => (Qs(s, o), o)];
 }
-function ut(e) {
+function Y(e) {
   return !!(e && e.getVelocity);
 }
-const [Xa, Za] = Ee("Motion"), [Ja, kl] = Ee("AnimatePresenceContext");
-function Sn(e, t) {
+const [Ua, Ha] = Us("Motion");
+function wn(e, t) {
   if (typeof e == "object")
     return e;
   if (e && t)
     return t[e];
 }
-function Qa(e, t) {
-  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !tl(e, t) : e !== t;
+function Ya(e, t) {
+  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !Xa(e, t) : e !== t;
 }
-function tl(e, t) {
+function Xa(e, t) {
   const n = t.length;
   if (n !== e.length)
     return !1;
@@ -3089,26 +3069,26 @@ function tl(e, t) {
       return !1;
   return !0;
 }
-function el(e, t) {
+function qa(e, t) {
   !e.includes(t) && e.push(t);
 }
-function nl(e, t) {
+function Za(e, t) {
   const n = e.indexOf(t);
   n !== -1 && e.splice(n, 1);
 }
-function sl(e, t) {
+function Ja(e, t) {
   return e[t] ? { ...e, ...e[t] } : { ...e };
 }
 function Tn(e) {
   return e == null ? void 0 : e.startsWith("--");
 }
-function il() {
+function Qa() {
 }
-const rl = (e) => e;
-function ol(e) {
+const tl = (e) => e;
+function el(e) {
   return typeof e == "number";
 }
-const al = [
+const nl = [
   "animate",
   "circle",
   "defs",
@@ -3164,15 +3144,16 @@ const al = [
   "linearGradient",
   "radialGradient",
   "textPath"
-], ll = new Set(al);
-function Vn(e) {
-  return ll.has(e);
+], sl = new Set(nl);
+function il(e) {
+  return sl.has(e);
 }
-const xn = {
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Vn = (e) => typeof e < "u", xn = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => `${e}deg`
-}, ul = {
+}, rl = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
@@ -3182,33 +3163,33 @@ const xn = {
   scale: {
     syntax: "<number>",
     initialValue: 1,
-    toDefaultUnit: rl
+    toDefaultUnit: tl
   },
   skew: xn
-}, cl = ["translate", "scale", "rotate", "skew"], fl = ["", "X", "Y", "Z"], Me = /* @__PURE__ */ new Map(), Pt = ["x", "y", "z"];
-cl.forEach((e) => {
-  fl.forEach((t) => {
-    Pt.push(e + t), Me.set(
+}, 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(
       e + t,
-      ul[e]
+      rl[e]
     );
   });
 });
-const hl = new Set(Pt), dl = (e) => hl.has(e), An = {
+const ll = new Set(Ct), ul = (e) => ll.has(e), An = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
 };
-function pl([e], [t]) {
-  return Pt.indexOf(e) - Pt.indexOf(t);
+function cl([e], [t]) {
+  return Ct.indexOf(e) - Ct.indexOf(t);
 }
-function ml(e, [t, n]) {
+function fl(e, [t, n]) {
   return `${e} ${t}(${n})`;
 }
-function gl(e) {
-  return e.sort(pl).reduce(ml, "").trim();
+function hl(e) {
+  return e.sort(cl).reduce(fl, "").trim();
 }
-const yl = {
+const dl = {
   translate: [0, 0],
   rotate: 0,
   scale: 1,
@@ -3216,11 +3197,11 @@ const yl = {
   x: 0,
   y: 0,
   z: 0
-}, Ys = {
+}, pl = {
   get: (e, t) => {
     let n = Tn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
     if (!n && n !== "0") {
-      const s = Me.get(t);
+      const s = Ee.get(t);
       s && (n = s.initialValue);
     }
     return n;
@@ -3229,22 +3210,82 @@ const yl = {
     Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
   }
 };
-function wt(e) {
+function jt(e) {
   var s;
   const t = {}, n = [];
   for (let i in e) {
     let r = e[i];
-    r = ut(r) ? r.get() : r, dl(i) && i in An && (i = An[i]);
+    r = Y(r) ? r.get() : r, ul(i) && i in An && (i = An[i]);
     let o = Array.isArray(r) ? r[0] : r;
-    const a = Me.get(i);
-    a ? (o = ol(r) ? (s = a.toDefaultUnit) == null ? void 0 : s.call(a, r) : r, n.push([i, o])) : t[i] = o;
-  }
-  return n.length && (t.transform = gl(n)), t;
+    const a = Ee.get(i);
+    a ? (o = el(r) ? (s = a.toDefaultUnit) == null ? void 0 : s.call(a, r) : r, n.push([i, o])) : t[i] = o;
+  }
+  return n.length && (t.transform = hl(n)), t;
+}
+const Mn = {
+  fill: !0,
+  stroke: !0,
+  strokeWidth: !0,
+  opacity: !0,
+  fillOpacity: !0,
+  strokeOpacity: !0,
+  strokeLinecap: !0,
+  strokeLinejoin: !0,
+  strokeDasharray: !0,
+  strokeDashoffset: !0,
+  cx: !0,
+  cy: !0,
+  r: !0,
+  d: !0,
+  x: !0,
+  y: !0,
+  x1: !0,
+  y1: !0,
+  x2: !0,
+  y2: !0,
+  points: !0,
+  pathLength: !0,
+  transform: !0,
+  viewBox: !0,
+  width: !0,
+  height: !0,
+  preserveAspectRatio: !0,
+  clipPath: !0,
+  filter: !0,
+  mask: !0,
+  stopColor: !0,
+  stopOpacity: !0,
+  gradientTransform: !0,
+  gradientUnits: !0,
+  spreadMethod: !0,
+  markerEnd: !0,
+  markerMid: !0,
+  markerStart: !0,
+  textAnchor: !0,
+  dominantBaseline: !0,
+  fontFamily: !0,
+  fontSize: !0,
+  fontWeight: !0,
+  letterSpacing: !0,
+  vectorEffect: !0
+};
+function ml(e) {
+  const t = {}, n = {};
+  for (const s in e)
+    if (s in Mn) {
+      const i = Mn[s], r = typeof i == "string" ? i : s, o = e[s];
+      t[r] = Y(o) ? o.get() : o;
+    } else
+      n[s] = e[s];
+  return {
+    attributes: t,
+    style: n
+  };
 }
-function qs(e) {
-  return e ? e.flatMap((t) => t.type === ii ? qs(t.children) : [t]) : [];
+function Hs(e) {
+  return e ? e.flatMap((t) => t.type === ti ? Hs(t.children) : [t]) : [];
 }
-const vl = Ot({
+const gl = Ot({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: n }) {
@@ -3252,20 +3293,20 @@ const vl = Ot({
       var l, u;
       if (!n.default)
         return null;
-      const s = qs(n.default()), i = s.findIndex((c) => c.type !== ri);
+      const s = Hs(n.default()), i = s.findIndex((c) => c.type !== ei);
       if (i === -1)
         return s;
       const r = s[i];
       (l = r.props) == null || delete l.ref;
-      const o = r.props ? Nn(t, r.props) : t;
+      const o = r.props ? re(t, r.props) : t;
       t.class && ((u = r.props) != null && u.class) && delete r.props.class;
-      const a = oi(r, o);
+      const a = ni(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);
     };
   }
-}), bl = Ot({
+}), yl = Ot({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -3280,33 +3321,33 @@ const vl = 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(vl, 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(gl, t, { default: n.default });
   }
 });
-var Xs = function() {
-}, Zs = function() {
+var Ys = function() {
+}, Xs = function() {
 };
-process.env.NODE_ENV !== "production" && (Xs = function(e, t) {
+process.env.NODE_ENV !== "production" && (Ys = function(e, t) {
   !e && typeof console < "u" && console.warn(t);
-}, Zs = function(e, t) {
+}, Xs = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-class Js {
+class Pe {
   constructor(t) {
     this.state = t;
   }
   update() {
   }
 }
-class wl {
+class vl {
   constructor(t) {
     this.features = [], this.features = [
+      new bl(t),
       new Sl(t),
-      new Tl(t),
-      new Vl(t),
-      // new DragGesture(state),
-      new xl(t)
+      new wl(t),
+      new xl(t),
+      new Tl(t)
     ];
   }
   mount() {
@@ -3319,12 +3360,12 @@ class wl {
     this.features.forEach((t) => t.update());
   }
 }
-function ct(e, t, n) {
+function ft(e, t, n) {
   e.dispatchEvent(
     new CustomEvent(t, { detail: { originalEvent: n } })
   );
 }
-class Ce extends Js {
+class Ce extends Pe {
   updateGestureSubscriptions() {
     const t = this.isActive();
     t && !this.removeGestureSubscriptions ? this.removeGestureSubscriptions = this.subscribeEvents() : !t && this.removeGestureSubscriptions && (this.removeGestureSubscriptions(), this.removeGestureSubscriptions = void 0);
@@ -3336,10 +3377,10 @@ class Ce extends Js {
 }
 function En(e, t, n) {
   return (s) => {
-    s.pointerType && s.pointerType !== "mouse" || (n(), ct(e, t, s));
+    s.pointerType && s.pointerType !== "mouse" || (n(), ft(e, t, s));
   };
 }
-class Sl extends Ce {
+class bl extends Ce {
   isActive() {
     return !!this.state.getOptions().hover;
   }
@@ -3362,16 +3403,16 @@ class Sl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class Tl extends Ce {
+class Sl extends Ce {
   isActive() {
     return !!this.state.getOptions().press;
   }
   constructor(t) {
     super(t), this.subscribeEvents = () => {
       const n = this.state.getElement(), s = (r) => {
-        this.state.setActive("press", !1), ct(n, "pressend", r), window.removeEventListener("pointerup", s);
+        this.state.setActive("press", !1), ft(n, "pressend", r), window.removeEventListener("pointerup", s);
       }, i = (r) => {
-        this.state.setActive("press", !0), ct(n, "pressstart", r), window.addEventListener("pointerup", s);
+        this.state.setActive("press", !0), ft(n, "pressstart", r), window.addEventListener("pointerup", s);
       };
       return n.addEventListener("pointerdown", i), () => {
         n.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", s);
@@ -3385,7 +3426,7 @@ class Tl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class Vl extends Ce {
+class wl extends Ce {
   isActive() {
     return !!this.state.getOptions().inView;
   }
@@ -3393,10 +3434,10 @@ class Vl 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 _a(n, (o) => {
-        if (this.state.setActive("inView", !0), ct(n, "viewenter", o), !s)
+      return Wa(n, (o) => {
+        if (this.state.setActive("inView", !0), ft(n, "viewenter", o), !s)
           return (a) => {
-            this.state.setActive("inView", !1), ct(n, "viewleave", a);
+            this.state.setActive("inView", !1), ft(n, "viewleave", a);
           };
       }, i);
     };
@@ -3408,7 +3449,7 @@ class Vl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class xl extends Js {
+class Tl extends Pe {
   constructor() {
     super(...arguments), this.handlers = {};
   }
@@ -3457,55 +3498,81 @@ class xl extends Js {
     });
   }
 }
-let k;
-const Mn = (e) => e.next(), Al = (e) => e.animateUpdates();
-function El() {
-  if (!k)
+function Vl(e) {
+  return e instanceof SVGElement && e.tagName !== "svg";
+}
+class xl extends Pe {
+  mount() {
+    const t = this.state.getElement();
+    if (!Vl(t))
+      return;
+    const n = this.state.visualElement;
+    M.read(() => {
+      try {
+        n.renderState.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
+      } catch {
+        n.renderState.dimensions = {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        };
+      }
+    });
+  }
+  unmount() {
+    console.log("SVGRender unmount");
+  }
+}
+let _;
+const Pn = (e) => e.next(), Al = (e) => e.animateUpdates();
+function Ml() {
+  if (!_)
     return;
-  const e = k.sort(Cl).map(Al);
-  e.forEach(Mn), e.forEach(Mn), k = void 0;
+  const e = _.sort(Pl).map(Al);
+  e.forEach(Pn), e.forEach(Pn), _ = void 0;
 }
 function Cn(e) {
-  k ? el(k, e) : (k = [e], requestAnimationFrame(El));
+  _ ? qa(_, e) : (_ = [e], requestAnimationFrame(Ml));
 }
-function Ml(e) {
-  k && nl(k, e);
+function El(e) {
+  _ && Za(_, e);
 }
-function Cl(e, t) {
+function Pl(e, t) {
   return e.getDepth() - t.getDepth();
 }
-function Pn(e, t, n) {
+function Fn(e, t, n) {
   return new CustomEvent(e, { detail: { target: t, isExit: n } });
 }
-const Fn = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
-class Pl {
+const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
+class Cl {
   constructor(t, n) {
     this.element = null, this.context = {}, this.activeStates = {
       initial: !0,
       animate: !0
     }, this.options = t, this.parent = n, this.depth = (n == null ? void 0 : n.depth) + 1 || 0, this.initContext();
     const s = t.initial === !1 ? "animate" : "initial";
-    this.featureManager = new wl(this), this.initTarget(s);
+    this.featureManager = new vl(this), this.initTarget(s);
   }
   initContext() {
     var t;
-    for (const n of Fn)
+    for (const n of On)
       this.context[n] = typeof this.options[n] == "string" ? this.options[n] : (t = this.parent) == null ? void 0 : t.context[n];
   }
   initTarget(t) {
-    this.baseTarget = Sn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
+    this.baseTarget = wn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
   }
   get initial() {
-    return wn(this.options.initial) ? this.options.initial : this.context.initial;
+    return Vn(this.options.initial) ? this.options.initial : this.context.initial;
   }
   mount(t) {
     var s;
-    Zs(
+    Xs(
       !!t,
       "Animation state must be mounted with valid Element"
     ), this.element = t, Ft.set(t, this), $.get(t) || ks(t);
     const n = $.get(t);
-    if (this.visualElement = n, n.triggerBuild(), n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
+    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)
         n.setStaticValue(i, this.initial[i]);
     else if (typeof this.initial == "string" && this.options.variants)
@@ -3515,7 +3582,7 @@ class Pl {
   }
   unmount() {
     var t;
-    Ft.delete(this.element), Ml(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
+    Ft.delete(this.element), El(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
   }
   update(t) {
     var n;
@@ -3528,18 +3595,18 @@ class Pl {
     const t = this.target;
     this.target = {};
     const n = {};
-    for (const l of Fn) {
+    for (const l of On) {
       if (!this.activeStates[l])
         continue;
-      const u = Sn(
-        wn(this.options[l]) ? this.options[l] : this.context[l],
+      const u = wn(
+        Vn(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] = sl(
+        f !== "transition" && (this.target[f] = u[f], n[f] = Ja(
           u.transition ?? this.options.transition ?? {},
           f
         ));
@@ -3550,11 +3617,11 @@ class Pl {
     ]), i = [];
     s.forEach((l) => {
       var u;
-      this.target[l] === void 0 && (this.target[l] = this.baseTarget[l]), Qa(t[l], this.target[l]) && ((u = this.baseTarget)[l] ?? (u[l] = Ys.get(this.element, l)), i.push(
-        () => oa(
+      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.element,
           {
-            [l]: this.target[l] === "none" ? yl[l] : this.target[l]
+            [l]: this.target[l] === "none" ? dl[l] : this.target[l]
           },
           n[l] || {}
         )
@@ -3564,13 +3631,13 @@ class Pl {
     if (!r.length)
       return;
     const o = this.target;
-    this.element.dispatchEvent(Pn("motionstart", o));
+    this.element.dispatchEvent(Fn("motionstart", o));
     const a = this.activeStates.exit;
     Promise.all(r).then(() => {
-      this.element.dispatchEvent(Pn("motioncomplete", {
+      this.element.dispatchEvent(Fn("motioncomplete", {
         ...o
       }, a));
-    }).catch(il);
+    }).catch(Qa);
   }
   isMounted() {
     return !!this.element;
@@ -3588,11 +3655,16 @@ class Pl {
     return this.target;
   }
 }
-const zl = /* @__PURE__ */ Ot({
+const at = /* @__PURE__ */ new WeakMap();
+function Dn(e) {
+  const t = at.get(e);
+  t && e.removeEventListener("motioncomplete", t), at.delete(e);
+}
+const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
   name: "Motion",
-  inheritAttrs: !0,
+  inheritAttrs: !1,
   __name: "Motion",
-  props: /* @__PURE__ */ ai({
+  props: /* @__PURE__ */ si({
     as: {},
     asChild: { type: Boolean },
     inViewOptions: {},
@@ -3623,49 +3695,55 @@ const zl = /* @__PURE__ */ Ot({
     inView: void 0
   }),
   setup(e) {
-    const t = e, { initial: n } = Ja({ initial: Ln(void 0) }), s = Xa(null), i = new Pl(
+    const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i = Ua(null), r = ri(), o = new Cl(
       {
+        ...r,
         ...t
       },
-      s
+      i
     );
-    Za(i);
-    const { primitiveElement: r, currentElement: o } = qa();
-    $n(() => {
-      i.mount(o.value), Vn(t.as) && Ys.set(o.value, "opacity", ""), i.update({
+    Ha(o);
+    const a = oi();
+    Ln(() => {
+      o.mount(a == null ? void 0 : a.vnode.el), o.update({
+        ...r,
         ...t,
-        style: { ...wt(i.getTarget()), ...t.style },
-        initial: n.value === !1 ? n.value : t.initial === !0 ? void 0 : t.initial
+        style: { ...jt(o.getTarget()), ...t.style }
       });
     }), Dt(() => {
-    }), li(() => {
-      i.update({
+      s(a == null ? void 0 : a.vnode.el) && o.unmount();
+    }), ai(() => {
+      o.update({
+        ...r,
         ...t,
         initial: n.value === !1 ? n.value : t.initial === !0 ? void 0 : t.initial
       });
     });
-    function a() {
-      return Vn(t.as) && !i.isMounted() ? { opacity: 0 } : i.isMounted() ? wt(t.style) : { ...wt(t.style), ...wt(i.getTarget()) };
+    function l() {
+      const u = { ...r };
+      Object.keys(r).forEach((f) => {
+        Y(r[f]) && (u[f] = r[f].get());
+      });
+      let c = {};
+      if (!o.isMounted())
+        if (il(t.as)) {
+          const { attributes: f, style: h } = ml(o.getTarget());
+          Object.assign(u, f), Object.assign(c, h, t.style);
+        } else
+          Object.assign(c, t.style, o.getTarget());
+      return c = jt(c), u.style = jt(c), u;
     }
-    return (l, u) => (Kn(), Wn(In(bl), {
-      ref_key: "primitiveElement",
-      ref: r,
-      as: l.as,
-      "as-child": l.asChild,
-      style: ui(a())
-    }, {
-      default: _n(() => [
-        Gn(l.$slots, "default")
+    return (u, c) => (Nn(), $n(li(yl), re({
+      as: u.as,
+      "as-child": u.asChild
+    }, l()), {
+      default: Kn(() => [
+        Wn(u.$slots, "default")
       ]),
       _: 3
-    }, 8, ["as", "as-child", "style"]));
+    }, 16, ["as", "as-child"]));
   }
-}), ie = /* @__PURE__ */ new WeakMap();
-function On(e) {
-  const t = ie.get(e);
-  t && e.removeEventListener("motioncomplete", t), ie.delete(e);
-}
-const [jl, Fl] = Ee("AnimatePresenceContext"), Ul = /* @__PURE__ */ Ot({
+}), jl = /* @__PURE__ */ Ot({
   name: "AnimatePresence",
   inheritAttrs: !1,
   __name: "AnimatePresence",
@@ -3676,26 +3754,29 @@ const [jl, Fl] = Ee("AnimatePresenceContext"), Ul = /* @__PURE__ */ Ot({
     as: {}
   },
   setup(e) {
-    const t = e, { initial: n } = ci(t);
-    Fl({
-      initial: n
+    const t = e, { initial: n } = ui(t);
+    Ol({
+      initial: n,
+      safeUnmount(r) {
+        return !at.has(r);
+      }
     });
     function s(r) {
       const o = Ft.get(r);
-      o && (On(r), o.setActive("exit", !1));
+      o && (Dn(r), o.setActive("exit", !1));
     }
     function i(r, o) {
       const a = Ft.get(r);
       if (!a)
         return o();
-      a.setActive("exit", !0), On(r);
+      a.setActive("exit", !0), Dn(r);
       function l(u) {
         var c;
-        (c = u == null ? void 0 : u.detail) != null && c.isExit && o();
+        (c = u == null ? void 0 : u.detail) != null && c.isExit && (at.delete(r), a.unmount(), o());
       }
-      ie.set(r, l), r.addEventListener("motioncomplete", l);
+      at.set(r, l), r.addEventListener("motioncomplete", l);
     }
-    return (r, o) => (Kn(), Wn(fi(r.multiple ? hi : di), Nn({
+    return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi), re({
       tag: r.multiple ? r.as : void 0,
       css: !1,
       mode: r.mode === "wait" ? "out-in" : void 0
@@ -3703,15 +3784,15 @@ const [jl, Fl] = Ee("AnimatePresenceContext"), Ul = /* @__PURE__ */ Ot({
       onEnter: s,
       onLeave: i
     }), {
-      default: _n(() => [
-        Gn(r.$slots, "default")
+      default: Kn(() => [
+        Wn(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag", "mode"]));
   }
 });
-function Pe(e) {
-  const t = D(e()), n = () => t.set(e()), s = () => E.preRender(n, !1, !0);
+function Fe(e) {
+  const t = D(e()), n = () => t.set(e()), s = () => M.preRender(n, !1, !0);
   let i;
   const r = (a) => {
     i = a.map((l) => l.on("change", s));
@@ -3726,24 +3807,24 @@ function Pe(e) {
     value: t
   };
 }
-function Ol(e) {
+function Dl(e) {
   G.current = [];
-  const { value: t, subscribe: n, unsubscribe: s } = Pe(e);
+  const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
   return n(G.current), G.current = void 0, kn(() => {
     s(), G.current = [], e(), n(G.current), G.current = void 0;
   }), t;
 }
-function Hl(e, t, n, s) {
+function Ul(e, t, n, s) {
   if (typeof e == "function")
-    return Ol(e);
-  const i = typeof t == "function" ? t : ja(t, n, s);
-  return Array.isArray(e) ? Dn(
+    return Dl(e);
+  const i = typeof t == "function" ? t : za(t, n, s);
+  return Array.isArray(e) ? Bn(
     e,
     i
-  ) : Dn([e], ([r]) => i(r));
+  ) : Bn([e], ([r]) => i(r));
 }
-function Dn(e, t) {
-  const n = [], { value: s, subscribe: i } = Pe(() => {
+function Bn(e, t) {
+  const n = [], { value: s, subscribe: i } = Fe(() => {
     n.length = 0;
     const r = e.length;
     for (let o = 0; o < r; o++)
@@ -3752,40 +3833,40 @@ function Dn(e, t) {
   });
   return i(e), s;
 }
-function Dl(e) {
+function Bl(e) {
   let t = 0;
   const n = ({ timestamp: i, delta: r }) => {
     t || (t = i), e(i - t, r);
   }, s = () => R(n);
   kn(() => {
-    s(), E.update(n, !0);
-  }), Dt(() => s()), E.update(n, !0);
+    s(), M.update(n, !0);
+  }), Dt(() => s()), M.update(n, !0);
 }
-function Yl() {
+function Hl() {
   const e = D(0);
-  return Dl((t) => e.set(t)), e;
+  return Bl((t) => e.set(t)), e;
 }
-function ql(e, ...t) {
+function Yl(e, ...t) {
   const n = e.length;
   function s() {
     let o = "";
     for (let a = 0; a < n; a++) {
       o += e[a];
       const l = t[a];
-      l && (o += ut(l) ? l.get() : l);
+      l && (o += Y(l) ? l.get() : l);
     }
     return o;
   }
-  const { value: i, subscribe: r } = Pe(s);
-  return r(t.filter(ut)), i;
+  const { value: i, subscribe: r } = Fe(s);
+  return r(t.filter(Y)), i;
 }
-function Bn(e) {
+function Rn(e) {
   return typeof e == "number" ? e : parseFloat(e);
 }
 function Xl(e, t = {}) {
   let n = null;
   const s = D(
-    ut(e) ? Bn(e.get()) : e
+    Y(e) ? Rn(e.get()) : e
   );
   let i = s.get(), r = () => {
   };
@@ -3793,7 +3874,7 @@ function Xl(e, t = {}) {
     n && (n.stop(), n = null);
   }, a = () => {
     const l = n;
-    (l == null ? void 0 : l.time) === 0 && l.sample(Z.delta), o(), n = Jr({
+    (l == null ? void 0 : l.time) === 0 && l.sample(J.delta), o(), n = Zr({
       keyframes: [s.get(), i],
       velocity: s.getVelocity(),
       type: "spring",
@@ -3803,20 +3884,20 @@ function Xl(e, t = {}) {
       onUpdate: r
     });
   };
-  return zn(() => JSON.stringify(t), () => {
-    const l = s.attach((u, c) => (i = u, r = c, E.update(a), s.get()), o);
-    pi(() => l());
-  }, { immediate: !0 }), ut(e) && e.on("change", (l) => {
-    s.set(Bn(l));
+  return Gn(() => JSON.stringify(t), () => {
+    const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
+    di(() => l());
+  }, { immediate: !0 }), Y(e) && e.on("change", (l) => {
+    s.set(Rn(l));
   }), s;
 }
-function Rn(e, t) {
-  Xs(
+function In(e, t) {
+  Ys(
     !!(!t || t.value),
     `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
   );
 }
-function Bl() {
+function Rl() {
   return {
     scrollX: D(0),
     scrollY: D(0),
@@ -3824,15 +3905,15 @@ function Bl() {
     scrollYProgress: D(0)
   };
 }
-function Zl({
+function ql({
   container: e,
   target: t,
   ...n
 } = {}) {
-  const s = Bl();
+  const s = Rl();
   let i;
   const r = () => {
-    i == null || i(), i = Ka(
+    i == null || i(), i = $a(
       (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);
       },
@@ -3843,64 +3924,81 @@ function Zl({
       }
     );
   };
-  return $n(() => {
-    Rn("target", t), Rn("container", e), r();
-  }), Dt(() => i == null ? void 0 : i()), zn(
+  return Ln(() => {
+    In("target", t), In("container", e), r();
+  }), Dt(() => i == null ? void 0 : i()), Gn(
     () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
     r
   ), s;
 }
+const Zl = {
+  motion: [
+    "Motion",
+    "MotionPresence"
+  ]
+}, Jl = {
+  utilities: [
+    "useTransform",
+    "useTime",
+    "useMotionTemplate",
+    "useSpring",
+    "useScroll",
+    "useMotionValue"
+  ]
+};
 export {
-  Ul as AnimatePresence,
+  jl as AnimatePresence,
   zl as Motion,
-  Ti as MotionValue,
-  oa as animate,
-  Ll as animateMini,
-  rs as anticipate,
-  fe as backIn,
-  is as backInOut,
-  ss as backOut,
+  wi as MotionValue,
+  ra as animate,
+  Nl as animateMini,
+  ss as anticipate,
+  he as backIn,
+  ns as backInOut,
+  es as backOut,
   R as cancelFrame,
-  Gl as cancelSync,
-  he as circIn,
-  os as circInOut,
-  Qi as circOut,
+  _l as cancelSync,
+  de as circIn,
+  is as circInOut,
+  Ji as circOut,
   H as clamp,
-  ra as createScopedAnimate,
-  yt as cubicBezier,
-  Kl as delay,
-  bn as distance,
-  Wl as distance2D,
-  Ir as easeIn,
-  xs as easeInOut,
-  Lr as easeOut,
-  E as frame,
-  Z as frameData,
-  Il as frameSteps,
-  _a as inView,
-  en as inertia,
-  Te as interpolate,
+  Zl as components,
+  ia as createScopedAnimate,
+  vt as cubicBezier,
+  Wl as delay,
+  Sn as distance,
+  kl as distance2D,
+  Rr as easeIn,
+  Ts as easeInOut,
+  Ir as easeOut,
+  M as frame,
+  J as frameData,
+  Ll as frameSteps,
+  Wa as inView,
+  nn as inertia,
+  Ve as interpolate,
   I as invariant,
-  Et as keyframes,
-  es as mirrorEasing,
-  Es as mix,
+  Mt as keyframes,
+  Qn as mirrorEasing,
+  xs as mix,
   D as motionValue,
   we as pipe,
-  dt as progress,
-  ns as reverseEasing,
-  Ka as scroll,
-  Ae as scrollInfo,
-  ae as spring,
-  $l as stagger,
-  Nl as steps,
-  _l as sync,
-  ja as transform,
-  ql as useMotionTemplate,
+  pt as progress,
+  ts as reverseEasing,
+  $a as scroll,
+  Me as scrollInfo,
+  le as spring,
+  Kl as stagger,
+  $l as steps,
+  Gl as sync,
+  za as transform,
+  Yl as useMotionTemplate,
   D as useMotionValue,
-  Zl as useScroll,
+  ql as useScroll,
   Xl as useSpring,
-  Yl as useTime,
-  Hl as useTransform,
-  ft as warning,
-  Bi as wrap
+  Hl as useTime,
+  Ul as useTransform,
+  Jl as utilities,
+  ht as warning,
+  Di as wrap
 };