@vezham/start 0.2.1 → 0.3.0

package/{index-bGStj5AC.mjs → index-BiIWfpNy.mjs}

@@ -1,20 +1,15 @@
-import { r as bt, t as Tt, a as bn, m as Q, i as O, b as Tn, n as q, c as De, d as Vt, e as k, p as ge, f as Vn, g as St, h as F, j as Fe, k as Y, l as Sn, v as An, q as xn, w as ie, s as ee, x as wn, y as He, z as ye, A as Mn, B as re, M as Cn, C as At, D as xt, E as wt, F as We, G as Mt, H as Pn, I as Ct, J as Dn, K as Fn, L as ze, S as Rn, N as In, O as On, P as En, Q as Kn, R as Nn, T as Bn, U as Ln, V as _n, W as kn, X as Gn, Y as Un, Z as $n } from "./index-BsvrQ2Uq.mjs";
-import { Fragment as jn } from "react";
+import { r as wn, a as xt, t as wt, b as Mn, m as ee, i as R, c as Pn, n as q, d as Re, e as Mt, f as G, p as ye, g as Cn, h as Pt, j as F, k as Ee, l as X, q as Dn, v as Fn, s as On, w as re, x as te, y as In, z as Ye, A as ve, B as Rn, C as oe, M as En, D as Ct, E as Dt, F as Ft, G as qe, H as Ot, I as Kn, J as It, K as Nn, L as Bn, N as Xe, S as kn, O as Ln, P as _n, Q as Gn, R as Un, T as $n, U as jn, V as Hn, W as Wn, X as zn, Y as Yn, Z as qn, _ as Xn } from "./index-BSmv-Jo5.mjs";
+import { Fragment as Zn } from "react";
 // @__NO_SIDE_EFFECTS__
