motion-v 0.2.5 → 0.2.6

package/dist/index.js

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