motion-v 0.2.2 → 0.2.3

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 In, onUnmounted as Dt, onUpdated as ai, openBlock as Ln, createBlock as Nn, unref as li, withCtx as $n, renderSlot as Kn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as Wn, watch as kn, onBeforeUnmount as di } from "vue";
+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 Gn {
   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();
 function Bt(e, t, n) {
   e || We.has(t) || (console.warn(t), We.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;
   }, {}), 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);
+const { schedule: M, cancel: R, state: J, steps: Rl } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
 let St;
-function wi() {
+function bi() {
   St = void 0;
 }
 const N = {
-  now: () => (St === void 0 && N.set(Z.isProcessing || gi.useManualTiming ? Z.timestamp : performance.now()), St),
+  now: () => (St === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), St),
   set: (e) => {
-    St = e, queueMicrotask(wi);
+    St = e, queueMicrotask(bi);
   }
-}, _e = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
+}, ke = 30, wi = (e) => !isNaN(parseFloat(e)), _ = {
   current: void 0
 };
-class Ti {
+class Si {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -143,7 +143,7 @@ class Ti {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Si(this.current));
+    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = wi(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -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 Gn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
-      s(), E.read(() => {
+      s(), M.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -248,7 +248,7 @@ class Ti {
    * @public
    */
   get() {
-    return G.current && G.current.push(this), this.current;
+    return _.current && _.current.push(this), this.current;
   }
   /**
    * @public
@@ -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 > ke)
       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, ke);
+    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 Si(e, t);
 }
 function Rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const Hn = Rt(() => window.ScrollTimeline !== void 0);
-class oe {
+const zn = Rt(() => window.ScrollTimeline !== void 0);
+class ae {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -347,7 +347,7 @@ class 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) => zn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
     return () => {
       s.forEach((i, r) => {
         i && i(), this.animations[r].stop();
@@ -391,24 +391,24 @@ 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) => {
+  o = H(xi, Ai, o), e = H(Vi, _e, B(e)), o < 1 ? (i = (u) => {
     const c = u * o, f = c * e, h = c - n, p = jt(u, o), m = Math.exp(-f);
     return Kt - h / p * m;
   }, r = (u) => {
@@ -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) {
   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 Ge(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 (!Ge(e, Fi) && Ge(e, Ci)) {
     const n = Mi(e);
     t = {
       ...t,
@@ -470,8 +470,8 @@ 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;
@@ -500,7 +500,7 @@ function ae({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
         o.done = T >= c;
       else {
         let S = 0;
-        m < 1 && (S = T === 0 ? P(p) : Yn(y, T, V));
+        m < 1 && (S = T === 0 ? C(p) : Un(y, T, V));
         const A = Math.abs(S) <= n, F = Math.abs(r - V) <= t;
         o.done = A && F;
       }
@@ -508,39 +508,39 @@ function ae({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
     }
   };
 }
-const Ut = 2e4;
-function qn(e) {
+const Ht = 2e4;
+function jn(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 Hn(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(jn(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 Yn(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 Yn(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 Xn(e, t, n, s) {
+  return typeof e == "string" && ce(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
 }
-function pt(e) {
+function mt(e) {
   return typeof e == "function";
 }
 function ze(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;
+}, qn = (e) => Array.isArray(e) && typeof e[0] != "number";
+function Bi(e, t) {
+  return qn(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++) {
@@ -604,36 +604,36 @@ function Ki(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
     g.at !== void 0 && (f = ze(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;
+      const x = Ki(V), { delay: O = 0, times: z = ue(x), type: Nt = "keyframes", ...qs } = S;
       let { ease: Fe = t.ease || "easeOut", duration: L } = S;
-      const Oe = typeof O == "function" ? O(F, v) : O, De = x.length, Be = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
+      const Oe = typeof O == "function" ? O(F, v) : O, De = x.length, Be = mt(Nt) ? Nt : i == null ? void 0 : i[Nt];
       if (De <= 2 && Be) {
         let Ne = 100;
-        if (De === 2 && ki(x)) {
-          const ti = x[1] - x[0];
-          Ne = Math.abs(ti);
+        if (De === 2 && _i(x)) {
+          const Zs = x[1] - x[0];
+          Ne = Math.abs(Zs);
         }
-        const $e = { ...Qs };
-        L !== void 0 && ($e.duration = P(L));
-        const Ke = Xn($e, Ne, Be);
+        const $e = { ...qs };
+        L !== void 0 && ($e.duration = C(L));
+        const Ke = Hn($e, Ne, Be);
         Fe = Ke.ease, L = Ke.duration;
       }
       L ?? (L = r);
       const Re = f + Oe, Ie = Re + 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);
+      Le > 0 && Yn(z, Le), x.length === 1 && x.unshift(null), Ii(A, x, Fe, z, Re, Ie), y = Math.max(Oe + L, y), h = Math.max(Ie, h);
     };
-    if (C(w)) {
-      const V = je(w, a);
-      T(b, g, Ue("default", V));
+    if (P(w)) {
+      const V = Ue(w, a);
+      T(b, g, je("default", V));
     } else {
-      const V = Jn(w, b, s, l), S = V.length;
+      const V = Xn(w, b, s, l), S = V.length;
       for (let A = 0; A < S; 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), je(x, v), A, S);
       }
     }
     c = f, f += y;
@@ -641,13 +641,13 @@ function Ki(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
   return a.forEach((p, m) => {
     for (const w in p) {
       const b = p[w];
-      b.sort(Ni);
+      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");
+        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: {}
       });
@@ -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 je(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", _i = (e) => e.every(ki), $ = /* @__PURE__ */ new WeakMap(), gt = [
   "transformPerspective",
   "x",
   "y",
@@ -695,12 +695,12 @@ const Gi = (e) => typeof e == "number", ki = (e) => e.every(Gi), $ = /* @__PURE_
   "skew",
   "skewX",
   "skewY"
-], Y = new Set(mt), zi = {
+], X = new Set(gt), Gi = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, ji = (e) => ({
+}, zi = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
@@ -708,80 +708,80 @@ const Gi = (e) => typeof e == "number", ki = (e) => e.every(Gi), $ = /* @__PURE_
 }), Ui = {
   type: "keyframes",
   duration: 0.8
-}, Hi = {
+}, ji = {
   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 ? Ui : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : Gi : ji;
+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 Zn = (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 = Zn(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 : Zn(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 Jn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Qn = (e) => (t) => 1 - e(1 - t), ts = /* @__PURE__ */ vt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ Qn(ts), es = /* @__PURE__ */ Jn(he), ns = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = Qn(de), ss = Jn(de), is = (e) => /^0[^.\s]+$/u.test(e);
+function Qi(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || is(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 rs = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), os = (e) => (t) => typeof t == "string" && t.startsWith(e), as = /* @__PURE__ */ os("--"), tr = /* @__PURE__ */ os("var(--"), pe = (e) => tr(e) ? er.test(e.split("/*")[0].trim()) : !1, er = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, nr = (
   // 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 ls(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 rs(o) ? parseFloat(o) : o;
   }
-  return de(i) ? fs(i, t, n + 1) : i;
+  return pe(i) ? ls(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,
+}, wt = {
+  ...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"), He = {
+  ...Z,
+  parse: (e) => Z.parse(e) / 100,
+  transform: (e) => Z.transform(e * 100)
+}, ar = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -792,25 +792,25 @@ const Q = {
   "y",
   "translateX",
   "translateY"
-]), Ye = (e) => e === Q || e === d, qe = (e, t) => parseFloat(e.split(", ")[t]), Xe = (e, t) => (n, { transform: s }) => {
+]), Ye = (e) => e === tt || e === d, Xe = (e, t) => parseFloat(e.split(", ")[t]), qe = (e, t) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/u);
   if (i)
-    return qe(i[1], t);
+    return Xe(i[1], t);
   {
     const r = s.match(/^matrix\((.+)\)$/u);
-    return r ? qe(r[1], e) : 0;
+    return r ? Xe(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: qe(4, 13),
+  y: qe(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 us = (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) {
-    const e = Array.from(U).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+}, cs = [tt, d, Z, W, or, rr, fr], Ze = (e) => cs.find(us(e)), j = /* @__PURE__ */ new Set();
+let Yt = !1, Xt = !1;
+function fs() {
+  if (Xt) {
+    const e = Array.from(j).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const i = 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, j.forEach((e) => e.complete()), j.clear();
 }
-function ms() {
-  U.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (Yt = !0);
+function hs() {
+  j.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (Xt = !0);
   });
 }
-function dr() {
-  ms(), ps();
+function hr() {
+  hs(), fs();
 }
-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 ? (j.add(this), Yt || (Yt = !0, M.read(hs), M.resolveKeyframes(fs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -888,38 +888,38 @@ class pe {
   measureEndState() {
   }
   complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), U.delete(this);
+    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), j.delete(this);
   }
   cancel() {
-    this.isComplete || (this.isScheduled = !1, U.delete(this));
+    this.isComplete || (this.isScheduled = !1, j.delete(this));
   }
   resume() {
     this.isComplete || this.scheduleResolve();
   }
 }
-const 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)), ds = (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))
-}, 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)) + ")"
+}, mr = (e) => H(0, 255, e), Wt = {
+  ...tt,
+  transform: (e) => Math.round(mr(e))
+}, U = {
+  test: /* @__PURE__ */ ye("rgb", "red"),
+  parse: /* @__PURE__ */ ds("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(lt.transform(s)) + ")"
 };
-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,
-  transform: j.transform
+  test: /* @__PURE__ */ ye("#"),
+  parse: gr,
+  transform: U.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: (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) {
+  test: /* @__PURE__ */ ye("hsl", "hue"),
+  parse: /* @__PURE__ */ ds("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(lt.transform(s)) + ")"
+}, E = {
+  test: (e) => U.test(e) || qt.test(e) || q.test(e),
+  parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : qt.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : q.transform(e)
+}, 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 ps = "number", ms = "color", br = "var", wr = "var(", Je = "${}", Sr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function ut(e) {
   const 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(Sr, (l) => (E.test(l) ? (s.color.push(r), i.push(ms), n.push(E.parse(l))) : l.startsWith(wr) ? (s.var.push(r), i.push(br), n.push(l)) : (s.number.push(r), i.push(ps), n.push(parseFloat(l))), ++r, Je)).split(Je);
   return { values: n, split: a, indexes: s, types: i };
 }
-function bs(e) {
-  return at(e).values;
+function gs(e) {
+  return ut(e).values;
 }
-function ws(e) {
-  const { split: t, types: n } = at(e), s = t.length;
+function ys(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 === ps ? r += rt(i[o]) : a === ms ? 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 = gs(e);
+  return ys(e)(t.map(Tr));
+}
+const et = {
+  test: vr,
+  parse: gs,
+  createTransformer: ys,
+  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: wt,
+  scaleX: wt,
+  scaleY: wt,
+  scaleZ: wt,
   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,
+  opacity: lt,
   originX: He,
   originY: He,
   originZ: d
 }, Qe = {
-  ...Q,
+  ...tt,
   transform: Math.round
-}, ye = {
-  ...Zt,
-  ...Cr,
+}, ve = {
+  ...Jt,
+  ...Er,
   zIndex: Qe,
   size: d,
   // SVG
-  fillOpacity: ot,
-  strokeOpacity: ot,
+  fillOpacity: lt,
+  strokeOpacity: lt,
   numOctaves: Qe
 }, 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 vs(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] = vs(n, i);
 }
-class Ts extends pe {
+class bs extends me {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1115,12 +1115,12 @@ 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 = ls(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);
     if (o !== a)
@@ -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
+(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;
+  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);
@@ -1265,9 +1265,9 @@ function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   };
   let S, A;
   const F = (v) => {
-    p(h.value) && (S = v, A = ae({
+    p(h.value) && (S = 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,
@@ -1283,38 +1283,38 @@ function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     }
   };
 }
-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), Ss = /* @__PURE__ */ vt(0.42, 0, 0.58, 1), we = (e) => Array.isArray(e) && typeof e[0] == "number", nn = {
   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: Ss,
+  easeOut: Ir,
+  circIn: de,
+  circInOut: ss,
+  circOut: Ji,
+  backIn: he,
+  backInOut: es,
+  backOut: ts,
+  anticipate: ns
+}, Qt = (e) => {
+  if (we(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 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)), Se = (...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),
@@ -1326,52 +1326,52 @@ function $r({ hue: e, saturation: t, lightness: n, alpha: s }) {
 function At(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const Gt = (e, t, n) => {
+const _t = (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));
+}, $r = [qt, U, q], Kr = (e) => $r.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)
+  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);
   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 = _t(n.red, s.red, r), i.green = _t(n.green, s.green, r), i.blue = _t(n.blue, s.blue, r), i.alpha = dt(n.alpha, s.alpha, r), U.transform(i));
+}, te = /* @__PURE__ */ new Set(["none", "hidden"]);
+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) ? rn : zr : Array.isArray(e) ? Ts : typeof e == "object" ? E.test(e) ? rn : _r : At;
 }
-function As(e, t) {
-  const n = [...e], s = n.length, i = e.map((r, o) => Se(r)(r, t[o]));
+function Ts(e, t) {
+  const n = [...e], s = n.length, i = e.map((r, o) => Te(r)(r, t[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function kr(e, t) {
+function _r(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 Gr(e, t) {
   var n;
   const s = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
@@ -1380,26 +1380,26 @@ 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) : Se(Ts(Gr(s, i), i.values), n) : (ht(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(e, t));
 };
-function Es(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Se(e)(e, t);
+function Vs(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? dt(e, t, n) : Te(e)(e, t);
 }
 function Ur(e, t, n) {
-  const s = [], i = n || Es, r = e.length - 1;
+  const s = [], i = n || Vs, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
       const l = Array.isArray(t) ? t[o] || K : t;
-      a = we(l, a);
+      a = Se(l, a);
     }
     s.push(a);
   }
   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];
@@ -1411,53 +1411,53 @@ function Te(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
     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 jr(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 || Ss).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 = qn(s) ? s.map(Qt) : Qt(s), r = {
     done: !1,
     value: t[0]
-  }, o = Hr(
+  }, o = jr(
     // 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 {
+  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 = Se(qr, Vs(t[0], t[1])), t = [0, 100]);
     const c = a({ ...this.options, keyframes: t });
     r === "mirror" && (u = a({
       ...this.options,
       keyframes: [...t].reverse(),
       velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = qn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = jn(c));
     const { calculatedDuration: f } = c, h = f + i, p = h * (s + 1) - i;
     return {
       generator: c,
@@ -1517,7 +1517,7 @@ class Lt extends Vs {
     let { done: A } = S;
     !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 && (S.value = yt(l, this.options, i)), b && b(S.value), F && this.finish(), S;
   }
   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 xs(e) {
+  return !!(typeof e == "function" && ct() || !e || typeof e == "string" && (e in ee || ct()) || we(e) || Array.isArray(e) && e.every(xs));
 }
-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 As(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) : we(e) ? it(e) : Array.isArray(e) ? e.map((n) => As(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 Ms(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
   const u = { [t]: n };
   l && (u.offset = l);
-  const c = Cs(a, i);
+  const c = As(a, i);
   return Array.isArray(c) && (u.easing = c), e.animate(u, {
     delay: s,
     duration: i,
@@ -1643,14 +1643,14 @@ function 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 Es = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Pt = 10, so = 2e4;
+function io(e) {
+  return mt(e.type) || e.type === "spring" || !xs(e.ease);
 }
-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 Ps = {
+  anticipate: ns,
+  backInOut: es,
+  circInOut: ss
 };
-function ao(e) {
-  return e in Os;
+function oo(e) {
+  return e in Ps;
 }
-class on extends Vs {
+class on 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 bs(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
   }
   initPlayback(t, n) {
     var s;
     let { duration: i = 300, times: r, ease: o, type: a, motionValue: l, name: u, startTime: c } = this.options;
     if (!(!((s = l.owner) === null || s === void 0) && s.current))
       return !1;
-    if (typeof o == "string" && 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 = Ps[o]), io(this.options)) {
+      const { onComplete: h, onUpdate: p, motionValue: m, element: w, ...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 = Ms(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
+    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Et(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
       const { 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);
+      }), w = C(this.time);
+      u.setWithVelocity(m.sample(w - Pt).value, m.sample(w).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 Es() && 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 Cs = (e, t, n, s = {}, i, r) => (o) => {
+  const a = fe(s, e) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
-  u = u - P(l);
+  u = u - C(l);
   let c = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -1852,27 +1852,27 @@ 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;
+}, lo = (e) => Array.isArray(e), uo = (e) => lo(e) ? e[e.length - 1] || 0 : e;
 function an(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 Fs(e, t, n, s) {
   if (typeof t == "function") {
     const [i, r] = an(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
@@ -1883,108 +1883,108 @@ function Bs(e, t, n, s) {
   }
   return t;
 }
-function fo(e, t, n) {
+function co(e, t, n) {
   const s = e.getProps();
-  return Bs(s, t, s.custom, e);
+  return Fs(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;
 }
-function So(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function wo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   var r;
   let { transition: o = e.getDefaultTransition(), transitionEnd: a, ...l } = t;
   s && (o = s);
   const u = [], c = i && e.animationState && e.animationState.getState()[i];
   for (const f in l) {
     const h = e.getValue(f, (r = e.latestValues[f]) !== null && r !== void 0 ? r : null), p = l[f];
-    if (p === void 0 || c && 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;
     if (window.MotionHandoffAnimation) {
-      const g = yo(e);
+      const g = go(e);
       if (g) {
-        const y = window.MotionHandoffAnimation(g, f, E);
+        const y = window.MotionHandoffAnimation(g, f, M);
         y !== null && (m.startTime = y, w = !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(Cs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, w));
     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 So(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 Os(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 = Os(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 }, Ds = { current: !1 };
 function Mo() {
-  if (Is.current = !0, !!Eo)
+  if (Ds.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 Bs(e) {
+  return Eo(e.animate) || Fo.some((t) => Po(e[t]));
 }
-function Do(e) {
-  return !!(Ls(e) || e.variants);
+function Oo(e) {
+  return !!(Bs(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)) {
@@ -2038,12 +2038,12 @@ const ln = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, ne = {};
+}, se = {};
 for (const e in ln)
-  ne[e] = {
+  se[e] = {
     isEnabled: (t) => ln[e].some((n) => !!t[n])
   };
-const Ro = [...ds, M, tt], Io = (e) => Ro.find(hs(e)), un = () => ({ min: 0, max: 0 }), xe = () => ({
+const Bo = [...cs, E, et], Ro = (e) => Bo.find(us(e)), un = () => ({ min: 0, max: 0 }), Ae = () => ({
   x: un(),
   y: un()
 }), cn = [
@@ -2055,7 +2055,7 @@ const Ro = [...ds, M, tt], Io = (e) => Ro.find(hs(e)), un = () => ({ min: 0, max
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Ns {
+class Rs {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -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 = Bs(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)), Ds.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ne.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   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];
@@ -2149,7 +2149,7 @@ class Ns {
       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" && (rs(i) || is(i)) ? i = parseFloat(i) : !Ro(i) && et.test(n) && (i = vs(t, n)), this.setBaseTarget(t, P(i) ? i.get() : i)), P(i) ? i.get() : i;
   }
   /**
    * 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 = Fs(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 Gn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class $s extends Ns {
+class Is extends Rs {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Ts;
+    super(...arguments), this.KeyframeResolver = bs;
   }
   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 Ls = (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 = Ls(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,23 +2287,23 @@ 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 Ns(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 (as(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = Ks(u, ye[l]);
+      const c = Ls(u, ve[l]);
       l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = $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}`;
   }
@@ -2311,25 +2311,25 @@ function Ws(e, t, n) {
 function fn(e, t, n) {
   return typeof e == "string" ? e : d.transform(t + n * e);
 }
-function Ko(e, t, n) {
+function $o(e, t, n) {
   const s = fn(t, e.x, e.width), i = fn(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 _o(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 (Ns(e, u, f), c) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
   const { attrs: h, style: p, dimensions: m } = e;
-  h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = 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 $s = /* @__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 Ks(e, { style: t, vars: n }, s, i) {
   Object.assign(e.style, t, i && i.getProjectionStyles(s));
   for (const r in n)
     e.style.setProperty(r, n[r]);
 }
-function zo(e, t, n, s) {
-  Gs(e, t, void 0, s);
+function Go(e, t, n, s) {
+  Ks(e, t, void 0, s);
   for (const i in t.attrs)
-    e.setAttribute(_s.has(i) ? i : Ve(i), t.attrs[i]);
+    e.setAttribute($s.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 Uo extends Is {
   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 = $s.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);
+    _o(t, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(t, n, s, i) {
-    zo(t, n, s, i);
+    Go(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 jo({ 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 jo(Ho(e.getBoundingClientRect(), t));
 }
 function Xo(e) {
   return window.getComputedStyle(e);
 }
-class Zo extends $s {
+class qo extends Is {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Gs;
+    super(...arguments), this.type = "html", this.renderInstance = Ks;
   }
   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 = (as(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);
+    Ns(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Rs(t, n, s);
+    return Os(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 Rs {
   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);
@@ -2497,7 +2497,7 @@ class Qo extends Ns {
     return 0;
   }
 }
-function ks(e) {
+function Ws(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2511,10 +2511,10 @@ function ks(e) {
       },
       latestValues: {}
     }
-  }, n = To(e) ? new Uo(t) : new Zo(t);
+  }, n = So(e) ? new Uo(t) : new qo(t);
   n.mount(e), $.set(e, n);
 }
-function ta(e) {
+function Qo(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2524,58 +2524,58 @@ 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(Cs("", 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 ks(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 = Xn(e, t, s), o = r.length;
     I(!!o, "No valid elements provided.");
     for (let a = 0; a < o; a++) {
-      const l = r[a], u = l instanceof Element ? ks : ta;
+      const l = r[a], u = l instanceof Element ? Ws : 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 }, {}));
+      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...wo(c, { ...t, transition: f }, {}));
     }
   }
   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(...ks(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 = ks(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,26 +2583,26 @@ 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 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"?`);
+    this.setValue = r ? oa : aa, this.options = i, this.updateFinishedPromise(), I(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
     const o = dn(t).get(n);
     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 = Hn(i, 100, i.type);
+      i.ease = ct() ? u.ease : hn, i.duration = C(u.duration), i.type = "keyframes";
     } else
       i.ease = i.ease || hn;
     this.removeAnimation = () => {
@@ -2610,9 +2610,9 @@ class fa {
       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();
+    Es() ? (this.animation = Ms(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Et(this.animation, this.pendingTimeline), dn(t).set(n, this)) : l();
   }
   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) {
+}, Il = /* @__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);
+function wa(e, t) {
+  return typeof e == "function" ? ba(e) : ya(e, t);
 }
-const Ta = 50, pn = () => ({
+const Sa = 50, pn = () => ({
   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 = {
+}), Va = {
   x: {
     length: "Width",
     position: "Left"
@@ -2782,15 +2782,15 @@ const Ta = 50, pn = () => ({
   }
 };
 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);
+  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 > Sa ? 0 : oe(i.current - a, u);
 }
-function Aa(e, t, n) {
+function xa(e, t, n) {
   mn(e, "x", t, n), mn(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) {
   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 = gn(i[0], n, s), o = gn(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(), yn = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), vn = (e) => e === document.documentElement ? window : e;
+function Me(e, { container: t = document.documentElement, ...n } = {}) {
+  let s = Gt.get(t);
+  s || (s = /* @__PURE__ */ new Set(), Gt.set(t, s));
+  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);
+    nt.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 });
+    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && yn.set(t, wa(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 = Gt.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 && (vn(t).removeEventListener("scroll", u), (a = yn.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 Gs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
   e && (t = e), zt.has(t) || zt.set(t, {});
   const s = zt.get(t);
-  return s[n] || (s[n] = Hn() ? new ScrollTimeline({ source: t, axis: n }) : Ia({ source: t, axis: n })), s[n];
+  return s[n] || (s[n] = zn() ? 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 zs(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) || zs(t) ? Me((n) => {
     e(n[t.axis].progress, n);
-  }, t) : js(e, Us(t));
+  }, t) : _s(e, Gs(t));
 }
-function $a(e, t) {
-  if (Hs(t))
-    return e.pause(), Ae((n) => {
+function Na(e, t) {
+  if (zs(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 = Gs(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 Ll(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,21 +2999,21 @@ function Ga(e, t) {
     return e === "last" ? n : n / 2;
   }
 }
-function $l(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
+function Nl(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 _a = (e) => e && typeof e == "object" && e.mix, Ga = (e) => _a(e) ? e.mix : void 0;
+function za(...e) {
+  const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = Ve(i, r, {
+    mixer: Ga(r[0]),
     ...o
   });
   return t ? a(s) : a;
@@ -3023,41 +3023,21 @@ function Ua(e, t) {
     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));
+function $l(e, t) {
+  return Ua(e, C(t));
 }
 const bn = (e, t) => Math.abs(e - t);
-function Wl(e, t) {
+function Kl(e, t) {
   const n = bn(e.x, t.x), s = bn(e.y, t.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
-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
-  };
-}
-function Ee(e, t) {
+const Wl = M, kl = 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 [ja, 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) {
+function Sn(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,51 +3144,52 @@ 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 Tn = (e) => typeof e < "u", Vn = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => `${e}deg`
-}, ul = {
+}, rl = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
     toDefaultUnit: (e) => `${e}px`
   },
-  rotate: xn,
+  rotate: Vn,
   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(
+  skew: Vn
+}, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Ct = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
+ol.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), xn = {
   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,35 +3197,95 @@ const yl = {
   x: 0,
   y: 0,
   z: 0
-}, Ys = {
+}, pl = {
   get: (e, t) => {
-    let n = Tn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
+    let n = Sn(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;
   },
   set: (e, t, n) => {
-    Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+    Sn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
   }
 };
-function wt(e) {
+function Ut(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 xn && (i = xn[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 An = {
+  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 An) {
+      const i = An[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 js(e) {
+  return e ? e.flatMap((t) => t.type === ti ? js(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 = js(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 Hs = function() {
+}, Ys = function() {
 };
-process.env.NODE_ENV !== "production" && (Xs = function(e, t) {
+process.env.NODE_ENV !== "production" && (Hs = function(e, t) {
   !e && typeof console < "u" && console.warn(t);
-}, Zs = function(e, t) {
+}, Ys = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-class Js {
+class Xs {
   constructor(t) {
     this.state = t;
   }
   update() {
   }
 }
-class wl {
+class vl {
   constructor(t) {
     this.features = [], this.features = [
+      new bl(t),
+      new wl(t),
       new Sl(t),
-      new Tl(t),
-      new Vl(t),
       // new DragGesture(state),
-      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 Pe extends Xs {
   updateGestureSubscriptions() {
     const t = this.isActive();
     t && !this.removeGestureSubscriptions ? this.removeGestureSubscriptions = this.subscribeEvents() : !t && this.removeGestureSubscriptions && (this.removeGestureSubscriptions(), this.removeGestureSubscriptions = void 0);
@@ -3334,20 +3375,20 @@ class Ce extends Js {
     (t = this.removeGestureSubscriptions) == null || t.call(this);
   }
 }
-function En(e, t, n) {
+function Mn(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 Pe {
   isActive() {
     return !!this.state.getOptions().hover;
   }
   constructor(t) {
     super(t), this.subscribeEvents = () => {
-      const n = this.state.getElement(), s = En(n, "hoverstart", () => {
+      const n = this.state.getElement(), s = Mn(n, "hoverstart", () => {
         this.state.setActive("hover", !0);
-      }), i = En(n, "hoverend", () => {
+      }), i = Mn(n, "hoverend", () => {
         this.state.setActive("hover", !1);
       });
       return n.addEventListener("pointerenter", s), n.addEventListener("pointerleave", i), () => {
@@ -3362,16 +3403,16 @@ class Sl extends Ce {
     this.updateGestureSubscriptions();
   }
 }
-class Tl extends Ce {
+class wl extends Pe {
   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 Sl extends Pe {
   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 Xs {
   constructor() {
     super(...arguments), this.handlers = {};
   }
@@ -3457,35 +3498,35 @@ class xl extends Js {
     });
   }
 }
-let k;
-const Mn = (e) => e.next(), Al = (e) => e.animateUpdates();
-function El() {
-  if (!k)
+let G;
+const En = (e) => e.next(), Vl = (e) => e.animateUpdates();
+function xl() {
+  if (!G)
     return;
-  const e = k.sort(Cl).map(Al);
-  e.forEach(Mn), e.forEach(Mn), k = void 0;
+  const e = G.sort(Ml).map(Vl);
+  e.forEach(En), e.forEach(En), G = void 0;
 }
-function Cn(e) {
-  k ? el(k, e) : (k = [e], requestAnimationFrame(El));
+function Pn(e) {
+  G ? qa(G, e) : (G = [e], requestAnimationFrame(xl));
 }
-function Ml(e) {
-  k && nl(k, e);
+function Al(e) {
+  G && Za(G, e);
 }
-function Cl(e, t) {
+function Ml(e, t) {
   return e.getDepth() - t.getDepth();
 }
-function Pn(e, t, n) {
+function Cn(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 {
+class El {
   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;
@@ -3493,19 +3534,19 @@ class Pl {
       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 Tn(this.options.initial) ? this.options.initial : this.context.initial;
   }
   mount(t) {
     var s;
-    Zs(
+    Ys(
       !!t,
       "Animation state must be mounted with valid Element"
-    ), this.element = t, Ft.set(t, this), $.get(t) || ks(t);
+    ), this.element = t, Ft.set(t, this), $.get(t) || Ws(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,14 +3556,14 @@ 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), Al(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
   }
   update(t) {
     var n;
-    this.options = t, this.visualElement.update(this.options, (n = this.parent) == null ? void 0 : n.context), this.featureManager.update(), Cn(this);
+    this.options = t, this.visualElement.update(this.options, (n = this.parent) == null ? void 0 : n.context), this.featureManager.update(), Pn(this);
   }
   setActive(t, n) {
-    this.element && (this.activeStates[t] = n, Cn(this));
+    this.element && (this.activeStates[t] = n, Pn(this));
   }
   *animateUpdates() {
     const t = this.target;
@@ -3531,15 +3572,15 @@ class Pl {
     for (const l of Fn) {
       if (!this.activeStates[l])
         continue;
-      const u = Sn(
-        wn(this.options[l]) ? this.options[l] : this.context[l],
+      const u = wn(
+        Tn(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 +3591,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 +3605,13 @@ class Pl {
     if (!r.length)
       return;
     const o = this.target;
-    this.element.dispatchEvent(Pn("motionstart", o));
+    this.element.dispatchEvent(Cn("motionstart", o));
     const a = this.activeStates.exit;
     Promise.all(r).then(() => {
-      this.element.dispatchEvent(Pn("motioncomplete", {
+      this.element.dispatchEvent(Cn("motioncomplete", {
         ...o
       }, a));
-    }).catch(il);
+    }).catch(Qa);
   }
   isMounted() {
     return !!this.element;
@@ -3588,11 +3629,16 @@ class Pl {
     return this.target;
   }
 }
-const zl = /* @__PURE__ */ Ot({
+const at = /* @__PURE__ */ new WeakMap();
+function On(e) {
+  const t = at.get(e);
+  t && e.removeEventListener("motioncomplete", t), at.delete(e);
+}
+const [Pl, Cl] = Us("AnimatePresenceContext"), _l = /* @__PURE__ */ Ot({
   name: "Motion",
-  inheritAttrs: !0,
+  inheritAttrs: !1,
   __name: "Motion",
-  props: /* @__PURE__ */ ai({
+  props: /* @__PURE__ */ si({
     as: {},
     asChild: { type: Boolean },
     inViewOptions: {},
@@ -3623,49 +3669,53 @@ 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 } = Pl({ initial: ii(void 0), safeUnmount: () => !0 }), i = ja(null), r = ri(), o = new El(
       {
+        ...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();
+    In(() => {
+      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: { ...Ut(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() && il(t.as)) {
+        const { attributes: f, style: h } = ml(o.getTarget());
+        Object.assign(u, f), Object.assign(c, h, t.style);
+      }
+      return c = Ut(c), u.style = Ut(c), u;
     }
-    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) => (Ln(), Nn(li(yl), re({
+      as: u.as,
+      "as-child": u.asChild
+    }, l()), {
+      default: $n(() => [
+        Kn(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({
+}), Gl = /* @__PURE__ */ Ot({
   name: "AnimatePresence",
   inheritAttrs: !1,
   __name: "AnimatePresence",
@@ -3676,9 +3726,12 @@ 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);
+    Cl({
+      initial: n,
+      safeUnmount(r) {
+        return !at.has(r);
+      }
     });
     function s(r) {
       const o = Ft.get(r);
@@ -3691,11 +3744,11 @@ const [jl, Fl] = Ee("AnimatePresenceContext"), Ul = /* @__PURE__ */ Ot({
       a.setActive("exit", !0), On(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) => (Ln(), Nn(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 +3756,15 @@ const [jl, Fl] = Ee("AnimatePresenceContext"), Ul = /* @__PURE__ */ Ot({
       onEnter: s,
       onLeave: i
     }), {
-      default: _n(() => [
-        Gn(r.$slots, "default")
+      default: $n(() => [
+        Kn(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 Ce(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 +3779,24 @@ function Pe(e) {
     value: t
   };
 }
-function Ol(e) {
-  G.current = [];
-  const { value: t, subscribe: n, unsubscribe: s } = Pe(e);
-  return n(G.current), G.current = void 0, kn(() => {
-    s(), G.current = [], e(), n(G.current), G.current = void 0;
+function Fl(e) {
+  _.current = [];
+  const { value: t, subscribe: n, unsubscribe: s } = Ce(e);
+  return n(_.current), _.current = void 0, Wn(() => {
+    s(), _.current = [], e(), n(_.current), _.current = void 0;
   }), t;
 }
-function Hl(e, t, n, s) {
+function zl(e, t, n, s) {
   if (typeof e == "function")
-    return Ol(e);
-  const i = typeof t == "function" ? t : ja(t, n, s);
+    return Fl(e);
+  const i = typeof t == "function" ? t : za(t, n, s);
   return Array.isArray(e) ? Dn(
     e,
     i
   ) : Dn([e], ([r]) => i(r));
 }
 function Dn(e, t) {
-  const n = [], { value: s, subscribe: i } = Pe(() => {
+  const n = [], { value: s, subscribe: i } = Ce(() => {
     n.length = 0;
     const r = e.length;
     for (let o = 0; o < r; o++)
@@ -3752,40 +3805,40 @@ function Dn(e, t) {
   });
   return i(e), s;
 }
-function Dl(e) {
+function Ol(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);
+  Wn(() => {
+    s(), M.update(n, !0);
+  }), Dt(() => s()), M.update(n, !0);
 }
-function Yl() {
+function Ul() {
   const e = D(0);
-  return Dl((t) => e.set(t)), e;
+  return Ol((t) => e.set(t)), e;
 }
-function ql(e, ...t) {
+function jl(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 } = Ce(s);
+  return r(t.filter(Y)), i;
 }
 function Bn(e) {
   return typeof e == "number" ? e : parseFloat(e);
 }
-function Xl(e, t = {}) {
+function Hl(e, t = {}) {
   let n = null;
   const s = D(
-    ut(e) ? Bn(e.get()) : e
+    Y(e) ? Bn(e.get()) : e
   );
   let i = s.get(), r = () => {
   };
@@ -3793,7 +3846,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 +3856,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) => {
+  return kn(() => JSON.stringify(t), () => {
+    const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
+    di(() => l());
+  }, { immediate: !0 }), Y(e) && e.on("change", (l) => {
     s.set(Bn(l));
   }), s;
 }
 function Rn(e, t) {
-  Xs(
+  Hs(
     !!(!t || t.value),
     `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
   );
 }
-function Bl() {
+function Dl() {
   return {
     scrollX: D(0),
     scrollY: D(0),
@@ -3824,15 +3877,15 @@ function Bl() {
     scrollYProgress: D(0)
   };
 }
-function Zl({
+function Yl({
   container: e,
   target: t,
   ...n
 } = {}) {
-  const s = Bl();
+  const s = Dl();
   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 +3896,64 @@ function Zl({
       }
     );
   };
-  return $n(() => {
+  return In(() => {
     Rn("target", t), Rn("container", e), r();
-  }), Dt(() => i == null ? void 0 : i()), zn(
+  }), Dt(() => i == null ? void 0 : i()), kn(
     () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
     r
   ), s;
 }
 export {
-  Ul 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,
+  Gl as AnimatePresence,
+  _l as Motion,
+  Si as MotionValue,
+  ra as animate,
+  Il as animateMini,
+  ns as anticipate,
+  he as backIn,
+  es as backInOut,
+  ts as backOut,
   R as cancelFrame,
-  Gl as cancelSync,
-  he as circIn,
-  os as circInOut,
-  Qi as circOut,
+  kl as cancelSync,
+  de as circIn,
+  ss as circInOut,
+  Ji as circOut,
   H as clamp,
-  ra as createScopedAnimate,
-  yt as cubicBezier,
-  Kl as delay,
+  ia as createScopedAnimate,
+  vt as cubicBezier,
+  $l 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,
+  Kl as distance2D,
+  Rr as easeIn,
+  Ss as easeInOut,
+  Ir as easeOut,
+  M as frame,
+  J as frameData,
+  Rl as frameSteps,
+  Wa as inView,
   en as inertia,
-  Te as interpolate,
+  Ve as interpolate,
   I as invariant,
-  Et as keyframes,
-  es as mirrorEasing,
-  Es as mix,
+  Mt as keyframes,
+  Jn as mirrorEasing,
+  Vs 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,
+  Se as pipe,
+  pt as progress,
+  Qn as reverseEasing,
+  $a as scroll,
+  Me as scrollInfo,
+  le as spring,
+  Nl as stagger,
+  Ll as steps,
+  Wl as sync,
+  za as transform,
+  jl as useMotionTemplate,
   D as useMotionValue,
-  Zl as useScroll,
-  Xl as useSpring,
-  Yl as useTime,
-  Hl as useTransform,
-  ft as warning,
-  Bi as wrap
+  Yl as useScroll,
+  Hl as useSpring,
+  Ul as useTime,
+  zl as useTransform,
+  ht as warning,
+  Di as wrap
 };