-function Re(t) {
+function Ke(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const Ie = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const Ne = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
-}, I = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, E = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function X(t, e, n) {
-  const s = t.getProps();
-  return bt(s, e, n !== void 0 ? n : s.custom, t);
-}
-const Hn = /* @__PURE__ */ Re(() => window.ScrollTimeline !== void 0);
-class Wn {
+}, I = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, E = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, Jn = /* @__PURE__ */ Ke(() => window.ScrollTimeline !== void 0);
+class Qn {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -33,7 +28,7 @@ class Wn {
   }
   attachTimeline(e, n) {
     const s = this.animations.map((i) => {
-      if (Hn() && i.attachTimeline)
+      if (Jn() && i.attachTimeline)
         return i.attachTimeline(e);
       if (typeof n == "function")
         return n(i);
@@ -84,108 +79,97 @@ class Wn {
     this.runAll("complete");
   }
 }
-class zn extends Wn {
+class es extends Qn {
   then(e, n) {
     return Promise.all(this.animations).then(e).catch(n);
   }
 }
-function Pt(t, e) {
+function Rt(t, e) {
   return t ? t[e] || t.default || t : void 0;
 }
-const ve = 2e4;
-function Dt(t) {
+const be = 2e4;
+function Et(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
-  for (; !s.done && e < ve; )
+  for (; !s.done && e < be; )
     e += n, s = t.next(e);
-  return e >= ve ? 1 / 0 : e;
+  return e >= be ? 1 / 0 : e;
 }
-function Oe(t) {
+function Be(t) {
   return typeof t == "function";
 }
-function qe(t, e) {
+function Ze(t, e) {
   t.timeline = e, t.onfinish = null;
 }
-const Ee = (t) => Array.isArray(t) && typeof t[0] == "number", qn = {
+const ke = (t) => Array.isArray(t) && typeof t[0] == "number", ts = {
   linearEasing: void 0
 };
-function Yn(t, e) {
-  const n = /* @__PURE__ */ Re(t);
+function ns(t, e) {
+  const n = /* @__PURE__ */ Ke(t);
   return () => {
     var s;
-    return (s = qn[e]) !== null && s !== void 0 ? s : n();
+    return (s = ts[e]) !== null && s !== void 0 ? s : n();
   };
 }
-const te = /* @__PURE__ */ Yn(() => {
+const ne = /* @__PURE__ */ ns(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), Ft = (t, e, n = 10) => {
+}, "linearEasing"), Kt = (t, e, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let r = 0; r < i; r++)
-    s += t(/* @__PURE__ */ Ie(0, i - 1, r)) + ", ";
+    s += t(/* @__PURE__ */ Ne(0, i - 1, r)) + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
 };
-function Rt(t) {
-  return !!(typeof t == "function" && te() || !t || typeof t == "string" && (t in be || te()) || Ee(t) || Array.isArray(t) && t.every(Rt));
+function Nt(t) {
+  return !!(typeof t == "function" && ne() || !t || typeof t == "string" && (t in Te || ne()) || ke(t) || Array.isArray(t) && t.every(Nt));
 }
-const j = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, be = {
+const H = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Te = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ j([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ j([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ j([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ j([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ H([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ H([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ H([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ H([0.33, 1.53, 0.69, 0.99])
 };
-function It(t, e) {
+function Bt(t, e) {
   if (t)
-    return typeof t == "function" && te() ? Ft(t, e) : Ee(t) ? j(t) : Array.isArray(t) ? t.map((n) => It(n, e) || be.easeOut) : be[t];
+    return typeof t == "function" && ne() ? Kt(t, e) : ke(t) ? H(t) : Array.isArray(t) ? t.map((n) => Bt(n, e) || Te.easeOut) : Te[t];
 }
-const Xn = {
+const ss = {
   y: !1
 };
-function Zn() {
-  return Xn.y;
-}
-function Jn(t, e, n) {
-  var s;
-  if (t instanceof EventTarget)
-    return [t];
-  if (typeof t == "string") {
-    let i = document;
-    const r = (s = void 0) !== null && s !== void 0 ? s : i.querySelectorAll(t);
-    return r ? Array.from(r) : [];
-  }
-  return Array.from(t);
+function is() {
+  return ss.y;
 }
-function Ot(t, e) {
-  const n = Jn(t), s = new AbortController(), i = {
+function kt(t, e) {
+  const n = wn(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
   };
   return [n, i, () => s.abort()];
 }
-function Ye(t) {
-  return !(t.pointerType === "touch" || Zn());
+function Je(t) {
+  return !(t.pointerType === "touch" || is());
 }
-function Qn(t, e, n = {}) {
-  const [s, i, r] = Ot(t, n), o = (a) => {
-    if (!Ye(a))
+function rs(t, e, n = {}) {
+  const [s, i, r] = kt(t, n), o = (a) => {
+    if (!Je(a))
       return;
     const { target: l } = a, u = e(l, a);
     if (typeof u != "function" || !l)
       return;
     const c = (d) => {
-      Ye(d) && (u(d), l.removeEventListener("pointerleave", c));
+      Je(d) && (u(d), l.removeEventListener("pointerleave", c));
     };
     l.addEventListener("pointerleave", c, i);
   };
@@ -193,7 +177,7 @@ function Qn(t, e, n = {}) {
     a.addEventListener("pointerenter", o, i);
   }), r;
 }
-function Xe(t, e) {
+function Qe(t, e) {
   const n = `${e}PointerCapture`;
   if (t.target instanceof Element && n in t.target && t.pointerId !== void 0)
     try {
@@ -201,58 +185,58 @@ function Xe(t, e) {
     } catch {
     }
 }
-const Et = (t, e) => e ? t === e ? !0 : Et(t, e.parentElement) : !1, es = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, ts = /* @__PURE__ */ new Set([
+const Lt = (t, e) => e ? t === e ? !0 : Lt(t, e.parentElement) : !1, os = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, as = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function ns(t) {
-  return ts.has(t.tagName) || t.tabIndex !== -1;
+function ls(t) {
+  return as.has(t.tagName) || t.tabIndex !== -1;
 }
-const H = /* @__PURE__ */ new WeakSet();
-function Ze(t) {
+const W = /* @__PURE__ */ new WeakSet();
+function et(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
 }
-function de(t, e) {
+function he(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const ss = (t, e) => {
+const us = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const s = Ze(() => {
-    if (H.has(n))
+  const s = et(() => {
+    if (W.has(n))
       return;
-    de(n, "down");
-    const i = Ze(() => {
-      de(n, "up");
-    }), r = () => de(n, "cancel");
+    he(n, "down");
+    const i = et(() => {
+      he(n, "up");
+    }), r = () => he(n, "cancel");
     n.addEventListener("keyup", i, e), n.addEventListener("blur", r, e);
   });
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
-function Je(t) {
-  return es(t) && !0;
+function tt(t) {
+  return os(t) && !0;
 }
-function is(t, e, n = {}) {
-  const [s, i, r] = Ot(t, n), o = (a) => {
+function cs(t, e, n = {}) {
+  const [s, i, r] = kt(t, n), o = (a) => {
     const l = a.currentTarget;
-    if (!l || !Je(a) || H.has(l))
+    if (!l || !tt(a) || W.has(l))
       return;
-    H.add(l), Xe(a, "set");
+    W.add(l), Qe(a, "set");
     const u = e(l, a), c = (f, b) => {
-      l.removeEventListener("pointerup", d), l.removeEventListener("pointercancel", h), Xe(f, "release"), !(!Je(f) || !H.has(l)) && (H.delete(l), typeof u == "function" && u(f, { success: b }));
+      l.removeEventListener("pointerup", d), l.removeEventListener("pointercancel", h), Qe(f, "release"), !(!tt(f) || !W.has(l)) && (W.delete(l), typeof u == "function" && u(f, { success: b }));
     }, d = (f) => {
-      (f.isTrusted ? rs(f, l instanceof Element ? l.getBoundingClientRect() : {
+      (f.isTrusted ? ds(f, l instanceof Element ? l.getBoundingClientRect() : {
         left: 0,
         top: 0,
         right: window.innerWidth,
         bottom: window.innerHeight
-      }) : !1) ? c(f, !1) : c(f, !(l instanceof Element) || Et(l, f.target));
+      }) : !1) ? c(f, !1) : c(f, !(l instanceof Element) || Lt(l, f.target));
     }, h = (f) => {
       c(f, !1);
     };
@@ -261,85 +245,89 @@ function is(t, e, n = {}) {
   return s.forEach((a) => {
     a = n.useGlobalTarget ? window : a;
     let l = !1;
-    a instanceof HTMLElement && (l = !0, !ns(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0)), a.addEventListener("pointerdown", o, i), l && a.addEventListener("focus", (u) => ss(u, i), i);
+    a instanceof HTMLElement && (l = !0, !ls(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0)), a.addEventListener("pointerdown", o, i), l && a.addEventListener("focus", (u) => us(u, i), i);
   }), r;
 }
-function rs(t, e) {
+function ds(t, e) {
   return t.clientX < e.left || t.clientX > e.right || t.clientY < e.top || t.clientY > e.bottom;
 }
-const Kt = /* @__PURE__ */ new Set([
+function Z(t, e, n) {
+  const s = t.getProps();
+  return xt(s, e, n !== void 0 ? n : s.custom, t);
+}
+const _t = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...Tt
+  ...wt
 ]);
-function os(t, e, n) {
-  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Q(n));
+function hs(t, e, n) {
+  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, ee(n));
 }
-function as(t, e) {
-  const n = X(t, e);
+function fs(t, e) {
+  const n = Z(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
-    const a = bn(r[o]);
-    os(t, o, a);
+    const a = Mn(r[o]);
+    hs(t, o, a);
   }
 }
-function ls(t) {
-  return !!(O(t) && t.add);
+function ps(t) {
+  return !!(R(t) && t.add);
 }
-function us(t, e) {
+function ms(t, e) {
   const n = t.getValue("willChange");
-  if (ls(n))
+  if (ps(n))
     return n.add(e);
 }
-function cs(t) {
-  return t.props[Tn];
+function gs(t) {
+  return t.props[Pn];
 }
-const Nt = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ds = 1e-7, hs = 12;
-function fs(t, e, n, s, i) {
+const Gt = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ys = 1e-7, vs = 12;
+function bs(t, e, n, s, i) {
   let r, o, a = 0;
   do
-    o = e + (n - e) / 2, r = Nt(o, s, i) - t, r > 0 ? n = o : e = o;
-  while (Math.abs(r) > ds && ++a < hs);
+    o = e + (n - e) / 2, r = Gt(o, s, i) - t, r > 0 ? n = o : e = o;
+  while (Math.abs(r) > ys && ++a < vs);
   return o;
 }
-function J(t, e, n, s) {
+function Q(t, e, n, s) {
   if (t === e && n === s)
     return q;
-  const i = (r) => fs(r, 0, 1, t, n);
-  return (r) => r === 0 || r === 1 ? r : Nt(i(r), e, s);
+  const i = (r) => bs(r, 0, 1, t, n);
+  return (r) => r === 0 || r === 1 ? r : Gt(i(r), e, s);
 }
-const Bt = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Lt = (t) => (e) => 1 - t(1 - e), _t = /* @__PURE__ */ J(0.33, 1.53, 0.69, 0.99), Ke = /* @__PURE__ */ Lt(_t), kt = /* @__PURE__ */ Bt(Ke), Gt = (t) => (t *= 2) < 1 ? 0.5 * Ke(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Ne = (t) => 1 - Math.sin(Math.acos(t)), ps = Lt(Ne), Ut = Bt(Ne), $t = (t) => /^0[^.\s]+$/u.test(t);
-function ms(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || $t(t) : !0;
+const Ut = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, $t = (t) => (e) => 1 - t(1 - e), jt = /* @__PURE__ */ Q(0.33, 1.53, 0.69, 0.99), Le = /* @__PURE__ */ $t(jt), Ht = /* @__PURE__ */ Ut(Le), Wt = (t) => (t *= 2) < 1 ? 0.5 * Le(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), _e = (t) => 1 - Math.sin(Math.acos(t)), Ts = $t(_e), zt = Ut(_e), Yt = (t) => /^0[^.\s]+$/u.test(t);
+function Vs(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Yt(t) : !0;
 }
-const W = (t) => Math.round(t * 1e5) / 1e5, Be = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function gs(t) {
+const z = (t) => Math.round(t * 1e5) / 1e5, Ge = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function Ss(t) {
   return t == null;
 }
-const ys = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Le = (t, e) => (n) => !!(typeof n == "string" && ys.test(n) && n.startsWith(t) || e && !gs(n) && Object.prototype.hasOwnProperty.call(n, e)), jt = (t, e, n) => (s) => {
+const As = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ue = (t, e) => (n) => !!(typeof n == "string" && As.test(n) && n.startsWith(t) || e && !Ss(n) && Object.prototype.hasOwnProperty.call(n, e)), qt = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(Be);
+  const [i, r, o, a] = s.match(Ge);
   return {
     [t]: parseFloat(i),
     [e]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, vs = (t) => k(0, 255, t), he = {
-  ...De,
-  transform: (t) => Math.round(vs(t))
+}, xs = (t) => G(0, 255, t), fe = {
+  ...Re,
+  transform: (t) => Math.round(xs(t))
 }, N = {
-  test: /* @__PURE__ */ Le("rgb", "red"),
-  parse: /* @__PURE__ */ jt("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + he.transform(t) + ", " + he.transform(e) + ", " + he.transform(n) + ", " + W(Vt.transform(s)) + ")"
+  test: /* @__PURE__ */ Ue("rgb", "red"),
+  parse: /* @__PURE__ */ qt("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + fe.transform(t) + ", " + fe.transform(e) + ", " + fe.transform(n) + ", " + z(Mt.transform(s)) + ")"
 };
-function bs(t) {
+function ws(t) {
   let e = "", n = "", s = "", i = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), s = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), s = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, s += s, i += i), {
     red: parseInt(e, 16),
@@ -348,79 +336,79 @@ function bs(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Te = {
-  test: /* @__PURE__ */ Le("#"),
-  parse: bs,
+const Ve = {
+  test: /* @__PURE__ */ Ue("#"),
+  parse: ws,
   transform: N.transform
 }, _ = {
-  test: /* @__PURE__ */ Le("hsl", "hue"),
-  parse: /* @__PURE__ */ jt("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + ge.transform(W(e)) + ", " + ge.transform(W(n)) + ", " + W(Vt.transform(s)) + ")"
+  test: /* @__PURE__ */ Ue("hsl", "hue"),
+  parse: /* @__PURE__ */ qt("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + ye.transform(z(e)) + ", " + ye.transform(z(n)) + ", " + z(Mt.transform(s)) + ")"
 }, w = {
-  test: (t) => N.test(t) || Te.test(t) || _.test(t),
-  parse: (t) => N.test(t) ? N.parse(t) : _.test(t) ? _.parse(t) : Te.parse(t),
+  test: (t) => N.test(t) || Ve.test(t) || _.test(t),
+  parse: (t) => N.test(t) ? N.parse(t) : _.test(t) ? _.parse(t) : Ve.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? N.transform(t) : _.transform(t)
-}, Ts = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Vs(t) {
+}, Ms = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Ps(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(Be)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(Ts)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(Ge)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(Ms)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const Ht = "number", Wt = "color", Ss = "var", As = "var(", Qe = "${}", xs = /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 Z(t) {
+const Xt = "number", Zt = "color", Cs = "var", Ds = "var(", nt = "${}", Fs = /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 J(t) {
   const e = t.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = e.replace(xs, (l) => (w.test(l) ? (s.color.push(r), i.push(Wt), n.push(w.parse(l))) : l.startsWith(As) ? (s.var.push(r), i.push(Ss), n.push(l)) : (s.number.push(r), i.push(Ht), n.push(parseFloat(l))), ++r, Qe)).split(Qe);
+  const a = e.replace(Fs, (l) => (w.test(l) ? (s.color.push(r), i.push(Zt), n.push(w.parse(l))) : l.startsWith(Ds) ? (s.var.push(r), i.push(Cs), n.push(l)) : (s.number.push(r), i.push(Xt), n.push(parseFloat(l))), ++r, nt)).split(nt);
   return { values: n, split: a, indexes: s, types: i };
 }
-function zt(t) {
-  return Z(t).values;
+function Jt(t) {
+  return J(t).values;
 }
-function qt(t) {
-  const { split: e, types: n } = Z(t), s = e.length;
+function Qt(t) {
+  const { split: e, types: n } = J(t), s = e.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === Ht ? r += W(i[o]) : a === Wt ? r += w.transform(i[o]) : r += i[o];
+        a === Xt ? r += z(i[o]) : a === Zt ? r += w.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const ws = (t) => typeof t == "number" ? 0 : t;
-function Ms(t) {
-  const e = zt(t);
-  return qt(t)(e.map(ws));
-}
-const U = {
-  test: Vs,
-  parse: zt,
-  createTransformer: qt,
-  getAnimatableNone: Ms
-}, Cs = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Ps(t) {
+const Os = (t) => typeof t == "number" ? 0 : t;
+function Is(t) {
+  const e = Jt(t);
+  return Qt(t)(e.map(Os));
+}
+const $ = {
+  test: Ps,
+  parse: Jt,
+  createTransformer: Qt,
+  getAnimatableNone: Is
+}, Rs = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Es(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [s] = n.match(Be) || [];
+  const [s] = n.match(Ge) || [];
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let r = Cs.has(e) ? 1 : 0;
+  let r = Rs.has(e) ? 1 : 0;
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
-const Ds = /\b([a-z-]*)\(.*?\)/gu, Ve = {
-  ...U,
+const Ks = /\b([a-z-]*)\(.*?\)/gu, Se = {
+  ...$,
   getAnimatableNone: (t) => {
-    const e = t.match(Ds);
-    return e ? e.map(Ps).join(" ") : t;
+    const e = t.match(Ks);
+    return e ? e.map(Es).join(" ") : t;
   }
-}, Fs = {
-  ...Vn,
+}, Ns = {
+  ...Cn,
   // Color props
   color: w,
   backgroundColor: w,
@@ -433,43 +421,93 @@ const Ds = /\b([a-z-]*)\(.*?\)/gu, Ve = {
   borderRightColor: w,
   borderBottomColor: w,
   borderLeftColor: w,
-  filter: Ve,
-  WebkitFilter: Ve
-}, _e = (t) => Fs[t];
-function Yt(t, e) {
-  let n = _e(t);
-  return n !== Ve && (n = U), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
-}
-const Rs = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Is(t, e, n) {
+  filter: Se,
+  WebkitFilter: Se
+}, en = (t) => Ns[t];
+function tn(t, e) {
+  let n = en(t);
+  return n !== Se && (n = $), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+}
+const Bs = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function ks(t, e, n) {
   let s = 0, i;
   for (; s < t.length && !i; ) {
     const r = t[s];
-    typeof r == "string" && !Rs.has(r) && Z(r).values.length && (i = t[s]), s++;
+    typeof r == "string" && !Bs.has(r) && J(r).values.length && (i = t[s]), s++;
   }
   if (i && n)
     for (const r of e)
-      t[r] = Yt(n, i);
-}
-const et = (t) => t === De || t === St, tt = (t, e) => parseFloat(t.split(", ")[e]), nt = (t, e) => (n, { transform: s }) => {
-  if (s === "none" || !s)
-    return 0;
-  const i = s.match(/^matrix3d\((.+)\)$/u);
-  if (i)
-    return tt(i[1], e);
-  {
-    const r = s.match(/^matrix\((.+)\)$/u);
-    return r ? tt(r[1], t) : 0;
+      t[r] = tn(n, i);
+}
+const B = (t) => t * 180 / Math.PI, Ae = (t) => {
+  const e = B(Math.atan2(t[1], t[0]));
+  return xe(e);
+}, Ls = {
+  x: 4,
+  y: 5,
+  translateX: 4,
+  translateY: 5,
+  scaleX: 0,
+  scaleY: 3,
+  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
+  rotate: Ae,
+  rotateZ: Ae,
+  skewX: (t) => B(Math.atan(t[1])),
+  skewY: (t) => B(Math.atan(t[2])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
+}, xe = (t) => (t = t % 360, t < 0 && (t += 360), t), st = Ae, it = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), rt = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), _s = {
+  x: 12,
+  y: 13,
+  z: 14,
+  translateX: 12,
+  translateY: 13,
+  translateZ: 14,
+  scaleX: it,
+  scaleY: rt,
+  scale: (t) => (it(t) + rt(t)) / 2,
+  rotateX: (t) => xe(B(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => xe(B(Math.atan2(-t[2], t[0]))),
+  rotateZ: st,
+  rotate: st,
+  skewX: (t) => B(Math.atan(t[4])),
+  skewY: (t) => B(Math.atan(t[1])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
+};
+function ot(t) {
+  return t.includes("scale") ? 1 : 0;
+}
+function we(t, e) {
+  if (!t || t === "none")
+    return ot(e);
+  const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
+  let s, i;
+  if (n)
+    s = _s, i = n;
+  else {
+    const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+    s = Ls, i = a;
   }
-}, Os = /* @__PURE__ */ new Set(["x", "y", "z"]), Es = Tt.filter((t) => !Os.has(t));
-function Ks(t) {
+  if (!i)
+    return ot(e);
+  const r = s[e], o = i[1].split(",").map(Us);
+  return typeof r == "function" ? r(o) : o[r];
+}
+const Gs = (t, e) => {
+  const { transform: n = "none" } = getComputedStyle(t);
+  return we(n, e);
+};
+function Us(t) {
+  return parseFloat(t.trim());
+}
+const at = (t) => t === Re || t === Pt, $s = /* @__PURE__ */ new Set(["x", "y", "z"]), js = wt.filter((t) => !$s.has(t));
+function Hs(t) {
   const e = [];
-  return Es.forEach((n) => {
+  return js.forEach((n) => {
     const s = t.getValue(n);
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
 }
-const G = {
+const U = {
   // Dimensions
   width: ({ x: t }, { paddingLeft: e = "0", paddingRight: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
   height: ({ y: t }, { paddingTop: e = "0", paddingBottom: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
@@ -478,18 +516,18 @@ const G = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: nt(4, 13),
-  y: nt(5, 14)
+  x: (t, { transform: e }) => we(e, "x"),
+  y: (t, { transform: e }) => we(e, "y")
 };
-G.translateX = G.x;
-G.translateY = G.y;
-const B = /* @__PURE__ */ new Set();
-let Se = !1, Ae = !1;
-function Xt() {
-  if (Ae) {
-    const t = Array.from(B).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+U.translateX = U.x;
+U.translateY = U.y;
+const k = /* @__PURE__ */ new Set();
+let Me = !1, Pe = !1;
+function nn() {
+  if (Pe) {
+    const t = Array.from(k).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
-      const i = Ks(s);
+      const i = Hs(s);
       i.length && (n.set(s, i), s.render());
     }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
       s.render();
@@ -502,22 +540,22 @@ function Xt() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Ae = !1, Se = !1, B.forEach((t) => t.complete()), B.clear();
+  Pe = !1, Me = !1, k.forEach((t) => t.complete()), k.clear();
 }
-function Zt() {
-  B.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (Ae = !0);
+function sn() {
+  k.forEach((t) => {
+    t.readKeyframes(), t.needsMeasurement && (Pe = !0);
   });
 }
-function Ns() {
-  Zt(), Xt();
+function Ws() {
+  sn(), nn();
 }
-class ke {
+class $e {
   constructor(e, n, s, i, r, o = !1) {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (B.add(this), Se || (Se = !0, F.read(Zt), F.resolveKeyframes(Xt))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (k.add(this), Me || (Me = !0, F.read(sn), F.resolveKeyframes(nn))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -544,44 +582,44 @@ class ke {
   measureEndState() {
   }
   complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), B.delete(this);
+    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), k.delete(this);
   }
   cancel() {
-    this.isComplete || (this.isScheduled = !1, B.delete(this));
+    this.isComplete || (this.isScheduled = !1, k.delete(this));
   }
   resume() {
     this.isComplete || this.scheduleResolve();
   }
 }
-const Jt = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Bs = (
+const rn = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), zs = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function Ls(t) {
-  const e = Bs.exec(t);
+function Ys(t) {
+  const e = zs.exec(t);
   if (!e)
     return [,];
   const [, n, s, i] = e;
   return [`--${n ?? s}`, i];
 }
-const _s = 4;
-function Qt(t, e, n = 1) {
-  Y(n <= _s, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Ls(t);
+const qs = 4;
+function on(t, e, n = 1) {
+  X(n <= qs, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [s, i] = Ys(t);
   if (!s)
     return;
   const r = window.getComputedStyle(e).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return Jt(o) ? parseFloat(o) : o;
+    return rn(o) ? parseFloat(o) : o;
   }
-  return Fe(i) ? Qt(i, e, n + 1) : i;
+  return Ee(i) ? on(i, e, n + 1) : i;
 }
-const en = (t) => (e) => e.test(t), ks = {
+const an = (t) => (e) => e.test(t), Xs = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, tn = [De, St, ge, Sn, An, xn, ks], st = (t) => tn.find(en(t));
-class nn extends ke {
+}, ln = [Re, Pt, ye, Dn, Fn, On, Xs], lt = (t) => ln.find(an(t));
+class un extends $e {
   constructor(e, n, s, i, r) {
     super(e, n, s, i, r, !0);
   }
@@ -592,16 +630,16 @@ class nn extends ke {
     super.readKeyframes();
     for (let l = 0; l < e.length; l++) {
       let u = e[l];
-      if (typeof u == "string" && (u = u.trim(), Fe(u))) {
-        const c = Qt(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), Ee(u))) {
+        const c = on(u, n.current);
         c !== void 0 && (e[l] = c), l === e.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !Kt.has(s) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !_t.has(s) || e.length !== 2)
       return;
-    const [i, r] = e, o = st(i), a = st(r);
+    const [i, r] = e, o = lt(i), a = lt(r);
     if (o !== a)
-      if (et(o) && et(a))
+      if (at(o) && at(a))
         for (let l = 0; l < e.length; l++) {
           const u = e[l];
           typeof u == "string" && (e[l] = parseFloat(u));
@@ -612,14 +650,14 @@ class nn extends ke {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
     for (let i = 0; i < e.length; i++)
-      ms(e[i]) && s.push(i);
-    s.length && Is(e, s, n);
+      Vs(e[i]) && s.push(i);
+    s.length && ks(e, s, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: s } = this;
     if (!e || !e.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = G[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = U[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && e.getValue(s, i).jump(i, !1);
   }
@@ -631,15 +669,15 @@ class nn extends ke {
     const r = n.getValue(s);
     r && r.jump(this.measuredOrigin, !1);
     const o = i.length - 1, a = i[o];
-    i[o] = G[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((e = this.removedTransforms) === null || e === void 0) && e.length && this.removedTransforms.forEach(([l, u]) => {
+    i[o] = U[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((e = this.removedTransforms) === null || e === void 0) && e.length && this.removedTransforms.forEach(([l, u]) => {
       n.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-const it = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(U.test(t) || t === "0") && // And it contains numbers and/or colors
+const ut = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+($.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function Gs(t) {
+function Zs(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -647,24 +685,24 @@ function Gs(t) {
     if (t[n] !== e)
       return !0;
 }
-function Us(t, e, n, s) {
+function Js(t, e, n, s) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const r = t[t.length - 1], o = it(i, e), a = it(r, e);
-  return ie(o === a, `You are trying to animate ${e} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Gs(t) || (n === "spring" || Oe(n)) && s;
+  const r = t[t.length - 1], o = ut(i, e), a = ut(r, e);
+  return re(o === a, `You are trying to animate ${e} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Zs(t) || (n === "spring" || Be(n)) && s;
 }
-const $s = (t) => t !== null;
-function oe(t, { repeat: e, repeatType: n = "loop" }, s) {
-  const i = t.filter($s), r = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+const Qs = (t) => t !== null;
+function ae(t, { repeat: e, repeatType: n = "loop" }, s) {
+  const i = t.filter(Qs), r = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return !r || s === void 0 ? i[r] : s;
 }
-const js = 40;
-class sn {
+const ei = 40;
+class cn {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", ...a }) {
-    this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = ee.now(), this.options = {
+    this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = te.now(), this.options = {
       autoplay: e,
       delay: n,
       type: s,
@@ -685,7 +723,7 @@ class sn {
    * to avoid a sudden jump into the animation.
    */
   calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > js ? this.resolvedAt : this.createdAt : this.createdAt;
+    return this.resolvedAt ? this.resolvedAt - this.createdAt > ei ? this.resolvedAt : this.createdAt : this.createdAt;
   }
   /**
    * A getter for resolved data. If keyframes are not yet resolved, accessing
@@ -693,7 +731,7 @@ class sn {
    * This is a deoptimisation, but at its worst still batches read/writes.
    */
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && Ns(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && Ws(), this._resolved;
   }
   /**
    * A method to be called when the keyframes resolver completes. This method
@@ -701,13 +739,13 @@ class sn {
    * Otherwise, it will call initPlayback on the implementing class.
    */
   onKeyframesResolved(e, n) {
-    this.resolvedAt = ee.now(), this.hasAttemptedResolve = !0;
+    this.resolvedAt = te.now(), this.hasAttemptedResolve = !0;
     const { name: s, type: i, velocity: r, delay: o, onComplete: a, onUpdate: l, isGenerator: u } = this.options;
-    if (!u && !Us(e, s, i, r))
+    if (!u && !Js(e, s, i, r))
       if (o)
         this.options.duration = 0;
       else {
-        l && l(oe(e, this.options, n)), a && a(), this.resolveFinishedPromise();
+        l && l(ae(e, this.options, n)), a && a(), this.resolveFinishedPromise();
         return;
       }
     const c = this.initPlayback(e, n);
@@ -728,7 +766,7 @@ class sn {
     return this.currentFinishedPromise.then(e, n);
   }
   flatten() {
-    this.options.type = "keyframes", this.options.ease = "linear";
+    this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear");
   }
   updateFinishedPromise() {
     this.currentFinishedPromise = new Promise((e) => {
@@ -736,18 +774,18 @@ class sn {
     });
   }
 }
-const ae = (t, e, n) => t + (e - t) * n;
-function fe(t, e, n) {
+const le = (t, e, n) => t + (e - t) * n;
+function pe(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 Hs({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function ti({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!e)
     i = r = o = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    i = fe(l, a, t + 1 / 3), r = fe(l, a, t), o = fe(l, a, t - 1 / 3);
+    i = pe(l, a, t + 1 / 3), r = pe(l, a, t), o = pe(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -756,55 +794,55 @@ function Hs({ hue: t, saturation: e, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function ne(t, e) {
+function se(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const pe = (t, e, n) => {
+const me = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Ws = [Te, N, _], zs = (t) => Ws.find((e) => e.test(t));
-function rt(t) {
-  const e = zs(t);
-  if (ie(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
+}, ni = [Ve, N, _], si = (t) => ni.find((e) => e.test(t));
+function ct(t) {
+  const e = si(t);
+  if (re(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let n = e.parse(t);
-  return e === _ && (n = Hs(n)), n;
+  return e === _ && (n = ti(n)), n;
 }
-const ot = (t, e) => {
-  const n = rt(t), s = rt(e);
+const dt = (t, e) => {
+  const n = ct(t), s = ct(e);
   if (!n || !s)
-    return ne(t, e);
+    return se(t, e);
   const i = { ...n };
-  return (r) => (i.red = pe(n.red, s.red, r), i.green = pe(n.green, s.green, r), i.blue = pe(n.blue, s.blue, r), i.alpha = ae(n.alpha, s.alpha, r), N.transform(i));
-}, qs = (t, e) => (n) => e(t(n)), le = (...t) => t.reduce(qs), xe = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Ys(t, e) {
-  return xe.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return (r) => (i.red = me(n.red, s.red, r), i.green = me(n.green, s.green, r), i.blue = me(n.blue, s.blue, r), i.alpha = le(n.alpha, s.alpha, r), N.transform(i));
+}, ii = (t, e) => (n) => e(t(n)), ue = (...t) => t.reduce(ii), Ce = /* @__PURE__ */ new Set(["none", "hidden"]);
+function ri(t, e) {
+  return Ce.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function Xs(t, e) {
-  return (n) => ae(t, e, n);
+function oi(t, e) {
+  return (n) => le(t, e, n);
 }
-function Ge(t) {
-  return typeof t == "number" ? Xs : typeof t == "string" ? Fe(t) ? ne : w.test(t) ? ot : Qs : Array.isArray(t) ? rn : typeof t == "object" ? w.test(t) ? ot : Zs : ne;
+function je(t) {
+  return typeof t == "number" ? oi : typeof t == "string" ? Ee(t) ? se : w.test(t) ? dt : ui : Array.isArray(t) ? dn : typeof t == "object" ? w.test(t) ? dt : ai : se;
 }
-function rn(t, e) {
-  const n = [...t], s = n.length, i = t.map((r, o) => Ge(r)(r, e[o]));
+function dn(t, e) {
+  const n = [...t], s = n.length, i = t.map((r, o) => je(r)(r, e[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function Zs(t, e) {
+function ai(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
-    t[i] !== void 0 && e[i] !== void 0 && (s[i] = Ge(t[i])(t[i], e[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (s[i] = je(t[i])(t[i], e[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
     return n;
   };
 }
-function Js(t, e) {
+function li(t, e) {
   var n;
   const s = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < e.values.length; r++) {
@@ -813,17 +851,17 @@ function Js(t, e) {
   }
   return s;
 }
-const Qs = (t, e) => {
-  const n = U.createTransformer(e), s = Z(t), i = Z(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 ? xe.has(t) && !i.values.length || xe.has(e) && !s.values.length ? Ys(t, e) : le(rn(Js(s, i), i.values), n) : (ie(!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.`), ne(t, e));
+const ui = (t, e) => {
+  const n = $.createTransformer(e), s = J(t), i = J(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 ? Ce.has(t) && !i.values.length || Ce.has(e) && !s.values.length ? ri(t, e) : ue(dn(li(s, i), i.values), n) : (re(!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.`), se(t, e));
 };
-function on(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? ae(t, e, n) : Ge(t)(t, e);
+function hn(t, e, n) {
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? le(t, e, n) : je(t)(t, e);
 }
-const ei = 5;
-function an(t, e, n) {
-  const s = Math.max(e - ei, 0);
-  return wn(n - t(s), e - s);
+const ci = 5;
+function fn(t, e, n) {
+  const s = Math.max(e - ci, 0);
+  return In(n - t(s), e - s);
 }
 const A = {
   // Default spring physics
@@ -853,17 +891,17 @@ const A = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, at = 1e-3;
-function ti({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
+}, ht = 1e-3;
+function di({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
   let i, r;
-  ie(t <= /* @__PURE__ */ I(A.maxDuration), "Spring duration must be 10 seconds or less");
+  re(t <= /* @__PURE__ */ I(A.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
-  o = k(A.minDamping, A.maxDamping, o), t = k(A.minDuration, A.maxDuration, /* @__PURE__ */ E(t)), o < 1 ? (i = (u) => {
-    const c = u * o, d = c * t, h = c - n, f = we(u, o), b = Math.exp(-d);
-    return at - h / f * b;
+  o = G(A.minDamping, A.maxDamping, o), t = G(A.minDuration, A.maxDuration, /* @__PURE__ */ E(t)), o < 1 ? (i = (u) => {
+    const c = u * o, d = c * t, h = c - n, f = De(u, o), b = Math.exp(-d);
+    return ht - h / f * b;
   }, r = (u) => {
-    const d = u * o * t, h = d * n + n, f = Math.pow(o, 2) * Math.pow(u, 2) * t, b = Math.exp(-d), v = we(Math.pow(u, 2), o);
-    return (-i(u) + at > 0 ? -1 : 1) * ((h - f) * b) / v;
+    const d = u * o * t, h = d * n + n, f = Math.pow(o, 2) * Math.pow(u, 2) * t, b = Math.exp(-d), v = De(Math.pow(u, 2), o);
+    return (-i(u) + ht > 0 ? -1 : 1) * ((h - f) * b) / v;
   }) : (i = (u) => {
     const c = Math.exp(-u * t), d = (u - n) * t + 1;
     return -1e-3 + c * d;
@@ -871,7 +909,7 @@ function ti({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.ve
     const c = Math.exp(-u * t), d = (n - u) * (t * t);
     return c * d;
   });
-  const a = 5 / t, l = si(i, r, a);
+  const a = 5 / t, l = fi(i, r, a);
   if (t = /* @__PURE__ */ I(t), isNaN(l))
     return {
       stiffness: A.stiffness,
@@ -887,21 +925,21 @@ function ti({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.ve
     };
   }
 }
-const ni = 12;
-function si(t, e, n) {
+const hi = 12;
+function fi(t, e, n) {
   let s = n;
-  for (let i = 1; i < ni; i++)
+  for (let i = 1; i < hi; i++)
     s = s - t(s) / e(s);
   return s;
 }
-function we(t, e) {
+function De(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const ii = ["duration", "bounce"], ri = ["stiffness", "damping", "mass"];
-function lt(t, e) {
+const pi = ["duration", "bounce"], mi = ["stiffness", "damping", "mass"];
+function ft(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function oi(t) {
+function gi(t) {
   let e = {
     velocity: A.velocity,
     stiffness: A.stiffness,
@@ -910,9 +948,9 @@ function oi(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!lt(t, ri) && lt(t, ii))
+  if (!ft(t, mi) && ft(t, pi))
     if (t.visualDuration) {
-      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * k(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
+      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * G(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
         ...e,
         mass: A.mass,
@@ -920,7 +958,7 @@ function oi(t) {
         damping: r
       };
     } else {
-      const n = ti(t);
+      const n = di(t);
       e = {
         ...e,
         ...n,
@@ -929,21 +967,21 @@ function oi(t) {
     }
   return e;
 }
-function ln(t = A.visualDuration, e = A.bounce) {
+function pn(t = A.visualDuration, e = A.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
     bounce: e
   } : t;
   let { restSpeed: s, restDelta: i } = n;
-  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: d, velocity: h, isResolvedFromDuration: f } = oi({
+  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: d, velocity: h, isResolvedFromDuration: f } = gi({
     ...n,
     velocity: -/* @__PURE__ */ E(n.velocity || 0)
   }), b = h || 0, v = u / (2 * Math.sqrt(l * c)), y = o - r, p = /* @__PURE__ */ E(Math.sqrt(l / c)), T = Math.abs(y) < 5;
   s || (s = T ? A.restSpeed.granular : A.restSpeed.default), i || (i = T ? A.restDelta.granular : A.restDelta.default);
   let V;
   if (v < 1) {
-    const g = we(p, v);
+    const g = De(p, v);
     V = (S) => {
       const x = Math.exp(-v * p * S);
       return o - x * ((b + v * p * y) / g * Math.sin(g * S) + y * Math.cos(g * S));
@@ -957,7 +995,7 @@ function ln(t = A.visualDuration, e = A.bounce) {
       return o - x * ((b + v * p * y) * Math.sinh(m) + g * y * Math.cosh(m)) / g;
     };
   }
-  const P = {
+  const C = {
     calculatedDuration: f && d || null,
     next: (g) => {
       const S = V(g);
@@ -965,20 +1003,20 @@ function ln(t = A.visualDuration, e = A.bounce) {
         a.done = g >= d;
       else {
         let x = 0;
-        v < 1 && (x = g === 0 ? /* @__PURE__ */ I(b) : an(V, g, S));
-        const m = Math.abs(x) <= s, C = Math.abs(o - S) <= i;
-        a.done = m && C;
+        v < 1 && (x = g === 0 ? /* @__PURE__ */ I(b) : fn(V, g, S));
+        const m = Math.abs(x) <= s, P = Math.abs(o - S) <= i;
+        a.done = m && P;
       }
       return a.value = a.done ? o : S, a;
     },
     toString: () => {
-      const g = Math.min(Dt(P), ve), S = Ft((x) => P.next(g * x).value, g, 30);
+      const g = Math.min(Et(C), be), S = Kt((x) => C.next(g * x).value, g, 30);
       return g + "ms " + S;
     }
   };
-  return P;
+  return C;
 }
-function ut({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+function pt({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
   const d = t[0], h = {
     done: !1,
     value: d
@@ -986,15 +1024,15 @@ function ut({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   let v = n * e;
   const y = d + v, p = o === void 0 ? y : o(y);
   p !== y && (v = p - d);
-  const T = (m) => -v * Math.exp(-m / s), V = (m) => p + T(m), P = (m) => {
-    const C = T(m), D = V(m);
-    h.done = Math.abs(C) <= u, h.value = h.done ? p : D;
+  const T = (m) => -v * Math.exp(-m / s), V = (m) => p + T(m), C = (m) => {
+    const P = T(m), D = V(m);
+    h.done = Math.abs(P) <= u, h.value = h.done ? p : D;
   };
   let g, S;
   const x = (m) => {
-    f(h.value) && (g = m, S = ln({
+    f(h.value) && (g = m, S = pn({
       keyframes: [h.value, b(h.value)],
-      velocity: an(V, m, h.value),
+      velocity: fn(V, m, h.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1005,117 +1043,117 @@ function ut({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   return x(0), {
     calculatedDuration: null,
     next: (m) => {
-      let C = !1;
-      return !S && g === void 0 && (C = !0, P(m), x(m)), g !== void 0 && m >= g ? S.next(m - g) : (!C && P(m), h);
+      let P = !1;
+      return !S && g === void 0 && (P = !0, C(m), x(m)), g !== void 0 && m >= g ? S.next(m - g) : (!P && C(m), h);
     }
   };
 }
-const ai = /* @__PURE__ */ J(0.42, 0, 1, 1), li = /* @__PURE__ */ J(0, 0, 0.58, 1), un = /* @__PURE__ */ J(0.42, 0, 0.58, 1), ui = (t) => Array.isArray(t) && typeof t[0] != "number", ct = {
+const yi = /* @__PURE__ */ Q(0.42, 0, 1, 1), vi = /* @__PURE__ */ Q(0, 0, 0.58, 1), mn = /* @__PURE__ */ Q(0.42, 0, 0.58, 1), bi = (t) => Array.isArray(t) && typeof t[0] != "number", mt = {
   linear: q,
-  easeIn: ai,
-  easeInOut: un,
-  easeOut: li,
-  circIn: Ne,
-  circInOut: Ut,
-  circOut: ps,
-  backIn: Ke,
-  backInOut: kt,
-  backOut: _t,
-  anticipate: Gt
-}, dt = (t) => {
-  if (Ee(t)) {
-    Y(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
+  easeIn: yi,
+  easeInOut: mn,
+  easeOut: vi,
+  circIn: _e,
+  circInOut: zt,
+  circOut: Ts,
+  backIn: Le,
+  backInOut: Ht,
+  backOut: jt,
+  anticipate: Wt
+}, gt = (t) => {
+  if (ke(t)) {
+    X(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
-    return J(e, n, s, i);
+    return Q(e, n, s, i);
   } else if (typeof t == "string")
-    return Y(ct[t] !== void 0, `Invalid easing type '${t}'`), ct[t];
+    return X(mt[t] !== void 0, `Invalid easing type '${t}'`), mt[t];
   return t;
 };
-function ci(t, e, n) {
-  const s = [], i = n || on, r = t.length - 1;
+function Ti(t, e, n) {
+  const s = [], i = n || hn, r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
       const l = Array.isArray(e) ? e[o] || q : e;
-      a = le(l, a);
+      a = ue(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function di(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Vi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = t.length;
-  if (Y(r === e.length, "Both input and output ranges must be the same length"), r === 1)
+  if (X(r === e.length, "Both input and output ranges must be the same length"), r === 1)
     return () => e[0];
   if (r === 2 && e[0] === e[1])
     return () => e[1];
   const o = t[0] === t[1];
   t[0] > t[r - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = ci(e, s, i), l = a.length, u = (c) => {
+  const a = Ti(e, s, i), l = a.length, u = (c) => {
     if (o && c < t[0])
       return e[0];
     let d = 0;
     if (l > 1)
       for (; d < t.length - 2 && !(c < t[d + 1]); d++)
         ;
-    const h = /* @__PURE__ */ Ie(t[d], t[d + 1], c);
+    const h = /* @__PURE__ */ Ne(t[d], t[d + 1], c);
     return a[d](h);
   };
-  return n ? (c) => u(k(t[0], t[r - 1], c)) : u;
+  return n ? (c) => u(G(t[0], t[r - 1], c)) : u;
 }
-function hi(t, e) {
+function Si(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
-    const i = /* @__PURE__ */ Ie(0, e, s);
-    t.push(ae(n, 1, i));
+    const i = /* @__PURE__ */ Ne(0, e, s);
+    t.push(le(n, 1, i));
   }
 }
-function fi(t) {
+function Ai(t) {
   const e = [0];
-  return hi(e, t.length - 1), e;
+  return Si(e, t.length - 1), e;
 }
-function pi(t, e) {
+function xi(t, e) {
   return t.map((n) => n * e);
 }
-function mi(t, e) {
-  return t.map(() => e || un).splice(0, t.length - 1);
+function wi(t, e) {
+  return t.map(() => e || mn).splice(0, t.length - 1);
 }
-function z({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = ui(s) ? s.map(dt) : dt(s), r = {
+function Y({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
+  const i = bi(s) ? s.map(gt) : gt(s), r = {
     done: !1,
     value: e[0]
-  }, o = pi(
+  }, o = xi(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : fi(e),
+    n && n.length === e.length ? n : Ai(e),
     t
-  ), a = di(o, e, {
-    ease: Array.isArray(i) ? i : mi(e, i)
+  ), a = Vi(o, e, {
+    ease: Array.isArray(i) ? i : wi(e, i)
   });
   return {
     calculatedDuration: t,
     next: (l) => (r.value = a(l), r.done = l >= t, r)
   };
 }
-const gi = (t) => {
+const Mi = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: () => F.update(e, !0),
-    stop: () => ye(e),
+    stop: () => ve(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => He.isProcessing ? He.timestamp : ee.now()
+    now: () => Ye.isProcessing ? Ye.timestamp : te.now()
   };
-}, yi = {
-  decay: ut,
-  inertia: ut,
-  tween: z,
-  keyframes: z,
-  spring: ln
-}, vi = (t) => t / 100;
-class Ue extends sn {
+}, Pi = {
+  decay: pt,
+  inertia: pt,
+  tween: Y,
+  keyframes: Y,
+  spring: pn
+}, Ci = (t) => t / 100;
+class He extends cn {
   constructor(e) {
     super(e), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
       if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
@@ -1124,22 +1162,22 @@ class Ue extends sn {
       const { onStop: l } = this.options;
       l && l();
     };
-    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || ke, a = (l, u) => this.onKeyframesResolved(l, u);
+    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || $e, a = (l, u) => this.onKeyframesResolved(l, u);
     this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
   }
   flatten() {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(e) {
-    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = Oe(n) ? n : yi[n] || z;
+    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = Be(n) ? n : Pi[n] || Y;
     let l, u;
-    process.env.NODE_ENV !== "production" && a !== z && Y(e.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), a !== z && typeof e[0] != "number" && (l = le(vi, on(e[0], e[1])), e = [0, 100]);
+    process.env.NODE_ENV !== "production" && a !== Y && X(e.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), a !== Y && typeof e[0] != "number" && (l = ue(Ci, hn(e[0], e[1])), e = [0, 100]);
     const c = a({ ...this.options, keyframes: e });
     r === "mirror" && (u = a({
       ...this.options,
       keyframes: [...e].reverse(),
       velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = Dt(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = Et(c));
     const { calculatedDuration: d } = c, h = d + i, f = h * (s + 1) - i;
     return {
       generator: c,
@@ -1167,18 +1205,18 @@ class Ue extends sn {
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - c / this.speed, this.startTime)), n ? this.currentTime = e : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(e - this.startTime) * this.speed;
     const p = this.currentTime - h * (this.speed >= 0 ? 1 : -1), T = this.speed >= 0 ? p < 0 : p > c;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
-    let V = this.currentTime, P = r;
+    let V = this.currentTime, C = r;
     if (f) {
       const m = Math.min(this.currentTime, c) / d;
-      let C = Math.floor(m), D = m % 1;
-      !D && m >= 1 && (D = 1), D === 1 && C--, C = Math.min(C, f + 1), !!(C % 2) && (b === "reverse" ? (D = 1 - D, v && (D -= v / d)) : b === "mirror" && (P = o)), V = k(0, 1, D) * d;
+      let P = Math.floor(m), D = m % 1;
+      !D && m >= 1 && (D = 1), D === 1 && P--, P = Math.min(P, f + 1), !!(P % 2) && (b === "reverse" ? (D = 1 - D, v && (D -= v / d)) : b === "mirror" && (C = o)), V = G(0, 1, D) * d;
     }
-    const g = T ? { done: !1, value: l[0] } : P.next(V);
+    const g = T ? { done: !1, value: l[0] } : C.next(V);
     a && (g.value = a(g.value));
     let { done: S } = g;
     !T && u !== null && (S = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
     const x = this.holdTime === null && (this.state === "finished" || this.state === "running" && S);
-    return x && i !== void 0 && (g.value = oe(l, this.options, i)), y && y(g.value), x && this.finish(), g;
+    return x && i !== void 0 && (g.value = ae(l, this.options, i)), y && y(g.value), x && this.finish(), g;
   }
   get duration() {
     const { resolved: e } = this;
@@ -1204,7 +1242,7 @@ class Ue extends sn {
     }
     if (this.isStopped)
       return;
-    const { driver: e = gi, onPlay: n, startTime: s } = this.options;
+    const { driver: e = Mi, onPlay: n, startTime: s } = this.options;
     this.driver || (this.driver = e((r) => this.tick(r))), n && n();
     const i = this.driver.now();
     this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = i) : this.startTime = s ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
@@ -1238,10 +1276,10 @@ class Ue extends sn {
     return this.startTime = 0, this.tick(e, !0);
   }
 }
-function bi(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeInOut", times: l } = {}) {
+function Di(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeInOut", times: l } = {}) {
   const u = { [e]: n };
   l && (u.offset = l);
-  const c = It(a, i);
+  const c = Bt(a, i);
   return Array.isArray(c) && (u.easing = c), t.animate(u, {
     delay: s,
     duration: i,
@@ -1251,12 +1289,12 @@ function bi(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-const Ti = /* @__PURE__ */ Re(() => Object.hasOwnProperty.call(Element.prototype, "animate")), se = 10, Vi = 2e4;
-function Si(t) {
-  return Oe(t.type) || t.type === "spring" || !Rt(t.ease);
+const Fi = /* @__PURE__ */ Ke(() => Object.hasOwnProperty.call(Element.prototype, "animate")), ie = 10, Oi = 2e4;
+function Ii(t) {
+  return Be(t.type) || t.type === "spring" || !Nt(t.ease);
 }
-function Ai(t, e) {
-  const n = new Ue({
+function Ri(t, e) {
+  const n = new He({
     ...e,
     keyframes: t,
     repeat: 0,
@@ -1266,41 +1304,41 @@ function Ai(t, e) {
   let s = { done: !1, value: t[0] };
   const i = [];
   let r = 0;
-  for (; !s.done && r < Vi; )
-    s = n.sample(r), i.push(s.value), r += se;
+  for (; !s.done && r < Oi; )
+    s = n.sample(r), i.push(s.value), r += ie;
   return {
     times: void 0,
     keyframes: i,
-    duration: r - se,
+    duration: r - ie,
     ease: "linear"
   };
 }
-const cn = {
-  anticipate: Gt,
-  backInOut: kt,
-  circInOut: Ut
+const gn = {
+  anticipate: Wt,
+  backInOut: Ht,
+  circInOut: zt
 };
-function xi(t) {
-  return t in cn;
+function Ei(t) {
+  return t in gn;
 }
-class ht extends sn {
+class yt extends cn {
   constructor(e) {
     super(e);
     const { name: n, motionValue: s, element: i, keyframes: r } = this.options;
-    this.resolver = new nn(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
+    this.resolver = new un(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
   }
   initPlayback(e, n) {
     let { duration: s = 300, times: i, ease: r, type: o, motionValue: a, name: l, startTime: u } = this.options;
     if (!a.owner || !a.owner.current)
       return !1;
-    if (typeof r == "string" && te() && xi(r) && (r = cn[r]), Si(this.options)) {
-      const { onComplete: d, onUpdate: h, motionValue: f, element: b, ...v } = this.options, y = Ai(e, v);
+    if (typeof r == "string" && ne() && Ei(r) && (r = gn[r]), Ii(this.options)) {
+      const { onComplete: d, onUpdate: h, motionValue: f, element: b, ...v } = this.options, y = Ri(e, v);
       e = y.keyframes, e.length === 1 && (e[1] = e[0]), s = y.duration, i = y.times, r = y.ease, o = "keyframes";
     }
-    const c = bi(a.owner.current, l, e, { ...this.options, duration: s, times: i, ease: r });
-    return c.startTime = u ?? this.calcStartTime(), this.pendingTimeline ? (qe(c, this.pendingTimeline), this.pendingTimeline = void 0) : c.onfinish = () => {
+    const c = Di(a.owner.current, l, e, { ...this.options, duration: s, times: i, ease: r });
+    return c.startTime = u ?? this.calcStartTime(), this.pendingTimeline ? (Ze(c, this.pendingTimeline), this.pendingTimeline = void 0) : c.onfinish = () => {
       const { onComplete: d } = this.options;
-      a.set(oe(e, this.options, n)), d && d(), this.cancel(), this.resolveFinishedPromise();
+      a.set(ae(e, this.options, n)), d && d(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: c,
       duration: s,
@@ -1371,7 +1409,7 @@ class ht extends sn {
       if (!n)
         return q;
       const { animation: s } = n;
-      qe(s, e);
+      Ze(s, e);
     }
     return q;
   }
@@ -1402,7 +1440,7 @@ class ht extends sn {
     if (n.playState === "idle" || n.playState === "finished")
       return;
     if (this.time) {
-      const { motionValue: u, onUpdate: c, onComplete: d, element: h, ...f } = this.options, b = new Ue({
+      const { motionValue: u, onUpdate: c, onComplete: d, element: h, ...f } = this.options, b = new He({
         ...f,
         keyframes: s,
         duration: i,
@@ -1411,7 +1449,7 @@ class ht extends sn {
         times: a,
         isGenerator: !0
       }), v = /* @__PURE__ */ I(this.time);
-      u.setWithVelocity(b.sample(v - se).value, b.sample(v).value, se);
+      u.setWithVelocity(b.sample(v - ie).value, b.sample(v).value, ie);
     }
     const { onStop: l } = this.options;
     l && l(), this.cancel();
@@ -1429,36 +1467,36 @@ class ht extends sn {
     if (!n || !n.owner || !(n.owner.current instanceof HTMLElement))
       return !1;
     const { onUpdate: l, transformTemplate: u } = n.owner.getProps();
-    return Ti() && s && Mn.has(s) && /**
+    return Fi() && s && Rn.has(s) && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
     !l && !u && !i && r !== "mirror" && o !== 0 && a !== "inertia";
   }
 }
-const wi = {
+const Ki = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Mi = (t) => ({
+}, Ni = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ci = {
+}), Bi = {
   type: "keyframes",
   duration: 0.8
-}, Pi = {
+}, ki = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Di = (t, { keyframes: e }) => e.length > 2 ? Ci : re.has(t) ? t.startsWith("scale") ? Mi(e[1]) : wi : Pi;
-function Fi({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+}, Li = (t, { keyframes: e }) => e.length > 2 ? Bi : oe.has(t) ? t.startsWith("scale") ? Ni(e[1]) : Ki : ki;
+function _i({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const Ri = (t, e, n, s = {}, i, r) => (o) => {
-  const a = Pt(s, t) || {}, l = a.delay || s.delay || 0;
+const Gi = (t, e, n, s = {}, i, r) => (o) => {
+  const a = Rt(s, t) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
   u = u - /* @__PURE__ */ I(l);
   let c = {
@@ -1477,63 +1515,63 @@ const Ri = (t, e, n, s = {}, i, r) => (o) => {
     motionValue: e,
     element: r ? void 0 : i
   };
-  Fi(a) || (c = {
+  _i(a) || (c = {
     ...c,
-    ...Di(t, c)
+    ...Li(t, c)
   }), c.duration && (c.duration = /* @__PURE__ */ I(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ I(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let d = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (d = !0)), Cn.skipAnimations && (d = !0, c.duration = 0, c.delay = 0), d && !r && e.get() !== void 0) {
-    const h = oe(c.keyframes, a);
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (d = !0)), En.skipAnimations && (d = !0, c.duration = 0, c.delay = 0), c.allowFlatten = !a.type && !a.ease, d && !r && e.get() !== void 0) {
+    const h = ae(c.keyframes, a);
     if (h !== void 0)
       return F.update(() => {
         c.onUpdate(h), c.onComplete();
-      }), new zn([]);
+      }), new es([]);
   }
-  return !r && ht.supports(c) ? new ht(c) : new Ue(c);
+  return !r && yt.supports(c) ? new yt(c) : new He(c);
 };
-function Ii({ protectedKeys: t, needsAnimating: e }, n) {
+function Ui({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
-function dn(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function yn(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   var r;
   let { transition: o = t.getDefaultTransition(), transitionEnd: a, ...l } = e;
   s && (o = s);
   const u = [], c = i && t.animationState && t.animationState.getState()[i];
   for (const d in l) {
     const h = t.getValue(d, (r = t.latestValues[d]) !== null && r !== void 0 ? r : null), f = l[d];
-    if (f === void 0 || c && Ii(c, d))
+    if (f === void 0 || c && Ui(c, d))
       continue;
     const b = {
       delay: n,
-      ...Pt(o || {}, d)
+      ...Rt(o || {}, d)
     };
     let v = !1;
     if (window.MotionHandoffAnimation) {
-      const p = cs(t);
+      const p = gs(t);
       if (p) {
         const T = window.MotionHandoffAnimation(p, d, F);
         T !== null && (b.startTime = T, v = !0);
       }
     }
-    us(t, d), h.start(Ri(d, h, f, t.shouldReduceMotion && Kt.has(d) ? { type: !1 } : b, t, v));
+    ms(t, d), h.start(Gi(d, h, f, t.shouldReduceMotion && _t.has(d) ? { type: !1 } : b, t, v));
     const y = h.animation;
     y && u.push(y);
   }
   return a && Promise.all(u).then(() => {
     F.update(() => {
-      a && as(t, a);
+      a && fs(t, a);
     });
   }), u;
 }
-function Me(t, e, n = {}) {
+function Fe(t, e, n = {}) {
   var s;
-  const i = X(t, e, n.type === "exit" ? (s = t.presenceContext) === null || s === void 0 ? void 0 : s.custom : void 0);
+  const i = Z(t, e, n.type === "exit" ? (s = t.presenceContext) === null || s === void 0 ? void 0 : s.custom : void 0);
   let { transition: r = t.getDefaultTransition() || {} } = i || {};
   n.transitionOverride && (r = n.transitionOverride);
-  const o = i ? () => Promise.all(dn(t, i, n)) : () => Promise.resolve(), a = t.variantChildren && t.variantChildren.size ? (u = 0) => {
+  const o = i ? () => Promise.all(yn(t, i, n)) : () => Promise.resolve(), a = t.variantChildren && t.variantChildren.size ? (u = 0) => {
     const { delayChildren: c = 0, staggerChildren: d, staggerDirection: h } = r;
-    return Oi(t, e, c + u, d, h, n);
+    return $i(t, e, c + u, d, h, n);
   } : () => Promise.resolve(), { when: l } = r;
   if (l) {
     const [u, c] = l === "beforeChildren" ? [o, a] : [a, o];
@@ -1541,35 +1579,35 @@ function Me(t, e, n = {}) {
   } else
     return Promise.all([o(), a(n.delay)]);
 }
-function Oi(t, e, n = 0, s = 0, i = 1, r) {
+function $i(t, e, n = 0, s = 0, i = 1, r) {
   const o = [], a = (t.variantChildren.size - 1) * s, l = i === 1 ? (u = 0) => u * s : (u = 0) => a - u * s;
-  return Array.from(t.variantChildren).sort(Ei).forEach((u, c) => {
-    u.notify("AnimationStart", e), o.push(Me(u, e, {
+  return Array.from(t.variantChildren).sort(ji).forEach((u, c) => {
+    u.notify("AnimationStart", e), o.push(Fe(u, e, {
       ...r,
       delay: n + l(c)
     }).then(() => u.notify("AnimationComplete", e)));
   }), Promise.all(o);
 }
-function Ei(t, e) {
+function ji(t, e) {
   return t.sortNodePosition(e);
 }
-function Ki(t, e, n = {}) {
+function Hi(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
-    const i = e.map((r) => Me(t, r, n));
+    const i = e.map((r) => Fe(t, r, n));
     s = Promise.all(i);
   } else if (typeof e == "string")
-    s = Me(t, e, n);
+    s = Fe(t, e, n);
   else {
-    const i = typeof e == "function" ? X(t, e, n.custom) : e;
-    s = Promise.all(dn(t, i, n));
+    const i = typeof e == "function" ? Z(t, e, n.custom) : e;
+    s = Promise.all(yn(t, i, n));
   }
   return s.then(() => {
     t.notify("AnimationComplete", e);
   });
 }
-function hn(t, e) {
+function vn(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -1580,30 +1618,30 @@ function hn(t, e) {
       return !1;
   return !0;
 }
-const Ni = xt.length;
-function fn(t) {
+const Wi = Dt.length;
+function bn(t) {
   if (!t)
     return;
   if (!t.isControllingVariants) {
-    const n = t.parent ? fn(t.parent) || {} : {};
+    const n = t.parent ? bn(t.parent) || {} : {};
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
-  for (let n = 0; n < Ni; n++) {
-    const s = xt[n], i = t.props[s];
-    (At(i) || i === !1) && (e[s] = i);
+  for (let n = 0; n < Wi; n++) {
+    const s = Dt[n], i = t.props[s];
+    (Ct(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
-const Bi = [...Mt].reverse(), Li = Mt.length;
-function _i(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => Ki(t, n, s)));
+const zi = [...Ot].reverse(), Yi = Ot.length;
+function qi(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => Hi(t, n, s)));
 }
-function ki(t) {
-  let e = _i(t), n = ft(), s = !0;
+function Xi(t) {
+  let e = qi(t), n = vt(), s = !0;
   const i = (l) => (u, c) => {
     var d;
-    const h = X(t, c, l === "exit" ? (d = t.presenceContext) === null || d === void 0 ? void 0 : d.custom : void 0);
+    const h = Z(t, c, l === "exit" ? (d = t.presenceContext) === null || d === void 0 ? void 0 : d.custom : void 0);
     if (h) {
       const { transition: f, transitionEnd: b, ...v } = h;
       u = { ...u, ...v, ...b };
@@ -1614,40 +1652,40 @@ function ki(t) {
     e = l(t);
   }
   function o(l) {
-    const { props: u } = t, c = fn(t.parent) || {}, d = [], h = /* @__PURE__ */ new Set();
+    const { props: u } = t, c = bn(t.parent) || {}, d = [], h = /* @__PURE__ */ new Set();
     let f = {}, b = 1 / 0;
-    for (let y = 0; y < Li; y++) {
-      const p = Bi[y], T = n[p], V = u[p] !== void 0 ? u[p] : c[p], P = At(V), g = p === l ? T.isActive : null;
+    for (let y = 0; y < Yi; y++) {
+      const p = zi[y], T = n[p], V = u[p] !== void 0 ? u[p] : c[p], C = Ct(V), g = p === l ? T.isActive : null;
       g === !1 && (b = y);
-      let S = V === c[p] && V !== u[p] && P;
+      let S = V === c[p] && V !== u[p] && C;
       if (S && s && t.manuallyAnimateOnMount && (S = !1), T.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
       !T.isActive && g === null || // If we didn't and don't have any defined prop for this animation type
       !V && !T.prevProp || // Or if the prop doesn't define an animation
-      wt(V) || typeof V == "boolean")
+      Ft(V) || typeof V == "boolean")
         continue;
-      const x = Gi(T.prevProp, V);
+      const x = Zi(T.prevProp, V);
       let m = x || // If we're making this variant active, we want to always make it active
-      p === l && T.isActive && !S && P || // If we removed a higher-priority variant (i is in reverse order)
-      y > b && P, C = !1;
+      p === l && T.isActive && !S && C || // If we removed a higher-priority variant (i is in reverse order)
+      y > b && C, P = !1;
       const D = Array.isArray(V) ? V : [V];
       let L = D.reduce(i(p), {});
       g === !1 && (L = {});
-      const { prevResolvedValues: $e = {} } = T, vn = {
-        ...$e,
+      const { prevResolvedValues: We = {} } = T, xn = {
+        ...We,
         ...L
-      }, je = (M) => {
-        m = !0, h.has(M) && (C = !0, h.delete(M)), T.needsAnimating[M] = !0;
-        const R = t.getValue(M);
-        R && (R.liveStyle = !1);
+      }, ze = (M) => {
+        m = !0, h.has(M) && (P = !0, h.delete(M)), T.needsAnimating[M] = !0;
+        const O = t.getValue(M);
+        O && (O.liveStyle = !1);
       };
-      for (const M in vn) {
-        const R = L[M], ue = $e[M];
+      for (const M in xn) {
+        const O = L[M], ce = We[M];
         if (f.hasOwnProperty(M))
           continue;
-        let ce = !1;
-        We(R) && We(ue) ? ce = !hn(R, ue) : ce = R !== ue, ce ? R != null ? je(M) : h.add(M) : R !== void 0 && h.has(M) ? je(M) : T.protectedKeys[M] = !0;
+        let de = !1;
+        qe(O) && qe(ce) ? de = !vn(O, ce) : de = O !== ce, de ? O != null ? ze(M) : h.add(M) : O !== void 0 && h.has(M) ? ze(M) : T.protectedKeys[M] = !0;
       }
-      T.prevProp = V, T.prevResolvedValues = L, T.isActive && (f = { ...f, ...L }), s && t.blockInitialAnimation && (m = !1), m && (!(S && x) || C) && d.push(...D.map((M) => ({
+      T.prevProp = V, T.prevResolvedValues = L, T.isActive && (f = { ...f, ...L }), s && t.blockInitialAnimation && (m = !1), m && (!(S && x) || P) && d.push(...D.map((M) => ({
         animation: M,
         options: { type: p }
       })));
@@ -1655,7 +1693,7 @@ function ki(t) {
     if (h.size) {
       const y = {};
       if (typeof u.initial != "boolean") {
-        const p = X(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        const p = Z(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         p && p.transition && (y.transition = p.transition);
       }
       h.forEach((p) => {
@@ -1685,12 +1723,12 @@ function ki(t) {
     setAnimateFunction: r,
     getState: () => n,
     reset: () => {
-      n = ft(), s = !0;
+      n = vt(), s = !0;
     }
   };
 }
-function Gi(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !hn(e, t) : !1;
+function Zi(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !vn(e, t) : !1;
 }
 function K(t = !1) {
   return {
@@ -1700,7 +1738,7 @@ function K(t = !1) {
     prevResolvedValues: {}
   };
 }
-function ft() {
+function vt() {
   return {
     animate: K(!0),
     whileInView: K(),
@@ -1711,25 +1749,25 @@ function ft() {
     exit: K()
   };
 }
-class $ {
+class j {
   constructor(e) {
     this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-class Ui extends $ {
+class Ji extends j {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(e) {
-    super(e), e.animationState || (e.animationState = ki(e));
+    super(e), e.animationState || (e.animationState = Xi(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    wt(e) && (this.unmountControls = e.subscribe(this.node));
+    Ft(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -1746,10 +1784,10 @@ class Ui extends $ {
     this.node.animationState.reset(), (e = this.unmountControls) === null || e === void 0 || e.call(this);
   }
 }
-let $i = 0;
-class ji extends $ {
+let Qi = 0;
+class er extends j {
   constructor() {
-    super(...arguments), this.id = $i++;
+    super(...arguments), this.id = Qi++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -1769,18 +1807,18 @@ class ji extends $ {
   unmount() {
   }
 }
-const Hi = {
+const tr = {
   animation: {
-    Feature: Ui
+    Feature: Ji
   },
   exit: {
-    Feature: ji
+    Feature: er
   }
 };
-function pt(t, e, n, s = { passive: !0 }) {
+function bt(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-function pn(t) {
+function Tn(t) {
   return {
     point: {
       x: t.pageX,
@@ -1788,13 +1826,13 @@ function pn(t) {
     }
   };
 }
-function Wi({ top: t, left: e, right: n, bottom: s }) {
+function nr({ top: t, left: e, right: n, bottom: s }) {
   return {
     x: { min: e, max: n },
     y: { min: t, max: s }
   };
 }
-function zi(t, e) {
+function sr(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -1805,28 +1843,28 @@ function zi(t, e) {
     right: s.x
   };
 }
-const mt = () => ({ min: 0, max: 0 }), mn = () => ({
-  x: mt(),
-  y: mt()
+const Tt = () => ({ min: 0, max: 0 }), Vn = () => ({
+  x: Tt(),
+  y: Tt()
 });
-function qi(t, e) {
-  return Wi(zi(t.getBoundingClientRect(), e));
+function ir(t, e) {
+  return nr(sr(t.getBoundingClientRect(), e));
 }
-function gt(t, e, n) {
+function Vt(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, r = s[i];
-  r && F.postRender(() => r(e, pn(e)));
+  r && F.postRender(() => r(e, Tn(e)));
 }
-class Yi extends $ {
+class rr extends j {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = Qn(e, (n, s) => (gt(this.node, s, "Start"), (i) => gt(this.node, i, "End"))));
+    e && (this.unmount = rs(e, (n, s) => (Vt(this.node, s, "Start"), (i) => Vt(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class Xi extends $ {
+class or extends j {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -1843,50 +1881,50 @@ class Xi extends $ {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = le(pt(this.node.current, "focus", () => this.onFocus()), pt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = ue(bt(this.node.current, "focus", () => this.onFocus()), bt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function yt(t, e, n) {
+function St(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), r = s[i];
-  r && F.postRender(() => r(e, pn(e)));
+  r && F.postRender(() => r(e, Tn(e)));
 }
-class Zi extends $ {
+class ar extends j {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = is(e, (n, s) => (yt(this.node, s, "Start"), (i, { success: r }) => yt(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    e && (this.unmount = cs(e, (n, s) => (St(this.node, s, "Start"), (i, { success: r }) => St(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const Ce = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), Ji = (t) => {
-  const e = Ce.get(t.target);
+const Oe = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), lr = (t) => {
+  const e = Oe.get(t.target);
   e && e(t);
-}, Qi = (t) => {
-  t.forEach(Ji);
+}, ur = (t) => {
+  t.forEach(lr);
 };
-function er({ root: t, ...e }) {
+function cr({ 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(Qi, { root: t, ...e })), s[i];
-}
-function tr(t, e, n) {
-  const s = er(e);
-  return Ce.set(t, n), s.observe(t), () => {
-    Ce.delete(t), s.unobserve(t);
+  ge.has(n) || ge.set(n, {});
+  const s = ge.get(n), i = JSON.stringify(e);
+  return s[i] || (s[i] = new IntersectionObserver(ur, { root: t, ...e })), s[i];
+}
+function dr(t, e, n) {
+  const s = cr(e);
+  return Oe.set(t, n), s.observe(t), () => {
+    Oe.delete(t), s.unobserve(t);
   };
 }
-const nr = {
+const hr = {
   some: 0,
   all: 1
 };
-class sr extends $ {
+class fr extends j {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -1895,7 +1933,7 @@ class sr extends $ {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = e, o = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : nr[i]
+      threshold: typeof i == "number" ? i : hr[i]
     }, a = (l) => {
       const { isIntersecting: u } = l;
       if (this.isInView === u || (this.isInView = u, r && !u && this.hasEnteredView))
@@ -1904,7 +1942,7 @@ class sr extends $ {
       const { onViewportEnter: c, onViewportLeave: d } = this.node.getProps(), h = u ? c : d;
       h && h(l);
     };
-    return tr(this.node.current, o, a);
+    return dr(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -1913,58 +1951,58 @@ class sr extends $ {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(ir(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(pr(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function ir({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function pr({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const rr = {
+const mr = {
   inView: {
-    Feature: sr
+    Feature: fr
   },
   tap: {
-    Feature: Zi
+    Feature: ar
   },
   focus: {
-    Feature: Xi
+    Feature: or
   },
   hover: {
-    Feature: Yi
+    Feature: rr
   }
-}, Pe = { current: null }, gn = { current: !1 };
-function or() {
-  if (gn.current = !0, !!Pn)
+}, Ie = { current: null }, Sn = { current: !1 };
+function gr() {
+  if (Sn.current = !0, !!Kn)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Pe.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ie.current = t.matches;
       t.addListener(e), e();
     } else
-      Pe.current = !1;
+      Ie.current = !1;
 }
-const ar = [...tn, w, U], lr = (t) => ar.find(en(t)), ur = /* @__PURE__ */ new WeakMap();
-function cr(t, e, n) {
+const yr = [...ln, w, $], vr = (t) => yr.find(an(t)), br = /* @__PURE__ */ new WeakMap();
+function Tr(t, e, n) {
   for (const s in e) {
     const i = e[s], r = n[s];
-    if (O(i))
-      t.addValue(s, i), process.env.NODE_ENV === "development" && Ct(i.version === "12.4.10", `Attempting to mix Motion versions ${i.version} with 12.4.10 may not work as expected.`);
-    else if (O(r))
-      t.addValue(s, Q(i, { owner: t }));
+    if (R(i))
+      t.addValue(s, i), process.env.NODE_ENV === "development" && It(i.version === "12.5.0", `Attempting to mix Motion versions ${i.version} with 12.5.0 may not work as expected.`);
+    else if (R(r))
+      t.addValue(s, ee(i, { owner: t }));
     else if (r !== i)
       if (t.hasValue(s)) {
         const o = t.getValue(s);
         o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
       } else {
         const o = t.getStaticValue(s);
-        t.addValue(s, Q(o !== void 0 ? o : i, { owner: t }));
+        t.addValue(s, ee(o !== void 0 ? o : i, { owner: t }));
       }
   }
   for (const s in n)
     e[s] === void 0 && t.removeValue(s);
   return e;
 }
-const vt = [
+const At = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -1973,7 +2011,7 @@ const vt = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class dr {
+class Vr {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -1985,25 +2023,25 @@ class dr {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = ke, 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 = $e, 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 = ee.now();
+      const f = te.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, F.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u, onUpdate: c } = o;
-    this.onUpdate = c, 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 = !!r, this.isControllingVariants = Dn(n), this.isVariantNode = Fn(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.onUpdate = c, 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 = !!r, this.isControllingVariants = Nn(n), this.isVariantNode = Bn(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: d, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const b = h[f];
-      l[f] !== void 0 && O(b) && b.set(l[f], !1);
+      l[f] !== void 0 && R(b) && b.set(l[f], !1);
     }
   }
   mount(e) {
-    this.current = e, ur.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((n, s) => this.bindToMotionValue(s, n)), gn.current || or(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Pe.current, process.env.NODE_ENV !== "production" && Ct(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = e, br.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((n, s) => this.bindToMotionValue(s, n)), Sn.current || gr(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ie.current, process.env.NODE_ENV !== "production" && It(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), ye(this.notifyUpdate), ye(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    this.projection && this.projection.unmount(), ve(this.notifyUpdate), ve(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
     for (const e in this.events)
       this.events[e].clear();
     for (const e in this.features) {
@@ -2014,7 +2052,7 @@ class dr {
   }
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const s = re.has(e);
+    const s = oe.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (a) => {
       this.latestValues[e] = a, this.props.onUpdate && F.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
@@ -2029,8 +2067,8 @@ class dr {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in ze) {
-      const n = ze[e];
+    for (e in Xe) {
+      const n = Xe[e];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -2049,7 +2087,7 @@ class dr {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : mn();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Vn();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -2063,13 +2101,13 @@ class dr {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < vt.length; s++) {
-      const i = vt[s];
+    for (let s = 0; s < At.length; s++) {
+      const i = At[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const r = "on" + i, o = e[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = cr(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
+    this.prevMotionValues = Tr(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;
@@ -2125,7 +2163,7 @@ class dr {
     if (this.props.values && this.props.values[e])
       return this.props.values[e];
     let s = this.values.get(e);
-    return s === void 0 && n !== void 0 && (s = Q(n === null ? void 0 : n, { owner: this }), this.addValue(e, s)), s;
+    return s === void 0 && n !== void 0 && (s = ee(n === null ? void 0 : n, { owner: this }), this.addValue(e, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -2135,7 +2173,7 @@ class dr {
   readValue(e, n) {
     var s;
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (s = this.getBaseTargetFromProps(this.props, e)) !== null && s !== void 0 ? s : this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (Jt(i) || $t(i)) ? i = parseFloat(i) : !lr(i) && U.test(n) && (i = Yt(e, n)), this.setBaseTarget(e, O(i) ? i.get() : i)), O(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (rn(i) || Yt(i)) ? i = parseFloat(i) : !vr(i) && $.test(n) && (i = tn(e, n)), this.setBaseTarget(e, R(i) ? i.get() : i)), R(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2153,24 +2191,24 @@ class dr {
     const { initial: s } = this.props;
     let i;
     if (typeof s == "string" || typeof s == "object") {
-      const o = bt(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
+      const o = xt(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
       o && (i = o[e]);
     }
     if (s && i !== void 0)
       return i;
     const r = this.getBaseTargetFromProps(this.props, e);
-    return r !== void 0 && !O(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
+    return r !== void 0 && !R(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new Rn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new kn()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-class yn extends dr {
+class An extends Vr {
   constructor() {
-    super(...arguments), this.KeyframeResolver = nn;
+    super(...arguments), this.KeyframeResolver = un;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2184,77 +2222,76 @@ class yn extends dr {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    O(e) && (this.childSubscription = e.on("change", (n) => {
+    R(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-function hr(t) {
+function Sr(t) {
   return window.getComputedStyle(t);
 }
-class fr extends yn {
+class Ar extends An {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = In;
+    super(...arguments), this.type = "html", this.renderInstance = Ln;
   }
   readValueFromInstance(e, n) {
-    if (re.has(n)) {
-      const s = _e(n);
-      return s && s.default || 0;
-    } else {
-      const s = hr(e), i = (On(n) ? s.getPropertyValue(n) : s[n]) || 0;
+    if (oe.has(n))
+      return Gs(e, n);
+    {
+      const s = Sr(e), i = (_n(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return qi(e, n);
+    return ir(e, n);
   }
   build(e, n, s) {
-    En(e, n, s.transformTemplate);
+    Gn(e, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, s) {
-    return Kn(e, n, s);
+    return Un(e, n, s);
   }
 }
-class pr extends yn {
+class xr extends An {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = mn, this.updateDimensions = () => {
-      this.current && !this.renderState.dimensions && Nn(this.current, this.renderState);
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Vn, this.updateDimensions = () => {
+      this.current && !this.renderState.dimensions && $n(this.current, this.renderState);
     };
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (re.has(n)) {
-      const s = _e(n);
+    if (oe.has(n)) {
+      const s = en(n);
       return s && s.default || 0;
     }
-    return n = Ln.has(n) ? n : Bn(n), e.getAttribute(n);
+    return n = Hn.has(n) ? n : jn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, s) {
-    return _n(e, n, s);
+    return Wn(e, n, s);
   }
   onBindTransform() {
     this.current && !this.renderState.dimensions && F.postRender(this.updateDimensions);
   }
   build(e, n, s) {
-    kn(e, n, this.isSVGTag, s.transformTemplate);
+    zn(e, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(e, n, s, i) {
-    Gn(e, n, s, i);
+    Yn(e, n, s, i);
   }
   mount(e) {
-    this.isSVGTag = Un(e.tagName), super.mount(e);
+    this.isSVGTag = qn(e.tagName), super.mount(e);
   }
 }
-const mr = (t, e) => $n(t) ? new pr(e) : new fr(e, {
-  allowProjection: t !== jn
-}), gr = {
-  renderer: mr,
-  ...Hi,
-  ...rr
+const wr = (t, e) => Xn(t) ? new xr(e) : new Ar(e, {
+  allowProjection: t !== Zn
+}), Mr = {
+  renderer: wr,
+  ...tr,
+  ...mr
 };
-var Vr = gr;
+var Or = Mr;
 export {
-  Vr as default
+  Or as default
 };