motion-v 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,17 +1,17 @@
-import { unref as Cn, ref as Fn, computed as zs, inject as js, provide as Us, Fragment as Hs, defineComponent as Pt, Comment as qs, mergeProps as ee, cloneVNode as Ys, h as Rt, mergeDefaults as Xs, onMounted as Zs, onUnmounted as Qs, onUpdated as Js, openBlock as On, createBlock as Dn, withCtx as Rn, renderSlot as In, toRefs as ti, resolveDynamicComponent as ei, TransitionGroup as ni, Transition as si } from "vue";
-function ii(e, t) {
+import { unref as In, ref as Ln, computed as ei, inject as ni, provide as si, Fragment as ii, defineComponent as Ot, Comment as ri, mergeProps as Nn, cloneVNode as oi, h as $t, mergeDefaults as ai, onMounted as $n, onUnmounted as Dt, onUpdated as li, openBlock as Kn, createBlock as Wn, normalizeStyle as ui, withCtx as _n, renderSlot as Gn, toRefs as ci, resolveDynamicComponent as fi, TransitionGroup as hi, Transition as di, onBeforeUpdate as kn, watch as zn, onBeforeUnmount as pi } from "vue";
+function mi(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function Bn(e, t) {
+function jn(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-class Ln {
+class Un {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return ii(this.subscriptions, t), () => Bn(this.subscriptions, t);
+    return mi(this.subscriptions, t), () => jn(this.subscriptions, t);
   }
   notify(t, n, s) {
     const i = this.subscriptions.length;
@@ -31,18 +31,18 @@ class Ln {
     this.subscriptions.length = 0;
   }
 }
-function ne(e, t) {
+function re(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Ne = /* @__PURE__ */ new Set();
-function Ct(e, t, n) {
-  e || Ne.has(t) || (console.warn(t), Ne.add(t));
+const We = /* @__PURE__ */ new Set();
+function Bt(e, t, n) {
+  e || We.has(t) || (console.warn(t), We.add(t));
 }
-const ri = {
+const gi = {
   skipAnimations: !1,
   useManualTiming: !1
-}, N = (e) => e;
-function oi(e) {
+}, K = (e) => e;
+function yi(e) {
   let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = !1, i = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let o = {
@@ -80,7 +80,7 @@ function oi(e) {
   };
   return l;
 }
-const J = [
+const nt = [
   "read",
   // Read
   "resolveKeyframes",
@@ -93,39 +93,41 @@ const J = [
   // Write
   "postRender"
   // Compute
-], ai = 40;
-function li(e, t) {
+], vi = 40;
+function bi(e, t) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = J.reduce((g, y) => (g[y] = oi(r), g), {}), { read: a, resolveKeyframes: l, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
+  }, r = () => n = !0, o = nt.reduce((g, y) => (g[y] = yi(r), g), {}), { read: a, resolveKeyframes: l, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
     const g = performance.now();
-    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, ai), 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, vi), 1), i.timestamp = g, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (s = !1, e(p));
   }, m = () => {
     n = !0, s = !0, i.isProcessing || e(p);
   };
-  return { schedule: J.reduce((g, y) => {
-    const S = o[y];
-    return g[y] = (x, T = !1, A = !1) => (n || m(), S.schedule(x, T, A)), g;
+  return { schedule: nt.reduce((g, y) => {
+    const T = o[y];
+    return g[y] = (V, S = !1, A = !1) => (n || m(), T.schedule(V, S, A)), g;
   }, {}), cancel: (g) => {
-    for (let y = 0; y < J.length; y++)
-      o[J[y]].cancel(g);
+    for (let y = 0; y < nt.length; y++)
+      o[nt[y]].cancel(g);
   }, state: i, steps: o };
 }
-const { schedule: M, cancel: _, state: st, steps: yl } = li(typeof requestAnimationFrame < "u" ? requestAnimationFrame : N, !0);
-let vt;
-function ui() {
-  vt = void 0;
+const { schedule: E, cancel: R, state: Z, steps: Il } = bi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
+let St;
+function wi() {
+  St = void 0;
 }
-const B = {
-  now: () => (vt === void 0 && B.set(st.isProcessing || ri.useManualTiming ? st.timestamp : performance.now()), vt),
+const N = {
+  now: () => (St === void 0 && N.set(Z.isProcessing || gi.useManualTiming ? Z.timestamp : performance.now()), St),
   set: (e) => {
-    vt = e, queueMicrotask(ui);
+    St = e, queueMicrotask(wi);
   }
-}, $e = 30, ci = (e) => !isNaN(parseFloat(e));
-class fi {
+}, _e = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
+  current: void 0
+};
+class Ti {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -136,12 +138,12 @@ class fi {
    */
   constructor(t, n = {}) {
     this.version = "11.11.11", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, i = !0) => {
-      const r = B.now();
+      const r = N.now();
       this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), i && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = B.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = ci(this.current));
+    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Si(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -187,13 +189,13 @@ class fi {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && Ct(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    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 Ln());
+    this.events[t] || (this.events[t] = new Un());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
-      s(), M.read(() => {
+      s(), E.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -246,7 +248,7 @@ class fi {
    * @public
    */
   get() {
-    return this.current;
+    return G.current && G.current.push(this), this.current;
   }
   /**
    * @public
@@ -262,11 +264,11 @@ class fi {
    * @public
    */
   getVelocity() {
-    const t = B.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > $e)
+    const t = N.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > _e)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, $e);
-    return ne(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, _e);
+    return re(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -319,15 +321,15 @@ class fi {
     this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function it(e, t) {
-  return new fi(e, t);
+function D(e, t) {
+  return new Ti(e, t);
 }
-function Ft(e) {
+function Rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const Nn = Ft(() => window.ScrollTimeline !== void 0);
-class se {
+const Hn = Rt(() => window.ScrollTimeline !== void 0);
+class oe {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -345,7 +347,7 @@ class se {
       this.animations[s][t] = n;
   }
   attachTimeline(t, n) {
-    const s = this.animations.map((i) => Nn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
+    const s = this.animations.map((i) => Hn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
     return () => {
       s.forEach((i, r) => {
         i && i(), this.animations[r].stop();
@@ -389,38 +391,38 @@ class se {
     this.runAll("complete");
   }
 }
-const C = (e) => e * 1e3, D = (e) => e / 1e3, hi = 5;
-function $n(e, t, n) {
-  const s = Math.max(t - hi, 0);
-  return ne(n - e(s), t - s);
+const P = (e) => e * 1e3, B = (e) => e / 1e3, Vi = 5;
+function Yn(e, t, n) {
+  const s = Math.max(t - Vi, 0);
+  return re(n - e(s), t - s);
 }
-let ut = N, R = N;
-process.env.NODE_ENV !== "production" && (ut = (e, t) => {
+let ft = K, I = K;
+process.env.NODE_ENV !== "production" && (ft = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
-}, R = (e, t) => {
+}, I = (e, t) => {
   if (!e)
     throw new Error(t);
 });
-const j = (e, t, n) => n > t ? t : n < e ? e : n, It = 1e-3, di = 0.01, Ke = 10, pi = 0.05, mi = 1;
-function gi({ 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, xi = 0.01, Ge = 10, Ai = 0.05, Ei = 1;
+function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1 }) {
   let i, r;
-  ut(e <= C(Ke), "Spring duration must be 10 seconds or less");
+  ft(e <= P(Ge), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = j(pi, mi, o), e = j(di, Ke, D(e)), o < 1 ? (i = (u) => {
-    const c = u * o, f = c * e, h = c - n, p = _t(u, o), m = Math.exp(-f);
-    return It - h / p * m;
+  o = H(Ai, Ei, o), e = H(xi, Ge, B(e)), o < 1 ? (i = (u) => {
+    const c = u * o, f = c * e, h = c - n, p = jt(u, o), m = Math.exp(-f);
+    return Kt - h / p * m;
   }, r = (u) => {
-    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), w = _t(Math.pow(u, 2), o);
-    return (-i(u) + It > 0 ? -1 : 1) * ((h - p) * m) / w;
+    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), w = jt(Math.pow(u, 2), o);
+    return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / w;
   }) : (i = (u) => {
     const c = Math.exp(-u * e), f = (u - n) * e + 1;
-    return -It + c * f;
+    return -Kt + c * f;
   }, r = (u) => {
     const c = Math.exp(-u * e), f = (n - u) * (e * e);
     return c * f;
   });
-  const a = 5 / e, l = vi(i, r, a);
-  if (e = C(e), isNaN(l))
+  const a = 5 / e, l = Pi(i, r, a);
+  if (e = P(e), isNaN(l))
     return {
       stiffness: 100,
       damping: 10,
@@ -435,21 +437,21 @@ function gi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1
     };
   }
 }
-const yi = 12;
-function vi(e, t, n) {
+const Ci = 12;
+function Pi(e, t, n) {
   let s = n;
-  for (let i = 1; i < yi; i++)
+  for (let i = 1; i < Ci; i++)
     s = s - e(s) / t(s);
   return s;
 }
-function _t(e, t) {
+function jt(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const bi = ["duration", "bounce"], wi = ["stiffness", "damping", "mass"];
-function We(e, t) {
+const Fi = ["duration", "bounce"], Oi = ["stiffness", "damping", "mass"];
+function ke(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Ti(e) {
+function Di(e) {
   let t = {
     velocity: 0,
     stiffness: 100,
@@ -458,8 +460,8 @@ function Ti(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!We(e, wi) && We(e, bi)) {
-    const n = gi(e);
+  if (!ke(e, Oi) && ke(e, Fi)) {
+    const n = Mi(e);
     t = {
       ...t,
       ...n,
@@ -468,125 +470,125 @@ function Ti(e) {
   }
   return t;
 }
-function ie({ 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 } = Ti({
+function ae({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
+  const i = e[0], r = e[e.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: u, duration: c, velocity: f, isResolvedFromDuration: h } = Di({
     ...s,
-    velocity: -D(s.velocity || 0)
-  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), w = r - i, b = D(Math.sqrt(a / u)), g = Math.abs(w) < 5;
+    velocity: -B(s.velocity || 0)
+  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), w = r - i, b = B(Math.sqrt(a / u)), g = Math.abs(w) < 5;
   n || (n = g ? 0.01 : 2), t || (t = g ? 5e-3 : 0.5);
   let y;
   if (m < 1) {
-    const S = _t(b, m);
-    y = (x) => {
-      const T = Math.exp(-m * b * x);
-      return r - T * ((p + m * b * w) / S * Math.sin(S * x) + w * Math.cos(S * x));
+    const T = jt(b, m);
+    y = (V) => {
+      const S = Math.exp(-m * b * V);
+      return r - S * ((p + m * b * w) / T * Math.sin(T * V) + w * Math.cos(T * V));
     };
   } else if (m === 1)
-    y = (S) => r - Math.exp(-b * S) * (w + (p + b * w) * S);
+    y = (T) => r - Math.exp(-b * T) * (w + (p + b * w) * T);
   else {
-    const S = b * Math.sqrt(m * m - 1);
-    y = (x) => {
-      const T = Math.exp(-m * b * x), A = Math.min(S * x, 300);
-      return r - T * ((p + m * b * w) * Math.sinh(A) + S * w * Math.cosh(A)) / S;
+    const T = b * Math.sqrt(m * m - 1);
+    y = (V) => {
+      const S = Math.exp(-m * b * V), A = Math.min(T * V, 300);
+      return r - S * ((p + m * b * w) * Math.sinh(A) + T * w * Math.cosh(A)) / T;
     };
   }
   return {
     calculatedDuration: h && c || null,
-    next: (S) => {
-      const x = y(S);
+    next: (T) => {
+      const V = y(T);
       if (h)
-        o.done = S >= c;
+        o.done = T >= c;
       else {
-        let T = 0;
-        m < 1 && (T = S === 0 ? C(p) : $n(y, S, x));
-        const A = Math.abs(T) <= n, F = Math.abs(r - x) <= t;
+        let S = 0;
+        m < 1 && (S = T === 0 ? P(p) : Yn(y, T, V));
+        const A = Math.abs(S) <= n, F = Math.abs(r - V) <= t;
         o.done = A && F;
       }
-      return o.value = o.done ? r : x, o;
+      return o.value = o.done ? r : V, o;
     }
   };
 }
-const Gt = 2e4;
-function Kn(e) {
+const Ut = 2e4;
+function qn(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Gt; )
+  for (; !s.done && t < Ut; )
     t += n, s = e.next(t);
-  return t >= Gt ? 1 / 0 : t;
+  return t >= Ut ? 1 / 0 : t;
 }
-function Wn(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Kn(s), Gt);
+function Xn(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(qn(s), Ut);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / t,
-    duration: D(i)
+    duration: B(i)
   };
 }
-const ct = (e, t, n) => e + (t - e) * n, ft = (e, t, n) => {
+const ht = (e, t, n) => e + (t - e) * n, dt = (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-function _n(e, t) {
+function Zn(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const i = ft(0, t, s);
-    e.push(ct(n, 1, i));
+    const i = dt(0, t, s);
+    e.push(ht(n, 1, i));
   }
 }
-function re(e) {
+function le(e) {
   const t = [0];
-  return _n(t, e.length - 1), t;
+  return Zn(t, e.length - 1), t;
 }
-const P = (e) => !!(e && e.getVelocity);
-function Ot(e, t, n) {
+const C = (e) => !!(e && e.getVelocity);
+function It(e, t, n) {
   var s;
   if (typeof e == "string") {
     let i = document;
-    t && (R(!!t.current, "Scope provided, but no element detected."), i = t.current), n ? ((s = n[e]) !== null && s !== void 0 || (n[e] = i.querySelectorAll(e)), e = n[e]) : e = i.querySelectorAll(e);
+    t && (I(!!t.current, "Scope provided, but no element detected."), i = t.current), n ? ((s = n[e]) !== null && s !== void 0 || (n[e] = i.querySelectorAll(e)), e = n[e]) : e = i.querySelectorAll(e);
   } else e instanceof Element && (e = [e]);
   return Array.from(e || []);
 }
-function oe(e) {
+function ue(e) {
   return typeof e == "object" && !Array.isArray(e);
 }
-function Gn(e, t, n, s) {
-  return typeof e == "string" && oe(t) ? Ot(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
+function Jn(e, t, n, s) {
+  return typeof e == "string" && ue(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
 }
-function ht(e) {
+function pt(e) {
   return typeof e == "function";
 }
-function _e(e, t, n, s) {
+function ze(e, t, n, s) {
   var i;
   return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : (i = s.get(t)) !== null && i !== void 0 ? i : e;
 }
-const Si = (e, t, n) => {
+const Bi = (e, t, n) => {
   const s = t - e;
   return ((n - e) % s + s) % s + e;
-}, kn = (e) => Array.isArray(e) && typeof e[0] != "number";
-function xi(e, t) {
-  return kn(e) ? e[Si(0, e.length, t)] : e;
+}, Qn = (e) => Array.isArray(e) && typeof e[0] != "number";
+function Ri(e, t) {
+  return Qn(e) ? e[Bi(0, e.length, t)] : e;
 }
-function Vi(e, t, n) {
+function Ii(e, t, n) {
   for (let s = 0; s < e.length; s++) {
     const i = e[s];
-    i.at > t && i.at < n && (Bn(e, i), s--);
+    i.at > t && i.at < n && (jn(e, i), s--);
   }
 }
-function Ai(e, t, n, s, i, r) {
-  Vi(e, i, r);
+function Li(e, t, n, s, i, r) {
+  Ii(e, i, r);
   for (let o = 0; o < t.length; o++)
     e.push({
       value: t[o],
-      at: ct(i, r, s[o]),
-      easing: xi(n, o)
+      at: ht(i, r, s[o]),
+      easing: Ri(n, o)
     });
 }
-function Ei(e, t) {
+function Ni(e, t) {
   return e.at === t.at ? e.value === null ? 1 : t.value === null ? -1 : 0 : e.at - t.at;
 }
-const Mi = "easeInOut";
-function Pi(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
+const $i = "easeInOut";
+function Ki(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++) {
@@ -595,43 +597,43 @@ function Pi(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
       u.set(m, f);
       continue;
     } else if (!Array.isArray(m)) {
-      u.set(m.name, _e(f, m.at, c, u));
+      u.set(m.name, ze(f, m.at, c, u));
       continue;
     }
     let [w, b, g = {}] = m;
-    g.at !== void 0 && (f = _e(f, g.at, c, u));
+    g.at !== void 0 && (f = ze(f, g.at, c, u));
     let y = 0;
-    const S = (x, T, A, F = 0, v = 0) => {
-      const V = Ci(x), { delay: O = 0, times: G = re(V), type: Dt = "keyframes", ...Gs } = T;
-      let { ease: Me = t.ease || "easeOut", duration: I } = T;
-      const Pe = typeof O == "function" ? O(F, v) : O, Ce = V.length, Fe = ht(Dt) ? Dt : i == null ? void 0 : i[Dt];
-      if (Ce <= 2 && Fe) {
-        let Ie = 100;
-        if (Ce === 2 && Di(V)) {
-          const ks = V[1] - V[0];
-          Ie = Math.abs(ks);
+    const T = (V, S, A, F = 0, v = 0) => {
+      const x = Wi(V), { delay: O = 0, times: z = le(x), type: Nt = "keyframes", ...Qs } = S;
+      let { ease: Fe = t.ease || "easeOut", duration: L } = S;
+      const Oe = typeof O == "function" ? O(F, v) : O, De = x.length, Be = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
+      if (De <= 2 && Be) {
+        let Ne = 100;
+        if (De === 2 && ki(x)) {
+          const ti = x[1] - x[0];
+          Ne = Math.abs(ti);
         }
-        const Be = { ...Gs };
-        I !== void 0 && (Be.duration = C(I));
-        const Le = Wn(Be, Ie, Fe);
-        Me = Le.ease, I = Le.duration;
+        const $e = { ...Qs };
+        L !== void 0 && ($e.duration = P(L));
+        const Ke = Xn($e, Ne, Be);
+        Fe = Ke.ease, L = Ke.duration;
       }
-      I ?? (I = r);
-      const Oe = f + Pe, De = Oe + I;
-      G.length === 1 && G[0] === 0 && (G[1] = 1);
-      const Re = G.length - V.length;
-      Re > 0 && _n(G, Re), V.length === 1 && V.unshift(null), Ai(A, V, Me, G, Oe, De), y = Math.max(Pe + I, y), h = Math.max(De, h);
+      L ?? (L = r);
+      const Re = f + Oe, Ie = Re + L;
+      z.length === 1 && z[0] === 0 && (z[1] = 1);
+      const Le = z.length - x.length;
+      Le > 0 && Zn(z, Le), x.length === 1 && x.unshift(null), Li(A, x, Fe, z, Re, Ie), y = Math.max(Oe + L, y), h = Math.max(Ie, h);
     };
-    if (P(w)) {
-      const x = Ge(w, a);
-      S(b, g, ke("default", x));
+    if (C(w)) {
+      const V = je(w, a);
+      T(b, g, Ue("default", V));
     } else {
-      const x = Gn(w, b, s, l), T = x.length;
-      for (let A = 0; A < T; A++) {
+      const V = Jn(w, b, s, l), S = V.length;
+      for (let A = 0; A < S; A++) {
         b = b, g = g;
-        const F = x[A], v = Ge(F, a);
-        for (const V in b)
-          S(b[V], Fi(g, V), ke(V, v), A, T);
+        const F = V[A], v = je(F, a);
+        for (const x in b)
+          T(b[x], _i(g, x), Ue(x, v), A, S);
       }
     }
     c = f, f += y;
@@ -639,43 +641,43 @@ function Pi(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
   return a.forEach((p, m) => {
     for (const w in p) {
       const b = p[w];
-      b.sort(Ei);
-      const g = [], y = [], S = [];
-      for (let T = 0; T < b.length; T++) {
-        const { at: A, value: F, easing: v } = b[T];
-        g.push(F), y.push(ft(0, h, A)), S.push(v || "easeOut");
+      b.sort(Ni);
+      const g = [], y = [], T = [];
+      for (let S = 0; S < b.length; S++) {
+        const { at: A, value: F, easing: v } = b[S];
+        g.push(F), y.push(dt(0, h, A)), T.push(v || "easeOut");
       }
-      y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), S.unshift(Mi)), 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($i)), y[y.length - 1] !== 1 && (y.push(1), g.push(null)), o.has(m) || o.set(m, {
         keyframes: {},
         transition: {}
       });
-      const x = o.get(m);
-      x.keyframes[w] = g, x.transition[w] = {
+      const V = o.get(m);
+      V.keyframes[w] = g, V.transition[w] = {
         ...t,
         duration: h,
-        ease: S,
+        ease: T,
         times: y,
         ...n
       };
     }
   }), o;
 }
-function Ge(e, t) {
+function je(e, t) {
   return !t.has(e) && t.set(e, {}), t.get(e);
 }
-function ke(e, t) {
+function Ue(e, t) {
   return t[e] || (t[e] = []), t[e];
 }
-function Ci(e) {
+function Wi(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Fi(e, t) {
+function _i(e, t) {
   return e && e[t] ? {
     ...e,
     ...e[t]
   } : { ...e };
 }
-const Oi = (e) => typeof e == "number", Di = (e) => e.every(Oi), L = /* @__PURE__ */ new WeakMap(), dt = [
+const Gi = (e) => typeof e == "number", ki = (e) => e.every(Gi), $ = /* @__PURE__ */ new WeakMap(), mt = [
   "transformPerspective",
   "x",
   "y",
@@ -693,93 +695,93 @@ const Oi = (e) => typeof e == "number", Di = (e) => e.every(Oi), L = /* @__PURE_
   "skew",
   "skewX",
   "skewY"
-], U = new Set(dt), Ri = {
+], Y = new Set(mt), zi = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Ii = (e) => ({
+}, ji = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Bi = {
+}), Ui = {
   type: "keyframes",
   duration: 0.8
-}, Li = {
+}, Hi = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ni = (e, { keyframes: t }) => t.length > 2 ? Bi : U.has(e) ? e.startsWith("scale") ? Ii(t[1]) : Ri : Li;
-function ae(e, t) {
+}, Yi = (e, { keyframes: t }) => t.length > 2 ? Ui : Y.has(e) ? e.startsWith("scale") ? ji(t[1]) : zi : Hi;
+function ce(e, t) {
   return e ? e[t] || e.default || e : void 0;
 }
-const $i = (e) => e !== null;
-function pt(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter($i), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+const qi = (e) => e !== null;
+function gt(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const i = e.filter(qi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !r || s === void 0 ? i[r] : s;
 }
-const zn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ki = 1e-7, Wi = 12;
-function _i(e, t, n, s, i) {
+const ts = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Xi = 1e-7, Zi = 12;
+function Ji(e, t, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = zn(o, s, i) - e, r > 0 ? n = o : t = o;
-  while (Math.abs(r) > Ki && ++a < Wi);
+    o = t + (n - t) / 2, r = ts(o, s, i) - e, r > 0 ? n = o : t = o;
+  while (Math.abs(r) > Xi && ++a < Zi);
   return o;
 }
-function mt(e, t, n, s) {
+function yt(e, t, n, s) {
   if (e === t && n === s)
-    return N;
-  const i = (r) => _i(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : zn(i(r), t, s);
+    return K;
+  const i = (r) => Ji(r, 0, 1, e, n);
+  return (r) => r === 0 || r === 1 ? r : ts(i(r), t, s);
 }
-const jn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Un = (e) => (t) => 1 - e(1 - t), Hn = /* @__PURE__ */ mt(0.33, 1.53, 0.69, 0.99), le = /* @__PURE__ */ Un(Hn), qn = /* @__PURE__ */ jn(le), Yn = (e) => (e *= 2) < 1 ? 0.5 * le(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), ue = (e) => 1 - Math.sin(Math.acos(e)), Gi = Un(ue), Xn = jn(ue), Zn = (e) => /^0[^.\s]+$/u.test(e);
-function ki(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Zn(e) : !0;
+const es = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ns = (e) => (t) => 1 - e(1 - t), ss = /* @__PURE__ */ yt(0.33, 1.53, 0.69, 0.99), fe = /* @__PURE__ */ ns(ss), is = /* @__PURE__ */ es(fe), rs = (e) => (e *= 2) < 1 ? 0.5 * fe(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), he = (e) => 1 - Math.sin(Math.acos(e)), Qi = ns(he), os = es(he), as = (e) => /^0[^.\s]+$/u.test(e);
+function tr(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || as(e) : !0;
 }
-const Qn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), Jn = (e) => (t) => typeof t == "string" && t.startsWith(e), ts = /* @__PURE__ */ Jn("--"), zi = /* @__PURE__ */ Jn("var(--"), ce = (e) => zi(e) ? ji.test(e.split("/*")[0].trim()) : !1, ji = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Ui = (
+const ls = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), us = (e) => (t) => typeof t == "string" && t.startsWith(e), cs = /* @__PURE__ */ us("--"), er = /* @__PURE__ */ us("var(--"), de = (e) => er(e) ? nr.test(e.split("/*")[0].trim()) : !1, nr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, sr = (
   // 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 Hi(e) {
-  const t = Ui.exec(e);
+function ir(e) {
+  const t = sr.exec(e);
   if (!t)
     return [,];
   const [, n, s, i] = t;
   return [`--${n ?? s}`, i];
 }
-const qi = 4;
-function es(e, t, n = 1) {
-  R(n <= qi, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Hi(e);
+const rr = 4;
+function fs(e, t, n = 1) {
+  I(n <= rr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  const [s, i] = ir(e);
   if (!s)
     return;
   const r = window.getComputedStyle(t).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return Qn(o) ? parseFloat(o) : o;
+    return ls(o) ? parseFloat(o) : o;
   }
-  return ce(i) ? es(i, t, n + 1) : i;
+  return de(i) ? fs(i, t, n + 1) : i;
 }
-const X = {
+const Q = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, rt = {
-  ...X,
-  transform: (e) => j(0, 1, e)
-}, yt = {
-  ...X,
+}, ot = {
+  ...Q,
+  transform: (e) => H(0, 1, e)
+}, bt = {
+  ...Q,
   default: 1
-}, gt = (e) => ({
+}, vt = (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), $ = /* @__PURE__ */ gt("deg"), q = /* @__PURE__ */ gt("%"), d = /* @__PURE__ */ gt("px"), Yi = /* @__PURE__ */ gt("vh"), Xi = /* @__PURE__ */ gt("vw"), ze = {
-  ...q,
-  parse: (e) => q.parse(e) / 100,
-  transform: (e) => q.transform(e * 100)
-}, Zi = /* @__PURE__ */ new Set([
+}), W = /* @__PURE__ */ vt("deg"), X = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), or = /* @__PURE__ */ vt("vh"), ar = /* @__PURE__ */ vt("vw"), He = {
+  ...X,
+  parse: (e) => X.parse(e) / 100,
+  transform: (e) => X.transform(e * 100)
+}, lr = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -790,25 +792,25 @@ const X = {
   "y",
   "translateX",
   "translateY"
-]), je = (e) => e === X || e === d, Ue = (e, t) => parseFloat(e.split(", ")[t]), He = (e, t) => (n, { transform: s }) => {
+]), Ye = (e) => e === Q || e === d, qe = (e, t) => parseFloat(e.split(", ")[t]), Xe = (e, t) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/u);
   if (i)
-    return Ue(i[1], t);
+    return qe(i[1], t);
   {
     const r = s.match(/^matrix\((.+)\)$/u);
-    return r ? Ue(r[1], e) : 0;
+    return r ? qe(r[1], e) : 0;
   }
-}, Qi = /* @__PURE__ */ new Set(["x", "y", "z"]), Ji = dt.filter((e) => !Qi.has(e));
-function tr(e) {
+}, ur = /* @__PURE__ */ new Set(["x", "y", "z"]), cr = mt.filter((e) => !ur.has(e));
+function fr(e) {
   const t = [];
-  return Ji.forEach((n) => {
+  return cr.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const Y = {
+const J = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -817,21 +819,21 @@ const Y = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: He(4, 13),
-  y: He(5, 14)
+  x: Xe(4, 13),
+  y: Xe(5, 14)
 };
-Y.translateX = Y.x;
-Y.translateY = Y.y;
-const ns = (e) => (t) => t.test(e), er = {
+J.translateX = J.x;
+J.translateY = J.y;
+const hs = (e) => (t) => t.test(e), hr = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ss = [X, d, q, $, Xi, Yi, er], qe = (e) => ss.find(ns(e)), z = /* @__PURE__ */ new Set();
-let kt = !1, zt = !1;
-function is() {
-  if (zt) {
-    const e = Array.from(z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+}, ds = [Q, d, X, W, ar, or, hr], Ze = (e) => ds.find(hs(e)), U = /* @__PURE__ */ new Set();
+let Ht = !1, Yt = !1;
+function ps() {
+  if (Yt) {
+    const e = Array.from(U).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const i = tr(s);
+      const i = fr(s);
       i.length && (n.set(s, i), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -844,22 +846,22 @@ function is() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  zt = !1, kt = !1, z.forEach((e) => e.complete()), z.clear();
+  Yt = !1, Ht = !1, U.forEach((e) => e.complete()), U.clear();
 }
-function rs() {
-  z.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (zt = !0);
+function ms() {
+  U.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (Yt = !0);
   });
 }
-function nr() {
-  rs(), is();
+function dr() {
+  ms(), ps();
 }
-class fe {
+class pe {
   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 ? (z.add(this), kt || (kt = !0, M.read(rs), M.resolveKeyframes(is))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (U.add(this), Ht || (Ht = !0, E.read(ms), E.resolveKeyframes(ps))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -886,38 +888,38 @@ class fe {
   measureEndState() {
   }
   complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), z.delete(this);
+    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), U.delete(this);
   }
   cancel() {
-    this.isComplete || (this.isScheduled = !1, z.delete(this));
+    this.isComplete || (this.isScheduled = !1, U.delete(this));
   }
   resume() {
     this.isComplete || this.scheduleResolve();
   }
 }
-const et = (e) => Math.round(e * 1e5) / 1e5, he = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function sr(e) {
+const it = (e) => Math.round(e * 1e5) / 1e5, me = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function pr(e) {
   return e == null;
 }
-const ir = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, de = (e, t) => (n) => !!(typeof n == "string" && ir.test(n) && n.startsWith(e) || t && !sr(n) && Object.prototype.hasOwnProperty.call(n, t)), os = (e, t, n) => (s) => {
+const mr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ge = (e, t) => (n) => !!(typeof n == "string" && mr.test(n) && n.startsWith(e) || t && !pr(n) && Object.prototype.hasOwnProperty.call(n, t)), gs = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(he);
+  const [i, r, o, a] = s.match(me);
   return {
     [e]: parseFloat(i),
     [t]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, rr = (e) => j(0, 255, e), Bt = {
-  ...X,
-  transform: (e) => Math.round(rr(e))
-}, k = {
-  test: /* @__PURE__ */ de("rgb", "red"),
-  parse: /* @__PURE__ */ os("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Bt.transform(e) + ", " + Bt.transform(t) + ", " + Bt.transform(n) + ", " + et(rt.transform(s)) + ")"
+}, gr = (e) => H(0, 255, e), Wt = {
+  ...Q,
+  transform: (e) => Math.round(gr(e))
+}, j = {
+  test: /* @__PURE__ */ ge("rgb", "red"),
+  parse: /* @__PURE__ */ gs("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + it(ot.transform(s)) + ")"
 };
-function or(e) {
+function yr(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),
@@ -926,78 +928,78 @@ function or(e) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const jt = {
-  test: /* @__PURE__ */ de("#"),
-  parse: or,
-  transform: k.transform
-}, H = {
-  test: /* @__PURE__ */ de("hsl", "hue"),
-  parse: /* @__PURE__ */ os("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + q.transform(et(t)) + ", " + q.transform(et(n)) + ", " + et(rt.transform(s)) + ")"
-}, E = {
-  test: (e) => k.test(e) || jt.test(e) || H.test(e),
-  parse: (e) => k.test(e) ? k.parse(e) : H.test(e) ? H.parse(e) : jt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? k.transform(e) : H.transform(e)
-}, ar = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function lr(e) {
+const qt = {
+  test: /* @__PURE__ */ ge("#"),
+  parse: yr,
+  transform: j.transform
+}, q = {
+  test: /* @__PURE__ */ ge("hsl", "hue"),
+  parse: /* @__PURE__ */ gs("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + X.transform(it(t)) + ", " + X.transform(it(n)) + ", " + it(ot.transform(s)) + ")"
+}, M = {
+  test: (e) => j.test(e) || qt.test(e) || q.test(e),
+  parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : qt.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e)
+}, vr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function br(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(he)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(ar)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(me)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(vr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const as = "number", ls = "color", ur = "var", cr = "var(", Ye = "${}", fr = /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 ot(e) {
+const ys = "number", vs = "color", wr = "var", Sr = "var(", Je = "${}", Tr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function at(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(fr, (l) => (E.test(l) ? (s.color.push(r), i.push(ls), n.push(E.parse(l))) : l.startsWith(cr) ? (s.var.push(r), i.push(ur), n.push(l)) : (s.number.push(r), i.push(as), n.push(parseFloat(l))), ++r, Ye)).split(Ye);
+  const a = t.replace(Tr, (l) => (M.test(l) ? (s.color.push(r), i.push(vs), n.push(M.parse(l))) : l.startsWith(Sr) ? (s.var.push(r), i.push(wr), n.push(l)) : (s.number.push(r), i.push(ys), n.push(parseFloat(l))), ++r, Je)).split(Je);
   return { values: n, split: a, indexes: s, types: i };
 }
-function us(e) {
-  return ot(e).values;
+function bs(e) {
+  return at(e).values;
 }
-function cs(e) {
-  const { split: t, types: n } = ot(e), s = t.length;
+function ws(e) {
+  const { split: t, types: n } = at(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 === as ? r += et(i[o]) : a === ls ? r += E.transform(i[o]) : r += i[o];
+        a === ys ? r += it(i[o]) : a === vs ? r += M.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const hr = (e) => typeof e == "number" ? 0 : e;
-function dr(e) {
-  const t = us(e);
-  return cs(e)(t.map(hr));
-}
-const Z = {
-  test: lr,
-  parse: us,
-  createTransformer: cs,
-  getAnimatableNone: dr
-}, pr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function mr(e) {
+const Vr = (e) => typeof e == "number" ? 0 : e;
+function xr(e) {
+  const t = bs(e);
+  return ws(e)(t.map(Vr));
+}
+const tt = {
+  test: br,
+  parse: bs,
+  createTransformer: ws,
+  getAnimatableNone: xr
+}, Ar = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Er(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(he) || [];
+  const [s] = n.match(me) || [];
   if (!s)
     return e;
   const i = n.replace(s, "");
-  let r = pr.has(t) ? 1 : 0;
+  let r = Ar.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const gr = /\b([a-z-]*)\(.*?\)/gu, Ut = {
-  ...Z,
+const Mr = /\b([a-z-]*)\(.*?\)/gu, Xt = {
+  ...tt,
   getAnimatableNone: (e) => {
-    const t = e.match(gr);
-    return t ? t.map(mr).join(" ") : e;
+    const t = e.match(Mr);
+    return t ? t.map(Er).join(" ") : e;
   }
-}, Ht = {
+}, Zt = {
   // Border props
   borderWidth: d,
   borderTopWidth: d,
@@ -1033,18 +1035,18 @@ const gr = /\b([a-z-]*)\(.*?\)/gu, Ut = {
   // Misc
   backgroundPositionX: d,
   backgroundPositionY: d
-}, yr = {
-  rotate: $,
-  rotateX: $,
-  rotateY: $,
-  rotateZ: $,
-  scale: yt,
-  scaleX: yt,
-  scaleY: yt,
-  scaleZ: yt,
-  skew: $,
-  skewX: $,
-  skewY: $,
+}, Cr = {
+  rotate: W,
+  rotateX: W,
+  rotateY: W,
+  rotateZ: W,
+  scale: bt,
+  scaleX: bt,
+  scaleY: bt,
+  scaleZ: bt,
+  skew: W,
+  skewX: W,
+  skewY: W,
   distance: d,
   translateX: d,
   translateY: d,
@@ -1054,55 +1056,55 @@ const gr = /\b([a-z-]*)\(.*?\)/gu, Ut = {
   z: d,
   perspective: d,
   transformPerspective: d,
-  opacity: rt,
-  originX: ze,
-  originY: ze,
+  opacity: ot,
+  originX: He,
+  originY: He,
   originZ: d
-}, Xe = {
-  ...X,
+}, Qe = {
+  ...Q,
   transform: Math.round
-}, pe = {
-  ...Ht,
-  ...yr,
-  zIndex: Xe,
+}, ye = {
+  ...Zt,
+  ...Cr,
+  zIndex: Qe,
   size: d,
   // SVG
-  fillOpacity: rt,
-  strokeOpacity: rt,
-  numOctaves: Xe
-}, vr = {
-  ...pe,
+  fillOpacity: ot,
+  strokeOpacity: ot,
+  numOctaves: Qe
+}, Pr = {
+  ...ye,
   // Color props
-  color: E,
-  backgroundColor: E,
-  outlineColor: E,
-  fill: E,
-  stroke: E,
+  color: M,
+  backgroundColor: M,
+  outlineColor: M,
+  fill: M,
+  stroke: M,
   // Border props
-  borderColor: E,
-  borderTopColor: E,
-  borderRightColor: E,
-  borderBottomColor: E,
-  borderLeftColor: E,
-  filter: Ut,
-  WebkitFilter: Ut
-}, me = (e) => vr[e];
-function fs(e, t) {
-  let n = me(e);
-  return n !== Ut && (n = Z), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const br = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function wr(e, t, n) {
+  borderColor: M,
+  borderTopColor: M,
+  borderRightColor: M,
+  borderBottomColor: M,
+  borderLeftColor: M,
+  filter: Xt,
+  WebkitFilter: Xt
+}, ve = (e) => Pr[e];
+function Ss(e, t) {
+  let n = ve(e);
+  return n !== Xt && (n = tt), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+}
+const Fr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Or(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !br.has(r) && ot(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !Fr.has(r) && at(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
-      e[r] = fs(n, i);
+      e[r] = Ss(n, i);
 }
-class hs extends fe {
+class Ts extends pe {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1113,16 +1115,16 @@ class hs extends fe {
     super.readKeyframes();
     for (let l = 0; l < t.length; l++) {
       let u = t[l];
-      if (typeof u == "string" && (u = u.trim(), ce(u))) {
-        const c = es(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), de(u))) {
+        const c = fs(u, n.current);
         c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !Zi.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !lr.has(s) || t.length !== 2)
       return;
-    const [i, r] = t, o = qe(i), a = qe(r);
+    const [i, r] = t, o = Ze(i), a = Ze(r);
     if (o !== a)
-      if (je(o) && je(a))
+      if (Ye(o) && Ye(a))
         for (let l = 0; l < t.length; l++) {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
@@ -1133,14 +1135,14 @@ class hs extends fe {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let i = 0; i < t.length; i++)
-      ki(t[i]) && s.push(i);
-    s.length && wr(t, s, n);
+      tr(t[i]) && s.push(i);
+    s.length && Or(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Y[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = J[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && t.getValue(s, i).jump(i, !1);
   }
@@ -1152,15 +1154,15 @@ class hs extends fe {
     const r = n.getValue(s);
     r && r.jump(this.measuredOrigin, !1);
     const o = i.length - 1, a = i[o];
-    i[o] = Y[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([l, u]) => {
+    i[o] = J[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([l, u]) => {
       n.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-const Ze = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(Z.test(e) || e === "0") && // And it contains numbers and/or colors
+const tn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(tt.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function Tr(e) {
+function Dr(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1168,19 +1170,19 @@ function Tr(e) {
     if (e[n] !== t)
       return !0;
 }
-function Sr(e, t, n, s) {
+function Br(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 = Ze(i, t), a = Ze(r, t);
-  return ut(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 : Tr(e) || (n === "spring" || ht(n)) && s;
+  const r = e[e.length - 1], o = tn(i, t), a = tn(r, t);
+  return ft(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Dr(e) || (n === "spring" || pt(n)) && s;
 }
-const xr = 40;
-class ds {
+const Rr = 40;
+class Vs {
   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 = B.now(), this.options = {
+    this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = N.now(), this.options = {
       autoplay: t,
       delay: n,
       type: s,
@@ -1201,7 +1203,7 @@ class ds {
    * to avoid a sudden jump into the animation.
    */
   calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > xr ? this.resolvedAt : this.createdAt : this.createdAt;
+    return this.resolvedAt ? this.resolvedAt - this.createdAt > Rr ? this.resolvedAt : this.createdAt : this.createdAt;
   }
   /**
    * A getter for resolved data. If keyframes are not yet resolved, accessing
@@ -1209,7 +1211,7 @@ class ds {
    * This is a deoptimisation, but at its worst still batches read/writes.
    */
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && nr(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && dr(), this._resolved;
   }
   /**
    * A method to be called when the keyframes resolver completes. This method
@@ -1217,13 +1219,13 @@ class ds {
    * Otherwise, it will call initPlayback on the implementing class.
    */
   onKeyframesResolved(t, n) {
-    this.resolvedAt = B.now(), this.hasAttemptedResolve = !0;
+    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 && !Sr(t, s, i, r))
+    if (!u && !Br(t, s, i, r))
       if (o)
         this.options.duration = 0;
       else {
-        l == null || l(pt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
+        l == null || l(gt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
         return;
       }
     const c = this.initPlayback(t, n);
@@ -1249,7 +1251,7 @@ class ds {
     });
   }
 }
-function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+function en({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
   const f = e[0], h = {
     done: !1,
     value: f
@@ -1257,15 +1259,15 @@ function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   let w = n * t;
   const b = f + w, g = o === void 0 ? b : o(b);
   g !== b && (w = g - f);
-  const y = (v) => -w * Math.exp(-v / s), S = (v) => g + y(v), x = (v) => {
-    const V = y(v), O = S(v);
-    h.done = Math.abs(V) <= u, h.value = h.done ? g : O;
+  const y = (v) => -w * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
+    const x = y(v), O = T(v);
+    h.done = Math.abs(x) <= u, h.value = h.done ? g : O;
   };
-  let T, A;
+  let S, A;
   const F = (v) => {
-    p(h.value) && (T = v, A = ie({
+    p(h.value) && (S = v, A = ae({
       keyframes: [h.value, m(h.value)],
-      velocity: $n(S, v, h.value),
+      velocity: Yn(T, v, h.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1276,43 +1278,43 @@ function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   return F(0), {
     calculatedDuration: null,
     next: (v) => {
-      let V = !1;
-      return !A && T === void 0 && (V = !0, x(v), F(v)), T !== void 0 && v >= T ? A.next(v - T) : (!V && x(v), h);
+      let x = !1;
+      return !A && S === void 0 && (x = !0, V(v), F(v)), S !== void 0 && v >= S ? A.next(v - S) : (!x && V(v), h);
     }
   };
 }
-const Vr = /* @__PURE__ */ mt(0.42, 0, 1, 1), Ar = /* @__PURE__ */ mt(0, 0, 0.58, 1), ps = /* @__PURE__ */ mt(0.42, 0, 0.58, 1), ge = (e) => Array.isArray(e) && typeof e[0] == "number", Je = {
-  linear: N,
-  easeIn: Vr,
-  easeInOut: ps,
-  easeOut: Ar,
-  circIn: ue,
-  circInOut: Xn,
-  circOut: Gi,
-  backIn: le,
-  backInOut: qn,
-  backOut: Hn,
-  anticipate: Yn
-}, qt = (e) => {
-  if (ge(e)) {
-    R(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+const Ir = /* @__PURE__ */ yt(0.42, 0, 1, 1), Lr = /* @__PURE__ */ yt(0, 0, 0.58, 1), xs = /* @__PURE__ */ yt(0.42, 0, 0.58, 1), be = (e) => Array.isArray(e) && typeof e[0] == "number", nn = {
+  linear: K,
+  easeIn: Ir,
+  easeInOut: xs,
+  easeOut: Lr,
+  circIn: he,
+  circInOut: os,
+  circOut: Qi,
+  backIn: fe,
+  backInOut: is,
+  backOut: ss,
+  anticipate: rs
+}, Jt = (e) => {
+  if (be(e)) {
+    I(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, i] = e;
-    return mt(t, n, s, i);
+    return yt(t, n, s, i);
   } else if (typeof e == "string")
-    return R(Je[e] !== void 0, `Invalid easing type '${e}'`), Je[e];
+    return I(nn[e] !== void 0, `Invalid easing type '${e}'`), nn[e];
   return e;
-}, Er = (e, t) => (n) => t(e(n)), ye = (...e) => e.reduce(Er);
-function Lt(e, t, n) {
+}, Nr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Nr);
+function _t(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function Mr({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function $r({ 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 = Lt(l, a, e + 1 / 3), r = Lt(l, a, e), o = Lt(l, a, e - 1 / 3);
+    i = _t(l, a, e + 1 / 3), r = _t(l, a, e), o = _t(l, a, e - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -1321,55 +1323,55 @@ function Mr({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function St(e, t) {
+function At(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const Nt = (e, t, n) => {
+const Gt = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Pr = [jt, k, H], Cr = (e) => Pr.find((t) => t.test(e));
-function tn(e) {
-  const t = Cr(e);
-  if (ut(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+}, Kr = [qt, j, q], Wr = (e) => Kr.find((t) => t.test(e));
+function sn(e) {
+  const t = Wr(e);
+  if (ft(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
-  return t === H && (n = Mr(n)), n;
+  return t === q && (n = $r(n)), n;
 }
-const en = (e, t) => {
-  const n = tn(e), s = tn(t);
+const rn = (e, t) => {
+  const n = sn(e), s = sn(t);
   if (!n || !s)
-    return St(e, t);
+    return At(e, t);
   const i = { ...n };
-  return (r) => (i.red = Nt(n.red, s.red, r), i.green = Nt(n.green, s.green, r), i.blue = Nt(n.blue, s.blue, r), i.alpha = ct(n.alpha, s.alpha, r), k.transform(i));
-}, Yt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Fr(e, t) {
-  return Yt.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return (r) => (i.red = Gt(n.red, s.red, r), i.green = Gt(n.green, s.green, r), i.blue = Gt(n.blue, s.blue, r), i.alpha = ht(n.alpha, s.alpha, r), j.transform(i));
+}, Qt = /* @__PURE__ */ new Set(["none", "hidden"]);
+function _r(e, t) {
+  return Qt.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function Or(e, t) {
-  return (n) => ct(e, t, n);
+function Gr(e, t) {
+  return (n) => ht(e, t, n);
 }
-function ve(e) {
-  return typeof e == "number" ? Or : typeof e == "string" ? ce(e) ? St : E.test(e) ? en : Ir : Array.isArray(e) ? ms : typeof e == "object" ? E.test(e) ? en : Dr : St;
+function Se(e) {
+  return typeof e == "number" ? Gr : typeof e == "string" ? de(e) ? At : M.test(e) ? rn : jr : Array.isArray(e) ? As : typeof e == "object" ? M.test(e) ? rn : kr : At;
 }
-function ms(e, t) {
-  const n = [...e], s = n.length, i = e.map((r, o) => ve(r)(r, t[o]));
+function As(e, t) {
+  const n = [...e], s = n.length, i = e.map((r, o) => Se(r)(r, t[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function Dr(e, t) {
+function kr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const i in n)
-    e[i] !== void 0 && t[i] !== void 0 && (s[i] = ve(e[i])(e[i], t[i]));
+    e[i] !== void 0 && t[i] !== void 0 && (s[i] = Se(e[i])(e[i], t[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
     return n;
   };
 }
-function Rr(e, t) {
+function zr(e, t) {
   var n;
   const s = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
@@ -1378,84 +1380,84 @@ function Rr(e, t) {
   }
   return s;
 }
-const Ir = (e, t) => {
-  const n = Z.createTransformer(t), s = ot(e), i = ot(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 ? Yt.has(e) && !i.values.length || Yt.has(t) && !s.values.length ? Fr(e, t) : ye(ms(Rr(s, i), i.values), n) : (ut(!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.`), St(e, t));
+const jr = (e, t) => {
+  const n = tt.createTransformer(t), s = at(e), i = at(t);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Qt.has(e) && !i.values.length || Qt.has(t) && !s.values.length ? _r(e, t) : we(As(zr(s, i), i.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(e, t));
 };
-function gs(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ct(e, t, n) : ve(e)(e, t);
+function Es(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Se(e)(e, t);
 }
-function Br(e, t, n) {
-  const s = [], i = n || gs, r = e.length - 1;
+function Ur(e, t, n) {
+  const s = [], i = n || Es, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
-      const l = Array.isArray(t) ? t[o] || N : t;
-      a = ye(l, a);
+      const l = Array.isArray(t) ? t[o] || K : t;
+      a = we(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function be(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Te(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = e.length;
-  if (R(r === t.length, "Both input and output ranges must be the same length"), r === 1)
+  if (I(r === t.length, "Both input and output ranges must be the same length"), r === 1)
     return () => t[0];
   if (r === 2 && e[0] === e[1])
     return () => t[1];
   e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const o = Br(t, s, i), a = o.length, l = (u) => {
+  const o = Ur(t, s, i), a = o.length, l = (u) => {
     let c = 0;
     if (a > 1)
       for (; c < e.length - 2 && !(u < e[c + 1]); c++)
         ;
-    const f = ft(e[c], e[c + 1], u);
+    const f = dt(e[c], e[c + 1], u);
     return o[c](f);
   };
-  return n ? (u) => l(j(e[0], e[r - 1], u)) : l;
+  return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
 }
-function Lr(e, t) {
+function Hr(e, t) {
   return e.map((n) => n * t);
 }
-function Nr(e, t) {
-  return e.map(() => t || ps).splice(0, e.length - 1);
+function Yr(e, t) {
+  return e.map(() => t || xs).splice(0, e.length - 1);
 }
-function xt({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = kn(s) ? s.map(qt) : qt(s), r = {
+function Et({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const i = Qn(s) ? s.map(Jt) : Jt(s), r = {
     done: !1,
     value: t[0]
-  }, o = Lr(
+  }, o = Hr(
     // 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 : re(t),
+    n && n.length === t.length ? n : le(t),
     e
-  ), a = be(o, t, {
-    ease: Array.isArray(i) ? i : Nr(t, i)
+  ), a = Te(o, t, {
+    ease: Array.isArray(i) ? i : Yr(t, i)
   });
   return {
     calculatedDuration: e,
     next: (l) => (r.value = a(l), r.done = l >= e, r)
   };
 }
-const $r = (e) => {
+const qr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: () => M.update(t, !0),
-    stop: () => _(t),
+    start: () => E.update(t, !0),
+    stop: () => R(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => st.isProcessing ? st.timestamp : B.now()
+    now: () => Z.isProcessing ? Z.timestamp : N.now()
   };
-}, Kr = {
-  decay: Qe,
-  inertia: Qe,
-  tween: xt,
-  keyframes: xt,
-  spring: ie
-}, Wr = (e) => e / 100;
-class we extends ds {
+}, Xr = {
+  decay: en,
+  inertia: en,
+  tween: Et,
+  keyframes: Et,
+  spring: ae
+}, Zr = (e) => e / 100;
+class Lt extends Vs {
   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")
@@ -1464,19 +1466,19 @@ class we extends ds {
       const { onStop: l } = this.options;
       l && l();
     };
-    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || fe, a = (l, u) => this.onKeyframesResolved(l, u);
+    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || pe, a = (l, u) => this.onKeyframesResolved(l, u);
     this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
   }
   initPlayback(t) {
-    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = ht(n) ? n : Kr[n] || xt;
+    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = pt(n) ? n : Xr[n] || Et;
     let l, u;
-    a !== xt && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && R(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = ye(Wr, gs(t[0], t[1])), t = [0, 100]);
+    a !== Et && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(Zr, Es(t[0], t[1])), t = [0, 100]);
     const c = a({ ...this.options, keyframes: t });
     r === "mirror" && (u = a({
       ...this.options,
       keyframes: [...t].reverse(),
       velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = Kn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = qn(c));
     const { calculatedDuration: f } = c, h = f + i, p = h * (s + 1) - i;
     return {
       generator: c,
@@ -1504,35 +1506,35 @@ class we extends ds {
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
     const g = this.currentTime - h * (this.speed >= 0 ? 1 : -1), y = this.speed >= 0 ? g < 0 : g > c;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
-    let S = this.currentTime, x = r;
+    let T = this.currentTime, V = r;
     if (p) {
       const v = Math.min(this.currentTime, c) / f;
-      let V = Math.floor(v), O = v % 1;
-      !O && v >= 1 && (O = 1), O === 1 && V--, V = Math.min(V, p + 1), !!(V % 2) && (m === "reverse" ? (O = 1 - O, w && (O -= w / f)) : m === "mirror" && (x = o)), S = j(0, 1, O) * f;
+      let x = Math.floor(v), O = v % 1;
+      !O && v >= 1 && (O = 1), O === 1 && x--, x = Math.min(x, p + 1), !!(x % 2) && (m === "reverse" ? (O = 1 - O, w && (O -= w / f)) : m === "mirror" && (V = o)), T = H(0, 1, O) * f;
     }
-    const T = y ? { done: !1, value: l[0] } : x.next(S);
-    a && (T.value = a(T.value));
-    let { done: A } = T;
+    const S = y ? { done: !1, value: l[0] } : V.next(T);
+    a && (S.value = a(S.value));
+    let { done: A } = S;
     !y && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
     const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return F && i !== void 0 && (T.value = pt(l, this.options, i)), b && b(T.value), F && this.finish(), T;
+    return F && i !== void 0 && (S.value = gt(l, this.options, i)), b && b(S.value), F && this.finish(), S;
   }
   get duration() {
     const { resolved: t } = this;
-    return t ? D(t.calculatedDuration) : 0;
+    return t ? B(t.calculatedDuration) : 0;
   }
   get time() {
-    return D(this.currentTime);
+    return B(this.currentTime);
   }
   set time(t) {
-    t = C(t), this.currentTime = t, this.holdTime !== null || this.speed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.speed);
+    t = P(t), this.currentTime = t, this.holdTime !== null || this.speed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.speed);
   }
   get speed() {
     return this.playbackSpeed;
   }
   set speed(t) {
     const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = D(this.currentTime));
+    this.playbackSpeed = t, n && (this.time = B(this.currentTime));
   }
   play() {
     if (this.resolver.isScheduled || this.resolver.resume(), !this._resolved) {
@@ -1541,7 +1543,7 @@ class we extends ds {
     }
     if (this.isStopped)
       return;
-    const { driver: t = $r, onPlay: n, startTime: s } = this.options;
+    const { driver: t = qr, 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();
@@ -1575,7 +1577,10 @@ class we extends ds {
     return this.startTime = 0, this.tick(t, !0);
   }
 }
-const _r = /* @__PURE__ */ new Set([
+function Jr(e) {
+  return new Lt(e);
+}
+const Qr = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -1583,23 +1588,23 @@ const _r = /* @__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"
-]), Gr = 10, kr = (e, t) => {
+]), to = 10, eo = (e, t) => {
   let n = "";
-  const s = Math.max(Math.round(t / Gr), 2);
+  const s = Math.max(Math.round(t / to), 2);
   for (let i = 0; i < s; i++)
-    n += e(ft(0, s - 1, i)) + ", ";
+    n += e(dt(0, s - 1, i)) + ", ";
   return `linear(${n.substring(0, n.length - 2)})`;
-}, zr = {
+}, no = {
   linearEasing: void 0
 };
-function jr(e, t) {
-  const n = Ft(e);
+function so(e, t) {
+  const n = Rt(e);
   return () => {
     var s;
-    return (s = zr[t]) !== null && s !== void 0 ? s : n();
+    return (s = no[t]) !== null && s !== void 0 ? s : n();
   };
 }
-const at = /* @__PURE__ */ jr(() => {
+const lt = /* @__PURE__ */ so(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1607,28 +1612,28 @@ const at = /* @__PURE__ */ jr(() => {
   }
   return !0;
 }, "linearEasing");
-function ys(e) {
-  return !!(typeof e == "function" && at() || !e || typeof e == "string" && (e in Xt || at()) || ge(e) || Array.isArray(e) && e.every(ys));
+function Ms(e) {
+  return !!(typeof e == "function" && lt() || !e || typeof e == "string" && (e in te || lt()) || be(e) || Array.isArray(e) && e.every(Ms));
 }
-const tt = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, Xt = {
+const st = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, te = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ tt([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ tt([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ tt([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ tt([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ st([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ st([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ st([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ st([0.33, 1.53, 0.69, 0.99])
 };
-function vs(e, t) {
+function Cs(e, t) {
   if (e)
-    return typeof e == "function" && at() ? kr(e, t) : ge(e) ? tt(e) : Array.isArray(e) ? e.map((n) => vs(n, t) || Xt.easeOut) : Xt[e];
+    return typeof e == "function" && lt() ? eo(e, t) : be(e) ? st(e) : Array.isArray(e) ? e.map((n) => Cs(n, t) || te.easeOut) : te[e];
 }
-function bs(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function Ps(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 = vs(a, i);
+  const c = Cs(a, i);
   return Array.isArray(c) && (u.easing = c), e.animate(u, {
     delay: s,
     duration: i,
@@ -1638,15 +1643,15 @@ function bs(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-function Vt(e, t) {
+function Mt(e, t) {
   e.timeline = t, e.onfinish = null;
 }
-const ws = /* @__PURE__ */ Ft(() => Object.hasOwnProperty.call(Element.prototype, "animate")), At = 10, Ur = 2e4;
-function Hr(e) {
-  return ht(e.type) || e.type === "spring" || !ys(e.ease);
+const Fs = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Ct = 10, io = 2e4;
+function ro(e) {
+  return pt(e.type) || e.type === "spring" || !Ms(e.ease);
 }
-function qr(e, t) {
-  const n = new we({
+function oo(e, t) {
+  const n = new Lt({
     ...t,
     keyframes: e,
     repeat: 0,
@@ -1656,42 +1661,42 @@ function qr(e, t) {
   let s = { done: !1, value: e[0] };
   const i = [];
   let r = 0;
-  for (; !s.done && r < Ur; )
-    s = n.sample(r), i.push(s.value), r += At;
+  for (; !s.done && r < io; )
+    s = n.sample(r), i.push(s.value), r += Ct;
   return {
     times: void 0,
     keyframes: i,
-    duration: r - At,
+    duration: r - Ct,
     ease: "linear"
   };
 }
-const Ts = {
-  anticipate: Yn,
-  backInOut: qn,
-  circInOut: Xn
+const Os = {
+  anticipate: rs,
+  backInOut: is,
+  circInOut: os
 };
-function Yr(e) {
-  return e in Ts;
+function ao(e) {
+  return e in Os;
 }
-class nn extends ds {
+class on extends Vs {
   constructor(t) {
     super(t);
     const { name: n, motionValue: s, element: i, keyframes: r } = this.options;
-    this.resolver = new hs(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
+    this.resolver = new Ts(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" && at() && Yr(o) && (o = Ts[o]), Hr(this.options)) {
-      const { onComplete: h, onUpdate: p, motionValue: m, element: w, ...b } = this.options, g = qr(t, b);
+    if (typeof o == "string" && lt() && ao(o) && (o = Os[o]), ro(this.options)) {
+      const { onComplete: h, onUpdate: p, motionValue: m, element: w, ...b } = this.options, g = oo(t, b);
       t = g.keyframes, t.length === 1 && (t[1] = t[0]), i = g.duration, r = g.times, o = g.ease, a = "keyframes";
     }
-    const f = bs(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
-    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Vt(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
+    const f = Ps(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
+    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Mt(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
       const { onComplete: h } = this.options;
-      l.set(pt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
+      l.set(gt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: f,
       duration: i,
@@ -1706,21 +1711,21 @@ class nn extends ds {
     if (!t)
       return 0;
     const { duration: n } = t;
-    return D(n);
+    return B(n);
   }
   get time() {
     const { resolved: t } = this;
     if (!t)
       return 0;
     const { animation: n } = t;
-    return D(n.currentTime || 0);
+    return B(n.currentTime || 0);
   }
   set time(t) {
     const { resolved: n } = this;
     if (!n)
       return;
     const { animation: s } = n;
-    s.currentTime = C(t);
+    s.currentTime = P(t);
   }
   get speed() {
     const { resolved: t } = this;
@@ -1760,11 +1765,11 @@ class nn extends ds {
     else {
       const { resolved: n } = this;
       if (!n)
-        return N;
+        return K;
       const { animation: s } = n;
-      Vt(s, t);
+      Mt(s, t);
     }
-    return N;
+    return K;
   }
   play() {
     if (this.isStopped)
@@ -1793,7 +1798,7 @@ class nn extends ds {
     if (n.playState === "idle" || n.playState === "finished")
       return;
     if (this.time) {
-      const { motionValue: u, onUpdate: c, onComplete: f, element: h, ...p } = this.options, m = new we({
+      const { motionValue: u, onUpdate: c, onComplete: f, element: h, ...p } = this.options, m = new Lt({
         ...p,
         keyframes: s,
         duration: i,
@@ -1801,8 +1806,8 @@ class nn extends ds {
         ease: o,
         times: a,
         isGenerator: !0
-      }), w = C(this.time);
-      u.setWithVelocity(m.sample(w - At).value, m.sample(w).value, At);
+      }), w = P(this.time);
+      u.setWithVelocity(m.sample(w - Ct).value, m.sample(w).value, Ct);
     }
     const { onStop: l } = this.options;
     l && l(), this.cancel();
@@ -1817,20 +1822,20 @@ class nn extends ds {
   }
   static supports(t) {
     const { motionValue: n, name: s, repeatDelay: i, repeatType: r, damping: o, type: a } = t;
-    return ws() && s && _r.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
+    return Fs() && s && Qr.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 Xr({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+function lo({ 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 Ss = (e, t, n, s = {}, i, r) => (o) => {
-  const a = ae(s, e) || {}, l = a.delay || s.delay || 0;
+const Ds = (e, t, n, s = {}, i, r) => (o) => {
+  const a = ce(s, e) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
-  u = u - C(l);
+  u = u - P(l);
   let c = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -1847,139 +1852,139 @@ const Ss = (e, t, n, s = {}, i, r) => (o) => {
     motionValue: t,
     element: r ? void 0 : i
   };
-  Xr(a) || (c = {
+  lo(a) || (c = {
     ...c,
-    ...Ni(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);
+    ...Yi(e, c)
+  }), c.duration && (c.duration = P(c.duration)), c.repeatDelay && (c.repeatDelay = P(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let f = !1;
   if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), f && !r && t.get() !== void 0) {
-    const h = pt(c.keyframes, a);
+    const h = gt(c.keyframes, a);
     if (h !== void 0)
-      return M.update(() => {
+      return E.update(() => {
         c.onUpdate(h), c.onComplete();
-      }), new se([]);
+      }), new oe([]);
   }
-  return !r && nn.supports(c) ? new nn(c) : new we(c);
-}, Zr = (e) => Array.isArray(e), Qr = (e) => Zr(e) ? e[e.length - 1] || 0 : e;
-function sn(e) {
+  return !r && on.supports(c) ? new on(c) : new Lt(c);
+}, uo = (e) => Array.isArray(e), co = (e) => uo(e) ? e[e.length - 1] || 0 : e;
+function an(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function xs(e, t, n, s) {
+function Bs(e, t, n, s) {
   if (typeof t == "function") {
-    const [i, r] = sn(s);
+    const [i, r] = an(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, r] = sn(s);
+    const [i, r] = an(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   return t;
 }
-function Jr(e, t, n) {
+function fo(e, t, n) {
   const s = e.getProps();
-  return xs(s, t, s.custom, e);
+  return Bs(s, t, s.custom, e);
 }
-function to(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, it(n));
+function ho(e, t, n) {
+  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, D(n));
 }
-function eo(e, t) {
-  const n = Jr(e, t);
+function po(e, t) {
+  const n = fo(e, t);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
-    const a = Qr(r[o]);
-    to(e, o, a);
+    const a = co(r[o]);
+    ho(e, o, a);
   }
 }
-const Te = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), no = "framerAppearId", so = "data-" + Te(no);
-function io(e) {
-  return e.props[so];
+const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), mo = "framerAppearId", go = "data-" + Ve(mo);
+function yo(e) {
+  return e.props[go];
 }
-function ro(e) {
-  return !!(P(e) && e.add);
+function vo(e) {
+  return !!(C(e) && e.add);
 }
-function oo(e, t) {
+function bo(e, t) {
   const n = e.getValue("willChange");
-  if (ro(n))
+  if (vo(n))
     return n.add(t);
 }
-function ao({ protectedKeys: e, needsAnimating: t }, n) {
+function wo({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function lo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function So(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   var r;
   let { transition: o = e.getDefaultTransition(), transitionEnd: a, ...l } = t;
   s && (o = s);
   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 && ao(c, f))
+    if (p === void 0 || c && wo(c, f))
       continue;
     const m = {
       delay: n,
-      ...ae(o || {}, f)
+      ...ce(o || {}, f)
     };
     let w = !1;
     if (window.MotionHandoffAnimation) {
-      const g = io(e);
+      const g = yo(e);
       if (g) {
-        const y = window.MotionHandoffAnimation(g, f, M);
+        const y = window.MotionHandoffAnimation(g, f, E);
         y !== null && (m.startTime = y, w = !0);
       }
     }
-    oo(e, f), h.start(Ss(f, h, p, e.shouldReduceMotion && U.has(f) ? { type: !1 } : m, e, w));
+    bo(e, f), h.start(Ds(f, h, p, e.shouldReduceMotion && Y.has(f) ? { type: !1 } : m, e, w));
     const b = h.animation;
     b && u.push(b);
   }
   return a && Promise.all(u).then(() => {
-    M.update(() => {
-      a && eo(e, a);
+    E.update(() => {
+      a && po(e, a);
     });
   }), u;
 }
-function uo(e) {
+function To(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
-const co = {};
-function fo(e, { layout: t, layoutId: n }) {
-  return U.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!co[e] || e === "opacity");
+const Vo = {};
+function xo(e, { layout: t, layoutId: n }) {
+  return Y.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Vo[e] || e === "opacity");
 }
-function Vs(e, t, n) {
+function Rs(e, t, n) {
   var s;
   const { style: i } = e, r = {};
   for (const o in i)
-    (P(i[o]) || t.style && P(t.style[o]) || fo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
+    (C(i[o]) || t.style && C(t.style[o]) || xo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
   return r;
 }
-function ho(e, t, n) {
-  const s = Vs(e, t, n);
+function Ao(e, t, n) {
+  const s = Rs(e, t, n);
   for (const i in e)
-    if (P(e[i]) || P(t[i])) {
-      const r = dt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+    if (C(e[i]) || C(t[i])) {
+      const r = mt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = e[i];
     }
   return s;
 }
-const po = typeof window < "u", Zt = { current: null }, As = { current: !1 };
-function mo() {
-  if (As.current = !0, !!po)
+const Eo = typeof window < "u", ee = { current: null }, Is = { current: !1 };
+function Mo() {
+  if (Is.current = !0, !!Eo)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Zt.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ee.current = e.matches;
       e.addListener(t), t();
     } else
-      Zt.current = !1;
+      ee.current = !1;
 }
-function go(e) {
+function Co(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function yo(e) {
+function Po(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const vo = [
+const Fo = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -1987,34 +1992,34 @@ const vo = [
   "whileTap",
   "whileDrag",
   "exit"
-], bo = ["initial", ...vo];
-function Es(e) {
-  return go(e.animate) || bo.some((t) => yo(e[t]));
+], Oo = ["initial", ...Fo];
+function Ls(e) {
+  return Co(e.animate) || Oo.some((t) => Po(e[t]));
 }
-function wo(e) {
-  return !!(Es(e) || e.variants);
+function Do(e) {
+  return !!(Ls(e) || e.variants);
 }
-function To(e, t, n) {
+function Bo(e, t, n) {
   for (const s in t) {
     const i = t[s], r = n[s];
-    if (P(i))
-      e.addValue(s, i), process.env.NODE_ENV === "development" && Ct(i.version === "11.11.11", `Attempting to mix Framer Motion versions ${i.version} with 11.11.11 may not work as expected.`);
-    else if (P(r))
-      e.addValue(s, it(i, { owner: e }));
+    if (C(i))
+      e.addValue(s, i), process.env.NODE_ENV === "development" && Bt(i.version === "11.11.11", `Attempting to mix Framer Motion versions ${i.version} with 11.11.11 may not work as expected.`);
+    else if (C(r))
+      e.addValue(s, D(i, { owner: e }));
     else if (r !== i)
       if (e.hasValue(s)) {
         const o = e.getValue(s);
         o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
       } else {
         const o = e.getStaticValue(s);
-        e.addValue(s, it(o !== void 0 ? o : i, { owner: e }));
+        e.addValue(s, D(o !== void 0 ? o : i, { owner: e }));
       }
   }
   for (const s in n)
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const rn = {
+const ln = {
   animation: [
     "animate",
     "variants",
@@ -2033,15 +2038,15 @@ const rn = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, Qt = {};
-for (const e in rn)
-  Qt[e] = {
-    isEnabled: (t) => rn[e].some((n) => !!t[n])
+}, ne = {};
+for (const e in ln)
+  ne[e] = {
+    isEnabled: (t) => ln[e].some((n) => !!t[n])
   };
-const So = [...ss, E, Z], xo = (e) => So.find(ns(e)), on = () => ({ min: 0, max: 0 }), Se = () => ({
-  x: on(),
-  y: on()
-}), an = [
+const Ro = [...ds, M, tt], Io = (e) => Ro.find(hs(e)), un = () => ({ min: 0, max: 0 }), xe = () => ({
+  x: un(),
+  y: un()
+}), cn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2050,7 +2055,7 @@ const So = [...ss, E, Z], xo = (e) => So.find(ns(e)), on = () => ({ min: 0, max:
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Ms {
+class Ns {
   /**
    * 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.
@@ -2062,25 +2067,25 @@ class Ms {
     return {};
   }
   constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = fe, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = pe, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const h = B.now();
-      this.renderScheduledAt < h && (this.renderScheduledAt = h, M.render(this.render, !1, !0));
+      const h = N.now();
+      this.renderScheduledAt < h && (this.renderScheduledAt = h, E.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 = Es(n), this.isVariantNode = wo(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 = Ls(n), this.isVariantNode = Do(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: c, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const h in f) {
       const p = f[h];
-      l[h] !== void 0 && P(p) && p.set(l[h], !1);
+      l[h] !== void 0 && C(p) && p.set(l[h], !1);
     }
   }
   mount(t) {
-    this.current = t, L.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)), As.current || mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Zt.current, process.env.NODE_ENV !== "production" && Ct(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)), Is.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ee.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    L.delete(this.current), this.projection && this.projection.unmount(), _(this.notifyUpdate), _(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    $.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);
     for (const t in this.events)
       this.events[t].clear();
     for (const t in this.features) {
@@ -2091,8 +2096,8 @@ class Ms {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = U.has(t), i = n.on("change", (a) => {
-      this.latestValues[t] = a, this.props.onUpdate && M.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
+    const s = Y.has(t), i = n.on("change", (a) => {
+      this.latestValues[t] = a, this.props.onUpdate && E.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
     }), r = n.on("renderRequest", this.scheduleRender);
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -2104,8 +2109,8 @@ class Ms {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in Qt) {
-      const n = Qt[t];
+    for (t in ne) {
+      const n = ne[t];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -2124,7 +2129,7 @@ class Ms {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Se();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : xe();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -2138,13 +2143,13 @@ class Ms {
    */
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < an.length; s++) {
-      const i = an[s];
+    for (let s = 0; s < cn.length; s++) {
+      const i = cn[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const r = "on" + i, o = t[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = To(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Bo(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2200,7 +2205,7 @@ class Ms {
     if (this.props.values && this.props.values[t])
       return this.props.values[t];
     let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = it(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
+    return s === void 0 && n !== void 0 && (s = D(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -2210,7 +2215,7 @@ class Ms {
   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" && (Qn(i) || Zn(i)) ? i = parseFloat(i) : !xo(i) && Z.test(n) && (i = fs(t, n)), this.setBaseTarget(t, P(i) ? i.get() : i)), P(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (ls(i) || as(i)) ? i = parseFloat(i) : !Io(i) && tt.test(n) && (i = Ss(t, n)), this.setBaseTarget(t, C(i) ? i.get() : i)), C(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2228,24 +2233,24 @@ class Ms {
     const { initial: s } = this.props;
     let i;
     if (typeof s == "string" || typeof s == "object") {
-      const o = xs(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
+      const o = Bs(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
       o && (i = o[t]);
     }
     if (s && i !== void 0)
       return i;
     const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !P(r) ? r : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    return r !== void 0 && !C(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 Ln()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new Un()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class Ps extends Ms {
+class $s extends Ns {
   constructor() {
-    super(...arguments), this.KeyframeResolver = hs;
+    super(...arguments), this.KeyframeResolver = Ts;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2257,24 +2262,24 @@ class Ps extends Ms {
     delete n[t], delete s[t];
   }
 }
-const Cs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Vo = {
+const Ks = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Lo = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Ao = dt.length;
-function Eo(e, t, n) {
+}, No = mt.length;
+function $o(e, t, n) {
   let s = "", i = !0;
-  for (let r = 0; r < Ao; r++) {
-    const o = dt[r], a = e[o];
+  for (let r = 0; r < No; 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 = Cs(a, pe[o]);
+      const u = Ks(a, ye[o]);
       if (!l) {
         i = !1;
-        const c = Vo[o] || o;
+        const c = Lo[o] || o;
         s += `${c}(${u}) `;
       }
       n && (t[o] = u);
@@ -2282,49 +2287,49 @@ function Eo(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
 }
-function Fs(e, t, n) {
+function Ws(e, t, n) {
   const { style: s, vars: i, transformOrigin: r } = e;
   let o = !1, a = !1;
   for (const l in t) {
     const u = t[l];
-    if (U.has(l)) {
+    if (Y.has(l)) {
       o = !0;
       continue;
-    } else if (ts(l)) {
+    } else if (cs(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = Cs(u, pe[l]);
+      const c = Ks(u, ye[l]);
       l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = Eo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = $o(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = r;
     s.transformOrigin = `${l} ${u} ${c}`;
   }
 }
-function ln(e, t, n) {
+function fn(e, t, n) {
   return typeof e == "string" ? e : d.transform(t + n * e);
 }
-function Mo(e, t, n) {
-  const s = ln(t, e.x, e.width), i = ln(n, e.y, e.height);
+function Ko(e, t, n) {
+  const s = fn(t, e.x, e.width), i = fn(n, e.y, e.height);
   return `${s} ${i}`;
 }
-const Po = {
+const Wo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Co = {
+}, _o = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Fo(e, t, n = 1, s = 0, i = !0) {
+function Go(e, t, n = 1, s = 0, i = !0) {
   e.pathLength = 1;
-  const r = i ? Po : Co;
+  const r = i ? Wo : _o;
   e[r.offset] = d.transform(-s);
   const o = d.transform(t), a = d.transform(n);
   e[r.array] = `${o} ${a}`;
 }
-function Oo(e, {
+function ko(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2336,15 +2341,15 @@ function Oo(e, {
   // This is object creation, which we try to avoid per-frame.
   ...u
 }, c, f) {
-  if (Fs(e, u, f), c) {
+  if (Ws(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 = Mo(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 && Fo(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 = Ko(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && Go(h, o, a, l, !1);
 }
-const Os = /* @__PURE__ */ new Set([
+const _s = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2369,51 +2374,51 @@ const Os = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Ds(e, { style: t, vars: n }, s, i) {
+function Gs(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 Do(e, t, n, s) {
-  Ds(e, t, void 0, s);
+function zo(e, t, n, s) {
+  Gs(e, t, void 0, s);
   for (const i in t.attrs)
-    e.setAttribute(Os.has(i) ? i : Te(i), t.attrs[i]);
+    e.setAttribute(_s.has(i) ? i : Ve(i), t.attrs[i]);
 }
-const Ro = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-class Io extends Ps {
+const jo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+class Uo extends $s {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Se;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = xe;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (U.has(n)) {
-      const s = me(n);
+    if (Y.has(n)) {
+      const s = ve(n);
       return s && s.default || 0;
     }
-    return n = Os.has(n) ? n : Te(n), t.getAttribute(n);
+    return n = _s.has(n) ? n : Ve(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return ho(t, n, s);
+    return Ao(t, n, s);
   }
   build(t, n, s) {
-    Oo(t, n, this.isSVGTag, s.transformTemplate);
+    ko(t, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(t, n, s, i) {
-    Do(t, n, s, i);
+    zo(t, n, s, i);
   }
   mount(t) {
-    this.isSVGTag = Ro(t.tagName), super.mount(t);
+    this.isSVGTag = jo(t.tagName), super.mount(t);
   }
 }
-function Bo({ top: e, left: t, right: n, bottom: s }) {
+function Ho({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function Lo(e, t) {
+function Yo(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -2424,51 +2429,51 @@ function Lo(e, t) {
     right: s.x
   };
 }
-function No(e, t) {
-  return Bo(Lo(e.getBoundingClientRect(), t));
+function qo(e, t) {
+  return Ho(Yo(e.getBoundingClientRect(), t));
 }
-function $o(e) {
+function Xo(e) {
   return window.getComputedStyle(e);
 }
-class Ko extends Ps {
+class Zo extends $s {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ds;
+    super(...arguments), this.type = "html", this.renderInstance = Gs;
   }
   readValueFromInstance(t, n) {
-    if (U.has(n)) {
-      const s = me(n);
+    if (Y.has(n)) {
+      const s = ve(n);
       return s && s.default || 0;
     } else {
-      const s = $o(t), i = (ts(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Xo(t), i = (cs(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return No(t, n);
+    return qo(t, n);
   }
   build(t, n, s) {
-    Fs(t, n, s.transformTemplate);
+    Ws(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Vs(t, n, s);
+    return Rs(t, n, s);
   }
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    P(t) && (this.childSubscription = t.on("change", (n) => {
+    C(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-function Wo(e, t) {
+function Jo(e, t) {
   return e in t;
 }
-class _o extends Ms {
+class Qo extends Ns {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(t, n) {
-    if (Wo(n, t)) {
+    if (Jo(n, t)) {
       const s = t[n];
       if (typeof s == "string" || typeof s == "number")
         return s;
@@ -2480,7 +2485,7 @@ class _o extends Ms {
     delete n.output[t];
   }
   measureInstanceViewportBox() {
-    return Se();
+    return xe();
   }
   build(t, n) {
     Object.assign(t.output, n);
@@ -2492,7 +2497,7 @@ class _o extends Ms {
     return 0;
   }
 }
-function Rs(e) {
+function ks(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2506,10 +2511,10 @@ function Rs(e) {
       },
       latestValues: {}
     }
-  }, n = uo(e) ? new Io(t) : new Ko(t);
-  n.mount(e), L.set(e, n);
+  }, n = To(e) ? new Uo(t) : new Zo(t);
+  n.mount(e), $.set(e, n);
 }
-function Go(e) {
+function ta(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2519,105 +2524,105 @@ function Go(e) {
       },
       latestValues: {}
     }
-  }, n = new _o(t);
-  n.mount(e), L.set(e, n);
+  }, n = new Qo(t);
+  n.mount(e), $.set(e, n);
 }
-function ko(e, t, n) {
-  const s = P(e) ? e : it(e);
-  return s.start(Ss("", s, t, n)), s.animation;
+function ea(e, t, n) {
+  const s = C(e) ? e : D(e);
+  return s.start(Ds("", s, t, n)), s.animation;
 }
-function zo(e, t) {
-  return P(e) || typeof e == "number" || typeof e == "string" && !oe(t);
+function na(e, t) {
+  return C(e) || typeof e == "number" || typeof e == "string" && !ue(t);
 }
-function Is(e, t, n, s) {
+function zs(e, t, n, s) {
   const i = [];
-  if (zo(e, t))
-    i.push(ko(e, oe(t) && t.default || t, n && (n.default || n)));
+  if (na(e, t))
+    i.push(ea(e, ue(t) && t.default || t, n && (n.default || n)));
   else {
-    const r = Gn(e, t, s), o = r.length;
-    R(!!o, "No valid elements provided.");
+    const r = Jn(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 ? Rs : Go;
-      L.has(l) || u(l);
-      const c = L.get(l), f = { ...n };
-      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...lo(c, { ...t, transition: f }, {}));
+      const l = r[a], u = l instanceof Element ? ks : ta;
+      $.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 }, {}));
     }
   }
   return i;
 }
-function jo(e, t, n) {
+function sa(e, t, n) {
   const s = [];
-  return Pi(e, t, n, { spring: ie }).forEach(({ keyframes: r, transition: o }, a) => {
-    s.push(...Is(a, r, o));
+  return Ki(e, t, n, { spring: ae }).forEach(({ keyframes: r, transition: o }, a) => {
+    s.push(...zs(a, r, o));
   }), s;
 }
-function Uo(e) {
+function ia(e) {
   return Array.isArray(e) && Array.isArray(e[0]);
 }
-function Ho(e) {
+function ra(e) {
   function t(n, s, i) {
     let r = [];
-    Uo(n) ? r = jo(n, s, e) : r = Is(n, s, i, e);
-    const o = new se(r);
+    ia(n) ? r = sa(n, s, e) : r = zs(n, s, i, e);
+    const o = new oe(r);
     return e && e.animations.push(o), o;
   }
   return t;
 }
-const qo = Ho();
-function Yo(e, t, n) {
+const oa = ra();
+function aa(e, t, n) {
   e.style.setProperty(`--${t}`, n);
 }
-function Xo(e, t, n) {
+function la(e, t, n) {
   e.style[t] = n;
 }
-const Zo = /* @__PURE__ */ Ft(() => {
+const ua = /* @__PURE__ */ Rt(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });
   } catch {
     return !1;
   }
   return !0;
-}), bt = /* @__PURE__ */ new WeakMap();
-function Qo(e, t, n) {
+}), Tt = /* @__PURE__ */ new WeakMap();
+function ca(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" && Ht[e] && (t[s] = Ht[e].transform(t[s]));
-  !Zo() && t.length < 2 && t.unshift(n());
+    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Zt[e] && (t[s] = Zt[e].transform(t[s]));
+  !ua() && t.length < 2 && t.unshift(n());
 }
-const un = "easeOut";
-function cn(e) {
-  const t = bt.get(e) || /* @__PURE__ */ new Map();
-  return bt.set(e, t), bt.get(e);
+const hn = "easeOut";
+function dn(e) {
+  const t = Tt.get(e) || /* @__PURE__ */ new Map();
+  return Tt.set(e, t), Tt.get(e);
 }
-class Jo {
+class fa {
   constructor(t, n, s, i) {
     const r = n.startsWith("--");
-    this.setValue = r ? Yo : Xo, this.options = i, this.updateFinishedPromise(), R(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
-    const o = cn(t).get(n);
+    this.setValue = r ? aa : la, this.options = i, this.updateFinishedPromise(), I(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
+    const o = dn(t).get(n);
     o && o.stop();
     const a = () => n.startsWith("--") ? t.style.getPropertyValue(n) : window.getComputedStyle(t)[n];
-    if (Array.isArray(s) || (s = [s]), Qo(n, s, a), ht(i.type)) {
-      const u = Wn(i, 100, i.type);
-      i.ease = at() ? u.ease : un, i.duration = C(u.duration), i.type = "keyframes";
+    if (Array.isArray(s) || (s = [s]), ca(n, s, a), pt(i.type)) {
+      const u = Xn(i, 100, i.type);
+      i.ease = lt() ? u.ease : hn, i.duration = P(u.duration), i.type = "keyframes";
     } else
-      i.ease = i.ease || un;
+      i.ease = i.ease || hn;
     this.removeAnimation = () => {
       var u;
-      return (u = bt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
+      return (u = Tt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
     };
     const l = () => {
-      this.setValue(t, n, pt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
+      this.setValue(t, n, gt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
     };
-    ws() ? (this.animation = bs(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Vt(this.animation, this.pendingTimeline), cn(t).set(n, this)) : l();
+    Fs() ? (this.animation = Ps(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Mt(this.animation, this.pendingTimeline), dn(t).set(n, this)) : l();
   }
   get duration() {
-    return D(this.options.duration || 300);
+    return B(this.options.duration || 300);
   }
   get time() {
     var t;
-    return this.animation ? D(((t = this.animation) === null || t === void 0 ? void 0 : t.currentTime) || 0) : 0;
+    return this.animation ? B(((t = this.animation) === null || t === void 0 ? void 0 : t.currentTime) || 0) : 0;
   }
   set time(t) {
-    this.animation && (this.animation.currentTime = C(t));
+    this.animation && (this.animation.currentTime = P(t));
   }
   get speed() {
     return this.animation ? this.animation.playbackRate : 1;
@@ -2664,33 +2669,33 @@ class Jo {
     });
   }
   attachTimeline(t) {
-    return this.animation ? Vt(this.animation, t) : this.pendingTimeline = t, N;
+    return this.animation ? Mt(this.animation, t) : this.pendingTimeline = t, K;
   }
 }
-function ta(e, t, n, s) {
-  const i = Ot(e, s), r = i.length;
-  R(!!r, "No valid element provided.");
+function ha(e, t, n, s) {
+  const i = It(e, s), r = i.length;
+  I(!!r, "No valid element provided.");
   const o = [];
   for (let a = 0; a < r; a++) {
     const l = i[a], u = { ...n };
     typeof u.delay == "function" && (u.delay = u.delay(a, r));
     for (const c in t) {
       const f = t[c], h = {
-        ...ae(n, c)
+        ...ce(n, c)
       };
-      h.duration = h.duration ? C(h.duration) : h.duration, h.delay = C(h.delay || 0), o.push(new Jo(l, c, f, h));
+      h.duration = h.duration ? P(h.duration) : h.duration, h.delay = P(h.delay || 0), o.push(new fa(l, c, f, h));
     }
   }
   return o;
 }
-const ea = (e) => {
+const da = (e) => {
   function t(n, s, i) {
-    return new se(ta(n, s, i, e));
+    return new oe(ha(n, s, i, e));
   }
   return t;
-}, vl = /* @__PURE__ */ ea(), wt = /* @__PURE__ */ new WeakMap();
-let K;
-function na(e, t) {
+}, Ll = /* @__PURE__ */ da(), Vt = /* @__PURE__ */ new WeakMap();
+let _;
+function pa(e, t) {
   if (t) {
     const { inlineSize: n, blockSize: s } = t[0];
     return { width: n, height: s };
@@ -2699,41 +2704,41 @@ function na(e, t) {
     height: e.offsetHeight
   };
 }
-function sa({ target: e, contentRect: t, borderBoxSize: n }) {
+function ma({ target: e, contentRect: t, borderBoxSize: n }) {
   var s;
-  (s = wt.get(e)) === null || s === void 0 || s.forEach((i) => {
+  (s = Vt.get(e)) === null || s === void 0 || s.forEach((i) => {
     i({
       target: e,
       contentSize: t,
       get size() {
-        return na(e, n);
+        return pa(e, n);
       }
     });
   });
 }
-function ia(e) {
-  e.forEach(sa);
+function ga(e) {
+  e.forEach(ma);
 }
-function ra() {
-  typeof ResizeObserver > "u" || (K = new ResizeObserver(ia));
+function ya() {
+  typeof ResizeObserver > "u" || (_ = new ResizeObserver(ga));
 }
-function oa(e, t) {
-  K || ra();
-  const n = Ot(e);
+function va(e, t) {
+  _ || ya();
+  const n = It(e);
   return n.forEach((s) => {
-    let i = wt.get(s);
-    i || (i = /* @__PURE__ */ new Set(), wt.set(s, i)), i.add(t), K == null || K.observe(s);
+    let i = Vt.get(s);
+    i || (i = /* @__PURE__ */ new Set(), Vt.set(s, i)), i.add(t), _ == null || _.observe(s);
   }), () => {
     n.forEach((s) => {
-      const i = wt.get(s);
-      i == null || i.delete(t), i != null && i.size || K == null || K.unobserve(s);
+      const i = Vt.get(s);
+      i == null || i.delete(t), i != null && i.size || _ == null || _.unobserve(s);
     });
   };
 }
-const Tt = /* @__PURE__ */ new Set();
-let nt;
-function aa() {
-  nt = () => {
+const xt = /* @__PURE__ */ new Set();
+let rt;
+function ba() {
+  rt = () => {
     const e = {
       width: window.innerWidth,
       height: window.innerHeight
@@ -2742,18 +2747,18 @@ function aa() {
       size: e,
       contentSize: e
     };
-    Tt.forEach((n) => n(t));
-  }, window.addEventListener("resize", nt);
+    xt.forEach((n) => n(t));
+  }, window.addEventListener("resize", rt);
 }
-function la(e) {
-  return Tt.add(e), nt || aa(), () => {
-    Tt.delete(e), !Tt.size && nt && (nt = void 0);
+function wa(e) {
+  return xt.add(e), rt || ba(), () => {
+    xt.delete(e), !xt.size && rt && (rt = void 0);
   };
 }
-function ua(e, t) {
-  return typeof e == "function" ? la(e) : oa(e, t);
+function Sa(e, t) {
+  return typeof e == "function" ? wa(e) : va(e, t);
 }
-const ca = 50, fn = () => ({
+const Ta = 50, pn = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -2762,11 +2767,11 @@ const ca = 50, fn = () => ({
   targetLength: 0,
   containerLength: 0,
   velocity: 0
-}), fa = () => ({
+}), Va = () => ({
   time: 0,
-  x: fn(),
-  y: fn()
-}), ha = {
+  x: pn(),
+  y: pn()
+}), xa = {
   x: {
     length: "Width",
     position: "Left"
@@ -2776,16 +2781,16 @@ const ca = 50, fn = () => ({
     position: "Top"
   }
 };
-function hn(e, t, n, s) {
-  const i = n[t], { length: r, position: o } = ha[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 = ft(0, i.scrollLength, i.current);
+function mn(e, t, n, s) {
+  const i = n[t], { length: r, position: o } = xa[t], a = i.current, l = n.time;
+  i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = dt(0, i.scrollLength, i.current);
   const u = s - l;
-  i.velocity = u > ca ? 0 : ne(i.current - a, u);
+  i.velocity = u > Ta ? 0 : re(i.current - a, u);
 }
-function da(e, t, n) {
-  hn(e, "x", t, n), hn(e, "y", t, n), t.time = n;
+function Aa(e, t, n) {
+  mn(e, "x", t, n), mn(e, "y", t, n), t.time = n;
 }
-function pa(e, t) {
+function Ea(e, t) {
   const n = { x: 0, y: 0 };
   let s = e;
   for (; s && s !== t; )
@@ -2807,7 +2812,7 @@ function pa(e, t) {
       break;
   return n;
 }
-const ma = {
+const Ma = {
   Enter: [
     [0, 1],
     [1, 1]
@@ -2824,30 +2829,30 @@ const ma = {
     [0, 0],
     [1, 1]
   ]
-}, Jt = {
+}, se = {
   start: 0,
   center: 0.5,
   end: 1
 };
-function dn(e, t, n = 0) {
+function gn(e, t, n = 0) {
   let s = 0;
-  if (e in Jt && (e = Jt[e]), typeof e == "string") {
+  if (e in se && (e = se[e]), typeof e == "string") {
     const i = parseFloat(e);
     e.endsWith("px") ? s = i : e.endsWith("%") ? e = i / 100 : e.endsWith("vw") ? s = i / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? s = i / 100 * document.documentElement.clientHeight : e = i;
   }
   return typeof e == "number" && (s = t * e), n + s;
 }
-const ga = [0, 0];
-function ya(e, t, n, s) {
-  let i = Array.isArray(e) ? e : ga, r = 0, o = 0;
-  return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, Jt[e] ? e : "0"]), r = dn(i[0], n, s), o = dn(i[1], t), r - o;
+const Ca = [0, 0];
+function Pa(e, t, n, s) {
+  let i = Array.isArray(e) ? e : Ca, r = 0, o = 0;
+  return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, se[e] ? e : "0"]), r = gn(i[0], n, s), o = gn(i[1], t), r - o;
 }
-const va = { x: 0, y: 0 };
-function ba(e) {
+const Fa = { x: 0, y: 0 };
+function Oa(e) {
   return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
 }
-function wa(e, t, n) {
-  const { offset: s = ma.All } = n, { target: i = e, axis: r = "y" } = n, o = r === "y" ? "height" : "width", a = i !== e ? pa(i, e) : va, l = i === e ? { width: e.scrollWidth, height: e.scrollHeight } : ba(i), u = {
+function Da(e, t, n) {
+  const { offset: s = Ma.All } = n, { target: i = e, axis: r = "y" } = n, o = r === "y" ? "height" : "width", a = i !== e ? Ea(i, e) : Fa, l = i === e ? { width: e.scrollWidth, height: e.scrollHeight } : Oa(i), u = {
     width: e.clientWidth,
     height: e.clientHeight
   };
@@ -2855,115 +2860,115 @@ function wa(e, t, n) {
   let c = !t[r].interpolate;
   const f = s.length;
   for (let h = 0; h < f; h++) {
-    const p = ya(s[h], u[o], l[o], a[r]);
+    const p = Pa(s[h], u[o], l[o], a[r]);
     !c && p !== t[r].interpolatorOffsets[h] && (c = !0), t[r].offset[h] = p;
   }
-  c && (t[r].interpolate = be(t[r].offset, re(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
+  c && (t[r].interpolate = Te(t[r].offset, le(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
 }
-function Ta(e, t = e, n) {
+function Ba(e, t = e, n) {
   if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
     let s = t;
     for (; s && s !== e; )
       n.x.targetOffset += s.offsetLeft, n.y.targetOffset += s.offsetTop, s = s.offsetParent;
   }
-  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 && Ct(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.");
+  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 Sa(e, t, n, s = {}) {
+function Ra(e, t, n, s = {}) {
   return {
-    measure: () => Ta(e, s.target, n),
+    measure: () => Ba(e, s.target, n),
     update: (i) => {
-      da(e, n, i), (s.offset || s.target) && wa(e, n, s);
+      Aa(e, n, i), (s.offset || s.target) && Da(e, n, s);
     },
     notify: () => t(n)
   };
 }
-const Q = /* @__PURE__ */ new WeakMap(), pn = /* @__PURE__ */ new WeakMap(), $t = /* @__PURE__ */ new WeakMap(), mn = (e) => e === document.documentElement ? window : e;
-function xe(e, { container: t = document.documentElement, ...n } = {}) {
-  let s = $t.get(t);
-  s || (s = /* @__PURE__ */ new Set(), $t.set(t, s));
-  const i = fa(), r = Sa(t, e, i, n);
-  if (s.add(r), !Q.has(t)) {
+const et = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), vn = (e) => e === document.documentElement ? window : e;
+function Ae(e, { container: t = document.documentElement, ...n } = {}) {
+  let s = kt.get(t);
+  s || (s = /* @__PURE__ */ new Set(), kt.set(t, s));
+  const i = Va(), r = Ra(t, e, i, n);
+  if (s.add(r), !et.has(t)) {
     const a = () => {
       for (const h of s)
         h.measure();
     }, l = () => {
       for (const h of s)
-        h.update(st.timestamp);
+        h.update(Z.timestamp);
     }, u = () => {
       for (const h of s)
         h.notify();
     }, c = () => {
-      M.read(a, !1, !0), M.read(l, !1, !0), M.update(u, !1, !0);
+      E.read(a, !1, !0), E.read(l, !1, !0), E.update(u, !1, !0);
     };
-    Q.set(t, c);
-    const f = mn(t);
-    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && pn.set(t, ua(t, c)), f.addEventListener("scroll", c, { passive: !0 });
+    et.set(t, c);
+    const f = vn(t);
+    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && yn.set(t, Sa(t, c)), f.addEventListener("scroll", c, { passive: !0 });
   }
-  const o = Q.get(t);
-  return M.read(o, !1, !0), () => {
+  const o = et.get(t);
+  return E.read(o, !1, !0), () => {
     var a;
-    _(o);
-    const l = $t.get(t);
+    R(o);
+    const l = kt.get(t);
     if (!l || (l.delete(r), l.size))
       return;
-    const u = Q.get(t);
-    Q.delete(t), u && (mn(t).removeEventListener("scroll", u), (a = pn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
+    const u = et.get(t);
+    et.delete(t), u && (vn(t).removeEventListener("scroll", u), (a = yn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
   };
 }
-function Bs(e, t) {
+function js(e, t) {
   let n;
   const s = () => {
     const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
     n !== o && e(o), n = o;
   };
-  return M.update(s, !0), () => _(s);
+  return E.update(s, !0), () => R(s);
 }
-function xa({ source: e, container: t, axis: n = "y" }) {
+function Ia({ source: e, container: t, axis: n = "y" }) {
   e && (t = e);
-  const s = { value: 0 }, i = xe((r) => {
+  const s = { value: 0 }, i = Ae((r) => {
     s.value = r[n].progress * 100;
   }, { container: t, axis: n });
   return { currentTime: s, cancel: i };
 }
-const Kt = /* @__PURE__ */ new Map();
-function Ls({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
-  e && (t = e), Kt.has(t) || Kt.set(t, {});
-  const s = Kt.get(t);
-  return s[n] || (s[n] = Nn() ? new ScrollTimeline({ source: t, axis: n }) : xa({ source: t, axis: n })), s[n];
+const zt = /* @__PURE__ */ new Map();
+function Us({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
+  e && (t = e), zt.has(t) || zt.set(t, {});
+  const s = zt.get(t);
+  return s[n] || (s[n] = Hn() ? new ScrollTimeline({ source: t, axis: n }) : Ia({ source: t, axis: n })), s[n];
 }
-function Va(e) {
+function La(e) {
   return e.length === 2;
 }
-function Ns(e) {
+function Hs(e) {
   return e && (e.target || e.offset);
 }
-function Aa(e, t) {
-  return Va(e) || Ns(t) ? xe((n) => {
+function Na(e, t) {
+  return La(e) || Hs(t) ? Ae((n) => {
     e(n[t.axis].progress, n);
-  }, t) : Bs(e, Ls(t));
+  }, t) : js(e, Us(t));
 }
-function Ea(e, t) {
-  if (Ns(t))
-    return e.pause(), xe((n) => {
+function $a(e, t) {
+  if (Hs(t))
+    return e.pause(), Ae((n) => {
       e.time = e.duration * n[t.axis].progress;
     }, t);
   {
-    const n = Ls(t);
-    return e.attachTimeline(n, (s) => (s.pause(), Bs((i) => {
+    const n = Us(t);
+    return e.attachTimeline(n, (s) => (s.pause(), js((i) => {
       s.time = s.duration * i;
     }, n)));
   }
 }
-function bl(e, { axis: t = "y", ...n } = {}) {
+function Ka(e, { axis: t = "y", ...n } = {}) {
   const s = { axis: t, ...n };
-  return typeof e == "function" ? Aa(e, s) : Ea(e, s);
+  return typeof e == "function" ? Na(e, s) : $a(e, s);
 }
-const Ma = {
+const Wa = {
   some: 0,
   all: 1
 };
-function Pa(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
-  const r = Ot(e), o = /* @__PURE__ */ new WeakMap(), a = (u) => {
+function _a(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);
       if (c.isIntersecting !== !!f)
@@ -2975,18 +2980,18 @@ function Pa(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
   }, l = new IntersectionObserver(a, {
     root: n,
     rootMargin: s,
-    threshold: typeof i == "number" ? i : Ma[i]
+    threshold: typeof i == "number" ? i : Wa[i]
   });
   return r.forEach((u) => l.observe(u)), () => l.disconnect();
 }
-function wl(e, t = "end") {
+function Nl(e, t = "end") {
   return (n) => {
     n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
     const s = n * e, i = t === "end" ? Math.floor(s) : Math.ceil(s);
-    return j(0, 1, i / e);
+    return H(0, 1, i / e);
   };
 }
-function Ca(e, t) {
+function Ga(e, t) {
   if (e === "first")
     return 0;
   {
@@ -2994,65 +2999,65 @@ function Ca(e, t) {
     return e === "last" ? n : n / 2;
   }
 }
-function Tl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
+function $l(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
   return (i, r) => {
-    const o = typeof n == "number" ? n : Ca(n, r), a = Math.abs(o - i);
+    const o = typeof n == "number" ? n : Ga(n, r), a = Math.abs(o - i);
     let l = e * a;
     if (s) {
       const u = r * e;
-      l = qt(s)(l / u) * u;
+      l = Jt(s)(l / u) * u;
     }
     return t + l;
   };
 }
-const Fa = (e) => e && typeof e == "object" && e.mix, Oa = (e) => Fa(e) ? e.mix : void 0;
-function Sl(...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 = be(i, r, {
-    mixer: Oa(r[0]),
+const ka = (e) => e && typeof e == "object" && e.mix, za = (e) => ka(e) ? e.mix : void 0;
+function ja(...e) {
+  const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = Te(i, r, {
+    mixer: za(r[0]),
     ...o
   });
   return t ? a(s) : a;
 }
-function Da(e, t) {
-  const n = B.now(), s = ({ timestamp: i }) => {
+function Ua(e, t) {
+  const n = N.now(), s = ({ timestamp: i }) => {
     const r = i - n;
-    r >= t && (_(s), e(r - t));
+    r >= t && (R(s), e(r - t));
   };
-  return M.read(s, !0), () => _(s);
+  return E.read(s, !0), () => R(s);
 }
-function xl(e, t) {
-  return Da(e, C(t));
+function Kl(e, t) {
+  return Ua(e, P(t));
 }
-const gn = (e, t) => Math.abs(e - t);
-function Vl(e, t) {
-  const n = gn(e.x, t.x), s = gn(e.y, t.y);
+const bn = (e, t) => Math.abs(e - t);
+function Wl(e, t) {
+  const n = bn(e.x, t.x), s = bn(e.y, t.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
-const Al = M, El = J.reduce((e, t) => (e[t] = (n) => _(n), e), {});
-function Ra(e) {
-  return typeof e == "function" ? e() : Cn(e);
+const _l = E, Gl = nt.reduce((e, t) => (e[t] = (n) => R(n), e), {});
+function Ha(e) {
+  return typeof e == "function" ? e() : In(e);
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const yn = (e) => typeof e < "u";
-function Ia(e) {
+const wn = (e) => typeof e < "u";
+function Ya(e) {
   var t;
-  const n = Ra(e);
+  const n = Ha(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function Ba() {
-  const e = Fn(), t = zs(() => {
+function qa() {
+  const e = Ln(), t = ei(() => {
     var n, s;
-    return ["#text", "#comment"].includes((n = e.value) == null ? void 0 : n.$el.nodeName) ? (s = e.value) == null ? void 0 : s.$el.nextElementSibling : Ia(e);
+    return ["#text", "#comment"].includes((n = e.value) == null ? void 0 : n.$el.nodeName) ? (s = e.value) == null ? void 0 : s.$el.nextElementSibling : Ya(e);
   });
   return {
     primitiveElement: e,
     currentElement: t
   };
 }
-function Ve(e, t) {
+function Ee(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
   return [(o) => {
-    const a = js(s, o);
+    const a = ni(s, o);
     if (a || a === null)
       return a;
     throw new Error(
@@ -3060,19 +3065,22 @@ function Ve(e, t) {
         ", "
       )}` : `\`${e}\``}`
     );
-  }, (o) => (Us(s, o), o)];
+  }, (o) => (si(s, o), o)];
+}
+function ut(e) {
+  return !!(e && e.getVelocity);
 }
-const [La, Na] = Ve("Motion"), [$a, Ml] = Ve("AnimatePresenceContext");
-function vn(e, t) {
+const [Xa, Za] = Ee("Motion"), [Ja, kl] = Ee("AnimatePresenceContext");
+function Sn(e, t) {
   if (typeof e == "object")
     return e;
   if (e && t)
     return t[e];
 }
-function Ka(e, t) {
-  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !Wa(e, t) : e !== t;
+function Qa(e, t) {
+  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !tl(e, t) : e !== t;
 }
-function Wa(e, t) {
+function tl(e, t) {
   const n = t.length;
   if (n !== e.length)
     return !1;
@@ -3081,66 +3089,126 @@ function Wa(e, t) {
       return !1;
   return !0;
 }
-function _a(e, t) {
+function el(e, t) {
   !e.includes(t) && e.push(t);
 }
-function Ga(e, t) {
+function nl(e, t) {
   const n = e.indexOf(t);
   n !== -1 && e.splice(n, 1);
 }
-function ka(e, t) {
+function sl(e, t) {
   return e[t] ? { ...e, ...e[t] } : { ...e };
 }
-function bn(e) {
+function Tn(e) {
   return e == null ? void 0 : e.startsWith("--");
 }
-function za() {
+function il() {
 }
-const ja = (e) => e;
-function Ua(e) {
+const rl = (e) => e;
+function ol(e) {
   return typeof e == "number";
 }
-const wn = {
+const al = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "tspan",
+  "use",
+  "view",
+  "clipPath",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "foreignObject",
+  "linearGradient",
+  "radialGradient",
+  "textPath"
+], ll = new Set(al);
+function Vn(e) {
+  return ll.has(e);
+}
+const xn = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => `${e}deg`
-}, Ha = {
+}, ul = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
     toDefaultUnit: (e) => `${e}px`
   },
-  rotate: wn,
+  rotate: xn,
   scale: {
     syntax: "<number>",
     initialValue: 1,
-    toDefaultUnit: ja
+    toDefaultUnit: rl
   },
-  skew: wn
-}, qa = ["translate", "scale", "rotate", "skew"], Ya = ["", "X", "Y", "Z"], Ae = /* @__PURE__ */ new Map(), Et = ["x", "y", "z"];
-qa.forEach((e) => {
-  Ya.forEach((t) => {
-    Et.push(e + t), Ae.set(
+  skew: xn
+}, cl = ["translate", "scale", "rotate", "skew"], fl = ["", "X", "Y", "Z"], Me = /* @__PURE__ */ new Map(), Pt = ["x", "y", "z"];
+cl.forEach((e) => {
+  fl.forEach((t) => {
+    Pt.push(e + t), Me.set(
       e + t,
-      Ha[e]
+      ul[e]
     );
   });
 });
-const Xa = new Set(Et), Za = (e) => Xa.has(e), Tn = {
+const hl = new Set(Pt), dl = (e) => hl.has(e), An = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
 };
-function Qa([e], [t]) {
-  return Et.indexOf(e) - Et.indexOf(t);
+function pl([e], [t]) {
+  return Pt.indexOf(e) - Pt.indexOf(t);
 }
-function Ja(e, [t, n]) {
+function ml(e, [t, n]) {
   return `${e} ${t}(${n})`;
 }
-function tl(e) {
-  return e.sort(Qa).reduce(Ja, "").trim();
+function gl(e) {
+  return e.sort(pl).reduce(ml, "").trim();
 }
-const el = {
+const yl = {
   translate: [0, 0],
   rotate: 0,
   scale: 1,
@@ -3148,35 +3216,35 @@ const el = {
   x: 0,
   y: 0,
   z: 0
-}, $s = {
+}, Ys = {
   get: (e, t) => {
-    let n = bn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
+    let n = Tn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
     if (!n && n !== "0") {
-      const s = Ae.get(t);
+      const s = Me.get(t);
       s && (n = s.initialValue);
     }
     return n;
   },
   set: (e, t, n) => {
-    bn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+    Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
   }
 };
-function Wt(e) {
+function wt(e) {
   var s;
   const t = {}, n = [];
   for (let i in e) {
-    const r = e[i];
-    Za(i) && i in Tn && (i = Tn[i]);
+    let r = e[i];
+    r = ut(r) ? r.get() : r, dl(i) && i in An && (i = An[i]);
     let o = Array.isArray(r) ? r[0] : r;
-    const a = Ae.get(i);
-    a ? (o = Ua(r) ? (s = a.toDefaultUnit) == null ? void 0 : s.call(a, r) : r, n.push([i, o])) : t[i] = o;
+    const a = Me.get(i);
+    a ? (o = ol(r) ? (s = a.toDefaultUnit) == null ? void 0 : s.call(a, r) : r, n.push([i, o])) : t[i] = o;
   }
-  return n.length && (t.transform = tl(n)), t;
+  return n.length && (t.transform = gl(n)), t;
 }
-function Ks(e) {
-  return e ? e.flatMap((t) => t.type === Hs ? Ks(t.children) : [t]) : [];
+function qs(e) {
+  return e ? e.flatMap((t) => t.type === ii ? qs(t.children) : [t]) : [];
 }
-const nl = Pt({
+const vl = Ot({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: n }) {
@@ -3184,20 +3252,20 @@ const nl = Pt({
       var l, u;
       if (!n.default)
         return null;
-      const s = Ks(n.default()), i = s.findIndex((c) => c.type !== qs);
+      const s = qs(n.default()), i = s.findIndex((c) => c.type !== ri);
       if (i === -1)
         return s;
       const r = s[i];
       (l = r.props) == null || delete l.ref;
-      const o = r.props ? ee(t, r.props) : t;
+      const o = r.props ? Nn(t, r.props) : t;
       t.class && ((u = r.props) != null && u.class) && delete r.props.class;
-      const a = Ys(r, o);
+      const a = oi(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);
     };
   }
-}), sl = Pt({
+}), bl = Ot({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -3212,54 +3280,33 @@ const nl = Pt({
   },
   setup(e, { attrs: t, slots: n }) {
     const s = e.asChild ? "template" : e.as;
-    return typeof s == "string" && ["area", "img", "input"].includes(s) ? () => Rt(s, t) : s !== "template" ? () => Rt(e.as, t, { default: n.default }) : () => Rt(nl, 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(vl, t, { default: n.default });
   }
-}), il = [
-  "path",
-  "rect",
-  "circle",
-  "ellipse",
-  "line",
-  "polyline",
-  "polygon",
-  "text",
-  "g",
-  "defs",
-  "use",
-  "symbol",
-  "linearGradient",
-  "radialGradient",
-  "stop",
-  "clipPath",
-  "mask",
-  "pattern",
-  "image",
-  "tspan",
-  "textPath"
-];
-function Sn(e) {
-  return il.includes(e);
-}
-var Ws = function() {
+});
+var Xs = function() {
+}, Zs = function() {
 };
-process.env.NODE_ENV !== "production" && (Ws = function(e, t) {
+process.env.NODE_ENV !== "production" && (Xs = function(e, t) {
+  !e && typeof console < "u" && console.warn(t);
+}, Zs = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-class _s {
+class Js {
   constructor(t) {
     this.state = t;
   }
   update() {
   }
 }
-class rl {
+class wl {
   constructor(t) {
     this.features = [], this.features = [
-      new ol(t),
-      new al(t),
-      new ll(t),
-      new ul(t)
+      new Sl(t),
+      new Tl(t),
+      new Vl(t),
+      // new DragGesture(state),
+      new xl(t)
     ];
   }
   mount() {
@@ -3272,12 +3319,12 @@ class rl {
     this.features.forEach((t) => t.update());
   }
 }
-function lt(e, t, n) {
+function ct(e, t, n) {
   e.dispatchEvent(
     new CustomEvent(t, { detail: { originalEvent: n } })
   );
 }
-class Ee extends _s {
+class Ce extends Js {
   updateGestureSubscriptions() {
     const t = this.isActive();
     t && !this.removeGestureSubscriptions ? this.removeGestureSubscriptions = this.subscribeEvents() : !t && this.removeGestureSubscriptions && (this.removeGestureSubscriptions(), this.removeGestureSubscriptions = void 0);
@@ -3287,20 +3334,20 @@ class Ee extends _s {
     (t = this.removeGestureSubscriptions) == null || t.call(this);
   }
 }
-function xn(e, t, n) {
+function En(e, t, n) {
   return (s) => {
-    s.pointerType && s.pointerType !== "mouse" || (n(), lt(e, t, s));
+    s.pointerType && s.pointerType !== "mouse" || (n(), ct(e, t, s));
   };
 }
-class ol extends Ee {
+class Sl extends Ce {
   isActive() {
     return !!this.state.getOptions().hover;
   }
   constructor(t) {
     super(t), this.subscribeEvents = () => {
-      const n = this.state.getElement(), s = xn(n, "hoverstart", () => {
+      const n = this.state.getElement(), s = En(n, "hoverstart", () => {
         this.state.setActive("hover", !0);
-      }), i = xn(n, "hoverend", () => {
+      }), i = En(n, "hoverend", () => {
         this.state.setActive("hover", !1);
       });
       return n.addEventListener("pointerenter", s), n.addEventListener("pointerleave", i), () => {
@@ -3315,16 +3362,16 @@ class ol extends Ee {
     this.updateGestureSubscriptions();
   }
 }
-class al extends Ee {
+class Tl extends Ce {
   isActive() {
     return !!this.state.getOptions().press;
   }
   constructor(t) {
     super(t), this.subscribeEvents = () => {
       const n = this.state.getElement(), s = (r) => {
-        this.state.setActive("press", !1), lt(n, "pressend", r), window.removeEventListener("pointerup", s);
+        this.state.setActive("press", !1), ct(n, "pressend", r), window.removeEventListener("pointerup", s);
       }, i = (r) => {
-        this.state.setActive("press", !0), lt(n, "pressstart", r), window.addEventListener("pointerup", s);
+        this.state.setActive("press", !0), ct(n, "pressstart", r), window.addEventListener("pointerup", s);
       };
       return n.addEventListener("pointerdown", i), () => {
         n.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", s);
@@ -3338,7 +3385,7 @@ class al extends Ee {
     this.updateGestureSubscriptions();
   }
 }
-class ll extends Ee {
+class Vl extends Ce {
   isActive() {
     return !!this.state.getOptions().inView;
   }
@@ -3346,10 +3393,10 @@ class ll extends Ee {
     super(t), this.subscribeEvents = () => {
       var r;
       const n = this.state.getElement(), { once: s, ...i } = ((r = this.state.getOptions()) == null ? void 0 : r.inViewOptions) || {};
-      return Pa(n, (o) => {
-        if (this.state.setActive("inView", !0), lt(n, "viewenter", o), !s)
+      return _a(n, (o) => {
+        if (this.state.setActive("inView", !0), ct(n, "viewenter", o), !s)
           return (a) => {
-            this.state.setActive("inView", !1), lt(n, "viewleave", a);
+            this.state.setActive("inView", !1), ct(n, "viewleave", a);
           };
       }, i);
     };
@@ -3361,7 +3408,7 @@ class ll extends Ee {
     this.updateGestureSubscriptions();
   }
 }
-class ul extends _s {
+class xl extends Js {
   constructor() {
     super(...arguments), this.handlers = {};
   }
@@ -3410,55 +3457,55 @@ class ul extends _s {
     });
   }
 }
-let W;
-const Vn = (e) => e.next(), cl = (e) => e.animateUpdates();
-function fl() {
-  if (!W)
+let k;
+const Mn = (e) => e.next(), Al = (e) => e.animateUpdates();
+function El() {
+  if (!k)
     return;
-  const e = W.sort(dl).map(cl);
-  e.forEach(Vn), e.forEach(Vn), W = void 0;
+  const e = k.sort(Cl).map(Al);
+  e.forEach(Mn), e.forEach(Mn), k = void 0;
 }
-function An(e) {
-  W ? _a(W, e) : (W = [e], requestAnimationFrame(fl));
+function Cn(e) {
+  k ? el(k, e) : (k = [e], requestAnimationFrame(El));
 }
-function hl(e) {
-  W && Ga(W, e);
+function Ml(e) {
+  k && nl(k, e);
 }
-function dl(e, t) {
+function Cl(e, t) {
   return e.getDepth() - t.getDepth();
 }
-function En(e, t, n) {
+function Pn(e, t, n) {
   return new CustomEvent(e, { detail: { target: t, isExit: n } });
 }
-const Mn = ["initial", "animate", "inView", "hover", "press", "exit"], Mt = /* @__PURE__ */ new WeakMap();
-class pl {
+const Fn = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
+class Pl {
   constructor(t, n) {
     this.element = null, this.context = {}, this.activeStates = {
       initial: !0,
       animate: !0
     }, this.options = t, this.parent = n, this.depth = (n == null ? void 0 : n.depth) + 1 || 0, this.initContext();
     const s = t.initial === !1 ? "animate" : "initial";
-    this.featureManager = new rl(this), this.initTarget(s);
+    this.featureManager = new wl(this), this.initTarget(s);
   }
   initContext() {
     var t;
-    for (const n of Mn)
+    for (const n of Fn)
       this.context[n] = typeof this.options[n] == "string" ? this.options[n] : (t = this.parent) == null ? void 0 : t.context[n];
   }
   initTarget(t) {
-    this.baseTarget = vn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
+    this.baseTarget = Sn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
   }
   get initial() {
-    return yn(this.options.initial) ? this.options.initial : this.context.initial;
+    return wn(this.options.initial) ? this.options.initial : this.context.initial;
   }
   mount(t) {
     var s;
-    Ws(
+    Zs(
       !!t,
       "Animation state must be mounted with valid Element"
-    ), this.element = t, Mt.set(t, this), L.get(t) || Rs(t);
-    const n = L.get(t);
-    if (n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
+    ), this.element = t, Ft.set(t, this), $.get(t) || ks(t);
+    const n = $.get(t);
+    if (this.visualElement = n, n.triggerBuild(), n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
       for (const i in this.initial)
         n.setStaticValue(i, this.initial[i]);
     else if (typeof this.initial == "string" && this.options.variants)
@@ -3468,30 +3515,31 @@ class pl {
   }
   unmount() {
     var t;
-    Mt.delete(this.element), hl(this), (t = L.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
+    Ft.delete(this.element), Ml(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
   }
   update(t) {
-    this.options = t, this.featureManager.update(), An(this);
+    var n;
+    this.options = t, this.visualElement.update(this.options, (n = this.parent) == null ? void 0 : n.context), this.featureManager.update(), Cn(this);
   }
   setActive(t, n) {
-    this.element && (this.activeStates[t] = n, An(this));
+    this.element && (this.activeStates[t] = n, Cn(this));
   }
   *animateUpdates() {
     const t = this.target;
     this.target = {};
     const n = {};
-    for (const l of Mn) {
+    for (const l of Fn) {
       if (!this.activeStates[l])
         continue;
-      const u = vn(
-        yn(this.options[l]) ? this.options[l] : this.context[l],
+      const u = Sn(
+        wn(this.options[l]) ? this.options[l] : this.context[l],
         this.options.variants
       );
       if (!u)
         continue;
       const c = { ...t, ...u };
       for (const f in c)
-        f !== "transition" && (this.target[f] = u[f], n[f] = ka(
+        f !== "transition" && (this.target[f] = u[f], n[f] = sl(
           u.transition ?? this.options.transition ?? {},
           f
         ));
@@ -3502,11 +3550,11 @@ class pl {
     ]), i = [];
     s.forEach((l) => {
       var u;
-      this.target[l] === void 0 && (this.target[l] = this.baseTarget[l]), Ka(t[l], this.target[l]) && ((u = this.baseTarget)[l] ?? (u[l] = $s.get(this.element, l)), i.push(
-        () => qo(
+      this.target[l] === void 0 && (this.target[l] = this.baseTarget[l]), Qa(t[l], this.target[l]) && ((u = this.baseTarget)[l] ?? (u[l] = Ys.get(this.element, l)), i.push(
+        () => oa(
           this.element,
           {
-            [l]: this.target[l] === "none" ? el[l] : this.target[l]
+            [l]: this.target[l] === "none" ? yl[l] : this.target[l]
           },
           n[l] || {}
         )
@@ -3516,13 +3564,13 @@ class pl {
     if (!r.length)
       return;
     const o = this.target;
-    this.element.dispatchEvent(En("motionstart", o));
+    this.element.dispatchEvent(Pn("motionstart", o));
     const a = this.activeStates.exit;
     Promise.all(r).then(() => {
-      this.element.dispatchEvent(En("motioncomplete", {
+      this.element.dispatchEvent(Pn("motioncomplete", {
         ...o
       }, a));
-    }).catch(za);
+    }).catch(il);
   }
   isMounted() {
     return !!this.element;
@@ -3540,20 +3588,23 @@ class pl {
     return this.target;
   }
 }
-const Pl = /* @__PURE__ */ Pt({
+const zl = /* @__PURE__ */ Ot({
+  name: "Motion",
+  inheritAttrs: !0,
   __name: "Motion",
-  props: /* @__PURE__ */ Xs({
+  props: /* @__PURE__ */ ai({
     as: {},
     asChild: { type: Boolean },
-    style: {},
-    hover: {},
-    press: {},
-    inView: {},
     inViewOptions: {},
+    inView: {},
+    press: {},
+    hover: {},
     initial: { type: [String, Object, Boolean] },
     animate: {},
     exit: {},
     variants: {},
+    style: {},
+    transformTemplate: { type: Function },
     transition: {},
     onMotionStart: { type: Function },
     onMotionComplete: { type: Function },
@@ -3572,62 +3623,49 @@ const Pl = /* @__PURE__ */ Pt({
     inView: void 0
   }),
   setup(e) {
-    const t = e, { initial: n } = $a({ initial: Fn(void 0) }), s = La(null), i = new pl(
+    const t = e, { initial: n } = Ja({ initial: Ln(void 0) }), s = Xa(null), i = new Pl(
       {
         ...t
       },
       s
     );
-    Na(i);
-    const { primitiveElement: r, currentElement: o } = Ba();
-    Zs(() => {
-      i.mount(o.value), i.update({
+    Za(i);
+    const { primitiveElement: r, currentElement: o } = qa();
+    $n(() => {
+      i.mount(o.value), Vn(t.as) && Ys.set(o.value, "opacity", ""), i.update({
         ...t,
-        style: { ...t.style, ...Wt(i.getTarget()) },
+        style: { ...wt(i.getTarget()), ...t.style },
         initial: n.value === !1 ? n.value : t.initial === !0 ? void 0 : t.initial
       });
-    }), Qs(() => {
-    });
-    let a = !1;
-    Js(() => {
-      if (!a && o.value) {
-        a = !0;
-        const c = Wt(i.getTarget());
-        for (const f in c)
-          $s.set(o.value, f, c[f]);
-      }
+    }), Dt(() => {
+    }), li(() => {
       i.update({
         ...t,
         initial: n.value === !1 ? n.value : t.initial === !0 ? void 0 : t.initial
       });
     });
-    function l() {
-      if (!i.isMounted() && Sn(t.as))
-        return i.getTarget();
-    }
-    function u() {
-      return Sn(t.as) || i.isMounted() ? t.style : { ...t.style, ...Wt(i.getTarget()) };
+    function a() {
+      return Vn(t.as) && !i.isMounted() ? { opacity: 0 } : i.isMounted() ? wt(t.style) : { ...wt(t.style), ...wt(i.getTarget()) };
     }
-    return (c, f) => (On(), Dn(Cn(sl), ee({
+    return (l, u) => (Kn(), Wn(In(bl), {
       ref_key: "primitiveElement",
       ref: r,
-      as: c.as,
-      "as-child": c.asChild
-    }, l(), {
-      style: u()
-    }), {
-      default: Rn(() => [
-        In(c.$slots, "default")
+      as: l.as,
+      "as-child": l.asChild,
+      style: ui(a())
+    }, {
+      default: _n(() => [
+        Gn(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["as", "as-child", "style"]));
+    }, 8, ["as", "as-child", "style"]));
   }
-}), te = /* @__PURE__ */ new WeakMap();
-function Pn(e) {
-  const t = te.get(e);
-  t && e.removeEventListener("motioncomplete", t), te.delete(e);
+}), ie = /* @__PURE__ */ new WeakMap();
+function On(e) {
+  const t = ie.get(e);
+  t && e.removeEventListener("motioncomplete", t), ie.delete(e);
 }
-const [Cl, ml] = Ve("AnimatePresenceContext"), Fl = /* @__PURE__ */ Pt({
+const [jl, Fl] = Ee("AnimatePresenceContext"), Ul = /* @__PURE__ */ Ot({
   name: "AnimatePresence",
   inheritAttrs: !1,
   __name: "AnimatePresence",
@@ -3638,26 +3676,26 @@ const [Cl, ml] = Ve("AnimatePresenceContext"), Fl = /* @__PURE__ */ Pt({
     as: {}
   },
   setup(e) {
-    const t = e, { initial: n } = ti(t);
-    ml({
+    const t = e, { initial: n } = ci(t);
+    Fl({
       initial: n
     });
     function s(r) {
-      const o = Mt.get(r);
-      o && (Pn(r), o.setActive("exit", !1));
+      const o = Ft.get(r);
+      o && (On(r), o.setActive("exit", !1));
     }
     function i(r, o) {
-      const a = Mt.get(r);
+      const a = Ft.get(r);
       if (!a)
         return o();
-      a.setActive("exit", !0), Pn(r);
+      a.setActive("exit", !0), On(r);
       function l(u) {
         var c;
         (c = u == null ? void 0 : u.detail) != null && c.isExit && o();
       }
-      te.set(r, l), r.addEventListener("motioncomplete", l);
+      ie.set(r, l), r.addEventListener("motioncomplete", l);
     }
-    return (r, o) => (On(), Dn(ei(r.multiple ? ni : si), ee({
+    return (r, o) => (Kn(), Wn(fi(r.multiple ? hi : di), Nn({
       tag: r.multiple ? r.as : void 0,
       css: !1,
       mode: r.mode === "wait" ? "out-in" : void 0
@@ -3665,58 +3703,203 @@ const [Cl, ml] = Ve("AnimatePresenceContext"), Fl = /* @__PURE__ */ Pt({
       onEnter: s,
       onLeave: i
     }), {
-      default: Rn(() => [
-        In(r.$slots, "default")
+      default: _n(() => [
+        Gn(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag", "mode"]));
   }
 });
+function Pe(e) {
+  const t = D(e()), n = () => t.set(e()), s = () => E.preRender(n, !1, !0);
+  let i;
+  const r = (a) => {
+    i = a.map((l) => l.on("change", s));
+  }, o = () => {
+    i.forEach((a) => a()), R(n);
+  };
+  return Dt(() => {
+    o();
+  }), {
+    subscribe: r,
+    unsubscribe: o,
+    value: t
+  };
+}
+function Ol(e) {
+  G.current = [];
+  const { value: t, subscribe: n, unsubscribe: s } = Pe(e);
+  return n(G.current), G.current = void 0, kn(() => {
+    s(), G.current = [], e(), n(G.current), G.current = void 0;
+  }), t;
+}
+function Hl(e, t, n, s) {
+  if (typeof e == "function")
+    return Ol(e);
+  const i = typeof t == "function" ? t : ja(t, n, s);
+  return Array.isArray(e) ? Dn(
+    e,
+    i
+  ) : Dn([e], ([r]) => i(r));
+}
+function Dn(e, t) {
+  const n = [], { value: s, subscribe: i } = Pe(() => {
+    n.length = 0;
+    const r = e.length;
+    for (let o = 0; o < r; o++)
+      n[o] = e[o].get();
+    return t(n);
+  });
+  return i(e), s;
+}
+function Dl(e) {
+  let t = 0;
+  const n = ({ timestamp: i, delta: r }) => {
+    t || (t = i), e(i - t, r);
+  }, s = () => R(n);
+  kn(() => {
+    s(), E.update(n, !0);
+  }), Dt(() => s()), E.update(n, !0);
+}
+function Yl() {
+  const e = D(0);
+  return Dl((t) => e.set(t)), e;
+}
+function ql(e, ...t) {
+  const n = e.length;
+  function s() {
+    let o = "";
+    for (let a = 0; a < n; a++) {
+      o += e[a];
+      const l = t[a];
+      l && (o += ut(l) ? l.get() : l);
+    }
+    return o;
+  }
+  const { value: i, subscribe: r } = Pe(s);
+  return r(t.filter(ut)), i;
+}
+function Bn(e) {
+  return typeof e == "number" ? e : parseFloat(e);
+}
+function Xl(e, t = {}) {
+  let n = null;
+  const s = D(
+    ut(e) ? Bn(e.get()) : e
+  );
+  let i = s.get(), r = () => {
+  };
+  const o = () => {
+    n && (n.stop(), n = null);
+  }, a = () => {
+    const l = n;
+    (l == null ? void 0 : l.time) === 0 && l.sample(Z.delta), o(), n = Jr({
+      keyframes: [s.get(), i],
+      velocity: s.getVelocity(),
+      type: "spring",
+      restDelta: 1e-3,
+      restSpeed: 0.01,
+      ...t,
+      onUpdate: r
+    });
+  };
+  return zn(() => JSON.stringify(t), () => {
+    const l = s.attach((u, c) => (i = u, r = c, E.update(a), s.get()), o);
+    pi(() => l());
+  }, { immediate: !0 }), ut(e) && e.on("change", (l) => {
+    s.set(Bn(l));
+  }), s;
+}
+function Rn(e, t) {
+  Xs(
+    !!(!t || t.value),
+    `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
+  );
+}
+function Bl() {
+  return {
+    scrollX: D(0),
+    scrollY: D(0),
+    scrollXProgress: D(0),
+    scrollYProgress: D(0)
+  };
+}
+function Zl({
+  container: e,
+  target: t,
+  ...n
+} = {}) {
+  const s = Bl();
+  let i;
+  const r = () => {
+    i == null || i(), i = Ka(
+      (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);
+      },
+      {
+        ...n,
+        container: (e == null ? void 0 : e.value) ?? void 0,
+        target: (t == null ? void 0 : t.value) ?? void 0
+      }
+    );
+  };
+  return $n(() => {
+    Rn("target", t), Rn("container", e), r();
+  }), Dt(() => i == null ? void 0 : i()), zn(
+    () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
+    r
+  ), s;
+}
 export {
-  Fl as AnimatePresence,
-  Pl as Motion,
-  fi as MotionValue,
-  qo as animate,
-  vl as animateMini,
-  Yn as anticipate,
-  le as backIn,
-  qn as backInOut,
-  Hn as backOut,
-  _ as cancelFrame,
-  El as cancelSync,
-  ue as circIn,
-  Xn as circInOut,
-  Gi as circOut,
-  j as clamp,
-  Ho as createScopedAnimate,
-  mt as cubicBezier,
-  xl as delay,
-  gn as distance,
-  Vl as distance2D,
-  Vr as easeIn,
-  ps as easeInOut,
-  Ar as easeOut,
-  M as frame,
-  st as frameData,
-  yl as frameSteps,
-  Pa as inView,
-  Qe as inertia,
-  be as interpolate,
-  R as invariant,
-  xt as keyframes,
-  jn as mirrorEasing,
-  gs as mix,
-  it as motionValue,
-  ye as pipe,
-  ft as progress,
-  Un as reverseEasing,
-  bl as scroll,
-  xe as scrollInfo,
-  ie as spring,
-  Tl as stagger,
-  wl as steps,
-  Al as sync,
-  Sl as transform,
-  ut as warning,
-  Si as wrap
+  Ul as AnimatePresence,
+  zl as Motion,
+  Ti as MotionValue,
+  oa as animate,
+  Ll as animateMini,
+  rs as anticipate,
+  fe as backIn,
+  is as backInOut,
+  ss as backOut,
+  R as cancelFrame,
+  Gl as cancelSync,
+  he as circIn,
+  os as circInOut,
+  Qi as circOut,
+  H as clamp,
+  ra as createScopedAnimate,
+  yt as cubicBezier,
+  Kl as delay,
+  bn as distance,
+  Wl as distance2D,
+  Ir as easeIn,
+  xs as easeInOut,
+  Lr as easeOut,
+  E as frame,
+  Z as frameData,
+  Il as frameSteps,
+  _a as inView,
+  en as inertia,
+  Te as interpolate,
+  I as invariant,
+  Et as keyframes,
+  es as mirrorEasing,
+  Es as mix,
+  D as motionValue,
+  we as pipe,
+  dt as progress,
+  ns as reverseEasing,
+  Ka as scroll,
+  Ae as scrollInfo,
+  ae as spring,
+  $l as stagger,
+  Nl as steps,
+  _l as sync,
+  ja as transform,
+  ql as useMotionTemplate,
+  Zl as useScroll,
+  Xl as useSpring,
+  Yl as useTime,
+  Hl as useTransform,
+  ft as warning,
+  Bi as wrap
 };