@plyaz/ui 0.8.4 → 0.9.0

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 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 { jsxs as ii, jsx as tt } from "react/jsx-runtime";
+import { createContext as St, useRef as lt, useLayoutEffect as Gr, useEffect as Nt, useContext as B, useId as _r, useCallback as Je, useMemo as oe, Fragment as ri, 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 oi = St({});
+function ae(t) {
   const e = lt(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Qe = typeof window < "u", tn = Qe ? Gr : Wt, en = /* @__PURE__ */ St(null);
+const Qe = typeof window < "u", tn = Qe ? Gr : Nt, en = /* @__PURE__ */ St(null);
 function nn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -15,29 +15,29 @@ function sn(t, e) {
   n > -1 && t.splice(n, 1);
 }
 const q = (t, e, n) => n > e ? e : n < t ? t : n;
-function Ce(t, e) {
+function De(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let Pt = () => {
 }, _ = () => {
 };
 process.env.NODE_ENV !== "production" && (Pt = (t, e, n) => {
-  !t && typeof console < "u" && console.warn(Ce(e, n));
+  !t && typeof console < "u" && console.warn(De(e, n));
 }, _ = (t, e, n) => {
   if (!t)
-    throw new Error(Ce(e, n));
+    throw new Error(De(e, n));
 });
-const Z = {}, li = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
-function ci(t) {
+const Z = {}, ai = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function li(t) {
   return typeof t == "object" && t !== null;
 }
-const ui = (t) => /^0[^.\s]+$/u.test(t);
+const ci = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
 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)), Ut = (...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)), Wt = (...t) => t.reduce(to), wt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -70,45 +70,45 @@ const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, K = /* @__NO_SIDE_EFFECTS__
 function an(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Nn = /* @__PURE__ */ new Set();
-function ce(t, e, n) {
-  t || Nn.has(e) || (console.warn(Ce(e, n)), Nn.add(e));
+const jn = /* @__PURE__ */ new Set();
+function le(t, e, n) {
+  t || jn.has(e) || (console.warn(De(e, n)), jn.add(e));
 }
-const hi = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, eo = 1e-7, no = 12;
+const ui = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, eo = 1e-7, no = 12;
 function so(t, e, n, s, i) {
   let o, r, a = 0;
   do
-    r = e + (n - e) / 2, o = hi(r, s, i) - t, o > 0 ? n = r : e = r;
+    r = e + (n - e) / 2, o = ui(r, s, i) - t, o > 0 ? n = r : e = r;
   while (Math.abs(o) > eo && ++a < no);
   return r;
 }
-function Kt(t, e, n, s) {
+function Ut(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);
+  return (o) => o === 0 || o === 1 ? o : ui(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__ */ 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 = {
+const hi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fi = (t) => (e) => 1 - t(1 - e), di = /* @__PURE__ */ Ut(0.33, 1.53, 0.69, 0.99), ln = /* @__PURE__ */ fi(di), mi = /* @__PURE__ */ hi(ln), pi = (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)), gi = fi(cn), yi = hi(cn), io = /* @__PURE__ */ Ut(0.42, 0, 1, 1), ro = /* @__PURE__ */ Ut(0, 0, 0.58, 1), vi = /* @__PURE__ */ Ut(0.42, 0, 0.58, 1), oo = (t) => Array.isArray(t) && typeof t[0] != "number", Ti = (t) => Array.isArray(t) && typeof t[0] == "number", Nn = {
   linear: j,
   easeIn: io,
-  easeInOut: Ti,
+  easeInOut: vi,
   easeOut: ro,
   circIn: cn,
-  circInOut: vi,
-  circOut: yi,
+  circInOut: yi,
+  circOut: gi,
   backIn: ln,
-  backInOut: pi,
-  backOut: mi,
-  anticipate: gi
-}, ao = (t) => typeof t == "string", Un = (t) => {
-  if (xi(t)) {
+  backInOut: mi,
+  backOut: di,
+  anticipate: pi
+}, ao = (t) => typeof t == "string", Wn = (t) => {
+  if (Ti(t)) {
     _(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
-    return Kt(e, n, s, i);
+    return Ut(e, n, s, i);
   } else if (ao(t))
-    return _(Wn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Wn[t];
+    return _(Nn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Nn[t];
   return t;
-}, Ht = [
+}, zt = [
   "setup",
   // Compute
   "read",
@@ -165,67 +165,67 @@ function lo(t, e) {
   return u;
 }
 const co = 40;
-function wi(t, e) {
+function xi(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, 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 = () => {
+  }, o = () => n = !0, r = zt.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: Ht.reduce((y, S) => {
+  return { schedule: zt.reduce((y, S) => {
     const w = r[S];
     return y[S] = (A, C = !1, b = !1) => (n || v(), w.schedule(A, C, b)), y;
   }, {}), cancel: (y) => {
-    for (let S = 0; S < Ht.length; S++)
-      r[Ht[S]].cancel(y);
+    for (let S = 0; S < zt.length; S++)
+      r[zt[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 Xt;
+const { schedule: P, cancel: Y, state: R, steps: fe } = /* @__PURE__ */ xi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : j, !0);
+let Yt;
 function uo() {
-  Xt = void 0;
+  Yt = void 0;
 }
 const O = {
-  now: () => (Xt === void 0 && O.set(R.isProcessing || Z.useManualTiming ? R.timestamp : performance.now()), Xt),
+  now: () => (Yt === void 0 && O.set(R.isProcessing || Z.useManualTiming ? R.timestamp : performance.now()), Yt),
   set: (t) => {
-    Xt = t, queueMicrotask(uo);
+    Yt = 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 = {
+}, wi = (t) => (e) => typeof e == "string" && e.startsWith(t), bi = /* @__PURE__ */ wi("--"), ho = /* @__PURE__ */ wi("var(--"), un = (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
 }, Ft = {
   ...At,
   transform: (t) => q(0, 1, t)
-}, Gt = {
+}, Ht = {
   ...At,
   default: 1
-}, Rt = (t) => Math.round(t * 1e5) / 1e5, fn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, Rt = (t) => Math.round(t * 1e5) / 1e5, hn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function mo(t) {
   return t == null;
 }
-const po = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, dn = (t, e) => (n) => !!(typeof n == "string" && po.test(n) && n.startsWith(t) || e && !mo(n) && Object.prototype.hasOwnProperty.call(n, e)), Si = (t, e, n) => (s) => {
+const po = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, fn = (t, e) => (n) => !!(typeof n == "string" && po.test(n) && n.startsWith(t) || e && !mo(n) && Object.prototype.hasOwnProperty.call(n, e)), Si = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, o, r, a] = s.match(fn);
+  const [i, o, r, a] = s.match(hn);
   return {
     [t]: parseFloat(i),
     [e]: parseFloat(o),
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, go = (t) => q(0, 255, t), me = {
+}, go = (t) => q(0, 255, t), de = {
   ...At,
   transform: (t) => Math.round(go(t))
 }, ot = {
-  test: /* @__PURE__ */ dn("rgb", "red"),
+  test: /* @__PURE__ */ fn("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(Ft.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + de.transform(t) + ", " + de.transform(e) + ", " + de.transform(n) + ", " + Rt(Ft.transform(s)) + ")"
 };
 function yo(t) {
   let e = "", n = "", s = "", i = "";
@@ -236,25 +236,25 @@ function yo(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Ee = {
-  test: /* @__PURE__ */ dn("#"),
+const Ce = {
+  test: /* @__PURE__ */ fn("#"),
   parse: yo,
   transform: ot.transform
-}, $t = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+}, Kt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), J = /* @__PURE__ */ $t("deg"), X = /* @__PURE__ */ $t("%"), x = /* @__PURE__ */ $t("px"), vo = /* @__PURE__ */ $t("vh"), To = /* @__PURE__ */ $t("vw"), Kn = {
+}), J = /* @__PURE__ */ Kt("deg"), X = /* @__PURE__ */ Kt("%"), x = /* @__PURE__ */ Kt("px"), vo = /* @__PURE__ */ Kt("vh"), To = /* @__PURE__ */ Kt("vw"), Un = {
   ...X,
   parse: (t) => X.parse(t) / 100,
   transform: (t) => X.transform(t * 100)
 }, dt = {
-  test: /* @__PURE__ */ dn("hsl", "hue"),
+  test: /* @__PURE__ */ fn("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(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),
+  test: (t) => ot.test(t) || Ce.test(t) || dt.test(t),
+  parse: (t) => ot.test(t) ? ot.parse(t) : dt.test(t) ? dt.parse(t) : Ce.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ot.transform(t) : dt.transform(t),
   getAnimatableNone: (t) => {
     const e = D.parse(t);
@@ -263,9 +263,9 @@ const Ee = {
 }, xo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function wo(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(fn)) == null ? void 0 : e.length) || 0) + (((n = t.match(xo)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(hn)) == null ? void 0 : e.length) || 0) + (((n = t.match(xo)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Pi = "number", Ai = "color", bo = "var", So = "var(", $n = "${}", Po = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const Pi = "number", Ai = "color", bo = "var", So = "var(", Kn = "${}", Po = /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 It(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -273,7 +273,7 @@ function It(t) {
     var: []
   }, i = [];
   let o = 0;
-  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);
+  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, Kn)).split(Kn);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Vi(t) {
@@ -302,7 +302,7 @@ const et = {
   createTransformer: Mi,
   getAnimatableNone: Vo
 };
-function pe(t, e, n) {
+function me(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
 function Mo({ hue: t, saturation: e, lightness: n, alpha: s }) {
@@ -312,7 +312,7 @@ function Mo({ hue: t, saturation: e, lightness: n, alpha: s }) {
     i = o = r = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    i = pe(l, a, t + 1 / 3), o = pe(l, a, t), r = pe(l, a, t - 1 / 3);
+    i = me(l, a, t + 1 / 3), o = me(l, a, t), r = me(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -321,38 +321,38 @@ function Mo({ hue: t, saturation: e, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function ee(t, e) {
+function te(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const M = (t, e, n) => t + (e - t) * n, ge = (t, e, n) => {
+const M = (t, e, n) => t + (e - t) * n, pe = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Do = [Ee, ot, dt], Co = (t) => Do.find((e) => e.test(t));
-function zn(t) {
+}, Do = [Ce, ot, dt], Co = (t) => Do.find((e) => e.test(t));
+function $n(t) {
   const e = Co(t);
   if (Pt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
   let n = e.parse(t);
   return e === dt && (n = Mo(n)), n;
 }
-const Hn = (t, e) => {
-  const n = zn(t), s = zn(e);
+const zn = (t, e) => {
+  const n = $n(t), s = $n(e);
   if (!n || !s)
-    return ee(t, e);
+    return te(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"]);
+  return (o) => (i.red = pe(n.red, s.red, o), i.green = pe(n.green, s.green, o), i.blue = pe(n.blue, s.blue, o), i.alpha = M(n.alpha, s.alpha, o), ot.transform(i));
+}, Ee = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Eo(t, e) {
-  return Re.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return Ee.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function Ro(t, e) {
   return (n) => M(t, e, n);
 }
-function mn(t) {
-  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 dn(t) {
+  return typeof t == "number" ? Ro : typeof t == "string" ? un(t) ? te : D.test(t) ? zn : Bo : Array.isArray(t) ? Di : typeof t == "object" ? D.test(t) ? zn : Lo : te;
 }
 function Di(t, e) {
-  const n = [...t], s = n.length, i = t.map((o, r) => mn(o)(o, e[r]));
+  const n = [...t], s = n.length, i = t.map((o, r) => dn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < s; r++)
       n[r] = i[r](o);
@@ -362,7 +362,7 @@ function Di(t, e) {
 function Lo(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
-    t[i] !== void 0 && e[i] !== void 0 && (s[i] = mn(t[i])(t[i], e[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (s[i] = dn(t[i])(t[i], e[i]));
   return (i) => {
     for (const o in s)
       n[o] = s[o](i);
@@ -379,10 +379,10 @@ 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) : 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));
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ee.has(t) && !i.values.length || Ee.has(e) && !s.values.length ? Eo(t, e) : Wt(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"), te(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);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? M(t, e, n) : dn(t)(t, e);
 }
 const Fo = (t) => {
   const e = ({ timestamp: n }) => t(n);
@@ -401,17 +401,17 @@ 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)})`;
-}, ne = 2e4;
-function pn(t) {
+}, ee = 2e4;
+function mn(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
-  for (; !s.done && e < ne; )
+  for (; !s.done && e < ee; )
     e += n, s = t.next(e);
-  return e >= ne ? 1 / 0 : e;
+  return e >= ee ? 1 / 0 : e;
 }
 function Io(t, e = 100, n) {
-  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(pn(s), ne);
+  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(mn(s), ee);
   return {
     type: "keyframes",
     ease: (o) => s.next(i * o).value / e,
@@ -451,20 +451,20 @@ const V = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, ye = 1e-3;
+}, ge = 1e-3;
 function jo({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.velocity, mass: s = V.mass }) {
   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__ */ 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;
+    const c = u * r, h = c * t, f = c - n, d = Re(u, r), m = Math.exp(-h);
+    return ge - f / d * m;
   }, o = (u) => {
-    const h = u * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), g = Le(Math.pow(u, 2), r);
-    return (-i(u) + ye > 0 ? -1 : 1) * ((f - d) * m) / g;
+    const h = u * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), g = Re(Math.pow(u, 2), r);
+    return (-i(u) + ge > 0 ? -1 : 1) * ((f - d) * m) / g;
   }) : (i = (u) => {
     const c = Math.exp(-u * t), h = (u - n) * t + 1;
-    return -ye + c * h;
+    return -ge + c * h;
   }, o = (u) => {
     const c = Math.exp(-u * t), h = (n - u) * (t * t);
     return c * h;
@@ -492,11 +492,11 @@ function Wo(t, e, n) {
     s = s - t(s) / e(s);
   return s;
 }
-function Le(t, e) {
+function Re(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
 const Uo = ["duration", "bounce"], Ko = ["stiffness", "damping", "mass"];
-function Gn(t, e) {
+function Hn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
 function $o(t) {
@@ -508,7 +508,7 @@ function $o(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Gn(t, Ko) && Gn(t, Uo))
+  if (!Hn(t, Ko) && Hn(t, Uo))
     if (t.visualDuration) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * q(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
@@ -527,7 +527,7 @@ function $o(t) {
     }
   return e;
 }
-function se(t = V.visualDuration, e = V.bounce) {
+function ne(t = V.visualDuration, e = V.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -541,7 +541,7 @@ function se(t = V.visualDuration, e = V.bounce) {
   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);
+    const w = Re(p, g);
     y = (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));
@@ -570,7 +570,7 @@ function se(t = V.visualDuration, e = V.bounce) {
       return a.value = a.done ? r : A, a;
     },
     toString: () => {
-      const w = Math.min(pn(S), ne), A = Ei((C) => S.next(w * C).value, w, 30);
+      const w = Math.min(mn(S), ee), A = Ei((C) => S.next(w * C).value, w, 30);
       return w + "ms " + A;
     },
     toTransition: () => {
@@ -578,11 +578,11 @@ function se(t = V.visualDuration, e = V.bounce) {
   };
   return S;
 }
-se.applyToOptions = (t) => {
-  const e = Io(t, 100, se);
+ne.applyToOptions = (t) => {
+  const e = Io(t, 100, ne);
   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 }) {
+function Le({ 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 }) {
   const h = t[0], f = {
     done: !1,
     value: h
@@ -596,7 +596,7 @@ function ke({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   };
   let w, A;
   const C = (b) => {
-    d(f.value) && (w = b, A = se({
+    d(f.value) && (w = b, A = ne({
       keyframes: [f.value, m(f.value)],
       velocity: Ri(y, b, f.value),
       // TODO: This should be passing * 1000
@@ -620,13 +620,13 @@ 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 = Ut(l, a);
+      a = Wt(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function gn(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function pn(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const o = t.length;
   if (_(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
@@ -661,10 +661,10 @@ function Go(t, e) {
   return t.map((n) => n * e);
 }
 function _o(t, e) {
-  return t.map(() => e || Ti).splice(0, t.length - 1);
+  return t.map(() => e || vi).splice(0, t.length - 1);
 }
 function mt({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = oo(s) ? s.map(Un) : Un(s), o = {
+  const i = oo(s) ? s.map(Wn) : Wn(s), o = {
     done: !1,
     value: e[0]
   }, r = Go(
@@ -672,7 +672,7 @@ function mt({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }
     // TODO Maybe we should warn here if there's a length mismatch
     n && n.length === e.length ? n : Li(e),
     t
-  ), a = gn(r, e, {
+  ), a = pn(r, e, {
     ease: Array.isArray(i) ? i : _o(e, i)
   });
   return {
@@ -681,21 +681,21 @@ function mt({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }
   };
 }
 const Yo = (t) => t !== null;
-function yn(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
+function gn(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
   const o = t.filter(Yo), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || s === void 0 ? o[a] : s;
 }
 const Xo = {
-  decay: ke,
-  inertia: ke,
+  decay: Le,
+  inertia: Le,
   tween: mt,
   keyframes: mt,
-  spring: se
+  spring: ne
 };
 function ki(t) {
   typeof t.type == "string" && (t.type = Xo[t.type]);
 }
-class vn {
+class yn {
   constructor() {
     this.updateFinished();
   }
@@ -720,7 +720,7 @@ class vn {
   }
 }
 const qo = (t) => t / 100;
-class Tn extends vn {
+class vn extends yn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, i;
@@ -734,13 +734,13 @@ 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 = Ut(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 = Wt(qo, Ci(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
       keyframes: [...a].reverse(),
       velocity: -r
-    })), u.calculatedDuration === null && (u.calculatedDuration = pn(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = mn(u));
     const { calculatedDuration: c } = u;
     this.calculatedDuration = c, this.resolvedDuration = c + i, this.totalDuration = this.resolvedDuration * (s + 1) - i, this.generator = u;
   }
@@ -767,7 +767,7 @@ class Tn extends vn {
     let { done: A } = w;
     !T && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     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;
+    return C && m !== Le && (w.value = gn(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
@@ -840,9 +840,9 @@ function Zo(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const at = (t) => t * 180 / Math.PI, Be = (t) => {
+const at = (t) => t * 180 / Math.PI, ke = (t) => {
   const e = at(Math.atan2(t[1], t[0]));
-  return Fe(e);
+  return Be(e);
 }, Jo = {
   x: 4,
   y: 5,
@@ -851,35 +851,35 @@ const at = (t) => t * 180 / Math.PI, Be = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: Be,
-  rotateZ: Be,
+  rotate: ke,
+  rotateZ: ke,
   skewX: (t) => at(Math.atan(t[1])),
   skewY: (t) => at(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Fe = (t) => (t = t % 360, t < 0 && (t += 360), t), _n = Be, Yn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Xn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Qo = {
+}, Be = (t) => (t = t % 360, t < 0 && (t += 360), t), Gn = ke, _n = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Yn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Qo = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Yn,
-  scaleY: Xn,
-  scale: (t) => (Yn(t) + Xn(t)) / 2,
-  rotateX: (t) => Fe(at(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => Fe(at(Math.atan2(-t[2], t[0]))),
-  rotateZ: _n,
-  rotate: _n,
+  scaleX: _n,
+  scaleY: Yn,
+  scale: (t) => (_n(t) + Yn(t)) / 2,
+  rotateX: (t) => Be(at(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => Be(at(Math.atan2(-t[2], t[0]))),
+  rotateZ: Gn,
+  rotate: Gn,
   skewX: (t) => at(Math.atan(t[4])),
   skewY: (t) => at(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function Ie(t) {
+function Fe(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function Oe(t, e) {
+function Ie(t, e) {
   if (!t || t === "none")
-    return Ie(e);
+    return Fe(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
@@ -889,13 +889,13 @@ function Oe(t, e) {
     s = Jo, i = a;
   }
   if (!i)
-    return Ie(e);
+    return Fe(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 Oe(n, e);
+  return Ie(n, e);
 };
 function ea(t) {
   return parseFloat(t.trim());
@@ -918,7 +918,7 @@ const Vt = [
   "skew",
   "skewX",
   "skewY"
-], Mt = new Set(Vt), qn = (t) => t === At || t === x, na = /* @__PURE__ */ new Set(["x", "y", "z"]), sa = Vt.filter((t) => !na.has(t));
+], Mt = new Set(Vt), Xn = (t) => t === At || t === x, na = /* @__PURE__ */ new Set(["x", "y", "z"]), sa = Vt.filter((t) => !na.has(t));
 function ia(t) {
   const e = [];
   return sa.forEach((n) => {
@@ -935,15 +935,15 @@ 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 }) => Oe(e, "x"),
-  y: (t, { transform: e }) => Oe(e, "y")
+  x: (t, { transform: e }) => Ie(e, "x"),
+  y: (t, { transform: e }) => Ie(e, "y")
 };
 ct.translateX = ct.x;
 ct.translateY = ct.y;
 const ut = /* @__PURE__ */ new Set();
-let je = !1, Ne = !1, We = !1;
+let Oe = !1, je = !1, Ne = !1;
 function Bi() {
-  if (Ne) {
+  if (je) {
     const t = Array.from(ut).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
       const i = ia(s);
@@ -959,22 +959,22 @@ function Bi() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Ne = !1, je = !1, ut.forEach((t) => t.complete(We)), ut.clear();
+  je = !1, Oe = !1, ut.forEach((t) => t.complete(Ne)), ut.clear();
 }
 function Fi() {
   ut.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (Ne = !0);
+    t.readKeyframes(), t.needsMeasurement && (je = !0);
   });
 }
 function ra() {
-  We = !0, Fi(), Bi(), We = !1;
+  Ne = !0, Fi(), Bi(), Ne = !1;
 }
-class xn {
+class Tn {
   constructor(e, n, s, i, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (ut.add(this), je || (je = !0, P.read(Fi), P.resolveKeyframes(Bi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (ut.add(this), Oe || (Oe = !0, P.read(Fi), P.resolveKeyframes(Bi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -1024,7 +1024,7 @@ const Oi = /* @__PURE__ */ ca(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), Et = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Zn = {
+}, "linearEasing"), Et = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, qn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1037,7 +1037,7 @@ const Oi = /* @__PURE__ */ ca(() => {
 };
 function ji(t, e) {
   if (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];
+    return typeof t == "function" ? Oi() ? Ei(t, e) : "ease-out" : Ti(t) ? Et(t) : Array.isArray(t) ? t.map((n) => ji(n, e) || qn.easeOut) : qn[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 = {
@@ -1062,7 +1062,7 @@ function Ni(t) {
 function ha({ type: t, ...e }) {
   return Ni(t) && Oi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class fa extends vn {
+class fa extends yn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
@@ -1071,7 +1071,7 @@ class fa extends vn {
     const u = ha(e);
     this.animation = ua(n, s, i, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
-        const c = yn(i, this.options, a, this.speed);
+        const c = gn(i, this.options, a, this.speed);
         this.updateMotionValue ? this.updateMotionValue(c) : aa(n, s, c), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
@@ -1159,9 +1159,9 @@ class fa extends vn {
   }
 }
 const Wi = {
-  anticipate: gi,
-  backInOut: pi,
-  circInOut: vi
+  anticipate: pi,
+  backInOut: mi,
+  circInOut: yi
 };
 function da(t) {
   return t in Wi;
@@ -1169,7 +1169,7 @@ function da(t) {
 function ma(t) {
   typeof t.ease == "string" && da(t.ease) && (t.ease = Wi[t.ease]);
 }
-const Jn = 10;
+const Zn = 10;
 class pa extends fa {
   constructor(e) {
     ma(e), ki(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
@@ -1190,14 +1190,14 @@ class pa extends fa {
       n.set(e);
       return;
     }
-    const a = new Tn({
+    const a = new vn({
       ...r,
       autoplay: !1
     }), l = /* @__PURE__ */ G(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(l - Jn).value, a.sample(l).value, Jn), a.stop();
+    n.setWithVelocity(a.sample(l - Zn).value, a.sample(l).value, Zn), a.stop();
   }
 }
-const Qn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+const Jn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (et.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function ga(t) {
@@ -1214,10 +1214,10 @@ function ya(t, e, n, s) {
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const o = t[t.length - 1], r = Qn(i, e), a = Qn(o, e);
+  const o = t[t.length - 1], r = Jn(i, e), a = Jn(o, e);
   return Pt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : ga(t) || (n === "spring" || Ni(n)) && s;
 }
-function Ue(t) {
+function We(t) {
   t.duration = 0, t.type = "keyframes";
 }
 const va = /* @__PURE__ */ new Set([
@@ -1241,7 +1241,7 @@ function xa(t) {
   !l && !s && i !== "mirror" && o !== 0 && r !== "inertia";
 }
 const wa = 40;
-class ba extends vn {
+class ba extends yn {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: u, element: c, ...h }) {
     var m;
     super(), this.stop = () => {
@@ -1259,13 +1259,13 @@ class ba extends vn {
       motionValue: u,
       element: c,
       ...h
-    }, d = (c == null ? void 0 : c.KeyframeResolver) || xn;
+    }, d = (c == null ? void 0 : c.KeyframeResolver) || Tn;
     this.keyframeResolver = new d(a, (g, v, p) => this.onKeyframesResolved(g, v, f, !p), l, u, c), (m = this.keyframeResolver) == null || m.scheduleResolve();
   }
   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 = 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);
+    this.resolvedAt = O.now(), ya(e, o, r, a) || ((Z.instantAnimations || !l) && (c == null || c(gn(e, s, n))), e[0] = e[e.length - 1], We(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,
@@ -1274,7 +1274,7 @@ class ba extends vn {
     }, d = !u && xa(f) ? new pa({
       ...f,
       element: f.motionValue.owner.current
-    }) : new Tn(f);
+    }) : new vn(f);
     d.finished.then(() => this.notifyFinished()).catch(j), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
   }
   get finished() {
@@ -1349,11 +1349,11 @@ function Ui(t, e, n = 1) {
   const o = window.getComputedStyle(e).getPropertyValue(s);
   if (o) {
     const r = o.trim();
-    return li(r) ? parseFloat(r) : r;
+    return ai(r) ? parseFloat(r) : r;
   }
-  return hn(i) ? Ui(i, e, n + 1) : i;
+  return un(i) ? Ui(i, e, n + 1) : i;
 }
-function wn(t, e) {
+function xn(t, e) {
   return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
 }
 const Ki = /* @__PURE__ */ new Set([
@@ -1367,29 +1367,29 @@ const Ki = /* @__PURE__ */ new Set([
 ]), Va = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, $i = (t) => (e) => e.test(t), zi = [At, x, X, J, To, vo, Va], ts = (t) => zi.find($i(t));
+}, $i = (t) => (e) => e.test(t), zi = [At, x, X, J, To, vo, Va], Qn = (t) => zi.find($i(t));
 function Ma(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ui(t) : !0;
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ci(t) : !0;
 }
 const Da = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Ca(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [s] = n.match(fn) || [];
+  const [s] = n.match(hn) || [];
   if (!s)
     return t;
   const i = n.replace(s, "");
   let o = Da.has(e) ? 1 : 0;
   return s !== n && (o *= 100), e + "(" + o + i + ")";
 }
-const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
+const Ea = /\b([a-z-]*)\(.*?\)/gu, Ue = {
   ...et,
   getAnimatableNone: (t) => {
     const e = t.match(Ea);
     return e ? e.map(Ca).join(" ") : t;
   }
-}, es = {
+}, ts = {
   ...At,
   transform: Math.round
 }, Ra = {
@@ -1397,10 +1397,10 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   rotateX: J,
   rotateY: J,
   rotateZ: J,
-  scale: Gt,
-  scaleX: Gt,
-  scaleY: Gt,
-  scaleZ: Gt,
+  scale: Ht,
+  scaleX: Ht,
+  scaleY: Ht,
+  scaleZ: Ht,
   skew: J,
   skewX: J,
   skewY: J,
@@ -1414,10 +1414,10 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   perspective: x,
   transformPerspective: x,
   opacity: Ft,
-  originX: Kn,
-  originY: Kn,
+  originX: Un,
+  originY: Un,
   originZ: x
-}, bn = {
+}, wn = {
   // Border props
   borderWidth: x,
   borderTopWidth: x,
@@ -1454,13 +1454,13 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   backgroundPositionX: x,
   backgroundPositionY: x,
   ...Ra,
-  zIndex: es,
+  zIndex: ts,
   // SVG
   fillOpacity: Ft,
   strokeOpacity: Ft,
-  numOctaves: es
+  numOctaves: ts
 }, La = {
-  ...bn,
+  ...wn,
   // Color props
   color: D,
   backgroundColor: D,
@@ -1473,12 +1473,12 @@ const Ea = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   borderRightColor: D,
   borderBottomColor: D,
   borderLeftColor: D,
-  filter: Ke,
-  WebkitFilter: Ke
+  filter: Ue,
+  WebkitFilter: Ue
 }, Hi = (t) => La[t];
 function Gi(t, e) {
   let n = Hi(t);
-  return n !== Ke && (n = et), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  return n !== Ue && (n = et), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const ka = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function Ba(t, e, n) {
@@ -1491,7 +1491,7 @@ function Ba(t, e, n) {
     for (const o of e)
       t[o] = Gi(n, i);
 }
-class Fa extends xn {
+class Fa extends Tn {
   constructor(e, n, s, i, o) {
     super(e, n, s, i, o, !0);
   }
@@ -1502,16 +1502,16 @@ class Fa extends xn {
     super.readKeyframes();
     for (let l = 0; l < e.length; l++) {
       let u = e[l];
-      if (typeof u == "string" && (u = u.trim(), hn(u))) {
+      if (typeof u == "string" && (u = u.trim(), un(u))) {
         const c = Ui(u, n.current);
         c !== void 0 && (e[l] = c), l === e.length - 1 && (this.finalKeyframe = u);
       }
     }
     if (this.resolveNoneKeyframes(), !Ki.has(s) || e.length !== 2)
       return;
-    const [i, o] = e, r = ts(i), a = ts(o);
+    const [i, o] = e, r = Qn(i), a = Qn(o);
     if (r !== a)
-      if (qn(r) && qn(a))
+      if (Xn(r) && Xn(a))
         for (let l = 0; l < e.length; l++) {
           const u = e[l];
           typeof u == "string" && (e[l] = parseFloat(u));
@@ -1556,9 +1556,9 @@ function _i(t, e, n) {
 }
 const Yi = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
 function Xi(t) {
-  return ci(t) && "offsetHeight" in t;
+  return li(t) && "offsetHeight" in t;
 }
-const ns = 30, Ia = (t) => !isNaN(parseFloat(t)), Lt = {
+const es = 30, Ia = (t) => !isNaN(parseFloat(t)), Lt = {
   current: void 0
 };
 class Oa {
@@ -1624,7 +1624,7 @@ class Oa {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && ce(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && le(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
     this.events[e] || (this.events[e] = new on());
@@ -1708,9 +1708,9 @@ class Oa {
    */
   getVelocity() {
     const e = O.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > ns)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > es)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, ns);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, es);
     return an(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -1766,7 +1766,7 @@ class Oa {
 function H(t, e) {
   return new Oa(t, e);
 }
-const { schedule: Sn } = /* @__PURE__ */ wi(queueMicrotask, !1), z = {
+const { schedule: bn } = /* @__PURE__ */ xi(queueMicrotask, !1), z = {
   x: !1,
   y: !1
 };
@@ -1788,18 +1788,18 @@ function Zi(t, e) {
   };
   return [n, i, () => s.abort()];
 }
-function ss(t) {
+function ns(t) {
   return !(t.pointerType === "touch" || qi());
 }
 function Na(t, e, n = {}) {
   const [s, i, o] = Zi(t, n), r = (a) => {
-    if (!ss(a))
+    if (!ns(a))
       return;
     const { target: l } = a, u = e(l, a);
     if (typeof u != "function" || !l)
       return;
     const c = (h) => {
-      ss(h) && (u(h), l.removeEventListener("pointerleave", c));
+      ns(h) && (u(h), l.removeEventListener("pointerleave", c));
     };
     l.addEventListener("pointerleave", c, i);
   };
@@ -1807,7 +1807,7 @@ function Na(t, e, n = {}) {
     a.addEventListener("pointerenter", r, i);
   }), o;
 }
-const Ji = (t, e) => e ? t === e ? !0 : Ji(t, e.parentElement) : !1, Pn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Wa = /* @__PURE__ */ new Set([
+const Ji = (t, e) => e ? t === e ? !0 : Ji(t, e.parentElement) : !1, Sn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Wa = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -1817,41 +1817,41 @@ 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 qt = /* @__PURE__ */ new WeakSet();
-function is(t) {
+const Xt = /* @__PURE__ */ new WeakSet();
+function ss(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
 }
-function ve(t, e) {
+function ye(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
 const Ka = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const s = is(() => {
-    if (qt.has(n))
+  const s = ss(() => {
+    if (Xt.has(n))
       return;
-    ve(n, "down");
-    const i = is(() => {
-      ve(n, "up");
-    }), o = () => ve(n, "cancel");
+    ye(n, "down");
+    const i = ss(() => {
+      ye(n, "up");
+    }), o = () => ye(n, "cancel");
     n.addEventListener("keyup", i, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
-function rs(t) {
-  return Pn(t) && !qi();
+function is(t) {
+  return Sn(t) && !qi();
 }
 function $a(t, e, n = {}) {
   const [s, i, o] = Zi(t, n), r = (a) => {
     const l = a.currentTarget;
-    if (!rs(a))
+    if (!is(a))
       return;
-    qt.add(l);
+    Xt.add(l);
     const u = e(l, a), c = (d, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), qt.has(l) && qt.delete(l), rs(d) && typeof u == "function" && u(d, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Xt.has(l) && Xt.delete(l), is(d) && typeof u == "function" && u(d, { success: m });
     }, h = (d) => {
       c(d, l === window || l === document || n.useGlobalTarget || Ji(l, d.target));
     }, f = (d) => {
@@ -1863,15 +1863,15 @@ function $a(t, e, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), Xi(a) && (a.addEventListener("focus", (u) => Ka(u, i)), !Ua(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
-function An(t) {
-  return ci(t) && "ownerSVGElement" in t;
+function Pn(t) {
+  return li(t) && "ownerSVGElement" in t;
 }
-const Zt = /* @__PURE__ */ new WeakMap();
+const qt = /* @__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");
+const Qi = (t, e, n) => (s, i) => i && i[0] ? i[0][t + "Size"] : Pn(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 = Zt.get(t)) == null || n.forEach((s) => {
+  (n = qt.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 = Zt.get(s);
-    i || (i = /* @__PURE__ */ new Set(), Zt.set(s, i)), i.add(e), Q == null || Q.observe(s);
+    let i = qt.get(s);
+    i || (i = /* @__PURE__ */ new Set(), qt.set(s, i)), i.add(e), Q == null || Q.observe(s);
   }), () => {
     n.forEach((s) => {
-      const i = Zt.get(s);
+      const i = qt.get(s);
       i == null || i.delete(e), i != null && i.size || Q == null || Q.unobserve(s);
     });
   };
 }
-const Jt = /* @__PURE__ */ new Set();
+const Zt = /* @__PURE__ */ new Set();
 let pt;
 function qa() {
   pt = () => {
@@ -1913,12 +1913,12 @@ function qa() {
         return window.innerHeight;
       }
     };
-    Jt.forEach((e) => e(t));
+    Zt.forEach((e) => e(t));
   }, window.addEventListener("resize", pt);
 }
 function Za(t) {
-  return Jt.add(t), pt || qa(), () => {
-    Jt.delete(t), !Jt.size && typeof pt == "function" && (window.removeEventListener("resize", pt), pt = void 0);
+  return Zt.add(t), pt || qa(), () => {
+    Zt.delete(t), !Zt.size && typeof pt == "function" && (window.removeEventListener("resize", pt), pt = void 0);
   };
 }
 function Ja(t, e) {
@@ -1933,13 +1933,13 @@ function tr(t, e) {
   return P.preUpdate(s, !0), () => Y(s);
 }
 function Qa(t) {
-  return An(t) && t.tagName === "svg";
+  return Pn(t) && t.tagName === "svg";
 }
 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);
+  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 = pn(i, o, r);
   return e ? a(s) : a;
 }
-const k = (t) => !!(t && t.getVelocity), el = [...zi, D, 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)), An = St({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -1949,14 +1949,14 @@ function sl(t = !0) {
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: s, register: i } = e, o = _r();
-  Wt(() => {
+  Nt(() => {
     if (t)
       return i(o);
   }, [t]);
   const r = Je(() => t && s && s(o), [o, s, t]);
   return !n && s ? [!1, r] : [!0];
 }
-const er = St({ strict: !1 }), os = {
+const er = St({ strict: !1 }), rs = {
   animation: [
     "animate",
     "variants",
@@ -1976,9 +1976,9 @@ const er = St({ strict: !1 }), os = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, bt = {};
-for (const t in os)
+for (const t in rs)
   bt[t] = {
-    isEnabled: (e) => os[t].some((n) => !!e[n])
+    isEnabled: (e) => rs[t].some((n) => !!e[n])
   };
 function il(t) {
   for (const e in t)
@@ -2019,12 +2019,12 @@ const rl = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function ie(t) {
+function se(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) => !ie(t);
+let nr = (t) => !se(t);
 function ol(t) {
-  typeof t == "function" && (nr = (e) => e.startsWith("on") ? !ie(e) : t(e));
+  typeof t == "function" && (nr = (e) => e.startsWith("on") ? !se(e) : t(e));
 }
 try {
   ol(require("@emotion/is-prop-valid").default);
@@ -2033,18 +2033,18 @@ try {
 function al(t, e, n) {
   const s = {};
   for (const i in t)
-    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
+    i === "values" && typeof t.values == "object" || (nr(i) || n === !0 && se(i) || !e && !se(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-const ue = /* @__PURE__ */ St({});
-function he(t) {
+const ce = /* @__PURE__ */ St({});
+function ue(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
 function Ot(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const Mn = [
+const Vn = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2052,15 +2052,15 @@ const Mn = [
   "whileTap",
   "whileDrag",
   "exit"
-], Dn = ["initial", ...Mn];
-function fe(t) {
-  return he(t.animate) || Dn.some((e) => Ot(t[e]));
+], Mn = ["initial", ...Vn];
+function he(t) {
+  return ue(t.animate) || Mn.some((e) => Ot(t[e]));
 }
 function sr(t) {
-  return !!(fe(t) || t.variants);
+  return !!(he(t) || t.variants);
 }
 function ll(t, e) {
-  if (fe(t)) {
+  if (he(t)) {
     const { initial: n, animate: s } = t;
     return {
       initial: n === !1 || Ot(n) ? n : void 0,
@@ -2070,19 +2070,55 @@ function ll(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function cl(t) {
-  const { initial: e, animate: n } = ll(t, B(ue));
-  return ae(() => ({ initial: e, animate: n }), [as(e), as(n)]);
+  const { initial: e, animate: n } = ll(t, B(ce));
+  return oe(() => ({ initial: e, animate: n }), [os(e), os(n)]);
 }
-function as(t) {
+function os(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const jt = {};
-function ul(t) {
-  for (const e in t)
-    jt[e] = t[e], un(e) && (jt[e].isCSSVariable = !0);
+function as(t, e) {
+  return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
+const Dt = {
+  correct: (t, e) => {
+    if (!e.target)
+      return t;
+    if (typeof t == "string")
+      if (x.test(t))
+        t = parseFloat(t);
+      else
+        return t;
+    const n = as(t, e.target.x), s = as(t, e.target.y);
+    return `${n}% ${s}%`;
+  }
+}, ul = {
+  correct: (t, { treeScale: e, projectionDelta: n }) => {
+    const s = t, i = et.parse(t);
+    if (i.length > 5)
+      return s;
+    const o = et.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
+    i[0 + r] /= a, i[1 + r] /= l;
+    const u = M(a, l, 0.5);
+    return typeof i[2 + r] == "number" && (i[2 + r] /= u), typeof i[3 + r] == "number" && (i[3 + r] /= u), o(i);
+  }
+}, Ke = {
+  borderRadius: {
+    ...Dt,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: Dt,
+  borderTopRightRadius: Dt,
+  borderBottomLeftRadius: Dt,
+  borderBottomRightRadius: Dt,
+  boxShadow: ul
+};
 function ir(t, { layout: e, layoutId: n }) {
-  return Mt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!jt[t] || t === "opacity");
+  return Mt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Ke[t] || t === "opacity");
 }
 const hl = {
   x: "translateX",
@@ -2098,7 +2134,7 @@ function dl(t, e, n) {
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (r.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = Yi(a, bn[r]);
+      const u = Yi(a, wn[r]);
       if (!l) {
         i = !1;
         const c = hl[r] || r;
@@ -2109,7 +2145,7 @@ function dl(t, e, n) {
   }
   return s = s.trim(), n ? s = n(e, i ? "" : s) : i && (s = "none"), s;
 }
-function Cn(t, e, n) {
+function Dn(t, e, n) {
   const { style: s, vars: i, transformOrigin: o } = t;
   let r = !1, a = !1;
   for (const l in e) {
@@ -2117,11 +2153,11 @@ function Cn(t, e, n) {
     if (Mt.has(l)) {
       r = !0;
       continue;
-    } else if (un(l)) {
+    } else if (bi(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = Yi(u, bn[l]);
+      const c = Yi(u, wn[l]);
       l.startsWith("origin") ? (a = !0, o[l] = c) : s[l] = c;
     }
   }
@@ -2130,7 +2166,7 @@ function Cn(t, e, n) {
     s.transformOrigin = `${l} ${u} ${c}`;
   }
 }
-const En = () => ({
+const Cn = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
@@ -2141,9 +2177,9 @@ function rr(t, e, n) {
     !k(e[s]) && !ir(s, n) && (t[s] = e[s]);
 }
 function ml({ transformTemplate: t }, e) {
-  return ae(() => {
-    const n = En();
-    return Cn(n, e, t), Object.assign({}, n.vars, n.style);
+  return oe(() => {
+    const n = Cn();
+    return Dn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
 function pl(t, e) {
@@ -2178,7 +2214,7 @@ function or(t, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, l, u, c) {
-  if (Cn(t, a, u), l) {
+  if (Dn(t, a, u), l) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
@@ -2187,11 +2223,11 @@ function or(t, {
   h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && Tl(h, i, o, r, !1);
 }
 const ar = () => ({
-  ...En(),
+  ...Cn(),
   attrs: {}
 }), lr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
 function xl(t, e, n, s) {
-  const i = ae(() => {
+  const i = oe(() => {
     const o = ar();
     return or(o, e, lr(s), t.transformTemplate, t.style), {
       ...o.attrs,
@@ -2231,7 +2267,7 @@ const wl = [
   "use",
   "view"
 ];
-function Rn(t) {
+function En(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2252,7 +2288,7 @@ function Rn(t) {
   );
 }
 function bl(t, e, n, { latestValues: s }, i, o = !1) {
-  const a = (Rn(t) ? xl : gl)(e, s, i, t), l = al(e, typeof t == "string", o), u = t !== oi ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = ae(() => k(c) ? c.get() : c, [c]);
+  const a = (En(t) ? xl : gl)(e, s, i, t), l = al(e, typeof t == "string", o), u = t !== ri ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = oe(() => k(c) ? c.get() : c, [c]);
   return Yr(t, {
     ...u,
     children: h
@@ -2264,7 +2300,7 @@ function ls(t) {
     e[0][s] = n.get(), e[1][s] = n.getVelocity();
   }), e;
 }
-function Ln(t, e, n, s) {
+function Rn(t, e, n, s) {
   if (typeof e == "function") {
     const [i, o] = ls(s);
     e = e(n !== void 0 ? n : t.custom, i, o);
@@ -2275,7 +2311,7 @@ function Ln(t, e, n, s) {
   }
   return e;
 }
-function Qt(t) {
+function Jt(t) {
   return k(t) ? t.get() : t;
 }
 function Sl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
@@ -2287,17 +2323,17 @@ 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] = Qt(o[f]);
+    i[f] = Jt(o[f]);
   let { initial: r, animate: a } = t;
-  const l = fe(t), u = sr(t);
+  const l = he(t), u = sr(t);
   e && u && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || r === !1;
   const h = c ? a : r;
-  if (h && typeof h != "boolean" && !he(h)) {
+  if (h && typeof h != "boolean" && !ue(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let d = 0; d < f.length; d++) {
-      const m = Ln(t, f[d]);
+      const m = Rn(t, f[d]);
       if (m) {
         const { transitionEnd: g, transition: v, ...p } = m;
         for (const T in p) {
@@ -2316,10 +2352,10 @@ function Pl(t, e, n, s) {
   return i;
 }
 const cr = (t) => (e, n) => {
-  const s = B(ue), i = B(en), o = () => Sl(t, e, s, i);
-  return n ? o() : le(o);
+  const s = B(ce), i = B(en), o = () => Sl(t, e, s, i);
+  return n ? o() : ae(o);
 };
-function kn(t, e, n) {
+function Ln(t, e, n) {
   var o;
   const { style: s } = t, i = {};
   for (const r in s)
@@ -2327,11 +2363,11 @@ function kn(t, e, n) {
   return i;
 }
 const Al = /* @__PURE__ */ cr({
-  scrapeMotionValuesFromProps: kn,
-  createRenderState: En
+  scrapeMotionValuesFromProps: Ln,
+  createRenderState: Cn
 });
 function ur(t, e, n) {
-  const s = kn(t, e, n);
+  const s = Ln(t, e, n);
   for (const i in t)
     if (k(t[i]) || k(e[i])) {
       const o = Vt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
@@ -2358,10 +2394,10 @@ function Dl(t, e, n) {
     [e]
   );
 }
-const Bn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Cl = "framerAppearId", hr = "data-" + Bn(Cl), fr = St({});
+const kn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Cl = "framerAppearId", hr = "data-" + kn(Cl), fr = St({});
 function El(t, e, n, s, i) {
   var g, v;
-  const { visualElement: o } = B(ue), r = B(er), a = B(en), l = B(Vn).reducedMotion, u = lt(null);
+  const { visualElement: o } = B(ce), r = B(er), a = B(en), l = B(An).reducedMotion, u = lt(null);
   s = s || r.renderer, !u.current && s && (u.current = s(t, {
     visualState: e,
     parent: o,
@@ -2379,7 +2415,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());
-  }), Wt(() => {
+  }), Nt(() => {
     c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       var p;
       (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, d);
@@ -2411,13 +2447,13 @@ function dr(t) {
   if (t)
     return t.options.allowProjection !== !1 ? t.projection : dr(t.parent);
 }
-function Te(t, { forwardMotionProps: e = !1 } = {}, n, s) {
+function ve(t, { forwardMotionProps: e = !1 } = {}, n, s) {
   n && il(n);
-  const i = Rn(t) ? Vl : Al;
+  const i = En(t) ? Vl : Al;
   function o(a, l) {
     let u;
     const c = {
-      ...B(Vn),
+      ...B(An),
       ...a,
       layoutId: Ll(a)
     }, { isStatic: h } = c, f = cl(a), d = i(a, h);
@@ -2426,14 +2462,14 @@ function Te(t, { forwardMotionProps: e = !1 } = {}, n, s) {
       const m = Bl(c);
       u = m.MeasureLayout, f.visualElement = El(t, d, c, s, m.ProjectionNode);
     }
-    return ri(ue.Provider, { value: f, children: [u && f.visualElement ? tt(u, { visualElement: f.visualElement, ...c }) : null, bl(t, a, Dl(d, f.visualElement, l), d, h, e)] });
+    return ii(ce.Provider, { value: f, children: [u && f.visualElement ? tt(u, { visualElement: f.visualElement, ...c }) : null, bl(t, a, Dl(d, f.visualElement, l), d, h, e)] });
   }
   o.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const r = qr(o);
   return r[Ml] = t, r;
 }
 function Ll({ layoutId: t }) {
-  const e = B(ai).id;
+  const e = B(oi).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function kl(t, e) {
@@ -2455,15 +2491,15 @@ function Bl(t) {
 }
 function Fl(t, e) {
   if (typeof Proxy > "u")
-    return Te;
-  const n = /* @__PURE__ */ new Map(), s = (o, r) => Te(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && ce(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
+    return ve;
+  const n = /* @__PURE__ */ new Map(), s = (o, r) => ve(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && le(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
   return new Proxy(i, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
      * The prop name is passed through as `key` and we can use that to generate a `motion`
      * DOM component with that name.
      */
-    get: (o, r) => r === "create" ? s : (n.has(r) || n.set(r, Te(r, void 0, t, e)), n.get(r))
+    get: (o, r) => r === "create" ? s : (n.has(r) || n.set(r, ve(r, void 0, t, e)), n.get(r))
   });
 }
 function mr({ top: t, left: e, right: n, bottom: s }) {
@@ -2486,11 +2522,11 @@ function Ol(t, e) {
     right: s.x
   };
 }
-function xe(t) {
+function Te(t) {
   return t === void 0 || t === 1;
 }
 function $e({ scale: t, scaleX: e, scaleY: n }) {
-  return !xe(t) || !xe(e) || !xe(n);
+  return !Te(t) || !Te(e) || !Te(n);
 }
 function rt(t) {
   return $e(t) || pr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
@@ -2501,12 +2537,12 @@ function pr(t) {
 function cs(t) {
   return t && t !== "0%";
 }
-function re(t, e, n) {
+function ie(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 = re(t, i, s)), re(t, n, s) + e;
+  return i !== void 0 && (t = ie(t, i, s)), ie(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);
@@ -2610,14 +2646,14 @@ class $l {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: o, visualState: r }, 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 = 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 = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Tn, 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 = O.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, P.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = r;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = fe(n), this.isVariantNode = sr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = he(n), this.isVariantNode = sr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: c, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const d = h[f];
@@ -2626,7 +2662,7 @@ class $l {
   }
   mount(e) {
     var n;
-    this.current = e, Ul.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((s, i) => this.bindToMotionValue(i, s)), vr.current || Wl(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : He.current, process.env.NODE_ENV !== "production" && ce(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = e, Ul.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((s, i) => this.bindToMotionValue(i, s)), vr.current || Wl(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : He.current, process.env.NODE_ENV !== "production" && le(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     var e;
@@ -2767,7 +2803,7 @@ class $l {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (li(s) || ui(s)) ? s = parseFloat(s) : !nl(s) && et.test(n) && (s = Gi(e, n)), this.setBaseTarget(e, k(s) ? s.get() : s)), k(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (ai(s) || ci(s)) ? s = parseFloat(s) : !nl(s) && et.test(n) && (s = Gi(e, n)), this.setBaseTarget(e, k(s) ? s.get() : s)), k(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2785,7 +2821,7 @@ class $l {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const r = Ln(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
+      const r = Rn(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
       r && (s = r[e]);
     }
     if (n && s !== void 0)
@@ -2800,7 +2836,7 @@ class $l {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    Sn.render(this.render);
+    bn.render(this.render);
   }
 }
 class Tr extends $l {
@@ -2843,9 +2879,9 @@ class Hl extends Tr {
   readValueFromInstance(e, n) {
     var s;
     if (Mt.has(n))
-      return (s = this.projection) != null && s.isProjecting ? Ie(n) : ta(e, n);
+      return (s = this.projection) != null && s.isProjecting ? Fe(n) : ta(e, n);
     {
-      const i = zl(e), o = (un(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      const i = zl(e), o = (bi(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof o == "string" ? o.trim() : o;
     }
   }
@@ -2853,10 +2889,10 @@ class Hl extends Tr {
     return yr(e, n);
   }
   build(e, n, s) {
-    Cn(e, n, s.transformTemplate);
+    Dn(e, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, s) {
-    return kn(e, n, s);
+    return Ln(e, n, s);
   }
 }
 const wr = /* @__PURE__ */ new Set([
@@ -2887,7 +2923,7 @@ const wr = /* @__PURE__ */ new Set([
 function Gl(t, e, n, s) {
   xr(t, e, void 0, s);
   for (const i in e.attrs)
-    t.setAttribute(wr.has(i) ? i : Bn(i), e.attrs[i]);
+    t.setAttribute(wr.has(i) ? i : kn(i), e.attrs[i]);
 }
 class _l extends Tr {
   constructor() {
@@ -2901,7 +2937,7 @@ class _l extends Tr {
       const s = Hi(n);
       return s && s.default || 0;
     }
-    return n = wr.has(n) ? n : Bn(n), e.getAttribute(n);
+    return n = wr.has(n) ? n : kn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, s) {
     return ur(e, n, s);
@@ -2916,12 +2952,12 @@ class _l extends Tr {
     this.isSVGTag = lr(e.tagName), super.mount(e);
   }
 }
-const Yl = (t, e) => Rn(t) ? new _l(e) : new Hl(e, {
-  allowProjection: t !== oi
+const Yl = (t, e) => En(t) ? new _l(e) : new Hl(e, {
+  allowProjection: t !== ri
 });
 function xt(t, e, n) {
   const s = t.getProps();
-  return Ln(s, e, n !== void 0 ? n : s.custom, t);
+  return Rn(s, e, n !== void 0 ? n : s.custom, t);
 }
 const Ge = (t) => Array.isArray(t);
 function Xl(t, e, n) {
@@ -2980,8 +3016,8 @@ const ec = {
 function oc({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const Fn = (t, e, n, s = {}, i, o) => (r) => {
-  const a = wn(s, t) || {}, l = a.delay || s.delay || 0;
+const Bn = (t, e, n, s = {}, i, o) => (r) => {
+  const a = xn(s, t) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
   u = u - /* @__PURE__ */ G(l);
   const c = {
@@ -3002,7 +3038,7 @@ const Fn = (t, e, n, s = {}, i, o) => (r) => {
   };
   oc(a) || Object.assign(c, rc(t, c)), c.duration && (c.duration = /* @__PURE__ */ G(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ G(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let h = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (Ue(c), c.delay === 0 && (h = !0)), (Z.instantAnimations || Z.skipAnimations) && (h = !0, Ue(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (We(c), c.delay === 0 && (h = !0)), (Z.instantAnimations || Z.skipAnimations) && (h = !0, We(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
     const f = tc(c.keyframes, a);
     if (f !== void 0) {
       P.update(() => {
@@ -3011,7 +3047,7 @@ const Fn = (t, e, n, s = {}, i, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new Tn(c) : new ba(c);
+  return a.isSync ? new vn(c) : new ba(c);
 };
 function ac({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
@@ -3027,7 +3063,7 @@ function Sr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     const d = {
       delay: n,
-      ...wn(o || {}, c)
+      ...xn(o || {}, c)
     }, m = h.get();
     if (m !== void 0 && !h.isAnimating && !Array.isArray(f) && f === m && !d.velocity)
       continue;
@@ -3039,7 +3075,7 @@ function Sr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
         T !== null && (d.startTime = T, g = !0);
       }
     }
-    _e(t, c), h.start(Fn(c, h, f, t.shouldReduceMotion && Ki.has(c) ? { type: !1 } : d, t, g));
+    _e(t, c), h.start(Bn(c, h, f, t.shouldReduceMotion && Ki.has(c) ? { type: !1 } : d, t, g));
     const v = h.animation;
     v && l.push(v);
   }
@@ -3104,7 +3140,7 @@ function Ar(t, e) {
       return !1;
   return !0;
 }
-const uc = Dn.length;
+const uc = Mn.length;
 function Vr(t) {
   if (!t)
     return;
@@ -3114,12 +3150,12 @@ function Vr(t) {
   }
   const e = {};
   for (let n = 0; n < uc; n++) {
-    const s = Dn[n], i = t.props[s];
+    const s = Mn[n], i = t.props[s];
     (Ot(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
-const hc = [...Mn].reverse(), fc = Mn.length;
+const hc = [...Vn].reverse(), fc = Vn.length;
 function dc(t) {
   return (e) => Promise.all(e.map(({ animation: n, options: s }) => cc(t, n, s)));
 }
@@ -3147,7 +3183,7 @@ function mc(t) {
       if (A && s && t.manuallyAnimateOnMount && (A = !1), T.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
       !T.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
       !y && !T.prevProp || // Or if the prop doesn't define an animation
-      he(y) || typeof y == "boolean")
+      ue(y) || typeof y == "boolean")
         continue;
       const C = pc(T.prevProp, y);
       let b = C || // If we're making this variant active, we want to always make it active
@@ -3156,26 +3192,26 @@ function mc(t) {
       const N = Array.isArray(y) ? y : [y];
       let ht = N.reduce(i(p), {});
       w === !1 && (ht = {});
-      const { prevResolvedValues: In = {} } = T, zr = {
-        ...In,
+      const { prevResolvedValues: Fn = {} } = T, zr = {
+        ...Fn,
         ...ht
-      }, On = (L) => {
+      }, In = (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 = In[L];
+        const W = ht[L], st = Fn[L];
         if (d.hasOwnProperty(L))
           continue;
         let ft = !1;
-        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;
+        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;
       }
       T.prevProp = y, T.prevResolvedValues = ht, T.isActive && (d = { ...d, ...ht }), s && t.blockInitialAnimation && (b = !1);
-      const jn = A && C;
-      b && (!jn || I) && h.push(...N.map((L) => {
+      const On = A && C;
+      b && (!On || I) && h.push(...N.map((L) => {
         const W = { type: p };
-        if (typeof L == "string" && s && !jn && t.manuallyAnimateOnMount && t.parent) {
+        if (typeof L == "string" && s && !On && t.manuallyAnimateOnMount && t.parent) {
           const { parent: st } = t, ft = xt(st, L);
           if (st.enteringChildren && ft) {
             const { delayChildren: Hr } = ft.transition || {};
@@ -3265,7 +3301,7 @@ class gc extends nt {
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    he(e) && (this.unmountControls = e.subscribe(this.node));
+    ue(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -3313,10 +3349,10 @@ const Tc = {
     Feature: vc
   }
 };
-function Nt(t, e, n, s = { passive: !0 }) {
+function jt(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-function zt(t) {
+function $t(t) {
   return {
     point: {
       x: t.pageX,
@@ -3324,9 +3360,9 @@ function zt(t) {
     }
   };
 }
-const xc = (t) => (e) => Pn(e) && t(e, zt(e));
+const xc = (t) => (e) => Sn(e) && t(e, $t(e));
 function kt(t, e, n, s) {
-  return Nt(t, e, xc(n), s);
+  return jt(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,7 +3386,7 @@ function Vc(t, e, n) {
 function xs(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + F(e);
 }
-function oe(t, e, n) {
+function re(t, e, n) {
   xs(t.x, e.x, n.x), xs(t.y, e.y, n.y);
 }
 function U(t) {
@@ -3366,7 +3402,7 @@ class Er {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const f = be(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, m = Mc(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      const f = we(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, m = Mc(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!d && !m)
         return;
       const { point: g } = f, { timestamp: v } = R;
@@ -3374,21 +3410,21 @@ class Er {
       const { onStart: p, onMove: T } = this.handlers;
       d || (p && p(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), T && T(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, d) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = we(d, this.transformPagePoint), P.update(this.updatePoint, !0);
+      this.lastMoveEvent = f, this.lastMoveEventInfo = xe(d, this.transformPagePoint), P.update(this.updatePoint, !0);
     }, this.handlePointerUp = (f, d) => {
       this.end();
       const { onEnd: m, onSessionEnd: g, resumeAnimation: v } = this.handlers;
       if (this.dragSnapToOrigin && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const p = be(f.type === "pointercancel" ? this.lastMoveEventInfo : we(d, this.transformPagePoint), this.history);
+      const p = we(f.type === "pointercancel" ? this.lastMoveEventInfo : xe(d, this.transformPagePoint), this.history);
       this.startEvent && m && m(f, p), g && g(f, p);
-    }, !Pn(e))
+    }, !Sn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = r, this.contextWindow = i || window;
-    const a = zt(e), l = we(a, this.transformPagePoint), { point: u } = l, { timestamp: c } = R;
+    const a = $t(e), l = xe(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 = Ut(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp));
+    h && h(e, we(l, this.history)), this.removeListeners = Wt(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3397,13 +3433,13 @@ class Er {
     this.removeListeners && this.removeListeners(), Y(this.updatePoint);
   }
 }
-function we(t, e) {
+function xe(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function bs(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function be({ point: t }, e) {
+function we({ point: t }, e) {
   return {
     point: t,
     delta: bs(t, Rr(e)),
@@ -3496,7 +3532,7 @@ class Oc {
       return;
     const o = (h) => {
       const { dragSnapToOrigin: f } = this.getProps();
-      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(zt(h).point);
+      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor($t(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))
@@ -3568,7 +3604,7 @@ class Oc {
   }
   updateAxis(e, n, s) {
     const { drag: i } = this.getProps();
-    if (!s || !_t(e, i, this.currentDirection))
+    if (!s || !Gt(e, i, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
@@ -3600,7 +3636,7 @@ class Oc {
   }
   startAnimation(e) {
     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))
+      if (!Gt(c, n, this.currentDirection))
         return;
       let h = l && l[c] || {};
       r && (h = { min: 0, max: 0 });
@@ -3621,7 +3657,7 @@ class Oc {
   }
   startAxisValueAnimation(e, n) {
     const s = this.getAxisMotionValue(e);
-    return _e(this.visualElement, e), s.start(Fn(e, s, 0, n, this.visualElement, !1));
+    return _e(this.visualElement, e), s.start(Bn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     U((e) => this.getAxisMotionValue(e).stop());
@@ -3649,7 +3685,7 @@ class Oc {
   snapToCursor(e) {
     U((n) => {
       const { drag: s } = this.getProps();
-      if (!_t(n, s, this.currentDirection))
+      if (!Gt(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, o = this.getAxisMotionValue(n);
       if (i && i.layout) {
@@ -3680,7 +3716,7 @@ class Oc {
     });
     const { transformTemplate: o } = this.visualElement.getProps();
     this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), U((r) => {
-      if (!_t(r, e, null))
+      if (!Gt(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: u } = this.constraints[r];
       a.set(M(l, u, i[r]));
@@ -3698,7 +3734,7 @@ class Oc {
       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 = Nt(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
+    const r = jt(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));
@@ -3721,7 +3757,7 @@ class Oc {
     };
   }
 }
-function _t(t, e, n) {
+function Gt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
 function jc(t, e = 10) {
@@ -3774,7 +3810,7 @@ class Wc extends nt {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const te = {
+const Qt = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3786,34 +3822,8 @@ const te = {
    */
   hasEverUpdated: !1
 };
-function Ds(t, e) {
-  return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
-}
-const Dt = {
-  correct: (t, e) => {
-    if (!e.target)
-      return t;
-    if (typeof t == "string")
-      if (x.test(t))
-        t = parseFloat(t);
-      else
-        return t;
-    const n = Ds(t, e.target.x), s = Ds(t, e.target.y);
-    return `${n}% ${s}%`;
-  }
-}, Uc = {
-  correct: (t, { treeScale: e, projectionDelta: n }) => {
-    const s = t, i = et.parse(t);
-    if (i.length > 5)
-      return s;
-    const o = et.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
-    i[0 + r] /= a, i[1 + r] /= l;
-    const u = M(a, l, 0.5);
-    return typeof i[2 + r] == "number" && (i[2 + r] /= u), typeof i[3 + r] == "number" && (i[3 + r] /= u), o(i);
-  }
-};
-let Se = !1;
-class Kc extends Zr {
+let be = !1;
+class Uc extends Zr {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -3821,29 +3831,29 @@ class Kc extends Zr {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: o } = e;
-    ul($c), o && (n.group && n.group.add(o), s && s.register && i && s.register(o), Se && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    o && (n.group && n.group.add(o), s && s.register && i && s.register(o), be && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
       onExitComplete: () => this.safeToRemove()
-    })), te.hasEverUpdated = !0;
+    })), Qt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: i, isPresent: o } = this.props, { projection: r } = s;
-    return r && (r.isPresent = o, Se = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || P.postRender(() => {
+    return r && (r.isPresent = o, be = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || P.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), Sn.postRender(() => {
+    e && (e.root.didUpdate(), bn.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
   componentWillUnmount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s } = this.props, { projection: i } = e;
-    Se = !0, i && (i.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(i), s && s.deregister && s.deregister(i));
+    be = !0, i && (i.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(i), s && s.deregister && s.deregister(i));
   }
   safeToRemove() {
     const { safeToRemove: e } = this.props;
@@ -3854,31 +3864,15 @@ class Kc extends Zr {
   }
 }
 function Lr(t) {
-  const [e, n] = sl(), s = B(ai);
-  return tt(Kc, { ...t, layoutGroup: s, switchLayoutGroup: B(fr), isPresent: e, safeToRemove: n });
+  const [e, n] = sl(), s = B(oi);
+  return tt(Uc, { ...t, layoutGroup: s, switchLayoutGroup: B(fr), isPresent: e, safeToRemove: n });
 }
-const $c = {
-  borderRadius: {
-    ...Dt,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: Dt,
-  borderTopRightRadius: Dt,
-  borderBottomLeftRadius: Dt,
-  borderBottomRightRadius: Dt,
-  boxShadow: Uc
-};
-function zc(t, e, n) {
+function Kc(t, e, n) {
   const s = k(t) ? t : H(t);
-  return s.start(Fn("", s, e, n)), s.animation;
+  return s.start(Bn("", s, e, n)), s.animation;
 }
-const Hc = (t, e) => t.depth - e.depth;
-class Gc {
+const $c = (t, e) => t.depth - e.depth;
+class zc {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3889,85 +3883,85 @@ class Gc {
     sn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(Hc), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort($c), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function _c(t, e) {
+function Hc(t, e) {
   const n = O.now(), s = ({ timestamp: i }) => {
     const o = i - n;
     o >= e && (Y(s), t(o - e));
   };
   return P.setup(s, !0), () => Y(s);
 }
-const kr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Yc = kr.length, Cs = (t) => typeof t == "string" ? parseFloat(t) : t, Es = (t) => typeof t == "number" || x.test(t);
-function Xc(t, e, n, s, i, o) {
-  i ? (t.opacity = M(0, n.opacity ?? 1, qc(s)), t.opacityExit = M(e.opacity ?? 1, 0, Zc(s))) : o && (t.opacity = M(e.opacity ?? 1, n.opacity ?? 1, s));
-  for (let r = 0; r < Yc; r++) {
+const kr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Gc = kr.length, Ds = (t) => typeof t == "string" ? parseFloat(t) : t, Cs = (t) => typeof t == "number" || x.test(t);
+function _c(t, e, n, s, i, o) {
+  i ? (t.opacity = M(0, n.opacity ?? 1, Yc(s)), t.opacityExit = M(e.opacity ?? 1, 0, Xc(s))) : o && (t.opacity = M(e.opacity ?? 1, n.opacity ?? 1, s));
+  for (let r = 0; r < Gc; r++) {
     const a = `border${kr[r]}Radius`;
-    let l = Rs(e, a), u = Rs(n, a);
+    let l = Es(e, a), u = Es(n, a);
     if (l === void 0 && u === void 0)
       continue;
-    l || (l = 0), u || (u = 0), l === 0 || u === 0 || Es(l) === Es(u) ? (t[a] = Math.max(M(Cs(l), Cs(u), s), 0), (X.test(u) || X.test(l)) && (t[a] += "%")) : t[a] = u;
+    l || (l = 0), u || (u = 0), l === 0 || u === 0 || Cs(l) === Cs(u) ? (t[a] = Math.max(M(Ds(l), Ds(u), s), 0), (X.test(u) || X.test(l)) && (t[a] += "%")) : t[a] = u;
   }
   (e.rotate || n.rotate) && (t.rotate = M(e.rotate || 0, n.rotate || 0, s));
 }
-function Rs(t, e) {
+function Es(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const qc = /* @__PURE__ */ Br(0, 0.5, yi), Zc = /* @__PURE__ */ Br(0.5, 0.95, j);
+const Yc = /* @__PURE__ */ Br(0, 0.5, gi), Xc = /* @__PURE__ */ Br(0.5, 0.95, j);
 function Br(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ wt(t, e, s));
 }
-function Ls(t, e) {
+function Rs(t, e) {
   t.min = e.min, t.max = e.max;
 }
 function $(t, e) {
-  Ls(t.x, e.x), Ls(t.y, e.y);
+  Rs(t.x, e.x), Rs(t.y, e.y);
 }
-function ks(t, e) {
+function Ls(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 = re(t, 1 / n, s), i !== void 0 && (t = re(t, 1 / i, s)), t;
+function ks(t, e, n, s, i) {
+  return t -= e, t = ie(t, 1 / n, s), i !== void 0 && (t = ie(t, 1 / i, s)), t;
 }
-function Jc(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
+function qc(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")
     return;
   let a = M(o.min, o.max, s);
-  t === o && (a -= e), t.min = Bs(t.min, e, n, a, i), t.max = Bs(t.max, e, n, a, i);
+  t === o && (a -= e), t.min = ks(t.min, e, n, a, i), t.max = ks(t.max, e, n, a, i);
 }
-function Fs(t, e, [n, s, i], o, r) {
-  Jc(t, e[n], e[s], e[i], e.scale, o, r);
+function Bs(t, e, [n, s, i], o, r) {
+  qc(t, e[n], e[s], e[i], e.scale, o, r);
 }
-const Qc = ["x", "scaleX", "originX"], tu = ["y", "scaleY", "originY"];
-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);
+const Zc = ["x", "scaleX", "originX"], Jc = ["y", "scaleY", "originY"];
+function Fs(t, e, n, s) {
+  Bs(t.x, e, Zc, n ? n.x : void 0, s ? s.x : void 0), Bs(t.y, e, Jc, n ? n.y : void 0, s ? s.y : void 0);
 }
-function Os(t) {
+function Is(t) {
   return t.translate === 0 && t.scale === 1;
 }
 function Fr(t) {
-  return Os(t.x) && Os(t.y);
+  return Is(t.x) && Is(t.y);
 }
-function js(t, e) {
+function Os(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function eu(t, e) {
-  return js(t.x, e.x) && js(t.y, e.y);
+function Qc(t, e) {
+  return Os(t.x, e.x) && Os(t.y, e.y);
 }
-function Ns(t, e) {
+function js(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
 function Ir(t, e) {
-  return Ns(t.x, e.x) && Ns(t.y, e.y);
+  return js(t.x, e.x) && js(t.y, e.y);
 }
-function Ws(t) {
+function Ns(t) {
   return F(t.x) / F(t.y);
 }
-function Us(t, e) {
+function Ws(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-class nu {
+class tu {
   constructor() {
     this.members = [];
   }
@@ -4021,7 +4015,7 @@ class nu {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function su(t, e, n) {
+function eu(t, e, n) {
   let s = "";
   const i = t.x.translate / e.x, o = t.y.translate / e.y, r = (n == null ? void 0 : n.z) || 0;
   if ((i || o || r) && (s = `translate3d(${i}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (s += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
@@ -4031,9 +4025,9 @@ function su(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (s += `scale(${a}, ${l})`), s || "none";
 }
-const Pe = ["", "X", "Y", "Z"], iu = 1e3;
-let ru = 0;
-function Ae(t, e, n, s) {
+const Se = ["", "X", "Y", "Z"], nu = 1e3;
+let su = 0;
+function Pe(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
 }
@@ -4054,14 +4048,14 @@ function Or(t) {
 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.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = su++, 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.projectionUpdateScheduled = !1, this.nodes.forEach(ou), this.nodes.forEach(uu), this.nodes.forEach(hu), this.nodes.forEach(au);
       }, 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());
+      this.root === this && (this.nodes = new zc());
     }
     addEventListener(r, a) {
       return this.eventHandlers.has(r) || this.eventHandlers.set(r, new on()), this.eventHandlers.get(r).add(a);
@@ -4079,7 +4073,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = An(r) && !Qa(r), this.instance = r;
+      this.isSVG = Pn(r) && !Qa(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: u } = this.options;
       if (u && !u.current && u.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let c, h = 0;
@@ -4088,7 +4082,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), te.hasAnimatedSinceResize && (te.hasAnimatedSinceResize = !1, this.nodes.forEach(zs)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = Hc(f, 250), Qt.hasAnimatedSinceResize && (Qt.hasAnimatedSinceResize = !1, this.nodes.forEach($s)));
         });
       }
       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,17 +4090,17 @@ 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 || !Ir(this.targetLayout, d), T = !h && f;
+        const m = this.options.transition || u.getDefaultTransition() || gu, { 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 = {
-            ...wn(m, "layout"),
+            ...xn(m, "layout"),
             onPlay: g,
             onComplete: v
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (y.delay = 0, y.type = !1), this.startAnimation(y), this.setAnimationOrigin(c, T);
         } else
-          h || zs(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          h || $s(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = d;
       });
     }
@@ -4130,7 +4124,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(mu), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(fu), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -4156,22 +4150,22 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ks);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Us);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach($s);
+        this.nodes.forEach(Ks);
         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();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(cu), this.nodes.forEach(iu), this.nodes.forEach(ru)) : this.nodes.forEach(Ks), this.clearAllSnapshots();
       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;
+      R.delta = q(0, 1e3 / 60, a - R.timestamp), R.timestamp = a, R.isProcessing = !0, fe.update.process(R), fe.preRender.process(R), fe.render.process(R), R.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, Sn.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, bn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(uu), this.sharedNodes.forEach(pu);
+      this.nodes.forEach(lu), this.sharedNodes.forEach(du);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, P.preRender(this.updateProjection, !1, !0));
@@ -4220,7 +4214,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), Tu(l), {
+      return r && (l = this.removeTransform(l)), yu(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -4234,7 +4228,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!r)
         return E();
       const a = r.measureViewportBox();
-      if (!(((u = this.scroll) == null ? void 0 : u.wasRoot) || this.path.some(xu))) {
+      if (!(((u = this.scroll) == null ? void 0 : u.wasRoot) || this.path.some(vu))) {
         const { scroll: c } = this.root;
         c && (yt(a.x, c.offset.x), yt(a.y, c.offset.y));
       }
@@ -4272,9 +4266,9 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           continue;
         $e(u.latestValues) && u.updateSnapshot();
         const c = E(), h = u.measurePageBox();
-        $(c, h), Is(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        $(c, h), Fs(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
-      return rt(this.latestValues) && Is(a, this.latestValues), a;
+      return rt(this.latestValues) && Fs(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4314,7 +4308,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       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);
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = E(), this.relativeTargetOrigin = E(), re(this.relativeTargetOrigin, a, l), $(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -4336,7 +4330,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (ks(this.prevProjectionDelta.x, this.projectionDelta.x), ks(this.prevProjectionDelta.y, this.projectionDelta.y)), Bt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Us(this.projectionDelta.x, this.prevProjectionDelta.x) || !Us(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Ls(this.prevProjectionDelta.x, this.projectionDelta.x), Ls(this.prevProjectionDelta.y, this.projectionDelta.y)), Bt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Ws(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ws(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
     }
     hide() {
       this.isVisible = !1;
@@ -4358,18 +4352,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 = 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));
+      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(pu));
       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 && (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;
+        zs(h.x, r.x, w), zs(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (re(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), mu(this.relativeTarget, this.relativeTargetOrigin, f, w), y && Qc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = E()), $(y, this.relativeTarget)), g && (this.animationValues = c, _c(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(() => {
-        te.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = H(0)), this.currentAnimation = zc(this.motionValue, [0, 1e3], {
+        Qt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = H(0)), this.currentAnimation = Kc(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -4390,7 +4384,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(iu), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(nu), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
@@ -4407,7 +4401,7 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new nu()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new tu()), this.sharedNodes.get(r).add(a);
       const u = a.options.initialPromotionConfig;
       a.promote({
         transition: u ? u.transition : void 0,
@@ -4450,9 +4444,9 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if ((l.z || l.rotate || l.rotateX || l.rotateY || l.rotateZ || l.skewX || l.skewY) && (a = !0), !a)
         return;
       const u = {};
-      l.z && Ae("z", r, u, this.animationValues);
-      for (let c = 0; c < Pe.length; c++)
-        Ae(`rotate${Pe[c]}`, r, u, this.animationValues), Ae(`skew${Pe[c]}`, r, u, this.animationValues);
+      l.z && Pe("z", r, u, this.animationValues);
+      for (let c = 0; c < Se.length; c++)
+        Pe(`rotate${Se[c]}`, r, u, this.animationValues), Pe(`skew${Se[c]}`, r, u, this.animationValues);
       r.render();
       for (const c in u)
         r.setStaticValue(c, u[c]), this.animationValues && (this.animationValues[c] = u[c]);
@@ -4467,25 +4461,25 @@ 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 = Qt(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
+        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Jt(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 = Qt(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 = Jt(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !rt(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       r.visibility = "";
       const c = u.animationValues || u.latestValues;
       this.applyTransformsToTarget();
-      let h = su(this.projectionDeltaWithTransform, this.treeScale, c);
+      let h = eu(this.projectionDeltaWithTransform, this.treeScale, c);
       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 jt) {
+      for (const m in Ke) {
         if (c[m] === void 0)
           continue;
-        const { correct: g, applyTo: v, isCSSVariable: p } = jt[m], T = h === "none" ? c[m] : g(c[m], u);
+        const { correct: g, applyTo: v, isCSSVariable: p } = Ke[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 +4487,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 ? Qt(a == null ? void 0 : a.pointerEvents) || "" : "none");
+      this.options.layoutId && (r.pointerEvents = u === this ? Jt(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4503,14 +4497,14 @@ function jr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.root.nodes.forEach((r) => {
         var a;
         return (a = r.currentAnimation) == null ? void 0 : a.stop();
-      }), this.root.nodes.forEach(Ks), this.root.sharedNodes.clear();
+      }), this.root.nodes.forEach(Us), this.root.sharedNodes.clear();
     }
   };
 }
-function ou(t) {
+function iu(t) {
   t.updateLayout();
 }
-function au(t) {
+function ru(t) {
   var n;
   const e = ((n = t.resumeFrom) == null ? void 0 : n.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
@@ -4534,9 +4528,9 @@ function au(t) {
         const { snapshot: f, layout: d } = h;
         if (f && d) {
           const m = E();
-          oe(m, e.layoutBox, f.layoutBox);
+          re(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);
+          re(g, s, d.layoutBox), Ir(m, g) || (c = !0), h.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = h);
         }
       }
     }
@@ -4554,77 +4548,77 @@ function au(t) {
   }
   t.options.transition = void 0;
 }
-function lu(t) {
+function ou(t) {
   t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function cu(t) {
+function au(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function uu(t) {
+function lu(t) {
   t.clearSnapshot();
 }
-function Ks(t) {
+function Us(t) {
   t.clearMeasurements();
 }
-function $s(t) {
+function Ks(t) {
   t.isLayoutDirty = !1;
 }
-function hu(t) {
+function cu(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function zs(t) {
+function $s(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function fu(t) {
+function uu(t) {
   t.resolveTargetDelta();
 }
-function du(t) {
+function hu(t) {
   t.calcProjection();
 }
-function mu(t) {
+function fu(t) {
   t.resetSkewAndRotation();
 }
-function pu(t) {
+function du(t) {
   t.removeLeadSnapshot();
 }
-function Hs(t, e, n) {
+function zs(t, e, n) {
   t.translate = M(e.translate, 0, n), t.scale = M(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function Gs(t, e, n, s) {
+function Hs(t, e, n, s) {
   t.min = M(e.min, n.min, s), t.max = M(e.max, n.max, s);
 }
-function gu(t, e, n, s) {
-  Gs(t.x, e.x, n.x, s), Gs(t.y, e.y, n.y, s);
+function mu(t, e, n, s) {
+  Hs(t.x, e.x, n.x, s), Hs(t.y, e.y, n.y, s);
 }
-function yu(t) {
+function pu(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const vu = {
+const gu = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, _s = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ys = _s("applewebkit/") && !_s("chrome/") ? Math.round : j;
-function Xs(t) {
-  t.min = Ys(t.min), t.max = Ys(t.max);
+}, Gs = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), _s = Gs("applewebkit/") && !Gs("chrome/") ? Math.round : j;
+function Ys(t) {
+  t.min = _s(t.min), t.max = _s(t.max);
 }
-function Tu(t) {
-  Xs(t.x), Xs(t.y);
+function yu(t) {
+  Ys(t.x), Ys(t.y);
 }
 function Nr(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !Ac(Ws(e), Ws(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !Ac(Ns(e), Ns(n), 0.2);
 }
-function xu(t) {
+function vu(t) {
   var e;
   return t !== t.root && ((e = t.scroll) == null ? void 0 : e.wasRoot);
 }
-const wu = jr({
-  attachResizeListener: (t, e) => Nt(t, "resize", e),
+const Tu = jr({
+  attachResizeListener: (t, e) => jt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
   }),
   checkIsScrollRoot: () => !0
-}), Ve = {
+}), Ae = {
   current: void 0
 }, Wr = jr({
   measureScroll: (t) => ({
@@ -4632,17 +4626,17 @@ const wu = jr({
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!Ve.current) {
-      const t = new wu({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), Ve.current = t;
+    if (!Ae.current) {
+      const t = new Tu({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), Ae.current = t;
     }
-    return Ve.current;
+    return Ae.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), bu = {
+}), xu = {
   pan: {
     Feature: Wc
   },
@@ -4652,21 +4646,21 @@ const wu = jr({
     MeasureLayout: Lr
   }
 };
-function qs(t, e, n) {
+function Xs(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, zt(e)));
+  o && P.postRender(() => o(e, $t(e)));
 }
-class Su extends nt {
+class wu extends nt {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = Na(e, (n, s) => (qs(this.node, s, "Start"), (i) => qs(this.node, i, "End"))));
+    e && (this.unmount = Na(e, (n, s) => (Xs(this.node, s, "Start"), (i) => Xs(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class Pu extends nt {
+class bu extends nt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4683,50 +4677,50 @@ class Pu extends nt {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Ut(Nt(this.node.current, "focus", () => this.onFocus()), Nt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Wt(jt(this.node.current, "focus", () => this.onFocus()), jt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function Zs(t, e, n) {
+function qs(t, e, n) {
   const { props: s } = t;
   if (t.current instanceof HTMLButtonElement && t.current.disabled)
     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, zt(e)));
+  o && P.postRender(() => o(e, $t(e)));
 }
-class Au extends nt {
+class Su extends nt {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = $a(e, (n, s) => (Zs(this.node, s, "Start"), (i, { success: o }) => Zs(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    e && (this.unmount = $a(e, (n, s) => (qs(this.node, s, "Start"), (i, { success: o }) => qs(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const qe = /* @__PURE__ */ new WeakMap(), Me = /* @__PURE__ */ new WeakMap(), Vu = (t) => {
+const qe = /* @__PURE__ */ new WeakMap(), Ve = /* @__PURE__ */ new WeakMap(), Pu = (t) => {
   const e = qe.get(t.target);
   e && e(t);
-}, Mu = (t) => {
-  t.forEach(Vu);
+}, Au = (t) => {
+  t.forEach(Pu);
 };
-function Du({ root: t, ...e }) {
+function Vu({ root: t, ...e }) {
   const n = t || document;
-  Me.has(n) || Me.set(n, {});
-  const s = Me.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(Mu, { root: t, ...e })), s[i];
+  Ve.has(n) || Ve.set(n, {});
+  const s = Ve.get(n), i = JSON.stringify(e);
+  return s[i] || (s[i] = new IntersectionObserver(Au, { root: t, ...e })), s[i];
 }
-function Cu(t, e, n) {
-  const s = Du(e);
+function Mu(t, e, n) {
+  const s = Vu(e);
   return qe.set(t, n), s.observe(t), () => {
     qe.delete(t), s.unobserve(t);
   };
 }
-const Eu = {
+const Du = {
   some: 0,
   all: 1
 };
-class Ru extends nt {
+class Cu extends nt {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4735,7 +4729,7 @@ class Ru extends nt {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: o } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : Eu[i]
+      threshold: typeof i == "number" ? i : Du[i]
     }, a = (l) => {
       const { isIntersecting: u } = l;
       if (this.isInView === u || (this.isInView = u, o && !u && this.hasEnteredView))
@@ -4744,7 +4738,7 @@ class Ru extends nt {
       const { onViewportEnter: c, onViewportLeave: h } = this.node.getProps(), f = u ? c : h;
       f && f(l);
     };
-    return Cu(this.node.current, r, a);
+    return Mu(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4753,38 +4747,38 @@ class Ru extends nt {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Lu(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Eu(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Lu({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Eu({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const ku = {
+const Ru = {
   inView: {
-    Feature: Ru
+    Feature: Cu
   },
   tap: {
-    Feature: Au
+    Feature: Su
   },
   focus: {
-    Feature: Pu
+    Feature: bu
   },
   hover: {
-    Feature: Su
+    Feature: wu
   }
-}, Bu = {
+}, Lu = {
   layout: {
     ProjectionNode: Wr,
     MeasureLayout: Lr
   }
-}, Fu = {
+}, ku = {
   ...Tc,
-  ...ku,
-  ...bu,
-  ...Bu
-}, Iu = /* @__PURE__ */ Fl(Fu, Yl), Ou = 50, Js = () => ({
+  ...Ru,
+  ...xu,
+  ...Lu
+}, Bu = /* @__PURE__ */ Fl(ku, Yl), Fu = 50, Zs = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -4793,11 +4787,11 @@ const ku = {
   targetLength: 0,
   containerLength: 0,
   velocity: 0
-}), ju = () => ({
+}), Iu = () => ({
   time: 0,
-  x: Js(),
-  y: Js()
-}), Nu = {
+  x: Zs(),
+  y: Zs()
+}), Ou = {
   x: {
     length: "Width",
     position: "Left"
@@ -4807,16 +4801,16 @@ const ku = {
     position: "Top"
   }
 };
-function Qs(t, e, n, s) {
-  const i = n[e], { length: o, position: r } = Nu[e], a = i.current, l = n.time;
+function Js(t, e, n, s) {
+  const i = n[e], { length: o, position: r } = Ou[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 > Ou ? 0 : an(i.current - a, u);
+  i.velocity = u > Fu ? 0 : an(i.current - a, u);
 }
-function Wu(t, e, n) {
-  Qs(t, "x", e, n), Qs(t, "y", e, n), e.time = n;
+function ju(t, e, n) {
+  Js(t, "x", e, n), Js(t, "y", e, n), e.time = n;
 }
-function Uu(t, e) {
+function Nu(t, e) {
   const n = { x: 0, y: 0 };
   let s = t;
   for (; s && s !== e; )
@@ -4843,7 +4837,7 @@ const Ze = {
   center: 0.5,
   end: 1
 };
-function ti(t, e, n = 0) {
+function Qs(t, e, n = 0) {
   let s = 0;
   if (t in Ze && (t = Ze[t]), typeof t == "string") {
     const i = parseFloat(t);
@@ -4851,22 +4845,22 @@ function ti(t, e, n = 0) {
   }
   return typeof t == "number" && (s = e * t), n + s;
 }
-const Ku = [0, 0];
-function $u(t, e, n, s) {
-  let i = Array.isArray(t) ? t : Ku, o = 0, r = 0;
-  return typeof t == "number" ? i = [t, t] : typeof t == "string" && (t = t.trim(), t.includes(" ") ? i = t.split(" ") : i = [t, Ze[t] ? t : "0"]), o = ti(i[0], n, s), r = ti(i[1], e), o - r;
+const Wu = [0, 0];
+function Uu(t, e, n, s) {
+  let i = Array.isArray(t) ? t : Wu, o = 0, r = 0;
+  return typeof t == "number" ? i = [t, t] : typeof t == "string" && (t = t.trim(), t.includes(" ") ? i = t.split(" ") : i = [t, Ze[t] ? t : "0"]), o = Qs(i[0], n, s), r = Qs(i[1], e), o - r;
 }
-const zu = {
+const Ku = {
   All: [
     [0, 0],
     [1, 1]
   ]
-}, Hu = { x: 0, y: 0 };
-function Gu(t) {
+}, $u = { x: 0, y: 0 };
+function zu(t) {
   return "getBBox" in t && t.tagName !== "svg" ? t.getBBox() : { width: t.clientWidth, height: t.clientHeight };
 }
-function _u(t, e, n) {
-  const { offset: s = zu.All } = n, { target: i = t, axis: o = "y" } = n, r = o === "y" ? "height" : "width", a = i !== t ? Uu(i, t) : Hu, l = i === t ? { width: t.scrollWidth, height: t.scrollHeight } : Gu(i), u = {
+function Hu(t, e, n) {
+  const { offset: s = Ku.All } = n, { target: i = t, axis: o = "y" } = n, r = o === "y" ? "height" : "width", a = i !== t ? Nu(i, t) : $u, l = i === t ? { width: t.scrollWidth, height: t.scrollHeight } : zu(i), u = {
     width: t.clientWidth,
     height: t.clientHeight
   };
@@ -4874,34 +4868,34 @@ function _u(t, e, n) {
   let c = !e[o].interpolate;
   const h = s.length;
   for (let f = 0; f < h; f++) {
-    const d = $u(s[f], u[r], l[r], a[o]);
+    const d = Uu(s[f], u[r], l[r], a[o]);
     !c && d !== e[o].interpolatorOffsets[f] && (c = !0), e[o].offset[f] = d;
   }
-  c && (e[o].interpolate = gn(e[o].offset, Li(s), { clamp: !1 }), e[o].interpolatorOffsets = [...e[o].offset]), e[o].progress = q(0, 1, e[o].interpolate(e[o].current));
+  c && (e[o].interpolate = pn(e[o].offset, Li(s), { clamp: !1 }), e[o].interpolatorOffsets = [...e[o].offset]), e[o].progress = q(0, 1, e[o].interpolate(e[o].current));
 }
-function Yu(t, e = t, n) {
+function Gu(t, e = t, n) {
   if (n.x.targetOffset = 0, n.y.targetOffset = 0, e !== t) {
     let s = e;
     for (; s && s !== t; )
       n.x.targetOffset += s.offsetLeft, n.y.targetOffset += s.offsetTop, s = s.offsetParent;
   }
-  n.x.targetLength = e === t ? e.scrollWidth : e.clientWidth, n.y.targetLength = e === t ? e.scrollHeight : e.clientHeight, n.x.containerLength = t.clientWidth, n.y.containerLength = t.clientHeight, process.env.NODE_ENV !== "production" && t && e && e !== t && ce(getComputedStyle(t).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 = e === t ? e.scrollWidth : e.clientWidth, n.y.targetLength = e === t ? e.scrollHeight : e.clientHeight, n.x.containerLength = t.clientWidth, n.y.containerLength = t.clientHeight, process.env.NODE_ENV !== "production" && t && e && e !== t && le(getComputedStyle(t).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 Xu(t, e, n, s = {}) {
+function _u(t, e, n, s = {}) {
   return {
     measure: (i) => {
-      Yu(t, s.target, n), Wu(t, n, i), (s.offset || s.target) && _u(t, n, s);
+      Gu(t, s.target, n), ju(t, n, i), (s.offset || s.target) && Hu(t, n, s);
     },
     notify: () => e(n)
   };
 }
-const Ct = /* @__PURE__ */ new WeakMap(), ei = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), ni = (t) => t === document.scrollingElement ? window : t;
+const Ct = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), Me = /* @__PURE__ */ new WeakMap(), ei = (t) => t === document.scrollingElement ? window : t;
 function Ur(t, { container: e = document.scrollingElement, ...n } = {}) {
   if (!e)
     return j;
-  let s = De.get(e);
-  s || (s = /* @__PURE__ */ new Set(), De.set(e, s));
-  const i = ju(), o = Xu(e, t, i, n);
+  let s = Me.get(e);
+  s || (s = /* @__PURE__ */ new Set(), Me.set(e, s));
+  const i = Iu(), o = _u(e, t, i, n);
   if (s.add(o), !Ct.has(e)) {
     const a = () => {
       for (const h of s)
@@ -4912,22 +4906,22 @@ function Ur(t, { container: e = document.scrollingElement, ...n } = {}) {
         h.notify();
     }, u = () => P.read(a);
     Ct.set(e, u);
-    const c = ni(e);
-    window.addEventListener("resize", u, { passive: !0 }), e !== document.documentElement && ei.set(e, Ja(e, u)), c.addEventListener("scroll", u, { passive: !0 }), u();
+    const c = ei(e);
+    window.addEventListener("resize", u, { passive: !0 }), e !== document.documentElement && ti.set(e, Ja(e, u)), c.addEventListener("scroll", u, { passive: !0 }), u();
   }
   const r = Ct.get(e);
   return P.read(r, !1, !0), () => {
     var u;
     Y(r);
-    const a = De.get(e);
+    const a = Me.get(e);
     if (!a || (a.delete(o), a.size))
       return;
     const l = Ct.get(e);
-    Ct.delete(e), l && (ni(e).removeEventListener("scroll", l), (u = ei.get(e)) == null || u(), window.removeEventListener("resize", l));
+    Ct.delete(e), l && (ei(e).removeEventListener("scroll", l), (u = ti.get(e)) == null || u(), window.removeEventListener("resize", l));
   };
 }
-const si = /* @__PURE__ */ new Map();
-function qu(t) {
+const ni = /* @__PURE__ */ new Map();
+function Yu(t) {
   const e = { value: 0 }, n = Ur((s) => {
     e.value = s[t.axis].progress * 100;
   }, t);
@@ -4936,12 +4930,12 @@ function qu(t) {
 function Kr({ source: t, container: e, ...n }) {
   const { axis: s } = n;
   t && (e = t);
-  const i = si.get(e) ?? /* @__PURE__ */ new Map();
-  si.set(e, i);
+  const i = ni.get(e) ?? /* @__PURE__ */ new Map();
+  ni.set(e, i);
   const o = n.target ?? "self", r = i.get(o) ?? {}, a = s + (n.offset ?? []).join(",");
-  return r[a] || (r[a] = !n.target && Ii() ? 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 }) : Yu({ container: e, ...n })), r[a];
 }
-function Zu(t, e) {
+function Xu(t, e) {
   const n = Kr(e);
   return t.attachTimeline({
     timeline: e.target ? void 0 : n,
@@ -4950,28 +4944,28 @@ function Zu(t, e) {
     }, n))
   });
 }
-function Ju(t) {
+function qu(t) {
   return t.length === 2;
 }
-function Qu(t, e) {
-  return Ju(t) ? Ur((n) => {
+function Zu(t, e) {
+  return qu(t) ? Ur((n) => {
     t(n[e.axis].progress, n);
   }, e) : tr(t, Kr(e));
 }
-function th(t, { axis: e = "y", container: n = document.scrollingElement, ...s } = {}) {
+function Ju(t, { axis: e = "y", container: n = document.scrollingElement, ...s } = {}) {
   if (!n)
     return j;
   const i = { axis: e, container: n, ...s };
-  return typeof t == "function" ? Qu(t, i) : Zu(t, i);
+  return typeof t == "function" ? Zu(t, i) : Xu(t, i);
 }
-const eh = () => ({
+const Qu = () => ({
   scrollX: H(0),
   scrollY: H(0),
   scrollXProgress: H(0),
   scrollYProgress: H(0)
-}), 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 }) => {
+}), _t = (t) => t ? !t.current : !1;
+function th({ container: t, target: e, ...n } = {}) {
+  const s = ae(Qu), i = lt(null), o = lt(!1), r = Je(() => (i.current = Ju((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);
   }, {
     ...n,
@@ -4982,26 +4976,26 @@ 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, Yt(t) || Yt(e)) {
+    if (o.current = !1, _t(t) || _t(e)) {
       o.current = !0;
       return;
     } else
       return r();
-  }, [r]), Wt(() => {
+  }, [r]), Nt(() => {
     if (o.current)
-      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();
+      return _(!_t(t), "Container ref is defined but not hydrated", "use-scroll-ref"), _(!_t(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);
+function eh(t) {
+  const e = ae(() => H(t)), { isStatic: n } = B(An);
   if (n) {
     const [, s] = Jr(t);
-    Wt(() => e.on("change", s), []);
+    Nt(() => e.on("change", s), []);
   }
   return e;
 }
 function $r(t, e) {
-  const n = sh(e()), s = () => n.set(e());
+  const n = eh(e()), s = () => n.set(e());
   return s(), tn(() => {
     const i = () => P.preRender(s, !1, !0), o = t.map((r) => r.on("change", i));
     return () => {
@@ -5009,19 +5003,19 @@ function $r(t, e) {
     };
   }), n;
 }
-function ih(t) {
+function nh(t) {
   Lt.current = [], t();
   const e = $r(Lt.current, t);
   return Lt.current = void 0, e;
 }
-function rh(t, e, n, s) {
+function sh(t, e, n, s) {
   if (typeof t == "function")
-    return ih(t);
+    return nh(t);
   const i = typeof e == "function" ? e : tl(e, n, s);
-  return Array.isArray(t) ? ii(t, i) : ii([t], ([o]) => i(o));
+  return Array.isArray(t) ? si(t, i) : si([t], ([o]) => i(o));
 }
-function ii(t, e) {
-  const n = le(() => []);
+function si(t, e) {
+  const n = ae(() => []);
   return $r(t, () => {
     n.length = 0;
     const s = t.length;
@@ -5030,8 +5024,8 @@ function ii(t, e) {
     return e(n);
   });
 }
-const fh = ({ children: t, className: e }) => {
-  const n = lt(null), { scrollYProgress: s } = nh({
+const uh = ({ children: t, className: e }) => {
+  const n = lt(null), { scrollYProgress: s } = th({
     target: n
   });
   if (typeof t != "string")
@@ -5048,19 +5042,19 @@ const fh = ({ children: t, className: e }) => {
           className: "flex flex-wrap p-5 text-2xl font-bold text-black/20 dark:text-white/20 md:p-8 md:text-3xl lg:p-10 lg:text-4xl xl:text-5xl",
           children: i.map((o, r) => {
             const a = r / i.length, l = a + 1 / i.length;
-            return /* @__PURE__ */ tt(oh, { progress: s, range: [a, l], children: o }, r);
+            return /* @__PURE__ */ tt(ih, { progress: s, range: [a, l], children: o }, r);
           })
         }
       )
     }
   ) });
-}, oh = ({ children: t, progress: e, range: n }) => {
-  const s = rh(e, n, [0, 1]);
-  return /* @__PURE__ */ ri("span", { className: "relative mx-1 lg:mx-1.5", children: [
+}, ih = ({ children: t, progress: e, range: n }) => {
+  const s = sh(e, n, [0, 1]);
+  return /* @__PURE__ */ ii("span", { className: "relative mx-1 lg:mx-1.5", children: [
     /* @__PURE__ */ tt("span", { className: "absolute opacity-30", children: t }),
-    /* @__PURE__ */ tt(Iu.span, { style: { opacity: s }, className: "text-black dark:text-white", children: t })
+    /* @__PURE__ */ tt(Bu.span, { style: { opacity: s }, className: "text-black dark:text-white", children: t })
   ] });
 };
 export {
-  fh as TextReveal
+  uh as TextReveal
 };