@plyaz/ui 0.8.2 → 0.8.4

package/dist/client/reveal-text.es.js

@@ -1,12 +1,12 @@
 import { jsxs as ri, jsx as tt } from "react/jsx-runtime";
-import { createContext as St, useRef as lt, useLayoutEffect as Gr, useEffect as Ut, useContext as B, useId as _r, useCallback as Je, useMemo as ae, Fragment as oi, createElement as Yr, useInsertionEffect as Xr, forwardRef as qr, Component as Zr, useState as Jr } from "react";
+import { createContext as St, useRef as lt, useLayoutEffect as Gr, useEffect as Wt, useContext as B, useId as _r, useCallback as Je, useMemo as ae, Fragment as oi, createElement as Yr, useInsertionEffect as Xr, forwardRef as qr, Component as Zr, useState as Jr } from "react";
 import { c as Qr } from "../utils-B6yFEsav.js";
 const ai = St({});
 function le(t) {
   const e = lt(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Qe = typeof window < "u", tn = Qe ? Gr : Ut, en = /* @__PURE__ */ St(null);
+const Qe = typeof window < "u", tn = Qe ? Gr : Wt, en = /* @__PURE__ */ St(null);
 function nn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -37,7 +37,7 @@ function rn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const j = /* @__NO_SIDE_EFFECTS__ */ (t) => t, to = (t, e) => (n) => e(t(n)), Kt = (...t) => t.reduce(to), wt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const j = /* @__NO_SIDE_EFFECTS__ */ (t) => t, to = (t, e) => (n) => e(t(n)), Ut = (...t) => t.reduce(to), wt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -66,7 +66,7 @@ class on {
     this.subscriptions.length = 0;
   }
 }
-const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, $ = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, K = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function an(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
@@ -82,13 +82,13 @@ function so(t, e, n, s, i) {
   while (Math.abs(o) > eo && ++a < no);
   return r;
 }
-function $t(t, e, n, s) {
+function Kt(t, e, n, s) {
   if (t === e && n === s)
     return j;
   const i = (o) => so(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : hi(i(o), e, s);
 }
-const fi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, di = (t) => (e) => 1 - t(1 - e), mi = /* @__PURE__ */ $t(0.33, 1.53, 0.69, 0.99), ln = /* @__PURE__ */ di(mi), pi = /* @__PURE__ */ fi(ln), gi = (t) => (t *= 2) < 1 ? 0.5 * ln(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), cn = (t) => 1 - Math.sin(Math.acos(t)), yi = di(cn), vi = fi(cn), io = /* @__PURE__ */ $t(0.42, 0, 1, 1), ro = /* @__PURE__ */ $t(0, 0, 0.58, 1), Ti = /* @__PURE__ */ $t(0.42, 0, 0.58, 1), oo = (t) => Array.isArray(t) && typeof t[0] != "number", xi = (t) => Array.isArray(t) && typeof t[0] == "number", Wn = {
+const fi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, di = (t) => (e) => 1 - t(1 - e), mi = /* @__PURE__ */ Kt(0.33, 1.53, 0.69, 0.99), ln = /* @__PURE__ */ di(mi), pi = /* @__PURE__ */ fi(ln), gi = (t) => (t *= 2) < 1 ? 0.5 * ln(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), cn = (t) => 1 - Math.sin(Math.acos(t)), yi = di(cn), vi = fi(cn), io = /* @__PURE__ */ Kt(0.42, 0, 1, 1), ro = /* @__PURE__ */ Kt(0, 0, 0.58, 1), Ti = /* @__PURE__ */ Kt(0.42, 0, 0.58, 1), oo = (t) => Array.isArray(t) && typeof t[0] != "number", xi = (t) => Array.isArray(t) && typeof t[0] == "number", Wn = {
   linear: j,
   easeIn: io,
   easeInOut: Ti,
@@ -104,11 +104,11 @@ const fi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, di
   if (xi(t)) {
     _(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
-    return $t(e, n, s, i);
+    return Kt(e, n, s, i);
   } else if (ao(t))
     return _(Wn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Wn[t];
   return t;
-}, Gt = [
+}, Ht = [
   "setup",
   // Compute
   "read",
@@ -171,38 +171,38 @@ function wi(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = Gt.reduce((y, S) => (y[S] = lo(o), y), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: f, render: d, postRender: m } = r, g = () => {
+  }, o = () => n = !0, r = Ht.reduce((y, S) => (y[S] = lo(o), y), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: f, render: d, postRender: m } = r, g = () => {
     const y = Z.useManualTiming ? i.timestamp : performance.now();
     n = !1, Z.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, co), 1)), i.timestamp = y, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), h.process(i), f.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(g));
   }, v = () => {
     n = !0, s = !0, i.isProcessing || t(g);
   };
-  return { schedule: Gt.reduce((y, S) => {
+  return { schedule: Ht.reduce((y, S) => {
     const w = r[S];
-    return y[S] = (A, E = !1, b = !1) => (n || v(), w.schedule(A, E, b)), y;
+    return y[S] = (A, C = !1, b = !1) => (n || v(), w.schedule(A, C, b)), y;
   }, {}), cancel: (y) => {
-    for (let S = 0; S < Gt.length; S++)
-      r[Gt[S]].cancel(y);
+    for (let S = 0; S < Ht.length; S++)
+      r[Ht[S]].cancel(y);
   }, state: i, steps: r };
 }
 const { schedule: P, cancel: Y, state: R, steps: de } = /* @__PURE__ */ wi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : j, !0);
-let qt;
+let Xt;
 function uo() {
-  qt = void 0;
+  Xt = void 0;
 }
-const I = {
-  now: () => (qt === void 0 && I.set(R.isProcessing || Z.useManualTiming ? R.timestamp : performance.now()), qt),
+const O = {
+  now: () => (Xt === void 0 && O.set(R.isProcessing || Z.useManualTiming ? R.timestamp : performance.now()), Xt),
   set: (t) => {
-    qt = t, queueMicrotask(uo);
+    Xt = t, queueMicrotask(uo);
   }
 }, bi = (t) => (e) => typeof e == "string" && e.startsWith(t), un = /* @__PURE__ */ bi("--"), ho = /* @__PURE__ */ bi("var(--"), hn = (t) => ho(t) ? fo.test(t.split("/*")[0].trim()) : !1, fo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, At = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, Ot = {
+}, Ft = {
   ...At,
   transform: (t) => q(0, 1, t)
-}, _t = {
+}, Gt = {
   ...At,
   default: 1
 }, Rt = (t) => Math.round(t * 1e5) / 1e5, fn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
@@ -225,7 +225,7 @@ const po = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, ot = {
   test: /* @__PURE__ */ dn("rgb", "red"),
   parse: /* @__PURE__ */ Si("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + me.transform(t) + ", " + me.transform(e) + ", " + me.transform(n) + ", " + Rt(Ot.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + me.transform(t) + ", " + me.transform(e) + ", " + me.transform(n) + ", " + Rt(Ft.transform(s)) + ")"
 };
 function yo(t) {
   let e = "", n = "", s = "", i = "";
@@ -240,25 +240,25 @@ const Ee = {
   test: /* @__PURE__ */ dn("#"),
   parse: yo,
   transform: ot.transform
-}, zt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+}, $t = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), J = /* @__PURE__ */ zt("deg"), X = /* @__PURE__ */ zt("%"), x = /* @__PURE__ */ zt("px"), vo = /* @__PURE__ */ zt("vh"), To = /* @__PURE__ */ zt("vw"), Kn = {
+}), J = /* @__PURE__ */ $t("deg"), X = /* @__PURE__ */ $t("%"), x = /* @__PURE__ */ $t("px"), vo = /* @__PURE__ */ $t("vh"), To = /* @__PURE__ */ $t("vw"), Kn = {
   ...X,
   parse: (t) => X.parse(t) / 100,
   transform: (t) => X.transform(t * 100)
 }, dt = {
   test: /* @__PURE__ */ dn("hsl", "hue"),
   parse: /* @__PURE__ */ Si("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + X.transform(Rt(e)) + ", " + X.transform(Rt(n)) + ", " + Rt(Ot.transform(s)) + ")"
-}, C = {
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + X.transform(Rt(e)) + ", " + X.transform(Rt(n)) + ", " + Rt(Ft.transform(s)) + ")"
+}, D = {
   test: (t) => ot.test(t) || Ee.test(t) || dt.test(t),
   parse: (t) => ot.test(t) ? ot.parse(t) : dt.test(t) ? dt.parse(t) : Ee.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ot.transform(t) : dt.transform(t),
   getAnimatableNone: (t) => {
-    const e = C.parse(t);
-    return e.alpha = 0, C.transform(e);
+    const e = D.parse(t);
+    return e.alpha = 0, D.transform(e);
   }
 }, xo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function wo(t) {
@@ -273,7 +273,7 @@ function It(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(Po, (l) => (C.test(l) ? (s.color.push(o), i.push(Ai), n.push(C.parse(l))) : l.startsWith(So) ? (s.var.push(o), i.push(bo), n.push(l)) : (s.number.push(o), i.push(Pi), n.push(parseFloat(l))), ++o, $n)).split($n);
+  const a = e.replace(Po, (l) => (D.test(l) ? (s.color.push(o), i.push(Ai), n.push(D.parse(l))) : l.startsWith(So) ? (s.var.push(o), i.push(bo), n.push(l)) : (s.number.push(o), i.push(Pi), n.push(parseFloat(l))), ++o, $n)).split($n);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Vi(t) {
@@ -286,12 +286,12 @@ function Mi(t) {
     for (let r = 0; r < s; r++)
       if (o += e[r], i[r] !== void 0) {
         const a = n[r];
-        a === Pi ? o += Rt(i[r]) : a === Ai ? o += C.transform(i[r]) : o += i[r];
+        a === Pi ? o += Rt(i[r]) : a === Ai ? o += D.transform(i[r]) : o += i[r];
       }
     return o;
   };
 }
-const Ao = (t) => typeof t == "number" ? 0 : C.test(t) ? C.getAnimatableNone(t) : t;
+const Ao = (t) => typeof t == "number" ? 0 : D.test(t) ? D.getAnimatableNone(t) : t;
 function Vo(t) {
   const e = Vi(t);
   return Mi(t)(e.map(Ao));
@@ -321,7 +321,7 @@ function Mo({ hue: t, saturation: e, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function ne(t, e) {
+function ee(t, e) {
   return (n) => n > 0 ? e : t;
 }
 const M = (t, e, n) => t + (e - t) * n, ge = (t, e, n) => {
@@ -338,7 +338,7 @@ function zn(t) {
 const Hn = (t, e) => {
   const n = zn(t), s = zn(e);
   if (!n || !s)
-    return ne(t, e);
+    return ee(t, e);
   const i = { ...n };
   return (o) => (i.red = ge(n.red, s.red, o), i.green = ge(n.green, s.green, o), i.blue = ge(n.blue, s.blue, o), i.alpha = M(n.alpha, s.alpha, o), ot.transform(i));
 }, Re = /* @__PURE__ */ new Set(["none", "hidden"]);
@@ -349,7 +349,7 @@ function Ro(t, e) {
   return (n) => M(t, e, n);
 }
 function mn(t) {
-  return typeof t == "number" ? Ro : typeof t == "string" ? hn(t) ? ne : C.test(t) ? Hn : Bo : Array.isArray(t) ? Di : typeof t == "object" ? C.test(t) ? Hn : Lo : ne;
+  return typeof t == "number" ? Ro : typeof t == "string" ? hn(t) ? ee : D.test(t) ? Hn : Bo : Array.isArray(t) ? Di : typeof t == "object" ? D.test(t) ? Hn : Lo : ee;
 }
 function Di(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => mn(o)(o, e[r]));
@@ -379,7 +379,7 @@ function ko(t, e) {
 }
 const Bo = (t, e) => {
   const n = et.createTransformer(e), s = It(t), i = It(e);
-  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 ? Re.has(t) && !i.values.length || Re.has(e) && !s.values.length ? Eo(t, e) : Kt(Di(ko(s, i), i.values), n) : (Pt(!0, `Complex values '${t}' and '${e}' 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.`, "complex-values-different"), ne(t, e));
+  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 ? Re.has(t) && !i.values.length || Re.has(e) && !s.values.length ? Eo(t, e) : Ut(Di(ko(s, i), i.values), n) : (Pt(!0, `Complex values '${t}' and '${e}' 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.`, "complex-values-different"), ee(t, e));
 };
 function Ci(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? M(t, e, n) : mn(t)(t, e);
@@ -393,7 +393,7 @@ const Fo = (t) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => R.isProcessing ? R.timestamp : I.now()
+    now: () => R.isProcessing ? R.timestamp : O.now()
   };
 }, Ei = (t, e, n = 10) => {
   let s = "";
@@ -401,26 +401,26 @@ const Fo = (t) => {
   for (let o = 0; o < i; o++)
     s += Math.round(t(o / (i - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, se = 2e4;
+}, ne = 2e4;
 function pn(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
-  for (; !s.done && e < se; )
+  for (; !s.done && e < ne; )
     e += n, s = t.next(e);
-  return e >= se ? 1 / 0 : e;
+  return e >= ne ? 1 / 0 : e;
 }
-function Oo(t, e = 100, n) {
-  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(pn(s), se);
+function Io(t, e = 100, n) {
+  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(pn(s), ne);
   return {
     type: "keyframes",
     ease: (o) => s.next(i * o).value / e,
-    duration: /* @__PURE__ */ $(i)
+    duration: /* @__PURE__ */ K(i)
   };
 }
-const Io = 5;
+const Oo = 5;
 function Ri(t, e, n) {
-  const s = Math.max(e - Io, 0);
+  const s = Math.max(e - Oo, 0);
   return an(n - t(s), e - s);
 }
 const V = {
@@ -456,7 +456,7 @@ function jo({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.ve
   let i, o;
   Pt(t <= /* @__PURE__ */ G(V.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = q(V.minDamping, V.maxDamping, r), t = q(V.minDuration, V.maxDuration, /* @__PURE__ */ $(t)), r < 1 ? (i = (u) => {
+  r = q(V.minDamping, V.maxDamping, r), t = q(V.minDuration, V.maxDuration, /* @__PURE__ */ K(t)), r < 1 ? (i = (u) => {
     const c = u * r, h = c * t, f = c - n, d = Le(u, r), m = Math.exp(-h);
     return ye - f / d * m;
   }, o = (u) => {
@@ -527,7 +527,7 @@ function $o(t) {
     }
   return e;
 }
-function ie(t = V.visualDuration, e = V.bounce) {
+function se(t = V.visualDuration, e = V.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -536,23 +536,23 @@ function ie(t = V.visualDuration, e = V.bounce) {
   let { restSpeed: s, restDelta: i } = n;
   const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: u, mass: c, duration: h, velocity: f, isResolvedFromDuration: d } = $o({
     ...n,
-    velocity: -/* @__PURE__ */ $(n.velocity || 0)
-  }), m = f || 0, g = u / (2 * Math.sqrt(l * c)), v = r - o, p = /* @__PURE__ */ $(Math.sqrt(l / c)), T = Math.abs(v) < 5;
+    velocity: -/* @__PURE__ */ K(n.velocity || 0)
+  }), m = f || 0, g = u / (2 * Math.sqrt(l * c)), v = r - o, p = /* @__PURE__ */ K(Math.sqrt(l / c)), T = Math.abs(v) < 5;
   s || (s = T ? V.restSpeed.granular : V.restSpeed.default), i || (i = T ? V.restDelta.granular : V.restDelta.default);
   let y;
   if (g < 1) {
     const w = Le(p, g);
     y = (A) => {
-      const E = Math.exp(-g * p * A);
-      return r - E * ((m + g * p * v) / w * Math.sin(w * A) + v * Math.cos(w * A));
+      const C = Math.exp(-g * p * A);
+      return r - C * ((m + g * p * v) / w * Math.sin(w * A) + v * Math.cos(w * A));
     };
   } else if (g === 1)
     y = (w) => r - Math.exp(-p * w) * (v + (m + p * v) * w);
   else {
     const w = p * Math.sqrt(g * g - 1);
     y = (A) => {
-      const E = Math.exp(-g * p * A), b = Math.min(w * A, 300);
-      return r - E * ((m + g * p * v) * Math.sinh(b) + w * v * Math.cosh(b)) / w;
+      const C = Math.exp(-g * p * A), b = Math.min(w * A, 300);
+      return r - C * ((m + g * p * v) * Math.sinh(b) + w * v * Math.cosh(b)) / w;
     };
   }
   const S = {
@@ -562,15 +562,15 @@ function ie(t = V.visualDuration, e = V.bounce) {
       if (d)
         a.done = w >= h;
       else {
-        let E = w === 0 ? m : 0;
-        g < 1 && (E = w === 0 ? /* @__PURE__ */ G(m) : Ri(y, w, A));
-        const b = Math.abs(E) <= s, O = Math.abs(r - A) <= i;
-        a.done = b && O;
+        let C = w === 0 ? m : 0;
+        g < 1 && (C = w === 0 ? /* @__PURE__ */ G(m) : Ri(y, w, A));
+        const b = Math.abs(C) <= s, I = Math.abs(r - A) <= i;
+        a.done = b && I;
       }
       return a.value = a.done ? r : A, a;
     },
     toString: () => {
-      const w = Math.min(pn(S), se), A = Ei((E) => S.next(w * E).value, w, 30);
+      const w = Math.min(pn(S), ne), A = Ei((C) => S.next(w * C).value, w, 30);
       return w + "ms " + A;
     },
     toTransition: () => {
@@ -578,8 +578,8 @@ function ie(t = V.visualDuration, e = V.bounce) {
   };
   return S;
 }
-ie.applyToOptions = (t) => {
-  const e = Oo(t, 100, ie);
+se.applyToOptions = (t) => {
+  const e = Io(t, 100, se);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ G(e.duration), t.type = "keyframes", t;
 };
 function ke({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
@@ -591,12 +591,12 @@ function ke({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   const v = h + g, p = r === void 0 ? v : r(v);
   p !== v && (g = p - h);
   const T = (b) => -g * Math.exp(-b / s), y = (b) => p + T(b), S = (b) => {
-    const O = T(b), N = y(b);
-    f.done = Math.abs(O) <= u, f.value = f.done ? p : N;
+    const I = T(b), N = y(b);
+    f.done = Math.abs(I) <= u, f.value = f.done ? p : N;
   };
   let w, A;
-  const E = (b) => {
-    d(f.value) && (w = b, A = ie({
+  const C = (b) => {
+    d(f.value) && (w = b, A = se({
       keyframes: [f.value, m(f.value)],
       velocity: Ri(y, b, f.value),
       // TODO: This should be passing * 1000
@@ -606,11 +606,11 @@ function ke({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
       restSpeed: c
     }));
   };
-  return E(0), {
+  return C(0), {
     calculatedDuration: null,
     next: (b) => {
-      let O = !1;
-      return !A && w === void 0 && (O = !0, S(b), E(b)), w !== void 0 && b >= w ? A.next(b - w) : (!O && S(b), f);
+      let I = !1;
+      return !A && w === void 0 && (I = !0, S(b), C(b)), w !== void 0 && b >= w ? A.next(b - w) : (!I && S(b), f);
     }
   };
 }
@@ -620,7 +620,7 @@ function zo(t, e, n) {
     let a = i(t[r], t[r + 1]);
     if (e) {
       const l = Array.isArray(e) ? e[r] || j : e;
-      a = Kt(l, a);
+      a = Ut(l, a);
     }
     s.push(a);
   }
@@ -690,7 +690,7 @@ const Xo = {
   inertia: ke,
   tween: mt,
   keyframes: mt,
-  spring: ie
+  spring: se
 };
 function ki(t) {
   typeof t.type == "string" && (t.type = Xo[t.type]);
@@ -725,7 +725,7 @@ class Tn extends vn {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, i;
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== I.now() && this.tick(I.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (s = this.options).onStop) == null || i.call(s));
+      n && n.updatedAt !== O.now() && this.tick(O.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (s = this.options).onStop) == null || i.call(s));
     }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
@@ -734,7 +734,7 @@ class Tn extends vn {
     const { type: n = mt, repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || mt;
-    process.env.NODE_ENV !== "production" && l !== mt && _(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== mt && typeof a[0] != "number" && (this.mixKeyframes = Kt(qo, Ci(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== mt && _(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== mt && typeof a[0] != "number" && (this.mixKeyframes = Ut(qo, Ci(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -759,15 +759,15 @@ class Tn extends vn {
     let y = this.currentTime, S = s;
     if (h) {
       const b = Math.min(this.currentTime, i) / a;
-      let O = Math.floor(b), N = b % 1;
-      !N && b >= 1 && (N = 1), N === 1 && O--, O = Math.min(O, h + 1), !!(O % 2) && (f === "reverse" ? (N = 1 - N, d && (N -= d / a)) : f === "mirror" && (S = r)), y = q(0, 1, N) * a;
+      let I = Math.floor(b), N = b % 1;
+      !N && b >= 1 && (N = 1), N === 1 && I--, I = Math.min(I, h + 1), !!(I % 2) && (f === "reverse" ? (N = 1 - N, d && (N -= d / a)) : f === "mirror" && (S = r)), y = q(0, 1, N) * a;
     }
     const w = T ? { done: !1, value: c[0] } : S.next(y);
     o && (w.value = o(w.value));
     let { done: A } = w;
     !T && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
-    const E = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return E && m !== ke && (w.value = yn(c, this.options, v, this.speed)), g && g(w.value), E && this.finish(), w;
+    const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
+    return C && m !== ke && (w.value = yn(c, this.options, v, this.speed)), g && g(w.value), C && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -778,14 +778,14 @@ class Tn extends vn {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ $(this.calculatedDuration);
+    return /* @__PURE__ */ K(this.calculatedDuration);
   }
   get iterationDuration() {
     const { delay: e = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ $(e);
+    return this.duration + /* @__PURE__ */ K(e);
   }
   get time() {
-    return /* @__PURE__ */ $(this.currentTime);
+    return /* @__PURE__ */ K(this.currentTime);
   }
   set time(e) {
     var n;
@@ -795,9 +795,9 @@ class Tn extends vn {
     return this.playbackSpeed;
   }
   set speed(e) {
-    this.updateTime(I.now());
+    this.updateTime(O.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ $(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ K(this.currentTime));
   }
   play() {
     var i, o;
@@ -809,7 +809,7 @@ class Tn extends vn {
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(I.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(O.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -874,12 +874,12 @@ const at = (t) => t * 180 / Math.PI, Be = (t) => {
   skewY: (t) => at(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function Oe(t) {
+function Ie(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function Ie(t, e) {
+function Oe(t, e) {
   if (!t || t === "none")
-    return Oe(e);
+    return Ie(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
@@ -889,13 +889,13 @@ function Ie(t, e) {
     s = Jo, i = a;
   }
   if (!i)
-    return Oe(e);
+    return Ie(e);
   const o = s[e], r = i[1].split(",").map(ea);
   return typeof o == "function" ? o(r) : r[o];
 }
 const ta = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return Ie(n, e);
+  return Oe(n, e);
 };
 function ea(t) {
   return parseFloat(t.trim());
@@ -935,8 +935,8 @@ const ct = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: (t, { transform: e }) => Ie(e, "x"),
-  y: (t, { transform: e }) => Ie(e, "y")
+  x: (t, { transform: e }) => Oe(e, "x"),
+  y: (t, { transform: e }) => Oe(e, "y")
 };
 ct.translateX = ct.x;
 ct.translateY = ct.y;
@@ -1012,12 +1012,12 @@ const oa = (t) => t.startsWith("--");
 function aa(t, e, n) {
   oa(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const Oi = /* @__PURE__ */ rn(() => window.ScrollTimeline !== void 0), la = {};
+const Ii = /* @__PURE__ */ rn(() => window.ScrollTimeline !== void 0), la = {};
 function ca(t, e) {
   const n = /* @__PURE__ */ rn(t);
   return () => la[e] ?? n();
 }
-const Ii = /* @__PURE__ */ ca(() => {
+const Oi = /* @__PURE__ */ ca(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1037,7 +1037,7 @@ const Ii = /* @__PURE__ */ ca(() => {
 };
 function ji(t, e) {
   if (t)
-    return typeof t == "function" ? Ii() ? Ei(t, e) : "ease-out" : xi(t) ? Et(t) : Array.isArray(t) ? t.map((n) => ji(n, e) || Zn.easeOut) : Zn[t];
+    return typeof t == "function" ? Oi() ? Ei(t, e) : "ease-out" : xi(t) ? Et(t) : Array.isArray(t) ? t.map((n) => ji(n, e) || Zn.easeOut) : Zn[t];
 }
 function ua(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
@@ -1060,7 +1060,7 @@ function Ni(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
 function ha({ type: t, ...e }) {
-  return Ni(t) && Ii() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+  return Ni(t) && Oi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
 class fa extends vn {
   constructor(e) {
@@ -1119,14 +1119,14 @@ class fa extends vn {
   get duration() {
     var n, s;
     const e = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
-    return /* @__PURE__ */ $(Number(e));
+    return /* @__PURE__ */ K(Number(e));
   }
   get iterationDuration() {
     const { delay: e = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ $(e);
+    return this.duration + /* @__PURE__ */ K(e);
   }
   get time() {
-    return /* @__PURE__ */ $(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ K(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
     this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ G(e);
@@ -1155,7 +1155,7 @@ class fa extends vn {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && Oi() ? (this.animation.timeline = e, j) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && Ii() ? (this.animation.timeline = e, j) : n(this);
   }
 }
 const Wi = {
@@ -1247,7 +1247,7 @@ class ba extends vn {
     super(), this.stop = () => {
       var g, v;
       this._animation && (this._animation.stop(), (g = this.stopTimeline) == null || g.call(this)), (v = this.keyframeResolver) == null || v.cancel();
-    }, this.createdAt = I.now();
+    }, this.createdAt = O.now();
     const f = {
       autoplay: e,
       delay: n,
@@ -1265,7 +1265,7 @@ class ba extends vn {
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
-    this.resolvedAt = I.now(), ya(e, o, r, a) || ((Z.instantAnimations || !l) && (c == null || c(yn(e, s, n))), e[0] = e[e.length - 1], Ue(s), s.repeat = 0);
+    this.resolvedAt = O.now(), ya(e, o, r, a) || ((Z.instantAnimations || !l) && (c == null || c(yn(e, s, n))), e[0] = e[e.length - 1], Ue(s), s.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > wa ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1397,10 +1397,10 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   rotateX: J,
   rotateY: J,
   rotateZ: J,
-  scale: _t,
-  scaleX: _t,
-  scaleY: _t,
-  scaleZ: _t,
+  scale: Gt,
+  scaleX: Gt,
+  scaleY: Gt,
+  scaleZ: Gt,
   skew: J,
   skewX: J,
   skewY: J,
@@ -1413,7 +1413,7 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   z: x,
   perspective: x,
   transformPerspective: x,
-  opacity: Ot,
+  opacity: Ft,
   originX: Kn,
   originY: Kn,
   originZ: x
@@ -1456,23 +1456,23 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   ...Ra,
   zIndex: es,
   // SVG
-  fillOpacity: Ot,
-  strokeOpacity: Ot,
+  fillOpacity: Ft,
+  strokeOpacity: Ft,
   numOctaves: es
 }, La = {
   ...bn,
   // Color props
-  color: C,
-  backgroundColor: C,
-  outlineColor: C,
-  fill: C,
-  stroke: C,
+  color: D,
+  backgroundColor: D,
+  outlineColor: D,
+  fill: D,
+  stroke: D,
   // Border props
-  borderColor: C,
-  borderTopColor: C,
-  borderRightColor: C,
-  borderBottomColor: C,
-  borderLeftColor: C,
+  borderColor: D,
+  borderTopColor: D,
+  borderRightColor: D,
+  borderBottomColor: D,
+  borderLeftColor: D,
   filter: Ke,
   WebkitFilter: Ke
 }, Hi = (t) => La[t];
@@ -1558,10 +1558,10 @@ const Yi = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
 function Xi(t) {
   return ci(t) && "offsetHeight" in t;
 }
-const ns = 30, Oa = (t) => !isNaN(parseFloat(t)), Lt = {
+const ns = 30, Ia = (t) => !isNaN(parseFloat(t)), Lt = {
   current: void 0
 };
-class Ia {
+class Oa {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1571,14 +1571,14 @@ class Ia {
   constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s) => {
       var o;
-      const i = I.now();
+      const i = O.now();
       if (this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && ((o = this.events.change) == null || o.notify(this.current), this.dependents))
         for (const r of this.dependents)
           r.dirty();
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = I.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Oa(this.current));
+    this.current = e, this.updatedAt = O.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Ia(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1707,7 +1707,7 @@ class Ia {
    * @public
    */
   getVelocity() {
-    const e = I.now();
+    const e = O.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > ns)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, ns);
@@ -1764,7 +1764,7 @@ class Ia {
   }
 }
 function H(t, e) {
-  return new Ia(t, e);
+  return new Oa(t, e);
 }
 const { schedule: Sn } = /* @__PURE__ */ wi(queueMicrotask, !1), z = {
   x: !1,
@@ -1817,7 +1817,7 @@ const Ji = (t, e) => e ? t === e ? !0 : Ji(t, e.parentElement) : !1, Pn = (t) =>
 function Ua(t) {
   return Wa.has(t.tagName) || t.tabIndex !== -1;
 }
-const Zt = /* @__PURE__ */ new WeakSet();
+const qt = /* @__PURE__ */ new WeakSet();
 function is(t) {
   return (e) => {
     e.key === "Enter" && t(e);
@@ -1831,7 +1831,7 @@ const Ka = (t, e) => {
   if (!n)
     return;
   const s = is(() => {
-    if (Zt.has(n))
+    if (qt.has(n))
       return;
     ve(n, "down");
     const i = is(() => {
@@ -1849,9 +1849,9 @@ function $a(t, e, n = {}) {
     const l = a.currentTarget;
     if (!rs(a))
       return;
-    Zt.add(l);
+    qt.add(l);
     const u = e(l, a), c = (d, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Zt.has(l) && Zt.delete(l), rs(d) && typeof u == "function" && u(d, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), qt.has(l) && qt.delete(l), rs(d) && typeof u == "function" && u(d, { success: m });
     }, h = (d) => {
       c(d, l === window || l === document || n.useGlobalTarget || Ji(l, d.target));
     }, f = (d) => {
@@ -1866,12 +1866,12 @@ function $a(t, e, n = {}) {
 function An(t) {
   return ci(t) && "ownerSVGElement" in t;
 }
-const Jt = /* @__PURE__ */ new WeakMap();
+const Zt = /* @__PURE__ */ new WeakMap();
 let Q;
 const Qi = (t, e, n) => (s, i) => i && i[0] ? i[0][t + "Size"] : An(s) && "getBBox" in s ? s.getBBox()[e] : s[n], za = /* @__PURE__ */ Qi("inline", "width", "offsetWidth"), Ha = /* @__PURE__ */ Qi("block", "height", "offsetHeight");
 function Ga({ target: t, borderBoxSize: e }) {
   var n;
-  (n = Jt.get(t)) == null || n.forEach((s) => {
+  (n = Zt.get(t)) == null || n.forEach((s) => {
     s(t, {
       get width() {
         return za(t, e);
@@ -1892,16 +1892,16 @@ function Xa(t, e) {
   Q || Ya();
   const n = _i(t);
   return n.forEach((s) => {
-    let i = Jt.get(s);
-    i || (i = /* @__PURE__ */ new Set(), Jt.set(s, i)), i.add(e), Q == null || Q.observe(s);
+    let i = Zt.get(s);
+    i || (i = /* @__PURE__ */ new Set(), Zt.set(s, i)), i.add(e), Q == null || Q.observe(s);
   }), () => {
     n.forEach((s) => {
-      const i = Jt.get(s);
+      const i = Zt.get(s);
       i == null || i.delete(e), i != null && i.size || Q == null || Q.unobserve(s);
     });
   };
 }
-const Qt = /* @__PURE__ */ new Set();
+const Jt = /* @__PURE__ */ new Set();
 let pt;
 function qa() {
   pt = () => {
@@ -1913,12 +1913,12 @@ function qa() {
         return window.innerHeight;
       }
     };
-    Qt.forEach((e) => e(t));
+    Jt.forEach((e) => e(t));
   }, window.addEventListener("resize", pt);
 }
 function Za(t) {
-  return Qt.add(t), pt || qa(), () => {
-    Qt.delete(t), !Qt.size && typeof pt == "function" && (window.removeEventListener("resize", pt), pt = void 0);
+  return Jt.add(t), pt || qa(), () => {
+    Jt.delete(t), !Jt.size && typeof pt == "function" && (window.removeEventListener("resize", pt), pt = void 0);
   };
 }
 function Ja(t, e) {
@@ -1939,7 +1939,7 @@ function tl(...t) {
   const e = !Array.isArray(t[0]), n = e ? 0 : -1, s = t[0 + n], i = t[1 + n], o = t[2 + n], r = t[3 + n], a = gn(i, o, r);
   return e ? a(s) : a;
 }
-const k = (t) => !!(t && t.getVelocity), el = [...zi, C, et], nl = (t) => el.find($i(t)), Vn = St({
+const k = (t) => !!(t && t.getVelocity), el = [...zi, D, et], nl = (t) => el.find($i(t)), Vn = St({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -1949,7 +1949,7 @@ function sl(t = !0) {
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: s, register: i } = e, o = _r();
-  Ut(() => {
+  Wt(() => {
     if (t)
       return i(o);
   }, [t]);
@@ -2019,12 +2019,12 @@ const rl = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function re(t) {
+function ie(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || rl.has(t);
 }
-let nr = (t) => !re(t);
+let nr = (t) => !ie(t);
 function ol(t) {
-  typeof t == "function" && (nr = (e) => e.startsWith("on") ? !re(e) : t(e));
+  typeof t == "function" && (nr = (e) => e.startsWith("on") ? !ie(e) : t(e));
 }
 try {
   ol(require("@emotion/is-prop-valid").default);
@@ -2033,7 +2033,7 @@ try {
 function al(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (nr(i) || n === !0 && re(i) || !e && !re(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (nr(i) || n === !0 && ie(i) || !e && !ie(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
@@ -2041,7 +2041,7 @@ const ue = /* @__PURE__ */ St({});
 function he(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function jt(t) {
+function Ot(t) {
   return typeof t == "string" || Array.isArray(t);
 }
 const Mn = [
@@ -2054,7 +2054,7 @@ const Mn = [
   "exit"
 ], Dn = ["initial", ...Mn];
 function fe(t) {
-  return he(t.animate) || Dn.some((e) => jt(t[e]));
+  return he(t.animate) || Dn.some((e) => Ot(t[e]));
 }
 function sr(t) {
   return !!(fe(t) || t.variants);
@@ -2063,8 +2063,8 @@ function ll(t, e) {
   if (fe(t)) {
     const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || jt(n) ? n : void 0,
-      animate: jt(s) ? s : void 0
+      initial: n === !1 || Ot(n) ? n : void 0,
+      animate: Ot(s) ? s : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
@@ -2076,13 +2076,13 @@ function cl(t) {
 function as(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Nt = {};
+const jt = {};
 function ul(t) {
   for (const e in t)
-    Nt[e] = t[e], un(e) && (Nt[e].isCSSVariable = !0);
+    jt[e] = t[e], un(e) && (jt[e].isCSSVariable = !0);
 }
 function ir(t, { layout: e, layoutId: n }) {
-  return Mt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Nt[t] || t === "opacity");
+  return Mt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!jt[t] || t === "opacity");
 }
 const hl = {
   x: "translateX",
@@ -2275,7 +2275,7 @@ function Ln(t, e, n, s) {
   }
   return e;
 }
-function te(t) {
+function Qt(t) {
   return k(t) ? t.get() : t;
 }
 function Sl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
@@ -2287,7 +2287,7 @@ function Sl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
 function Pl(t, e, n, s) {
   const i = {}, o = s(t, {});
   for (const f in o)
-    i[f] = te(o[f]);
+    i[f] = Qt(o[f]);
   let { initial: r, animate: a } = t;
   const l = fe(t), u = sr(t);
   e && u && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
@@ -2379,7 +2379,7 @@ function El(t, e, n, s, i) {
   const d = n[hr], m = lt(!!d && !((g = window.MotionHandoffIsComplete) != null && g.call(window, d)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, d)));
   return tn(() => {
     c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), m.current && c.animationState && c.animationState.animateChanges());
-  }), Ut(() => {
+  }), Wt(() => {
     c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       var p;
       (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, d);
@@ -2472,10 +2472,10 @@ function mr({ top: t, left: e, right: n, bottom: s }) {
     y: { min: t, max: s }
   };
 }
-function Ol({ x: t, y: e }) {
+function Il({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function Il(t, e) {
+function Ol(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -2501,12 +2501,12 @@ function pr(t) {
 function cs(t) {
   return t && t !== "0%";
 }
-function oe(t, e, n) {
+function re(t, e, n) {
   const s = t - n, i = e * s;
   return n + i;
 }
 function us(t, e, n, s, i) {
-  return i !== void 0 && (t = oe(t, i, s)), oe(t, n, s) + e;
+  return i !== void 0 && (t = re(t, i, s)), re(t, n, s) + e;
 }
 function ze(t, e = 0, n = 1, s, i) {
   t.min = us(t.min, e, n, s, i), t.max = us(t.max, e, n, s, i);
@@ -2542,7 +2542,7 @@ function vt(t, e) {
   ds(t.x, e.x, e.scaleX, e.scale, e.originX), ds(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function yr(t, e) {
-  return mr(Il(t.getBoundingClientRect(), e));
+  return mr(Ol(t.getBoundingClientRect(), e));
 }
 function Nl(t, e, n) {
   const s = yr(t, n), { scroll: i } = e;
@@ -2556,7 +2556,7 @@ const ms = () => ({
 }), Tt = () => ({
   x: ms(),
   y: ms()
-}), ps = () => ({ min: 0, max: 0 }), D = () => ({
+}), ps = () => ({ min: 0, max: 0 }), E = () => ({
   x: ps(),
   y: ps()
 }), He = { current: null }, vr = { current: !1 };
@@ -2613,7 +2613,7 @@ class $l {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = xn, 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 f = I.now();
+      const f = O.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, P.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = r;
@@ -2682,7 +2682,7 @@ class $l {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : D();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : E();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -2843,7 +2843,7 @@ class Hl extends Tr {
   readValueFromInstance(e, n) {
     var s;
     if (Mt.has(n))
-      return (s = this.projection) != null && s.isProjecting ? Oe(n) : ta(e, n);
+      return (s = this.projection) != null && s.isProjecting ? Ie(n) : ta(e, n);
     {
       const i = zl(e), o = (un(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof o == "string" ? o.trim() : o;
@@ -2891,7 +2891,7 @@ function Gl(t, e, n, s) {
 }
 class _l extends Tr {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = D;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = E;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
@@ -3115,7 +3115,7 @@ function Vr(t) {
   const e = {};
   for (let n = 0; n < uc; n++) {
     const s = Dn[n], i = t.props[s];
-    (jt(i) || i === !1) && (e[s] = i);
+    (Ot(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
@@ -3141,7 +3141,7 @@ function mc(t) {
     const { props: u } = t, c = Vr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
     for (let v = 0; v < fc; v++) {
-      const p = hc[v], T = n[p], y = u[p] !== void 0 ? u[p] : c[p], S = jt(y), w = p === l ? T.isActive : null;
+      const p = hc[v], T = n[p], y = u[p] !== void 0 ? u[p] : c[p], S = Ot(y), w = p === l ? T.isActive : null;
       w === !1 && (m = v);
       let A = y === c[p] && y !== u[p] && S;
       if (A && s && t.manuallyAnimateOnMount && (A = !1), T.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
@@ -3149,31 +3149,31 @@ function mc(t) {
       !y && !T.prevProp || // Or if the prop doesn't define an animation
       he(y) || typeof y == "boolean")
         continue;
-      const E = pc(T.prevProp, y);
-      let b = E || // If we're making this variant active, we want to always make it active
+      const C = pc(T.prevProp, y);
+      let b = C || // If we're making this variant active, we want to always make it active
       p === l && T.isActive && !A && S || // If we removed a higher-priority variant (i is in reverse order)
-      v > m && S, O = !1;
+      v > m && S, I = !1;
       const N = Array.isArray(y) ? y : [y];
       let ht = N.reduce(i(p), {});
       w === !1 && (ht = {});
-      const { prevResolvedValues: On = {} } = T, zr = {
-        ...On,
+      const { prevResolvedValues: In = {} } = T, zr = {
+        ...In,
         ...ht
-      }, In = (L) => {
-        b = !0, f.has(L) && (O = !0, f.delete(L)), T.needsAnimating[L] = !0;
+      }, On = (L) => {
+        b = !0, f.has(L) && (I = !0, f.delete(L)), T.needsAnimating[L] = !0;
         const W = t.getValue(L);
         W && (W.liveStyle = !1);
       };
       for (const L in zr) {
-        const W = ht[L], st = On[L];
+        const W = ht[L], st = In[L];
         if (d.hasOwnProperty(L))
           continue;
         let ft = !1;
-        Ge(W) && Ge(st) ? ft = !Ar(W, st) : ft = W !== st, ft ? W != null ? In(L) : f.add(L) : W !== void 0 && f.has(L) ? In(L) : T.protectedKeys[L] = !0;
+        Ge(W) && Ge(st) ? ft = !Ar(W, st) : ft = W !== st, ft ? W != null ? On(L) : f.add(L) : W !== void 0 && f.has(L) ? On(L) : T.protectedKeys[L] = !0;
       }
       T.prevProp = y, T.prevResolvedValues = ht, T.isActive && (d = { ...d, ...ht }), s && t.blockInitialAnimation && (b = !1);
-      const jn = A && E;
-      b && (!jn || O) && h.push(...N.map((L) => {
+      const jn = A && C;
+      b && (!jn || I) && h.push(...N.map((L) => {
         const W = { type: p };
         if (typeof L == "string" && s && !jn && t.manuallyAnimateOnMount && t.parent) {
           const { parent: st } = t, ft = xt(st, L);
@@ -3313,10 +3313,10 @@ const Tc = {
     Feature: vc
   }
 };
-function Wt(t, e, n, s = { passive: !0 }) {
+function Nt(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-function Ht(t) {
+function zt(t) {
   return {
     point: {
       x: t.pageX,
@@ -3324,9 +3324,9 @@ function Ht(t) {
     }
   };
 }
-const xc = (t) => (e) => Pn(e) && t(e, Ht(e));
+const xc = (t) => (e) => Pn(e) && t(e, zt(e));
 function kt(t, e, n, s) {
-  return Wt(t, e, xc(n), s);
+  return Nt(t, e, xc(n), s);
 }
 const Mr = 1e-4, wc = 1 - Mr, bc = 1 + Mr, Dr = 0.01, Sc = 0 - Dr, Pc = 0 + Dr;
 function F(t) {
@@ -3350,10 +3350,10 @@ function Vc(t, e, n) {
 function xs(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + F(e);
 }
-function Ft(t, e, n) {
+function oe(t, e, n) {
   xs(t.x, e.x, n.x), xs(t.y, e.y, n.y);
 }
-function K(t) {
+function U(t) {
   return [t("x"), t("y")];
 }
 const Cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, ws = (t, e) => Math.abs(t - e);
@@ -3385,10 +3385,10 @@ class Er {
     }, !Pn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = r, this.contextWindow = i || window;
-    const a = Ht(e), l = we(a, this.transformPagePoint), { point: u } = l, { timestamp: c } = R;
+    const a = zt(e), l = we(a, this.transformPagePoint), { point: u } = l, { timestamp: c } = R;
     this.history = [{ ...u, timestamp: c }];
     const { onSessionStart: h } = n;
-    h && h(e, be(l, this.history)), this.removeListeners = Kt(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp));
+    h && h(e, be(l, this.history)), this.removeListeners = Ut(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3426,7 +3426,7 @@ function Cc(t, e) {
     n--;
   if (!s)
     return { x: 0, y: 0 };
-  const o = /* @__PURE__ */ $(i.timestamp - s.timestamp);
+  const o = /* @__PURE__ */ K(i.timestamp - s.timestamp);
   if (o === 0)
     return { x: 0, y: 0 };
   const r = {
@@ -3485,10 +3485,10 @@ function As(t, e, n) {
 function Vs(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-const Oc = /* @__PURE__ */ new WeakMap();
-class Ic {
+const Ic = /* @__PURE__ */ new WeakMap();
+class Oc {
   constructor(e) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = D(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = E(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
     const { presenceContext: i } = this.visualElement;
@@ -3496,12 +3496,12 @@ class Ic {
       return;
     const o = (h) => {
       const { dragSnapToOrigin: f } = this.getProps();
-      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ht(h).point);
+      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(zt(h).point);
     }, r = (h, f) => {
       const { drag: d, dragPropagation: m, onDragStart: g } = this.getProps();
       if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = ja(d), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), K((p) => {
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), U((p) => {
         let T = this.getAxisMotionValue(p).get() || 0;
         if (X.test(T)) {
           const { projection: y } = this.visualElement;
@@ -3527,7 +3527,7 @@ class Ic {
       this.updateAxis("x", f.point, p), this.updateAxis("y", f.point, p), this.visualElement.render(), v && v(h, f);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => K((h) => {
+    }, u = () => U((h) => {
       var f;
       return this.getAnimationState(h) === "paused" && ((f = this.getAxisMotionValue(h).animation) == null ? void 0 : f.play());
     }), { dragSnapToOrigin: c } = this.getProps();
@@ -3568,7 +3568,7 @@ class Ic {
   }
   updateAxis(e, n, s) {
     const { drag: i } = this.getProps();
-    if (!s || !Yt(e, i, this.currentDirection))
+    if (!s || !_t(e, i, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
@@ -3577,7 +3577,7 @@ class Ic {
   resolveConstraints() {
     var o;
     const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (o = this.visualElement.projection) == null ? void 0 : o.layout, i = this.constraints;
-    e && gt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = Rc(s.layoutBox, e) : this.constraints = !1, this.elastic = Fc(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && K((r) => {
+    e && gt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = Rc(s.layoutBox, e) : this.constraints = !1, this.elastic = Fc(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && U((r) => {
       this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = Bc(s.layoutBox[r], this.constraints[r]));
     });
   }
@@ -3593,14 +3593,14 @@ class Ic {
     const o = Nl(s, i.root, this.visualElement.getTransformPagePoint());
     let r = Lc(i.layout.layoutBox, o);
     if (n) {
-      const a = n(Ol(r));
+      const a = n(Il(r));
       this.hasMutatedConstraints = !!a, a && (r = mr(a));
     }
     return r;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = K((c) => {
-      if (!Yt(c, n, this.currentDirection))
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = U((c) => {
+      if (!_t(c, n, this.currentDirection))
         return;
       let h = l && l[c] || {};
       r && (h = { min: 0, max: 0 });
@@ -3624,10 +3624,10 @@ class Ic {
     return _e(this.visualElement, e), s.start(Fn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    K((e) => this.getAxisMotionValue(e).stop());
+    U((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    K((e) => {
+    U((e) => {
       var n;
       return (n = this.getAxisMotionValue(e).animation) == null ? void 0 : n.pause();
     });
@@ -3647,9 +3647,9 @@ class Ic {
     return i || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    K((n) => {
+    U((n) => {
       const { drag: s } = this.getProps();
-      if (!Yt(n, s, this.currentDirection))
+      if (!_t(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, o = this.getAxisMotionValue(n);
       if (i && i.layout) {
@@ -3671,7 +3671,7 @@ class Ic {
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    K((r) => {
+    U((r) => {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
@@ -3679,8 +3679,8 @@ class Ic {
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), K((r) => {
-      if (!Yt(r, e, null))
+    this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), U((r) => {
+      if (!_t(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: u } = this.constraints[r];
       a.set(M(l, u, i[r]));
@@ -3689,7 +3689,7 @@ class Ic {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Oc.set(this.visualElement, this);
+    Ic.set(this.visualElement, this);
     const e = this.visualElement.current, n = kt(e, "pointerdown", (l) => {
       const { drag: u, dragListener: c = !0 } = this.getProps();
       u && c && this.start(l);
@@ -3698,8 +3698,8 @@ class Ic {
       gt(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, o = i.addEventListener("measure", s);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), P.read(s);
-    const r = Wt(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
-      this.isDragging && u && (K((c) => {
+    const r = Nt(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
+      this.isDragging && u && (U((c) => {
         const h = this.getAxisMotionValue(c);
         h && (this.originPoint[c] += l[c].translate, h.set(h.get() + l[c].translate));
       }), this.visualElement.render());
@@ -3721,7 +3721,7 @@ class Ic {
     };
   }
 }
-function Yt(t, e, n) {
+function _t(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
 function jc(t, e = 10) {
@@ -3730,7 +3730,7 @@ function jc(t, e = 10) {
 }
 class Nc extends nt {
   constructor(e) {
-    super(e), this.removeGroupControls = j, this.removeListeners = j, this.controls = new Ic(e);
+    super(e), this.removeGroupControls = j, this.removeListeners = j, this.controls = new Oc(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -3774,7 +3774,7 @@ class Wc extends nt {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const ee = {
+const te = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3826,7 +3826,7 @@ class Kc extends Zr {
     }), o.setOptions({
       ...o.options,
       onExitComplete: () => this.safeToRemove()
-    })), ee.hasEverUpdated = !0;
+    })), te.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: i, isPresent: o } = this.props, { projection: r } = s;
@@ -3893,7 +3893,7 @@ class Gc {
   }
 }
 function _c(t, e) {
-  const n = I.now(), s = ({ timestamp: i }) => {
+  const n = O.now(), s = ({ timestamp: i }) => {
     const o = i - n;
     o >= e && (Y(s), t(o - e));
   };
@@ -3921,14 +3921,14 @@ function Br(t, e, n) {
 function Ls(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function U(t, e) {
+function $(t, e) {
   Ls(t.x, e.x), Ls(t.y, e.y);
 }
 function ks(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
 function Bs(t, e, n, s, i) {
-  return t -= e, t = oe(t, 1 / n, s), i !== void 0 && (t = oe(t, 1 / i, s)), t;
+  return t -= e, t = re(t, 1 / n, s), i !== void 0 && (t = re(t, 1 / i, s)), t;
 }
 function Jc(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
   if (X.test(e) && (e = parseFloat(e), e = M(r.min, r.max, e / 100) - r.min), typeof e != "number")
@@ -3940,14 +3940,14 @@ function Fs(t, e, [n, s, i], o, r) {
   Jc(t, e[n], e[s], e[i], e.scale, o, r);
 }
 const Qc = ["x", "scaleX", "originX"], tu = ["y", "scaleY", "originY"];
-function Os(t, e, n, s) {
+function Is(t, e, n, s) {
   Fs(t.x, e, Qc, n ? n.x : void 0, s ? s.x : void 0), Fs(t.y, e, tu, n ? n.y : void 0, s ? s.y : void 0);
 }
-function Is(t) {
+function Os(t) {
   return t.translate === 0 && t.scale === 1;
 }
 function Fr(t) {
-  return Is(t.x) && Is(t.y);
+  return Os(t.x) && Os(t.y);
 }
 function js(t, e) {
   return t.min === e.min && t.max === e.max;
@@ -3958,7 +3958,7 @@ function eu(t, e) {
 function Ns(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function Or(t, e) {
+function Ir(t, e) {
   return Ns(t.x, e.x) && Ns(t.y, e.y);
 }
 function Ws(t) {
@@ -4037,7 +4037,7 @@ function Ae(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
 }
-function Ir(t) {
+function Or(t) {
   if (t.hasCheckedOptimisedAppear = !0, t.root === t)
     return;
   const { visualElement: e } = t.options;
@@ -4049,16 +4049,16 @@ function Ir(t) {
     window.MotionCancelOptimisedAnimation(n, "transform", P, !(i || o));
   }
   const { parent: s } = t;
-  s && !s.hasCheckedOptimisedAppear && Ir(s);
+  s && !s.hasCheckedOptimisedAppear && Or(s);
 }
 function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(r = {}, a = e == null ? void 0 : e()) {
-      this.id = ru++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = ru++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
         this.projectionUpdateScheduled = !1, this.nodes.forEach(lu), this.nodes.forEach(fu), this.nodes.forEach(du), this.nodes.forEach(cu);
-      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
+      }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
       this.root === this && (this.nodes = new Gc());
@@ -4088,7 +4088,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = _c(f, 250), ee.hasAnimatedSinceResize && (ee.hasAnimatedSinceResize = !1, this.nodes.forEach(zs)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = _c(f, 250), te.hasAnimatedSinceResize && (te.hasAnimatedSinceResize = !1, this.nodes.forEach(zs)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -4096,7 +4096,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || vu, { onLayoutAnimationStart: g, onLayoutAnimationComplete: v } = u.getProps(), p = !this.targetLayout || !Or(this.targetLayout, d), T = !h && f;
+        const m = this.options.transition || u.getDefaultTransition() || vu, { onLayoutAnimationStart: g, onLayoutAnimationComplete: v } = u.getProps(), p = !this.targetLayout || !Ir(this.targetLayout, d), T = !h && f;
         if (this.options.layoutRoot || this.resumeFrom || T || h && (p || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const y = {
@@ -4141,7 +4141,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Ir(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Or(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let c = 0; c < this.path.length; c++) {
@@ -4164,7 +4164,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(hu), this.nodes.forEach(ou), this.nodes.forEach(au)) : this.nodes.forEach($s), this.clearAllSnapshots();
-      const a = I.now();
+      const a = O.now();
       R.delta = q(0, 1e3 / 60, a - R.timestamp), R.timestamp = a, R.isProcessing = !0, de.update.process(R), de.preRender.process(R), de.render.process(R), R.isProcessing = !1;
     }
     didUpdate() {
@@ -4194,7 +4194,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const r = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = D(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = E(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, r ? r.layoutBox : void 0);
     }
@@ -4232,7 +4232,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       var u;
       const { visualElement: r } = this.options;
       if (!r)
-        return D();
+        return E();
       const a = r.measureViewportBox();
       if (!(((u = this.scroll) == null ? void 0 : u.wasRoot) || this.path.some(xu))) {
         const { scroll: c } = this.root;
@@ -4242,18 +4242,18 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeElementScroll(r) {
       var l;
-      const a = D();
-      if (U(a, r), (l = this.scroll) != null && l.wasRoot)
+      const a = E();
+      if ($(a, r), (l = this.scroll) != null && l.wasRoot)
         return a;
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u], { scroll: h, options: f } = c;
-        c !== this.root && h && f.layoutScroll && (h.wasRoot && U(a, r), yt(a.x, h.offset.x), yt(a.y, h.offset.y));
+        c !== this.root && h && f.layoutScroll && (h.wasRoot && $(a, r), yt(a.x, h.offset.x), yt(a.y, h.offset.y));
       }
       return a;
     }
     applyTransform(r, a = !1) {
-      const l = D();
-      U(l, r);
+      const l = E();
+      $(l, r);
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u];
         !a && c.options.layoutScroll && c.scroll && c !== c.root && vt(l, {
@@ -4264,17 +4264,17 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return rt(this.latestValues) && vt(l, this.latestValues), l;
     }
     removeTransform(r) {
-      const a = D();
-      U(a, r);
+      const a = E();
+      $(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l];
         if (!u.instance || !rt(u.latestValues))
           continue;
         $e(u.latestValues) && u.updateSnapshot();
-        const c = D(), h = u.measurePageBox();
-        U(c, h), Os(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        const c = E(), h = u.measurePageBox();
+        $(c, h), Is(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
-      return rt(this.latestValues) && Os(a, this.latestValues), a;
+      return rt(this.latestValues) && Is(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4293,24 +4293,18 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== R.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(r = !1) {
-      var f;
+      var d;
       const a = this.getLead();
       this.isProjectionDirty || (this.isProjectionDirty = a.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = a.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = a.isSharedProjectionDirty);
       const l = !!this.resumingFrom || this !== a;
-      if (!(r || l && this.isSharedProjectionDirty || this.isProjectionDirty || (f = this.parent) != null && f.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+      if (!(r || l && this.isSharedProjectionDirty || this.isProjectionDirty || (d = this.parent) != null && d.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
       const { layout: c, layoutId: h } = this.options;
-      if (!(!this.layout || !(c || h))) {
-        if (this.resolvedRelativeTargetAt = R.timestamp, !this.targetDelta && !this.relativeTarget) {
-          const d = this.getClosestProjectingParent();
-          d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = D(), this.relativeTargetOrigin = D(), Ft(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), U(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
-        }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = D(), this.targetWithTransforms = D()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Vc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : U(this.target, this.layout.layoutBox), gr(this.target, this.targetDelta)) : U(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
-          this.attemptToResolveRelativeTarget = !1;
-          const d = this.getClosestProjectingParent();
-          d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = D(), this.relativeTargetOrigin = D(), Ft(this.relativeTargetOrigin, this.target, d.target), U(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
-        }
-      }
+      if (!this.layout || !(c || h))
+        return;
+      this.resolvedRelativeTargetAt = R.timestamp;
+      const f = this.getClosestProjectingParent();
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = E(), this.targetWithTransforms = E()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Vc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : $(this.target, this.layout.layoutBox), gr(this.target, this.targetDelta)) : $(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
       if (!(!this.parent || $e(this.parent.latestValues) || pr(this.parent.latestValues)))
@@ -4319,6 +4313,12 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     isProjecting() {
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
+    createRelativeTarget(r, a, l) {
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = E(), this.relativeTargetOrigin = E(), oe(this.relativeTargetOrigin, a, l), $(this.relativeTarget, this.relativeTargetOrigin);
+    }
+    removeRelativeTarget() {
+      this.relativeParent = this.relativeTarget = void 0;
+    }
     calcProjection() {
       var m;
       const r = this.getLead(), a = !!this.resumingFrom || this !== r;
@@ -4328,9 +4328,9 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: u, layoutId: c } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || c))
         return;
-      U(this.layoutCorrected, this.layout.layoutBox);
+      $(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      jl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = D());
+      jl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = E());
       const { target: d } = r;
       if (!d) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4358,18 +4358,18 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, c = { ...this.latestValues }, h = Tt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = D(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, g = d !== m, v = this.getStack(), p = !v || v.members.length <= 1, T = !!(g && !p && this.options.crossfade === !0 && !this.path.some(yu));
+      const f = E(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, g = d !== m, v = this.getStack(), p = !v || v.members.length <= 1, T = !!(g && !p && this.options.crossfade === !0 && !this.path.some(yu));
       this.animationProgress = 0;
       let y;
       this.mixTargetDelta = (S) => {
         const w = S / 1e3;
-        Hs(h.x, r.x, w), Hs(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ft(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gu(this.relativeTarget, this.relativeTargetOrigin, f, w), y && eu(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = D()), U(y, this.relativeTarget)), g && (this.animationValues = c, Xc(c, u, this.latestValues, w, T, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+        Hs(h.x, r.x, w), Hs(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (oe(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gu(this.relativeTarget, this.relativeTargetOrigin, f, w), y && eu(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = E()), $(y, this.relativeTarget)), g && (this.animationValues = c, Xc(c, u, this.latestValues, w, T, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       var a, l, u;
       this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (u = (l = this.resumingFrom) == null ? void 0 : l.currentAnimation) == null || u.stop(), this.pendingAnimation && (Y(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = P.update(() => {
-        ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = H(0)), this.currentAnimation = zc(this.motionValue, [0, 1e3], {
+        te.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = H(0)), this.currentAnimation = zc(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -4397,13 +4397,13 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: a, target: l, layout: u, latestValues: c } = r;
       if (!(!a || !l || !u)) {
         if (this !== r && this.layout && u && Nr(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          l = this.target || D();
+          l = this.target || E();
           const h = F(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
           const f = F(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        U(a, l), vt(a, c), Bt(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
+        $(a, l), vt(a, c), Bt(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
       }
     }
     registerSharedNode(r, a) {
@@ -4467,12 +4467,12 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const l = this.getTransformTemplate();
       if (this.needsReset) {
-        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = te(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
+        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Qt(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
         return;
       }
       const u = this.getLead();
       if (!this.projectionDelta || !this.layout || !u.target) {
-        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = te(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !rt(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = Qt(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !rt(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       r.visibility = "";
@@ -4482,10 +4482,10 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       l && (h = l(c, h)), r.transform = h;
       const { x: f, y: d } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${d.origin * 100}% 0`, u.animationValues ? r.opacity = u === this ? c.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : c.opacityExit : r.opacity = u === this ? c.opacity !== void 0 ? c.opacity : "" : c.opacityExit !== void 0 ? c.opacityExit : 0;
-      for (const m in Nt) {
+      for (const m in jt) {
         if (c[m] === void 0)
           continue;
-        const { correct: g, applyTo: v, isCSSVariable: p } = Nt[m], T = h === "none" ? c[m] : g(c[m], u);
+        const { correct: g, applyTo: v, isCSSVariable: p } = jt[m], T = h === "none" ? c[m] : g(c[m], u);
         if (v) {
           const y = v.length;
           for (let S = 0; S < y; S++)
@@ -4493,7 +4493,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         } else
           p ? this.options.visualElement.renderState.vars[m] = T : r[m] = T;
       }
-      this.options.layoutId && (r.pointerEvents = u === this ? te(a == null ? void 0 : a.pointerEvents) || "" : "none");
+      this.options.layoutId && (r.pointerEvents = u === this ? Qt(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4515,10 +4515,10 @@ function au(t) {
   const e = ((n = t.resumeFrom) == null ? void 0 : n.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: s, measuredBox: i } = t.layout, { animationType: o } = t.options, r = e.source !== t.layout.source;
-    o === "size" ? K((h) => {
+    o === "size" ? U((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = F(f);
       f.min = s[h].min, f.max = f.min + d;
-    }) : Nr(o, e.layoutBox, s) && K((h) => {
+    }) : Nr(o, e.layoutBox, s) && U((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = F(s[h]);
       f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
     });
@@ -4533,10 +4533,10 @@ function au(t) {
       if (h && !h.resumeFrom) {
         const { snapshot: f, layout: d } = h;
         if (f && d) {
-          const m = D();
-          Ft(m, e.layoutBox, f.layoutBox);
-          const g = D();
-          Ft(g, s, d.layoutBox), Or(m, g) || (c = !0), h.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = h);
+          const m = E();
+          oe(m, e.layoutBox, f.layoutBox);
+          const g = E();
+          oe(g, s, d.layoutBox), Ir(m, g) || (c = !0), h.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = h);
         }
       }
     }
@@ -4618,7 +4618,7 @@ function xu(t) {
   return t !== t.root && ((e = t.scroll) == null ? void 0 : e.wasRoot);
 }
 const wu = jr({
-  attachResizeListener: (t, e) => Wt(t, "resize", e),
+  attachResizeListener: (t, e) => Nt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
@@ -4656,7 +4656,7 @@ function qs(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, o = s[i];
-  o && P.postRender(() => o(e, Ht(e)));
+  o && P.postRender(() => o(e, zt(e)));
 }
 class Su extends nt {
   mount() {
@@ -4683,7 +4683,7 @@ class Pu extends nt {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Kt(Wt(this.node.current, "focus", () => this.onFocus()), Wt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Ut(Nt(this.node.current, "focus", () => this.onFocus()), Nt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
@@ -4694,7 +4694,7 @@ function Zs(t, e, n) {
     return;
   t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
-  o && P.postRender(() => o(e, Ht(e)));
+  o && P.postRender(() => o(e, zt(e)));
 }
 class Au extends nt {
   mount() {
@@ -4784,7 +4784,7 @@ const ku = {
   ...ku,
   ...bu,
   ...Bu
-}, Ou = /* @__PURE__ */ Fl(Fu, Yl), Iu = 50, Js = () => ({
+}, Iu = /* @__PURE__ */ Fl(Fu, Yl), Ou = 50, Js = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -4811,7 +4811,7 @@ function Qs(t, e, n, s) {
   const i = n[e], { length: o, position: r } = Nu[e], a = i.current, l = n.time;
   i.current = t[`scroll${r}`], i.scrollLength = t[`scroll${o}`] - t[`client${o}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = /* @__PURE__ */ wt(0, i.scrollLength, i.current);
   const u = s - l;
-  i.velocity = u > Iu ? 0 : an(i.current - a, u);
+  i.velocity = u > Ou ? 0 : an(i.current - a, u);
 }
 function Wu(t, e, n) {
   Qs(t, "x", e, n), Qs(t, "y", e, n), e.time = n;
@@ -4939,7 +4939,7 @@ function Kr({ source: t, container: e, ...n }) {
   const i = si.get(e) ?? /* @__PURE__ */ new Map();
   si.set(e, i);
   const o = n.target ?? "self", r = i.get(o) ?? {}, a = s + (n.offset ?? []).join(",");
-  return r[a] || (r[a] = !n.target && Oi() ? new ScrollTimeline({ source: e, axis: s }) : qu({ container: e, ...n })), r[a];
+  return r[a] || (r[a] = !n.target && Ii() ? new ScrollTimeline({ source: e, axis: s }) : qu({ container: e, ...n })), r[a];
 }
 function Zu(t, e) {
   const n = Kr(e);
@@ -4969,7 +4969,7 @@ const eh = () => ({
   scrollY: H(0),
   scrollXProgress: H(0),
   scrollYProgress: H(0)
-}), Xt = (t) => t ? !t.current : !1;
+}), Yt = (t) => t ? !t.current : !1;
 function nh({ container: t, target: e, ...n } = {}) {
   const s = le(eh), i = lt(null), o = lt(!1), r = Je(() => (i.current = th((a, { x: l, y: u }) => {
     s.scrollX.set(l.current), s.scrollXProgress.set(l.progress), s.scrollY.set(u.current), s.scrollYProgress.set(u.progress);
@@ -4982,21 +4982,21 @@ function nh({ container: t, target: e, ...n } = {}) {
     (a = i.current) == null || a.call(i);
   }), [t, e, JSON.stringify(n.offset)]);
   return tn(() => {
-    if (o.current = !1, Xt(t) || Xt(e)) {
+    if (o.current = !1, Yt(t) || Yt(e)) {
       o.current = !0;
       return;
     } else
       return r();
-  }, [r]), Ut(() => {
+  }, [r]), Wt(() => {
     if (o.current)
-      return _(!Xt(t), "Container ref is defined but not hydrated", "use-scroll-ref"), _(!Xt(e), "Target ref is defined but not hydrated", "use-scroll-ref"), r();
+      return _(!Yt(t), "Container ref is defined but not hydrated", "use-scroll-ref"), _(!Yt(e), "Target ref is defined but not hydrated", "use-scroll-ref"), r();
   }, [r]), s;
 }
 function sh(t) {
   const e = le(() => H(t)), { isStatic: n } = B(Vn);
   if (n) {
     const [, s] = Jr(t);
-    Ut(() => e.on("change", s), []);
+    Wt(() => e.on("change", s), []);
   }
   return e;
 }
@@ -5058,7 +5058,7 @@ const fh = ({ children: t, className: e }) => {
   const s = rh(e, n, [0, 1]);
   return /* @__PURE__ */ ri("span", { className: "relative mx-1 lg:mx-1.5", children: [
     /* @__PURE__ */ tt("span", { className: "absolute opacity-30", children: t }),
-    /* @__PURE__ */ tt(Ou.span, { style: { opacity: s }, className: "text-black dark:text-white", children: t })
+    /* @__PURE__ */ tt(Iu.span, { style: { opacity: s }, className: "text-black dark:text-white", children: t })
   ] });
 };
 export {