@konstructio/ui 0.1.2-alpha.65 → 0.1.2-alpha.67

package/dist/{proxy-BhEKW5n7.js → proxy-BIRlSMN_.js}

@@ -1,42 +1,42 @@
-import { createContext as Tt, useRef as it, useLayoutEffect as kr, useEffect as Ge, useContext as O, useId as Br, useCallback as $s, useMemo as ne, createElement as Fr, Fragment as zs, useInsertionEffect as Hs, forwardRef as Ir, Component as Or } from "react";
-import { jsxs as jr, jsx as Gs } from "react/jsx-runtime";
+import { createContext as Tt, useRef as it, useLayoutEffect as Fr, useEffect as _e, useContext as O, useId as Ir, useCallback as $s, useMemo as ne, createElement as Or, Fragment as zs, useInsertionEffect as Hs, forwardRef as jr, Component as Nr } from "react";
+import { jsxs as Ur, jsx as Gs } from "react/jsx-runtime";
 const _s = Tt({});
-function Nr(t) {
+function Wr(t) {
   const e = it(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Xs = typeof window < "u", Ur = Xs ? kr : Ge, _e = /* @__PURE__ */ Tt(null);
-function Xe(t, e) {
+const Xs = typeof window < "u", Kr = Xs ? Fr : _e, Xe = /* @__PURE__ */ Tt(null);
+function Ye(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
 function Xt(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-const _ = (t, e, n) => n > e ? e : n < t ? t : n;
+const X = (t, e, n) => n > e ? e : n < t ? t : n;
 function Se(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let xt = () => {
-}, X = () => {
+}, Y = () => {
 };
 typeof process < "u" && process.env?.NODE_ENV !== "production" && (xt = (t, e, n) => {
   !t && typeof console < "u" && console.warn(Se(e, n));
-}, X = (t, e, n) => {
+}, Y = (t, e, n) => {
   if (!t)
     throw new Error(Se(e, n));
 });
-const Y = {}, Ys = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const q = {}, Ys = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function qs(t) {
   return typeof t == "object" && t !== null;
 }
 const Zs = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function Ye(t) {
+function Js(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const W = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Wr = (t, e) => (n) => e(t(n)), Bt = (...t) => t.reduce(Wr), Ct = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const W = /* @__NO_SIDE_EFFECTS__ */ (t) => t, $r = (t, e) => (n) => e(t(n)), Bt = (...t) => t.reduce($r), Ct = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -45,7 +45,7 @@ class qe {
     this.subscriptions = [];
   }
   add(e) {
-    return Xe(this.subscriptions, e), () => Xt(this.subscriptions, e);
+    return Ye(this.subscriptions, e), () => Xt(this.subscriptions, e);
   }
   notify(e, n, s) {
     const i = this.subscriptions.length;
@@ -66,46 +66,46 @@ class qe {
   }
 }
 const K = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, U = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function Js(t, e) {
+function Qs(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
 const Dn = /* @__PURE__ */ new Set();
 function Ze(t, e, n) {
   t || Dn.has(e) || (console.warn(Se(e, n)), Dn.add(e));
 }
-const Qs = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Kr = 1e-7, $r = 12;
-function zr(t, e, n, s, i) {
+const ti = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, zr = 1e-7, Hr = 12;
+function Gr(t, e, n, s, i) {
   let o, r, a = 0;
   do
-    r = e + (n - e) / 2, o = Qs(r, s, i) - t, o > 0 ? n = r : e = r;
-  while (Math.abs(o) > Kr && ++a < $r);
+    r = e + (n - e) / 2, o = ti(r, s, i) - t, o > 0 ? n = r : e = r;
+  while (Math.abs(o) > zr && ++a < Hr);
   return r;
 }
 function Ft(t, e, n, s) {
   if (t === e && n === s)
     return W;
-  const i = (o) => zr(o, 0, 1, t, n);
-  return (o) => o === 0 || o === 1 ? o : Qs(i(o), e, s);
+  const i = (o) => Gr(o, 0, 1, t, n);
+  return (o) => o === 0 || o === 1 ? o : ti(i(o), e, s);
 }
-const ti = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ei = (t) => (e) => 1 - t(1 - e), ni = /* @__PURE__ */ Ft(0.33, 1.53, 0.69, 0.99), Je = /* @__PURE__ */ ei(ni), si = /* @__PURE__ */ ti(Je), ii = (t) => (t *= 2) < 1 ? 0.5 * Je(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Qe = (t) => 1 - Math.sin(Math.acos(t)), ri = ei(Qe), oi = ti(Qe), Hr = /* @__PURE__ */ Ft(0.42, 0, 1, 1), Gr = /* @__PURE__ */ Ft(0, 0, 0.58, 1), ai = /* @__PURE__ */ Ft(0.42, 0, 0.58, 1), _r = (t) => Array.isArray(t) && typeof t[0] != "number", li = (t) => Array.isArray(t) && typeof t[0] == "number", Mn = {
+const ei = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ni = (t) => (e) => 1 - t(1 - e), si = /* @__PURE__ */ Ft(0.33, 1.53, 0.69, 0.99), Je = /* @__PURE__ */ ni(si), ii = /* @__PURE__ */ ei(Je), ri = (t) => (t *= 2) < 1 ? 0.5 * Je(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Qe = (t) => 1 - Math.sin(Math.acos(t)), oi = ni(Qe), ai = ei(Qe), _r = /* @__PURE__ */ Ft(0.42, 0, 1, 1), Xr = /* @__PURE__ */ Ft(0, 0, 0.58, 1), li = /* @__PURE__ */ Ft(0.42, 0, 0.58, 1), Yr = (t) => Array.isArray(t) && typeof t[0] != "number", ci = (t) => Array.isArray(t) && typeof t[0] == "number", Mn = {
   linear: W,
-  easeIn: Hr,
-  easeInOut: ai,
-  easeOut: Gr,
+  easeIn: _r,
+  easeInOut: li,
+  easeOut: Xr,
   circIn: Qe,
-  circInOut: oi,
-  circOut: ri,
+  circInOut: ai,
+  circOut: oi,
   backIn: Je,
-  backInOut: si,
-  backOut: ni,
-  anticipate: ii
-}, Xr = (t) => typeof t == "string", Cn = (t) => {
-  if (li(t)) {
-    X(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+  backInOut: ii,
+  backOut: si,
+  anticipate: ri
+}, qr = (t) => typeof t == "string", Cn = (t) => {
+  if (ci(t)) {
+    Y(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
     return Ft(e, n, s, i);
-  } else if (Xr(t))
-    return X(Mn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Mn[t];
+  } else if (qr(t))
+    return Y(Mn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Mn[t];
   return t;
 }, jt = [
   "setup",
@@ -125,7 +125,7 @@ const ti = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ei
   "postRender"
   // Compute
 ];
-function Yr(t, e) {
+function Zr(t, e) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, o = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -141,8 +141,8 @@ function Yr(t, e) {
      * Schedule a process to run on the next frame.
      */
     schedule: (u, h = !1, f = !1) => {
-      const p = f && i ? n : s;
-      return h && r.add(u), p.has(u) || p.add(u), u;
+      const m = f && i ? n : s;
+      return h && r.add(u), m.has(u) || m.add(u), u;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -163,16 +163,16 @@ function Yr(t, e) {
   };
   return c;
 }
-const qr = 40;
-function ci(t, e) {
+const Jr = 40;
+function ui(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = jt.reduce((y, P) => (y[P] = Yr(o), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: p } = r, v = () => {
-    const y = Y.useManualTiming ? i.timestamp : performance.now();
-    n = !1, Y.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, qr), 1)), i.timestamp = y, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), f.process(i), d.process(i), p.process(i), i.isProcessing = !1, n && e && (s = !1, t(v));
+  }, o = () => n = !0, r = jt.reduce((y, P) => (y[P] = Zr(o), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: m } = r, v = () => {
+    const y = q.useManualTiming ? i.timestamp : performance.now();
+    n = !1, q.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, Jr), 1)), i.timestamp = y, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), f.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(v));
   }, g = () => {
     n = !0, s = !0, i.isProcessing || t(v);
   };
@@ -184,17 +184,17 @@ function ci(t, e) {
       r[jt[P]].cancel(y);
   }, state: i, steps: r };
 }
-const { schedule: A, cancel: J, state: L, steps: oe } = /* @__PURE__ */ ci(typeof requestAnimationFrame < "u" ? requestAnimationFrame : W, !0);
+const { schedule: A, cancel: Q, state: L, steps: oe } = /* @__PURE__ */ ui(typeof requestAnimationFrame < "u" ? requestAnimationFrame : W, !0);
 let Wt;
-function Zr() {
+function Qr() {
   Wt = void 0;
 }
 const B = {
-  now: () => (Wt === void 0 && B.set(L.isProcessing || Y.useManualTiming ? L.timestamp : performance.now()), Wt),
+  now: () => (Wt === void 0 && B.set(L.isProcessing || q.useManualTiming ? L.timestamp : performance.now()), Wt),
   set: (t) => {
-    Wt = t, queueMicrotask(Zr);
+    Wt = t, queueMicrotask(Qr);
   }
-}, ui = (t) => (e) => typeof e == "string" && e.startsWith(t), hi = /* @__PURE__ */ ui("--"), Jr = /* @__PURE__ */ ui("var(--"), tn = (t) => Jr(t) ? Qr.test(t.split("/*")[0].trim()) : !1, Qr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, hi = (t) => (e) => typeof e == "string" && e.startsWith(t), fi = /* @__PURE__ */ hi("--"), to = /* @__PURE__ */ hi("var(--"), tn = (t) => to(t) ? eo.test(t.split("/*")[0].trim()) : !1, eo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function En(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
@@ -204,15 +204,15 @@ const wt = {
   transform: (t) => t
 }, Et = {
   ...wt,
-  transform: (t) => _(0, 1, t)
+  transform: (t) => X(0, 1, t)
 }, Nt = {
   ...wt,
   default: 1
 }, Vt = (t) => Math.round(t * 1e5) / 1e5, en = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function to(t) {
+function no(t) {
   return t == null;
 }
-const eo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, nn = (t, e) => (n) => !!(typeof n == "string" && eo.test(n) && n.startsWith(t) || e && !to(n) && Object.prototype.hasOwnProperty.call(n, e)), fi = (t, e, n) => (s) => {
+const so = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, nn = (t, e) => (n) => !!(typeof n == "string" && so.test(n) && n.startsWith(t) || e && !no(n) && Object.prototype.hasOwnProperty.call(n, e)), di = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, o, r, a] = s.match(en);
@@ -222,15 +222,15 @@ const eo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, no = (t) => _(0, 255, t), ae = {
+}, io = (t) => X(0, 255, t), ae = {
   ...wt,
-  transform: (t) => Math.round(no(t))
+  transform: (t) => Math.round(io(t))
 }, rt = {
   test: /* @__PURE__ */ nn("rgb", "red"),
-  parse: /* @__PURE__ */ fi("red", "green", "blue"),
+  parse: /* @__PURE__ */ di("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + ae.transform(t) + ", " + ae.transform(e) + ", " + ae.transform(n) + ", " + Vt(Et.transform(s)) + ")"
 };
-function so(t) {
+function ro(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),
@@ -241,20 +241,20 @@ function so(t) {
 }
 const be = {
   test: /* @__PURE__ */ nn("#"),
-  parse: so,
+  parse: ro,
   transform: rt.transform
 }, It = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), q = /* @__PURE__ */ It("deg"), G = /* @__PURE__ */ It("%"), T = /* @__PURE__ */ It("px"), io = /* @__PURE__ */ It("vh"), ro = /* @__PURE__ */ It("vw"), Rn = {
-  ...G,
-  parse: (t) => G.parse(t) / 100,
-  transform: (t) => G.transform(t * 100)
+}), Z = /* @__PURE__ */ It("deg"), _ = /* @__PURE__ */ It("%"), T = /* @__PURE__ */ It("px"), oo = /* @__PURE__ */ It("vh"), ao = /* @__PURE__ */ It("vw"), Rn = {
+  ..._,
+  parse: (t) => _.parse(t) / 100,
+  transform: (t) => _.transform(t * 100)
 }, ht = {
   test: /* @__PURE__ */ nn("hsl", "hue"),
-  parse: /* @__PURE__ */ fi("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + G.transform(Vt(e)) + ", " + G.transform(Vt(n)) + ", " + Vt(Et.transform(s)) + ")"
+  parse: /* @__PURE__ */ di("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + _.transform(Vt(e)) + ", " + _.transform(Vt(n)) + ", " + Vt(Et.transform(s)) + ")"
 }, M = {
   test: (t) => rt.test(t) || be.test(t) || ht.test(t),
   parse: (t) => rt.test(t) ? rt.parse(t) : ht.test(t) ? ht.parse(t) : be.parse(t),
@@ -263,11 +263,11 @@ const be = {
     const e = M.parse(t);
     return e.alpha = 0, M.transform(e);
   }
-}, oo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function ao(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(en)?.length || 0) + (t.match(oo)?.length || 0) > 0;
+}, lo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function co(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(en)?.length || 0) + (t.match(lo)?.length || 0) > 0;
 }
-const di = "number", pi = "color", lo = "var", co = "var(", Ln = "${}", uo = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const mi = "number", pi = "color", uo = "var", ho = "var(", Ln = "${}", fo = /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 Rt(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -275,39 +275,39 @@ function Rt(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(uo, (l) => (M.test(l) ? (s.color.push(o), i.push(pi), n.push(M.parse(l))) : l.startsWith(co) ? (s.var.push(o), i.push(lo), n.push(l)) : (s.number.push(o), i.push(di), n.push(parseFloat(l))), ++o, Ln)).split(Ln);
+  const a = e.replace(fo, (l) => (M.test(l) ? (s.color.push(o), i.push(pi), n.push(M.parse(l))) : l.startsWith(ho) ? (s.var.push(o), i.push(uo), n.push(l)) : (s.number.push(o), i.push(mi), n.push(parseFloat(l))), ++o, Ln)).split(Ln);
   return { values: n, split: a, indexes: s, types: i };
 }
-function mi(t) {
+function gi(t) {
   return Rt(t).values;
 }
-function gi(t) {
+function yi(t) {
   const { split: e, types: n } = Rt(t), s = e.length;
   return (i) => {
     let o = "";
     for (let r = 0; r < s; r++)
       if (o += e[r], i[r] !== void 0) {
         const a = n[r];
-        a === di ? o += Vt(i[r]) : a === pi ? o += M.transform(i[r]) : o += i[r];
+        a === mi ? o += Vt(i[r]) : a === pi ? o += M.transform(i[r]) : o += i[r];
       }
     return o;
   };
 }
-const ho = (t) => typeof t == "number" ? 0 : M.test(t) ? M.getAnimatableNone(t) : t;
-function fo(t) {
-  const e = mi(t);
-  return gi(t)(e.map(ho));
+const mo = (t) => typeof t == "number" ? 0 : M.test(t) ? M.getAnimatableNone(t) : t;
+function po(t) {
+  const e = gi(t);
+  return yi(t)(e.map(mo));
 }
-const Q = {
-  test: ao,
-  parse: mi,
-  createTransformer: gi,
-  getAnimatableNone: fo
+const H = {
+  test: co,
+  parse: gi,
+  createTransformer: yi,
+  getAnimatableNone: po
 };
 function le(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 po({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function go({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, o = 0, r = 0;
   if (!e)
@@ -329,13 +329,13 @@ function Yt(t, e) {
 const D = (t, e, n) => t + (e - t) * n, ce = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, mo = [be, rt, ht], go = (t) => mo.find((e) => e.test(t));
+}, yo = [be, rt, ht], vo = (t) => yo.find((e) => e.test(t));
 function kn(t) {
-  const e = go(t);
+  const e = vo(t);
   if (xt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
   let n = e.parse(t);
-  return e === ht && (n = po(n)), n;
+  return e === ht && (n = go(n)), n;
 }
 const Bn = (t, e) => {
   const n = kn(t), s = kn(e);
@@ -344,16 +344,16 @@ const Bn = (t, e) => {
   const i = { ...n };
   return (o) => (i.red = ce(n.red, s.red, o), i.green = ce(n.green, s.green, o), i.blue = ce(n.blue, s.blue, o), i.alpha = D(n.alpha, s.alpha, o), rt.transform(i));
 }, Ae = /* @__PURE__ */ new Set(["none", "hidden"]);
-function yo(t, e) {
+function To(t, e) {
   return Ae.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function vo(t, e) {
+function xo(t, e) {
   return (n) => D(t, e, n);
 }
 function sn(t) {
-  return typeof t == "number" ? vo : typeof t == "string" ? tn(t) ? Yt : M.test(t) ? Bn : wo : Array.isArray(t) ? yi : typeof t == "object" ? M.test(t) ? Bn : To : Yt;
+  return typeof t == "number" ? xo : typeof t == "string" ? tn(t) ? Yt : M.test(t) ? Bn : So : Array.isArray(t) ? vi : typeof t == "object" ? M.test(t) ? Bn : wo : Yt;
 }
-function yi(t, e) {
+function vi(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => sn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < s; r++)
@@ -361,7 +361,7 @@ function yi(t, e) {
     return n;
   };
 }
-function To(t, e) {
+function wo(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
     t[i] !== void 0 && e[i] !== void 0 && (s[i] = sn(t[i])(t[i], e[i]));
@@ -371,7 +371,7 @@ function To(t, e) {
     return n;
   };
 }
-function xo(t, e) {
+function Po(t, e) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < e.values.length; i++) {
     const o = e.types[i], r = t.indexes[o][s[o]], a = t.values[r] ?? 0;
@@ -379,25 +379,25 @@ function xo(t, e) {
   }
   return n;
 }
-const wo = (t, e) => {
-  const n = Q.createTransformer(e), s = Rt(t), i = Rt(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 ? Ae.has(t) && !i.values.length || Ae.has(e) && !s.values.length ? yo(t, e) : Bt(yi(xo(s, i), i.values), n) : (xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Yt(t, e));
+const So = (t, e) => {
+  const n = H.createTransformer(e), s = Rt(t), i = Rt(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 ? Ae.has(t) && !i.values.length || Ae.has(e) && !s.values.length ? To(t, e) : Bt(vi(Po(s, i), i.values), n) : (xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Yt(t, e));
 };
-function vi(t, e, n) {
+function Ti(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? D(t, e, n) : sn(t)(t, e);
 }
-const Po = (t) => {
+const bo = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => A.update(e, n),
-    stop: () => J(e),
+    stop: () => Q(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
     now: () => L.isProcessing ? L.timestamp : B.now()
   };
-}, Ti = (t, e, n = 10) => {
+}, xi = (t, e, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let o = 0; o < i; o++)
@@ -412,7 +412,7 @@ function rn(t) {
     e += n, s = t.next(e);
   return e >= qt ? 1 / 0 : e;
 }
-function So(t, e = 100, n) {
+function Ao(t, e = 100, n) {
   const s = n({ ...t, keyframes: [0, e] }), i = Math.min(rn(s), qt);
   return {
     type: "keyframes",
@@ -420,10 +420,10 @@ function So(t, e = 100, n) {
     duration: /* @__PURE__ */ U(i)
   };
 }
-const bo = 5;
-function xi(t, e, n) {
-  const s = Math.max(e - bo, 0);
-  return Js(n - t(s), e - s);
+const Vo = 5;
+function wi(t, e, n) {
+  const s = Math.max(e - Vo, 0);
+  return Qs(n - t(s), e - s);
 }
 const V = {
   // Default spring physics
@@ -454,16 +454,16 @@ const V = {
   minDamping: 0.05,
   maxDamping: 1
 }, ue = 1e-3;
-function Ao({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.velocity, mass: s = V.mass }) {
+function Do({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.velocity, mass: s = V.mass }) {
   let i, o;
   xt(t <= /* @__PURE__ */ K(V.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = _(V.minDamping, V.maxDamping, r), t = _(V.minDuration, V.maxDuration, /* @__PURE__ */ U(t)), r < 1 ? (i = (c) => {
-    const u = c * r, h = u * t, f = u - n, d = Ve(c, r), p = Math.exp(-h);
-    return ue - f / d * p;
+  r = X(V.minDamping, V.maxDamping, r), t = X(V.minDuration, V.maxDuration, /* @__PURE__ */ U(t)), r < 1 ? (i = (c) => {
+    const u = c * r, h = u * t, f = u - n, d = Ve(c, r), m = Math.exp(-h);
+    return ue - f / d * m;
   }, o = (c) => {
-    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, p = Math.exp(-h), v = Ve(Math.pow(c, 2), r);
-    return (-i(c) + ue > 0 ? -1 : 1) * ((f - d) * p) / v;
+    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), v = Ve(Math.pow(c, 2), r);
+    return (-i(c) + ue > 0 ? -1 : 1) * ((f - d) * m) / v;
   }) : (i = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
     return -ue + u * h;
@@ -471,7 +471,7 @@ function Ao({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.ve
     const u = Math.exp(-c * t), h = (n - c) * (t * t);
     return u * h;
   });
-  const a = 5 / t, l = Do(i, o, a);
+  const a = 5 / t, l = Co(i, o, a);
   if (t = /* @__PURE__ */ K(t), isNaN(l))
     return {
       stiffness: V.stiffness,
@@ -487,21 +487,21 @@ function Ao({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.ve
     };
   }
 }
-const Vo = 12;
-function Do(t, e, n) {
+const Mo = 12;
+function Co(t, e, n) {
   let s = n;
-  for (let i = 1; i < Vo; i++)
+  for (let i = 1; i < Mo; i++)
     s = s - t(s) / e(s);
   return s;
 }
 function Ve(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Mo = ["duration", "bounce"], Co = ["stiffness", "damping", "mass"];
+const Eo = ["duration", "bounce"], Ro = ["stiffness", "damping", "mass"];
 function Fn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Eo(t) {
+function Lo(t) {
   let e = {
     velocity: V.velocity,
     stiffness: V.stiffness,
@@ -510,9 +510,9 @@ function Eo(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Fn(t, Co) && Fn(t, Mo))
-    if (t.visualDuration) {
-      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * _(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
+  if (!Fn(t, Ro) && Fn(t, Eo))
+    if (e.velocity = 0, t.visualDuration) {
+      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * X(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
         ...e,
         mass: V.mass,
@@ -520,7 +520,7 @@ function Eo(t) {
         damping: o
       };
     } else {
-      const n = Ao(t);
+      const n = Do({ ...t, velocity: 0 });
       e = {
         ...e,
         ...n,
@@ -536,25 +536,25 @@ function Zt(t = V.visualDuration, e = V.bounce) {
     bounce: e
   } : t;
   let { restSpeed: s, restDelta: i } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = Eo({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = Lo({
     ...n,
     velocity: -/* @__PURE__ */ U(n.velocity || 0)
-  }), p = f || 0, v = c / (2 * Math.sqrt(l * u)), g = r - o, m = /* @__PURE__ */ U(Math.sqrt(l / u)), x = Math.abs(g) < 5;
+  }), m = f || 0, v = c / (2 * Math.sqrt(l * u)), g = r - o, p = /* @__PURE__ */ U(Math.sqrt(l / u)), x = Math.abs(g) < 5;
   s || (s = x ? V.restSpeed.granular : V.restSpeed.default), i || (i = x ? V.restDelta.granular : V.restDelta.default);
   let y;
   if (v < 1) {
-    const w = Ve(m, v);
+    const w = Ve(p, v);
     y = (b) => {
-      const C = Math.exp(-v * m * b);
-      return r - C * ((p + v * m * g) / w * Math.sin(w * b) + g * Math.cos(w * b));
+      const C = Math.exp(-v * p * b);
+      return r - C * ((m + v * p * g) / w * Math.sin(w * b) + g * Math.cos(w * b));
     };
   } else if (v === 1)
-    y = (w) => r - Math.exp(-m * w) * (g + (p + m * g) * w);
+    y = (w) => r - Math.exp(-p * w) * (g + (m + p * g) * w);
   else {
-    const w = m * Math.sqrt(v * v - 1);
+    const w = p * Math.sqrt(v * v - 1);
     y = (b) => {
-      const C = Math.exp(-v * m * b), S = Math.min(w * b, 300);
-      return r - C * ((p + v * m * g) * Math.sinh(S) + w * g * Math.cosh(S)) / w;
+      const C = Math.exp(-v * p * b), S = Math.min(w * b, 300);
+      return r - C * ((m + v * p * g) * Math.sinh(S) + w * g * Math.cosh(S)) / w;
     };
   }
   const P = {
@@ -564,15 +564,15 @@ function Zt(t = V.visualDuration, e = V.bounce) {
       if (d)
         a.done = w >= h;
       else {
-        let C = w === 0 ? p : 0;
-        v < 1 && (C = w === 0 ? /* @__PURE__ */ K(p) : xi(y, w, b));
+        let C = w === 0 ? m : 0;
+        v < 1 && (C = w === 0 ? /* @__PURE__ */ K(m) : wi(y, w, b));
         const S = Math.abs(C) <= s, I = Math.abs(r - b) <= i;
         a.done = S && I;
       }
       return a.value = a.done ? r : b, a;
     },
     toString: () => {
-      const w = Math.min(rn(P), qt), b = Ti((C) => P.next(w * C).value, w, 30);
+      const w = Math.min(rn(P), qt), b = xi((C) => P.next(w * C).value, w, 30);
       return w + "ms " + b;
     },
     toTransition: () => {
@@ -581,26 +581,26 @@ function Zt(t = V.visualDuration, e = V.bounce) {
   return P;
 }
 Zt.applyToOptions = (t) => {
-  const e = So(t, 100, Zt);
+  const e = Ao(t, 100, Zt);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ K(e.duration), t.type = "keyframes", t;
 };
 function De({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
   const h = t[0], f = {
     done: !1,
     value: h
-  }, d = (S) => a !== void 0 && S < a || l !== void 0 && S > l, p = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
+  }, d = (S) => a !== void 0 && S < a || l !== void 0 && S > l, m = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
   let v = n * e;
-  const g = h + v, m = r === void 0 ? g : r(g);
-  m !== g && (v = m - h);
-  const x = (S) => -v * Math.exp(-S / s), y = (S) => m + x(S), P = (S) => {
+  const g = h + v, p = r === void 0 ? g : r(g);
+  p !== g && (v = p - h);
+  const x = (S) => -v * Math.exp(-S / s), y = (S) => p + x(S), P = (S) => {
     const I = x(S), j = y(S);
-    f.done = Math.abs(I) <= c, f.value = f.done ? m : j;
+    f.done = Math.abs(I) <= c, f.value = f.done ? p : j;
   };
   let w, b;
   const C = (S) => {
     d(f.value) && (w = S, b = Zt({
-      keyframes: [f.value, p(f.value)],
-      velocity: xi(y, S, f.value),
+      keyframes: [f.value, m(f.value)],
+      velocity: wi(y, S, f.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: o,
@@ -616,8 +616,8 @@ function De({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
     }
   };
 }
-function Ro(t, e, n) {
-  const s = [], i = n || Y.mix || vi, o = t.length - 1;
+function ko(t, e, n) {
+  const s = [], i = n || q.mix || Ti, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = i(t[r], t[r + 1]);
     if (e) {
@@ -628,15 +628,15 @@ function Ro(t, e, n) {
   }
   return s;
 }
-function Lo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Bo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const o = t.length;
-  if (X(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
+  if (Y(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
   if (o === 2 && e[0] === e[1])
     return () => e[1];
   const r = t[0] === t[1];
   t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Ro(e, s, i), l = a.length, c = (u) => {
+  const a = ko(e, s, i), l = a.length, c = (u) => {
     if (r && u < t[0])
       return e[0];
     let h = 0;
@@ -646,56 +646,56 @@ function Lo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
     const f = /* @__PURE__ */ Ct(t[h], t[h + 1], u);
     return a[h](f);
   };
-  return n ? (u) => c(_(t[0], t[o - 1], u)) : c;
+  return n ? (u) => c(X(t[0], t[o - 1], u)) : c;
 }
-function ko(t, e) {
+function Fo(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = /* @__PURE__ */ Ct(0, e, s);
     t.push(D(n, 1, i));
   }
 }
-function Bo(t) {
+function Io(t) {
   const e = [0];
-  return ko(e, t.length - 1), e;
+  return Fo(e, t.length - 1), e;
 }
-function Fo(t, e) {
+function Oo(t, e) {
   return t.map((n) => n * e);
 }
-function Io(t, e) {
-  return t.map(() => e || ai).splice(0, t.length - 1);
+function jo(t, e) {
+  return t.map(() => e || li).splice(0, t.length - 1);
 }
 function ft({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = _r(s) ? s.map(Cn) : Cn(s), o = {
+  const i = Yr(s) ? s.map(Cn) : Cn(s), o = {
     done: !1,
     value: e[0]
-  }, r = Fo(
+  }, r = Oo(
     // 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 : Bo(e),
+    n && n.length === e.length ? n : Io(e),
     t
-  ), a = Lo(r, e, {
-    ease: Array.isArray(i) ? i : Io(e, i)
+  ), a = Bo(r, e, {
+    ease: Array.isArray(i) ? i : jo(e, i)
   });
   return {
     calculatedDuration: t,
     next: (l) => (o.value = a(l), o.done = l >= t, o)
   };
 }
-const Oo = (t) => t !== null;
+const No = (t) => t !== null;
 function on(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
-  const o = t.filter(Oo), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
+  const o = t.filter(No), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || s === void 0 ? o[a] : s;
 }
-const jo = {
+const Uo = {
   decay: De,
   inertia: De,
   tween: ft,
   keyframes: ft,
   spring: Zt
 };
-function wi(t) {
-  typeof t.type == "string" && (t.type = jo[t.type]);
+function Pi(t) {
+  typeof t.type == "string" && (t.type = Uo[t.type]);
 }
 class an {
   constructor() {
@@ -721,7 +721,7 @@ class an {
     return this.finished.then(e, n);
   }
 }
-const No = (t) => t / 100;
+const Wo = (t) => t / 100;
 class ln extends an {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
@@ -731,11 +731,11 @@ class ln extends an {
   }
   initAnimation() {
     const { options: e } = this;
-    wi(e);
+    Pi(e);
     const { type: n = ft, repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || ft;
-    process.env.NODE_ENV !== "production" && l !== ft && X(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== ft && typeof a[0] != "number" && (this.mixKeyframes = Bt(No, vi(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== ft && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== ft && typeof a[0] != "number" && (this.mixKeyframes = Bt(Wo, Ti(a[0], a[1])), a = [0, 100]);
     const c = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -753,22 +753,22 @@ class ln extends an {
     const { generator: s, totalDuration: i, mixKeyframes: o, mirroredGenerator: r, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: c = 0, keyframes: u, repeat: h, repeatType: f, repeatDelay: d, type: p, onUpdate: v, finalKeyframe: g } = this.options;
+    const { delay: c = 0, keyframes: u, repeat: h, repeatType: f, repeatDelay: d, type: m, onUpdate: v, finalKeyframe: g } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
-    const m = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? m < 0 : m > i;
-    this.currentTime = Math.max(m, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
+    const p = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? p < 0 : p > i;
+    this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let y = this.currentTime, P = s;
     if (h) {
       const S = Math.min(this.currentTime, i) / a;
       let I = Math.floor(S), j = S % 1;
-      !j && S >= 1 && (j = 1), j === 1 && I--, I = Math.min(I, h + 1), I % 2 && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (P = r)), y = _(0, 1, j) * a;
+      !j && S >= 1 && (j = 1), j === 1 && I--, I = Math.min(I, h + 1), I % 2 && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (P = r)), y = X(0, 1, j) * a;
     }
     const w = x ? { done: !1, value: u[0] } : P.next(y);
     o && (w.value = o(w.value));
     let { done: b } = w;
     !x && l !== null && (b = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && b);
-    return C && p !== De && (w.value = on(u, this.options, g, this.speed)), v && v(w.value), C && this.finish(), w;
+    return C && m !== De && (w.value = on(u, this.options, g, this.speed)), v && v(w.value), C && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -802,7 +802,7 @@ class ln extends an {
   play() {
     if (this.isStopped)
       return;
-    const { driver: e = Po, startTime: n } = this.options;
+    const { driver: e = bo, startTime: n } = this.options;
     this.driver || (this.driver = e((i) => this.tick(i))), this.options.onPlay?.();
     const s = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -832,14 +832,14 @@ class ln extends an {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), e.observe(this);
   }
 }
-function Uo(t) {
+function Ko(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
 const ot = (t) => t * 180 / Math.PI, Me = (t) => {
   const e = ot(Math.atan2(t[1], t[0]));
   return Ce(e);
-}, Wo = {
+}, $o = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -852,7 +852,7 @@ const ot = (t) => t * 180 / Math.PI, Me = (t) => {
   skewX: (t) => ot(Math.atan(t[1])),
   skewY: (t) => ot(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Ce = (t) => (t = t % 360, t < 0 && (t += 360), t), In = Me, On = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), jn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Ko = {
+}, Ce = (t) => (t = t % 360, t < 0 && (t += 360), t), In = Me, On = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), jn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), zo = {
   x: 12,
   y: 13,
   z: 14,
@@ -879,21 +879,21 @@ function Re(t, e) {
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
-    s = Ko, i = n;
+    s = zo, i = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = Wo, i = a;
+    s = $o, i = a;
   }
   if (!i)
     return Ee(e);
-  const o = s[e], r = i[1].split(",").map(zo);
+  const o = s[e], r = i[1].split(",").map(Go);
   return typeof o == "function" ? o(r) : r[o];
 }
-const $o = (t, e) => {
+const Ho = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
   return Re(n, e);
 };
-function zo(t) {
+function Go(t) {
   return parseFloat(t.trim());
 }
 const Pt = [
@@ -914,15 +914,15 @@ const Pt = [
   "skew",
   "skewX",
   "skewY"
-], St = new Set(Pt), Nn = (t) => t === wt || t === T, Ho = /* @__PURE__ */ new Set(["x", "y", "z"]), Go = Pt.filter((t) => !Ho.has(t));
-function _o(t) {
+], St = new Set(Pt), Nn = (t) => t === wt || t === T, _o = /* @__PURE__ */ new Set(["x", "y", "z"]), Xo = Pt.filter((t) => !_o.has(t));
+function Yo(t) {
   const e = [];
-  return Go.forEach((n) => {
+  return Xo.forEach((n) => {
     const s = t.getValue(n);
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
 }
-const Z = {
+const J = {
   // 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),
@@ -934,15 +934,15 @@ const Z = {
   x: (t, { transform: e }) => Re(e, "x"),
   y: (t, { transform: e }) => Re(e, "y")
 };
-Z.translateX = Z.x;
-Z.translateY = Z.y;
+J.translateX = J.x;
+J.translateY = J.y;
 const at = /* @__PURE__ */ new Set();
 let Le = !1, ke = !1, Be = !1;
-function Pi() {
+function Si() {
   if (ke) {
     const t = Array.from(at).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
-      const i = _o(s);
+      const i = Yo(s);
       i.length && (n.set(s, i), s.render());
     }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
       s.render();
@@ -956,20 +956,20 @@ function Pi() {
   }
   ke = !1, Le = !1, at.forEach((t) => t.complete(Be)), at.clear();
 }
-function Si() {
+function bi() {
   at.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && (ke = !0);
   });
 }
-function Xo() {
-  Be = !0, Si(), Pi(), Be = !1;
+function qo() {
+  Be = !0, bi(), Si(), Be = !1;
 }
 class cn {
   constructor(e, n, s, i, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (at.add(this), Le || (Le = !0, A.read(Si), A.resolveKeyframes(Pi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (at.add(this), Le || (Le = !0, A.read(bi), A.resolveKeyframes(Si))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -983,7 +983,7 @@ class cn {
       }
       e[0] === void 0 && (e[0] = r), i && o === void 0 && i.set(e[0]);
     }
-    Uo(e);
+    Ko(e);
   }
   setFinalKeyframe() {
   }
@@ -1003,16 +1003,16 @@ class cn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Yo = (t) => t.startsWith("--");
-function qo(t, e, n) {
-  Yo(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const Zo = (t) => t.startsWith("--");
+function Jo(t, e, n) {
+  Zo(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const Zo = /* @__PURE__ */ Ye(() => window.ScrollTimeline !== void 0), Jo = {};
-function Qo(t, e) {
-  const n = /* @__PURE__ */ Ye(t);
-  return () => Jo[e] ?? n();
+const Qo = {};
+function Ai(t, e) {
+  const n = /* @__PURE__ */ Js(t);
+  return () => Qo[e] ?? n();
 }
-const bi = /* @__PURE__ */ Qo(() => {
+const ta = /* @__PURE__ */ Ai(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Vi = /* @__PURE__ */ Ai(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1030,16 +1030,16 @@ const bi = /* @__PURE__ */ Qo(() => {
   backIn: /* @__PURE__ */ At([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ At([0.33, 1.53, 0.69, 0.99])
 };
-function Ai(t, e) {
+function Di(t, e) {
   if (t)
-    return typeof t == "function" ? bi() ? Ti(t, e) : "ease-out" : li(t) ? At(t) : Array.isArray(t) ? t.map((n) => Ai(n, e) || Un.easeOut) : Un[t];
+    return typeof t == "function" ? Vi() ? xi(t, e) : "ease-out" : ci(t) ? At(t) : Array.isArray(t) ? t.map((n) => Di(n, e) || Un.easeOut) : Un[t];
 }
-function ta(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
+function ea(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
   const u = {
     [e]: n
   };
   l && (u.offset = l);
-  const h = Ai(a, i);
+  const h = Di(a, i);
   Array.isArray(h) && (u.easing = h);
   const f = {
     delay: s,
@@ -1051,23 +1051,23 @@ function ta(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatTyp
   };
   return c && (f.pseudoElement = c), t.animate(u, f);
 }
-function Vi(t) {
+function Mi(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function ea({ type: t, ...e }) {
-  return Vi(t) && bi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+function na({ type: t, ...e }) {
+  return Mi(t) && Vi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class Di extends an {
+class Ci extends an {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: o, allowFlatten: r = !1, finalKeyframe: a, onComplete: l } = e;
-    this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, X(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const c = ea(e);
-    this.animation = ta(n, s, i, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, Y(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const c = na(e);
+    this.animation = ea(n, s, i, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
         const u = on(i, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : qo(n, s, u), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(u) : Jo(n, s, u), this.animation.cancel();
       }
       l?.(), this.notifyFinished();
     };
@@ -1147,24 +1147,24 @@ class Di extends an {
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline: e, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && Zo() ? (this.animation.timeline = e, W) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && ta() ? (this.animation.timeline = e, W) : n(this);
   }
 }
-const Mi = {
-  anticipate: ii,
-  backInOut: si,
-  circInOut: oi
+const Ei = {
+  anticipate: ri,
+  backInOut: ii,
+  circInOut: ai
 };
-function na(t) {
-  return t in Mi;
-}
 function sa(t) {
-  typeof t.ease == "string" && na(t.ease) && (t.ease = Mi[t.ease]);
+  return t in Ei;
+}
+function ia(t) {
+  typeof t.ease == "string" && sa(t.ease) && (t.ease = Ei[t.ease]);
 }
 const he = 10;
-class ia extends Di {
+class ra extends Ci {
   constructor(e) {
-    sa(e), wi(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
+    ia(e), Pi(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1185,14 +1185,14 @@ class ia extends Di {
     const a = new ln({
       ...r,
       autoplay: !1
-    }), l = Math.max(he, B.now() - this.startTime), c = _(0, he, l - he);
+    }), l = Math.max(he, B.now() - this.startTime), c = X(0, he, l - he);
     n.setWithVelocity(a.sample(Math.max(0, l - c)).value, a.sample(l).value, c), a.stop();
   }
 }
 const Wn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(Q.test(t) || t === "0") && // And it contains numbers and/or colors
+(H.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function ra(t) {
+function oa(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -1200,39 +1200,39 @@ function ra(t) {
     if (t[n] !== e)
       return !0;
 }
-function oa(t, e, n, s) {
+function aa(t, e, n, s) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = Wn(i, e), a = Wn(o, e);
-  return xt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : ra(t) || (n === "spring" || Vi(n)) && s;
+  return xt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : oa(t) || (n === "spring" || Mi(n)) && s;
 }
 function Fe(t) {
   t.duration = 0, t.type = "keyframes";
 }
-const aa = /* @__PURE__ */ new Set([
+const la = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), la = /* @__PURE__ */ Ye(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function ca(t) {
+]), ca = /* @__PURE__ */ Js(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function ua(t) {
   const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: o, type: r } = t;
   if (!(e?.owner?.current instanceof HTMLElement))
     return !1;
   const { onUpdate: l, transformTemplate: c } = e.owner.getProps();
-  return la() && n && aa.has(n) && (n !== "transform" || !c) && /**
+  return ca() && n && la.has(n) && (n !== "transform" || !c) && /**
    * 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 && !s && i !== "mirror" && o !== 0 && r !== "inertia";
 }
-const ua = 40;
-class ha extends an {
+const ha = 40;
+class fa extends an {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: c, element: u, ...h }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
@@ -1249,20 +1249,20 @@ class ha extends an {
       element: u,
       ...h
     }, d = u?.KeyframeResolver || cn;
-    this.keyframeResolver = new d(a, (p, v, g) => this.onKeyframesResolved(p, v, f, !g), l, c, u), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new d(a, (m, v, g) => this.onKeyframesResolved(m, v, f, !g), l, c, u), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: c, onUpdate: u } = s;
-    this.resolvedAt = B.now(), oa(e, o, r, a) || ((Y.instantAnimations || !l) && u?.(on(e, s, n)), e[0] = e[e.length - 1], Fe(s), s.repeat = 0);
+    this.resolvedAt = B.now(), aa(e, o, r, a) || ((q.instantAnimations || !l) && u?.(on(e, s, n)), e[0] = e[e.length - 1], Fe(s), s.repeat = 0);
     const f = {
-      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ua ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ha ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: e
-    }, d = !c && ca(f), p = f.motionValue?.owner?.current, v = d ? new ia({
+    }, d = !c && ua(f), m = f.motionValue?.owner?.current, v = d ? new ra({
       ...f,
-      element: p
+      element: m
     }) : new ln(f);
     v.finished.then(() => {
       this.notifyFinished();
@@ -1276,7 +1276,7 @@ class ha extends an {
     });
   }
   get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), Xo()), this._animation;
+    return this._animation || (this.keyframeResolver?.resume(), qo()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1318,25 +1318,25 @@ class ha extends an {
     this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
 }
-function Ci(t, e, n, s = 0, i = 1) {
+function Ri(t, e, n, s = 0, i = 1) {
   const o = Array.from(t).sort((c, u) => c.sortNodePosition(u)).indexOf(e), r = t.size, a = (r - 1) * s;
   return typeof n == "function" ? n(o, r) : i === 1 ? o * s : a - o * s;
 }
-const fa = (
+const da = (
   // 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 da(t) {
-  const e = fa.exec(t);
+function ma(t) {
+  const e = da.exec(t);
   if (!e)
     return [,];
   const [, n, s, i] = e;
   return [`--${n ?? s}`, i];
 }
 const pa = 4;
-function Ei(t, e, n = 1) {
-  X(n <= pa, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [s, i] = da(t);
+function Li(t, e, n = 1) {
+  Y(n <= pa, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [s, i] = ma(t);
   if (!s)
     return;
   const o = window.getComputedStyle(e).getPropertyValue(s);
@@ -1344,31 +1344,31 @@ function Ei(t, e, n = 1) {
     const r = o.trim();
     return Ys(r) ? parseFloat(r) : r;
   }
-  return tn(i) ? Ei(i, e, n + 1) : i;
+  return tn(i) ? Li(i, e, n + 1) : i;
 }
-const ma = {
+const ga = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, ga = (t) => ({
+}, ya = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), ya = {
+}), va = {
   type: "keyframes",
   duration: 0.8
-}, va = {
+}, Ta = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ta = (t, { keyframes: e }) => e.length > 2 ? ya : St.has(t) ? t.startsWith("scale") ? ga(e[1]) : ma : va, xa = (t) => t !== null;
-function wa(t, { repeat: e, repeatType: n = "loop" }, s) {
-  const i = t.filter(xa), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+}, xa = (t, { keyframes: e }) => e.length > 2 ? va : St.has(t) ? t.startsWith("scale") ? ya(e[1]) : ga : Ta, wa = (t) => t !== null;
+function Pa(t, { repeat: e, repeatType: n = "loop" }, s) {
+  const i = t.filter(wa), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[o];
 }
-function Ri(t, e) {
+function ki(t, e) {
   if (t?.inherit && e) {
     const { inherit: n, ...s } = t;
     return { ...e, ...s };
@@ -1377,9 +1377,9 @@ function Ri(t, e) {
 }
 function un(t, e) {
   const n = t?.[e] ?? t?.default ?? t;
-  return n !== t ? Ri(n, t) : n;
+  return n !== t ? ki(n, t) : n;
 }
-function Pa({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
+function Sa({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
 const hn = (t, e, n, s = {}, i, o) => (r) => {
@@ -1402,10 +1402,10 @@ const hn = (t, e, n, s = {}, i, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : i
   };
-  Pa(a) || Object.assign(u, Ta(t, u)), u.duration && (u.duration = /* @__PURE__ */ K(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ K(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Sa(a) || Object.assign(u, xa(t, u)), u.duration && (u.duration = /* @__PURE__ */ K(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ K(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Fe(u), u.delay === 0 && (h = !0)), (Y.instantAnimations || Y.skipAnimations || i?.shouldSkipAnimations) && (h = !0, Fe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = wa(u.keyframes, a);
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Fe(u), u.delay === 0 && (h = !0)), (q.instantAnimations || q.skipAnimations || i?.shouldSkipAnimations) && (h = !0, Fe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
+    const f = Pa(u.keyframes, a);
     if (f !== void 0) {
       A.update(() => {
         u.onUpdate(f), u.onComplete();
@@ -1413,7 +1413,7 @@ const hn = (t, e, n, s = {}, i, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new ln(u) : new ha(u);
+  return a.isSync ? new ln(u) : new fa(u);
 };
 function Kn(t) {
   const e = [{}, {}];
@@ -1436,7 +1436,7 @@ function yt(t, e, n) {
   const s = t.getProps();
   return fn(s, e, n !== void 0 ? n : s.custom, t);
 }
-const Li = /* @__PURE__ */ new Set([
+const Bi = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1444,8 +1444,8 @@ const Li = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...Pt
-]), $n = 30, Sa = (t) => !isNaN(parseFloat(t));
-class ba {
+]), $n = 30, ba = (t) => !isNaN(parseFloat(t));
+class Aa {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1461,7 +1461,7 @@ class ba {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = B.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Sa(this.current));
+    this.current = e, this.updatedAt = B.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ba(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1593,7 +1593,7 @@ class ba {
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > $n)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, $n);
-    return Js(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return Qs(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1645,82 +1645,82 @@ class ba {
   }
 }
 function vt(t, e) {
-  return new ba(t, e);
+  return new Aa(t, e);
 }
 const Ie = (t) => Array.isArray(t);
-function Aa(t, e, n) {
+function Va(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, vt(n));
 }
-function Va(t) {
+function Da(t) {
   return Ie(t) ? t[t.length - 1] || 0 : t;
 }
-function Da(t, e) {
+function Ma(t, e) {
   const n = yt(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...o } = n || {};
   o = { ...o, ...s };
   for (const r in o) {
-    const a = Va(o[r]);
-    Aa(t, r, a);
+    const a = Da(o[r]);
+    Va(t, r, a);
   }
 }
 const k = (t) => !!(t && t.getVelocity);
-function Ma(t) {
+function Ca(t) {
   return !!(k(t) && t.add);
 }
 function Oe(t, e) {
   const n = t.getValue("willChange");
-  if (Ma(n))
+  if (Ca(n))
     return n.add(e);
-  if (!n && Y.WillChange) {
-    const s = new Y.WillChange("auto");
+  if (!n && q.WillChange) {
+    const s = new q.WillChange("auto");
     t.addValue("willChange", s), s.add(e);
   }
 }
 function dn(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const Ca = "framerAppearId", ki = "data-" + dn(Ca);
-function Bi(t) {
-  return t.props[ki];
+const Ea = "framerAppearId", Fi = "data-" + dn(Ea);
+function Ii(t) {
+  return t.props[Fi];
 }
-function Ea({ protectedKeys: t, needsAnimating: e }, n) {
+function Ra({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
-function Fi(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function Oi(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   let { transition: o, transitionEnd: r, ...a } = e;
   const l = t.getDefaultTransition();
-  o = o ? Ri(o, l) : l;
+  o = o ? ki(o, l) : l;
   const c = o?.reduceMotion;
   s && (o = s);
   const u = [], h = i && t.animationState && t.animationState.getState()[i];
   for (const f in a) {
-    const d = t.getValue(f, t.latestValues[f] ?? null), p = a[f];
-    if (p === void 0 || h && Ea(h, f))
+    const d = t.getValue(f, t.latestValues[f] ?? null), m = a[f];
+    if (m === void 0 || h && Ra(h, f))
       continue;
     const v = {
       delay: n,
       ...un(o || {}, f)
     }, g = d.get();
-    if (g !== void 0 && !d.isAnimating && !Array.isArray(p) && p === g && !v.velocity)
+    if (g !== void 0 && !d.isAnimating && !Array.isArray(m) && m === g && !v.velocity)
       continue;
-    let m = !1;
+    let p = !1;
     if (window.MotionHandoffAnimation) {
-      const P = Bi(t);
+      const P = Ii(t);
       if (P) {
         const w = window.MotionHandoffAnimation(P, f, A);
-        w !== null && (v.startTime = w, m = !0);
+        w !== null && (v.startTime = w, p = !0);
       }
     }
     Oe(t, f);
     const x = c ?? t.shouldReduceMotion;
-    d.start(hn(f, d, p, x && Li.has(f) ? { type: !1 } : v, t, m));
+    d.start(hn(f, d, m, x && Bi.has(f) ? { type: !1 } : v, t, p));
     const y = d.animation;
     y && u.push(y);
   }
   if (r) {
     const f = () => A.update(() => {
-      r && Da(t, r);
+      r && Ma(t, r);
     });
     u.length ? Promise.all(u).then(f) : f();
   }
@@ -1730,9 +1730,9 @@ function je(t, e, n = {}) {
   const s = yt(t, e, n.type === "exit" ? t.presenceContext?.custom : void 0);
   let { transition: i = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
-  const o = s ? () => Promise.all(Fi(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
+  const o = s ? () => Promise.all(Oi(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
-    return Ra(t, e, l, c, u, h, n);
+    return La(t, e, l, c, u, h, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [o, r] : [r, o];
@@ -1740,16 +1740,16 @@ function je(t, e, n = {}) {
   } else
     return Promise.all([o(), r(n.delay)]);
 }
-function Ra(t, e, n = 0, s = 0, i = 0, o = 1, r) {
+function La(t, e, n = 0, s = 0, i = 0, o = 1, r) {
   const a = [];
   for (const l of t.variantChildren)
     l.notify("AnimationStart", e), a.push(je(l, e, {
       ...r,
-      delay: n + (typeof s == "function" ? 0 : s) + Ci(t.variantChildren, l, s, i, o)
+      delay: n + (typeof s == "function" ? 0 : s) + Ri(t.variantChildren, l, s, i, o)
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function La(t, e, n = {}) {
+function ka(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
@@ -1759,21 +1759,21 @@ function La(t, e, n = {}) {
     s = je(t, e, n);
   else {
     const i = typeof e == "function" ? yt(t, e, n.custom) : e;
-    s = Promise.all(Fi(t, i, n));
+    s = Promise.all(Oi(t, i, n));
   }
   return s.then(() => {
     t.notify("AnimationComplete", e);
   });
 }
-const ka = {
+const Ba = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ii = (t) => (e) => e.test(t), Oi = [wt, T, G, q, ro, io, ka], zn = (t) => Oi.find(Ii(t));
-function Ba(t) {
+}, ji = (t) => (e) => e.test(t), Ni = [wt, T, _, Z, ao, oo, Ba], zn = (t) => Ni.find(ji(t));
+function Fa(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Zs(t) : !0;
 }
-const Fa = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Ia(t) {
+const Ia = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Oa(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -1781,30 +1781,36 @@ function Ia(t) {
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let o = Fa.has(e) ? 1 : 0;
+  let o = Ia.has(e) ? 1 : 0;
   return s !== n && (o *= 100), e + "(" + o + i + ")";
 }
-const Oa = /\b([a-z-]*)\(.*?\)/gu, Ne = {
-  ...Q,
+const ja = /\b([a-z-]*)\(.*?\)/gu, Ne = {
+  ...H,
+  getAnimatableNone: (t) => {
+    const e = t.match(ja);
+    return e ? e.map(Oa).join(" ") : t;
+  }
+}, Ue = {
+  ...H,
   getAnimatableNone: (t) => {
-    const e = t.match(Oa);
-    return e ? e.map(Ia).join(" ") : t;
+    const e = H.parse(t);
+    return H.createTransformer(t)(e.map((s) => typeof s == "number" ? 0 : typeof s == "object" ? { ...s, alpha: 1 } : s));
   }
 }, Hn = {
   ...wt,
   transform: Math.round
-}, ja = {
-  rotate: q,
-  rotateX: q,
-  rotateY: q,
-  rotateZ: q,
+}, Na = {
+  rotate: Z,
+  rotateX: Z,
+  rotateY: Z,
+  rotateZ: Z,
   scale: Nt,
   scaleX: Nt,
   scaleY: Nt,
   scaleZ: Nt,
-  skew: q,
-  skewX: q,
-  skewY: q,
+  skew: Z,
+  skewX: Z,
+  skewY: Z,
   distance: T,
   translateX: T,
   translateY: T,
@@ -1818,7 +1824,7 @@ const Oa = /\b([a-z-]*)\(.*?\)/gu, Ne = {
   originX: Rn,
   originY: Rn,
   originZ: T
-}, pn = {
+}, mn = {
   // Border props
   borderWidth: T,
   borderTopWidth: T,
@@ -1874,14 +1880,14 @@ const Oa = /\b([a-z-]*)\(.*?\)/gu, Ne = {
   // Misc
   backgroundPositionX: T,
   backgroundPositionY: T,
-  ...ja,
+  ...Na,
   zIndex: Hn,
   // SVG
   fillOpacity: Et,
   strokeOpacity: Et,
   numOctaves: Hn
-}, Na = {
-  ...pn,
+}, Ua = {
+  ...mn,
   // Color props
   color: M,
   backgroundColor: M,
@@ -1895,24 +1901,26 @@ const Oa = /\b([a-z-]*)\(.*?\)/gu, Ne = {
   borderBottomColor: M,
   borderLeftColor: M,
   filter: Ne,
-  WebkitFilter: Ne
-}, ji = (t) => Na[t];
-function Ni(t, e) {
-  let n = ji(t);
-  return n !== Ne && (n = Q), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
-}
-const Ua = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Wa(t, e, n) {
+  WebkitFilter: Ne,
+  mask: Ue,
+  WebkitMask: Ue
+}, Ui = (t) => Ua[t], Wa = /* @__PURE__ */ new Set([Ne, Ue]);
+function Wi(t, e) {
+  let n = Ui(t);
+  return Wa.has(n) || (n = H), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+}
+const Ka = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function $a(t, e, n) {
   let s = 0, i;
   for (; s < t.length && !i; ) {
     const o = t[s];
-    typeof o == "string" && !Ua.has(o) && Rt(o).values.length && (i = t[s]), s++;
+    typeof o == "string" && !Ka.has(o) && Rt(o).values.length && (i = t[s]), s++;
   }
   if (i && n)
     for (const o of e)
-      t[o] = Ni(n, i);
+      t[o] = Wi(n, i);
 }
-class Ka extends cn {
+class za extends cn {
   constructor(e, n, s, i, o) {
     super(e, n, s, i, o, !0);
   }
@@ -1924,14 +1932,14 @@ class Ka extends cn {
     for (let u = 0; u < e.length; u++) {
       let h = e[u];
       if (typeof h == "string" && (h = h.trim(), tn(h))) {
-        const f = Ei(h, n.current);
+        const f = Li(h, n.current);
         f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = h);
       }
     }
-    if (this.resolveNoneKeyframes(), !Li.has(s) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !Bi.has(s) || e.length !== 2)
       return;
     const [i, o] = e, r = zn(i), a = zn(o), l = En(i), c = En(o);
-    if (l !== c && Z[s]) {
+    if (l !== c && J[s]) {
       this.needsMeasurement = !0;
       return;
     }
@@ -1941,19 +1949,19 @@ class Ka extends cn {
           const h = e[u];
           typeof h == "string" && (e[u] = parseFloat(h));
         }
-      else Z[s] && (this.needsMeasurement = !0);
+      else J[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
     for (let i = 0; i < e.length; i++)
-      (e[i] === null || Ba(e[i])) && s.push(i);
-    s.length && Wa(e, s, n);
+      (e[i] === null || Fa(e[i])) && s.push(i);
+    s.length && $a(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 = Z[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = J[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);
   }
@@ -1964,12 +1972,12 @@ class Ka extends cn {
     const i = e.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const o = s.length - 1, r = s[o];
-    s[o] = Z[n](e.measureViewportBox(), window.getComputedStyle(e.current)), r !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = r), this.removedTransforms?.length && this.removedTransforms.forEach(([a, l]) => {
+    s[o] = J[n](e.measureViewportBox(), window.getComputedStyle(e.current)), r !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = r), this.removedTransforms?.length && this.removedTransforms.forEach(([a, l]) => {
       e.getValue(a).set(l);
     }), this.resolveNoneKeyframes();
   }
 }
-const $a = /* @__PURE__ */ new Set([
+const Ha = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -1978,7 +1986,7 @@ const $a = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-function Ui(t, e, n) {
+function Ki(t, e, n) {
   if (t == null)
     return [];
   if (t instanceof EventTarget)
@@ -1990,48 +1998,48 @@ function Ui(t, e, n) {
   }
   return Array.from(t).filter((s) => s != null);
 }
-const Wi = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function za(t) {
+const $i = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+function Ga(t) {
   return qs(t) && "offsetHeight" in t;
 }
-const { schedule: mn } = /* @__PURE__ */ ci(queueMicrotask, !1), z = {
+const { schedule: pn } = /* @__PURE__ */ ui(queueMicrotask, !1), z = {
   x: !1,
   y: !1
 };
-function Ki() {
+function zi() {
   return z.x || z.y;
 }
-function Ha(t) {
+function _a(t) {
   return t === "x" || t === "y" ? z[t] ? null : (z[t] = !0, () => {
     z[t] = !1;
   }) : z.x || z.y ? null : (z.x = z.y = !0, () => {
     z.x = z.y = !1;
   });
 }
-function $i(t, e) {
-  const n = Ui(t), s = new AbortController(), i = {
+function Hi(t, e) {
+  const n = Ki(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
   };
   return [n, i, () => s.abort()];
 }
-function Ga(t) {
-  return !(t.pointerType === "touch" || Ki());
+function Xa(t) {
+  return !(t.pointerType === "touch" || zi());
 }
-function _a(t, e, n = {}) {
-  const [s, i, o] = $i(t, n);
+function Ya(t, e, n = {}) {
+  const [s, i, o] = Hi(t, n);
   return s.forEach((r) => {
     let a = !1, l = !1, c;
     const u = () => {
-      r.removeEventListener("pointerleave", p);
+      r.removeEventListener("pointerleave", m);
     }, h = (g) => {
       c && (c(g), c = void 0), u();
     }, f = (g) => {
       a = !1, window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f), l && (l = !1, h(g));
     }, d = () => {
       a = !0, window.addEventListener("pointerup", f, i), window.addEventListener("pointercancel", f, i);
-    }, p = (g) => {
+    }, m = (g) => {
       if (g.pointerType !== "touch") {
         if (a) {
           l = !0;
@@ -2040,29 +2048,29 @@ function _a(t, e, n = {}) {
         h(g);
       }
     }, v = (g) => {
-      if (!Ga(g))
+      if (!Xa(g))
         return;
       l = !1;
-      const m = e(r, g);
-      typeof m == "function" && (c = m, r.addEventListener("pointerleave", p, i));
+      const p = e(r, g);
+      typeof p == "function" && (c = p, r.addEventListener("pointerleave", m, i));
     };
     r.addEventListener("pointerenter", v, i), r.addEventListener("pointerdown", d, i);
   }), o;
 }
-const zi = (t, e) => e ? t === e ? !0 : zi(t, e.parentElement) : !1, gn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Xa = /* @__PURE__ */ new Set([
+const Gi = (t, e) => e ? t === e ? !0 : Gi(t, e.parentElement) : !1, gn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, qa = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Ya(t) {
-  return Xa.has(t.tagName) || t.isContentEditable === !0;
-}
-const qa = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
 function Za(t) {
   return qa.has(t.tagName) || t.isContentEditable === !0;
 }
+const Ja = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
+function Qa(t) {
+  return Ja.has(t.tagName) || t.isContentEditable === !0;
+}
 const Kt = /* @__PURE__ */ new WeakSet();
 function Gn(t) {
   return (e) => {
@@ -2072,7 +2080,7 @@ function Gn(t) {
 function fe(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const Ja = (t, e) => {
+const tl = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
@@ -2088,26 +2096,26 @@ const Ja = (t, e) => {
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
 function _n(t) {
-  return gn(t) && !Ki();
+  return gn(t) && !zi();
 }
 const Xn = /* @__PURE__ */ new WeakSet();
-function Qa(t, e, n = {}) {
-  const [s, i, o] = $i(t, n), r = (a) => {
+function el(t, e, n = {}) {
+  const [s, i, o] = Hi(t, n), r = (a) => {
     const l = a.currentTarget;
     if (!_n(a) || Xn.has(a))
       return;
     Kt.add(l), n.stopPropagation && Xn.add(a);
-    const c = e(l, a), u = (d, p) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Kt.has(l) && Kt.delete(l), _n(d) && typeof c == "function" && c(d, { success: p });
+    const c = e(l, a), u = (d, m) => {
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Kt.has(l) && Kt.delete(l), _n(d) && typeof c == "function" && c(d, { success: m });
     }, h = (d) => {
-      u(d, l === window || l === document || n.useGlobalTarget || zi(l, d.target));
+      u(d, l === window || l === document || n.useGlobalTarget || Gi(l, d.target));
     }, f = (d) => {
       u(d, !1);
     };
     window.addEventListener("pointerup", h, i), window.addEventListener("pointercancel", f, i);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), za(a) && (a.addEventListener("focus", (c) => Ja(c, i)), !Ya(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), Ga(a) && (a.addEventListener("focus", (c) => tl(c, i)), !Za(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function yn(t) {
@@ -2115,28 +2123,28 @@ function yn(t) {
 }
 const $t = /* @__PURE__ */ new WeakMap();
 let zt;
-const Hi = (t, e, n) => (s, i) => i && i[0] ? i[0][t + "Size"] : yn(s) && "getBBox" in s ? s.getBBox()[e] : s[n], tl = /* @__PURE__ */ Hi("inline", "width", "offsetWidth"), el = /* @__PURE__ */ Hi("block", "height", "offsetHeight");
-function nl({ target: t, borderBoxSize: e }) {
+const _i = (t, e, n) => (s, i) => i && i[0] ? i[0][t + "Size"] : yn(s) && "getBBox" in s ? s.getBBox()[e] : s[n], nl = /* @__PURE__ */ _i("inline", "width", "offsetWidth"), sl = /* @__PURE__ */ _i("block", "height", "offsetHeight");
+function il({ target: t, borderBoxSize: e }) {
   $t.get(t)?.forEach((n) => {
     n(t, {
       get width() {
-        return tl(t, e);
+        return nl(t, e);
       },
       get height() {
-        return el(t, e);
+        return sl(t, e);
       }
     });
   });
 }
-function sl(t) {
-  t.forEach(nl);
+function rl(t) {
+  t.forEach(il);
 }
-function il() {
-  typeof ResizeObserver > "u" || (zt = new ResizeObserver(sl));
+function ol() {
+  typeof ResizeObserver > "u" || (zt = new ResizeObserver(rl));
 }
-function rl(t, e) {
-  zt || il();
-  const n = Ui(t);
+function al(t, e) {
+  zt || ol();
+  const n = Ki(t);
   return n.forEach((s) => {
     let i = $t.get(s);
     i || (i = /* @__PURE__ */ new Set(), $t.set(s, i)), i.add(e), zt?.observe(s);
@@ -2149,7 +2157,7 @@ function rl(t, e) {
 }
 const Ht = /* @__PURE__ */ new Set();
 let dt;
-function ol() {
+function ll() {
   dt = () => {
     const t = {
       get width() {
@@ -2162,29 +2170,29 @@ function ol() {
     Ht.forEach((e) => e(t));
   }, window.addEventListener("resize", dt);
 }
-function al(t) {
-  return Ht.add(t), dt || ol(), () => {
+function cl(t) {
+  return Ht.add(t), dt || ll(), () => {
     Ht.delete(t), !Ht.size && typeof dt == "function" && (window.removeEventListener("resize", dt), dt = void 0);
   };
 }
 function Yn(t, e) {
-  return typeof t == "function" ? al(t) : rl(t, e);
+  return typeof t == "function" ? cl(t) : al(t, e);
 }
-function ll(t) {
+function ul(t) {
   return yn(t) && t.tagName === "svg";
 }
-const cl = [...Oi, M, Q], ul = (t) => cl.find(Ii(t)), qn = () => ({
+const hl = [...Ni, M, H], fl = (t) => hl.find(ji(t)), qn = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
-}), pt = () => ({
+}), mt = () => ({
   x: qn(),
   y: qn()
 }), Zn = () => ({ min: 0, max: 0 }), E = () => ({
   x: Zn(),
   y: Zn()
-}), hl = /* @__PURE__ */ new WeakMap();
+}), dl = /* @__PURE__ */ new WeakMap();
 function se(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
@@ -2203,10 +2211,10 @@ const vn = [
 function ie(t) {
   return se(t.animate) || Tn.some((e) => Lt(t[e]));
 }
-function Gi(t) {
+function Xi(t) {
   return !!(ie(t) || t.variants);
 }
-function fl(t, e, n) {
+function ml(t, e, n) {
   for (const s in e) {
     const i = e[s], o = n[s];
     if (k(i))
@@ -2226,14 +2234,14 @@ function fl(t, e, n) {
     e[s] === void 0 && t.removeValue(s);
   return e;
 }
-const Ue = { current: null }, _i = { current: !1 }, dl = typeof window < "u";
-function pl() {
-  if (_i.current = !0, !!dl)
+const We = { current: null }, Yi = { current: !1 }, pl = typeof window < "u";
+function gl() {
+  if (Yi.current = !0, !!pl)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ue.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => We.current = t.matches;
       t.addEventListener("change", e), e();
     } else
-      Ue.current = !1;
+      We.current = !1;
 }
 const Jn = [
   "AnimationStart",
@@ -2245,13 +2253,13 @@ const Jn = [
   "LayoutAnimationComplete"
 ];
 let Jt = {};
-function Xi(t) {
+function qi(t) {
   Jt = t;
 }
-function ml() {
+function yl() {
   return Jt;
 }
-class gl {
+class vl {
   /**
    * 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.
@@ -2270,21 +2278,21 @@ class gl {
       this.renderScheduledAt < d && (this.renderScheduledAt = d, A.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = a;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.skipAnimationsConfig = o, this.options = l, this.blockInitialAnimation = !!r, this.isControllingVariants = ie(n), this.isVariantNode = Gi(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.skipAnimationsConfig = o, this.options = l, this.blockInitialAnimation = !!r, this.isControllingVariants = ie(n), this.isVariantNode = Xi(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: h, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const d in f) {
-      const p = f[d];
-      c[d] !== void 0 && k(p) && p.set(c[d]);
+      const m = f[d];
+      c[d] !== void 0 && k(m) && m.set(c[d]);
     }
   }
   mount(e) {
     if (this.hasBeenMounted)
       for (const n in this.initialValues)
         this.values.get(n)?.jump(this.initialValues[n]), this.latestValues[n] = this.initialValues[n];
-    this.current = e, hl.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)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (_i.current || pl(), this.shouldReduceMotion = Ue.current), process.env.NODE_ENV !== "production" && Ze(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+    this.current = e, dl.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)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Yi.current || gl(), this.shouldReduceMotion = We.current), process.env.NODE_ENV !== "production" && Ze(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
   }
   unmount() {
-    this.projection && this.projection.unmount(), J(this.notifyUpdate), J(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+    this.projection && this.projection.unmount(), Q(this.notifyUpdate), Q(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
     for (const e in this.events)
       this.events[e].clear();
     for (const e in this.features) {
@@ -2300,8 +2308,8 @@ class gl {
     this.children.delete(e), this.enteringChildren && this.enteringChildren.delete(e);
   }
   bindToMotionValue(e, n) {
-    if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), n.accelerate && $a.has(e) && this.current instanceof HTMLElement) {
-      const { factory: r, keyframes: a, times: l, ease: c, duration: u } = n.accelerate, h = new Di({
+    if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), n.accelerate && Ha.has(e) && this.current instanceof HTMLElement) {
+      const { factory: r, keyframes: a, times: l, ease: c, duration: u } = n.accelerate, h = new Ci({
         element: this.current,
         name: e,
         keyframes: a,
@@ -2369,7 +2377,7 @@ class gl {
       const o = "on" + i, r = e[o];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
     }
-    this.prevMotionValues = fl(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = ml(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2434,7 +2442,7 @@ class gl {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (Ys(s) || Zs(s)) ? s = parseFloat(s) : !ul(s) && Q.test(n) && (s = Ni(e, n)), this.setBaseTarget(e, k(s) ? s.get() : s)), k(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Ys(s) || Zs(s)) ? s = parseFloat(s) : !fl(s) && H.test(n) && (s = Wi(e, n)), this.setBaseTarget(e, k(s) ? s.get() : s)), k(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2466,12 +2474,12 @@ class gl {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    mn.render(this.render);
+    pn.render(this.render);
   }
 }
-class Yi extends gl {
+class Zi extends vl {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Ka;
+    super(...arguments), this.KeyframeResolver = za;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2498,16 +2506,16 @@ class tt {
   update() {
   }
 }
-function qi({ top: t, left: e, right: n, bottom: s }) {
+function Ji({ top: t, left: e, right: n, bottom: s }) {
   return {
     x: { min: e, max: n },
     y: { min: t, max: s }
   };
 }
-function yl({ x: t, y: e }) {
+function Tl({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function vl(t, e) {
+function xl(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -2521,13 +2529,13 @@ function vl(t, e) {
 function de(t) {
   return t === void 0 || t === 1;
 }
-function We({ scale: t, scaleX: e, scaleY: n }) {
+function Ke({ scale: t, scaleX: e, scaleY: n }) {
   return !de(t) || !de(e) || !de(n);
 }
 function st(t) {
-  return We(t) || Zi(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return Ke(t) || Qi(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
-function Zi(t) {
+function Qi(t) {
   return Qn(t.x) || Qn(t.y);
 }
 function Qn(t) {
@@ -2540,14 +2548,14 @@ function Qt(t, e, n) {
 function ts(t, e, n, s, i) {
   return i !== void 0 && (t = Qt(t, i, s)), Qt(t, n, s) + e;
 }
-function Ke(t, e = 0, n = 1, s, i) {
+function $e(t, e = 0, n = 1, s, i) {
   t.min = ts(t.min, e, n, s, i), t.max = ts(t.max, e, n, s, i);
 }
-function Ji(t, { x: e, y: n }) {
-  Ke(t.x, e.translate, e.scale, e.originPoint), Ke(t.y, n.translate, n.scale, n.originPoint);
+function tr(t, { x: e, y: n }) {
+  $e(t.x, e.translate, e.scale, e.originPoint), $e(t.y, n.translate, n.scale, n.originPoint);
 }
 const es = 0.999999999999, ns = 1.0000000000001;
-function Tl(t, e, n, s = !1) {
+function wl(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -2559,36 +2567,36 @@ function Tl(t, e, n, s = !1) {
     l && l.props.style && l.props.style.display === "contents" || (s && o.options.layoutScroll && o.scroll && o !== o.root && gt(t, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, Ji(t, r)), s && st(o.latestValues) && gt(t, o.latestValues));
+    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, tr(t, r)), s && st(o.latestValues) && gt(t, o.latestValues));
   }
   e.x < ns && e.x > es && (e.x = 1), e.y < ns && e.y > es && (e.y = 1);
 }
-function mt(t, e) {
+function pt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function ss(t, e, n, s, i = 0.5) {
   const o = D(t.min, t.max, i);
-  Ke(t, e, n, o, s);
+  $e(t, e, n, o, s);
 }
 function gt(t, e) {
   ss(t.x, e.x, e.scaleX, e.scale, e.originX), ss(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
-function Qi(t, e) {
-  return qi(vl(t.getBoundingClientRect(), e));
+function er(t, e) {
+  return Ji(xl(t.getBoundingClientRect(), e));
 }
-function xl(t, e, n) {
-  const s = Qi(t, n), { scroll: i } = e;
-  return i && (mt(s.x, i.offset.x), mt(s.y, i.offset.y)), s;
+function Pl(t, e, n) {
+  const s = er(t, n), { scroll: i } = e;
+  return i && (pt(s.x, i.offset.x), pt(s.y, i.offset.y)), s;
 }
-const wl = {
+const Sl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Pl = Pt.length;
-function Sl(t, e, n) {
+}, bl = Pt.length;
+function Al(t, e, n) {
   let s = "", i = !0;
-  for (let o = 0; o < Pl; o++) {
+  for (let o = 0; o < bl; o++) {
     const r = Pt[o], a = t[r];
     if (a === void 0)
       continue;
@@ -2600,10 +2608,10 @@ function Sl(t, e, n) {
       l = r.startsWith("scale") ? c === 1 : c === 0;
     }
     if (!l || n) {
-      const c = Wi(a, pn[r]);
+      const c = $i(a, mn[r]);
       if (!l) {
         i = !1;
-        const u = wl[r] || r;
+        const u = Sl[r] || r;
         s += `${u}(${c}) `;
       }
       n && (e[r] = c);
@@ -2619,20 +2627,20 @@ function xn(t, e, n) {
     if (St.has(l)) {
       r = !0;
       continue;
-    } else if (hi(l)) {
+    } else if (fi(l)) {
       i[l] = c;
       continue;
     } else {
-      const u = Wi(c, pn[l]);
+      const u = $i(c, mn[l]);
       l.startsWith("origin") ? (a = !0, o[l] = u) : s[l] = u;
     }
   }
-  if (e.transform || (r || n ? s.transform = Sl(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (e.transform || (r || n ? s.transform = Al(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
     s.transformOrigin = `${l} ${c} ${u}`;
   }
 }
-function tr(t, { style: e, vars: n }, s, i) {
+function nr(t, { style: e, vars: n }, s, i) {
   const o = t.style;
   let r;
   for (r in e)
@@ -2656,17 +2664,17 @@ const bt = {
     const n = is(t, e.target.x), s = is(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, bl = {
+}, Vl = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
-    const s = t, i = Q.parse(t);
+    const s = t, i = H.parse(t);
     if (i.length > 5)
       return s;
-    const o = Q.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
+    const o = H.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
     i[0 + r] /= a, i[1 + r] /= l;
     const c = D(a, l, 0.5);
     return typeof i[2 + r] == "number" && (i[2 + r] /= c), typeof i[3 + r] == "number" && (i[3 + r] /= c), o(i);
   }
-}, $e = {
+}, ze = {
   borderRadius: {
     ...bt,
     applyTo: [
@@ -2680,36 +2688,36 @@ const bt = {
   borderTopRightRadius: bt,
   borderBottomLeftRadius: bt,
   borderBottomRightRadius: bt,
-  boxShadow: bl
+  boxShadow: Vl
 };
-function er(t, { layout: e, layoutId: n }) {
-  return St.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!$e[t] || t === "opacity");
+function sr(t, { layout: e, layoutId: n }) {
+  return St.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ze[t] || t === "opacity");
 }
 function wn(t, e, n) {
   const s = t.style, i = e?.style, o = {};
   if (!s)
     return o;
   for (const r in s)
-    (k(s[r]) || i && k(i[r]) || er(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (o[r] = s[r]);
+    (k(s[r]) || i && k(i[r]) || sr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (o[r] = s[r]);
   return o;
 }
-function Al(t) {
+function Dl(t) {
   return window.getComputedStyle(t);
 }
-class Vl extends Yi {
+class Ml extends Zi {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = tr;
+    super(...arguments), this.type = "html", this.renderInstance = nr;
   }
   readValueFromInstance(e, n) {
     if (St.has(n))
-      return this.projection?.isProjecting ? Ee(n) : $o(e, n);
+      return this.projection?.isProjecting ? Ee(n) : Ho(e, n);
     {
-      const s = Al(e), i = (hi(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Dl(e), i = (fi(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return Qi(e, n);
+    return er(e, n);
   }
   build(e, n, s) {
     xn(e, n, s.transformTemplate);
@@ -2718,25 +2726,25 @@ class Vl extends Yi {
     return wn(e, n, s);
   }
 }
-const Dl = {
+const Cl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Ml = {
+}, El = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Cl(t, e, n = 1, s = 0, i = !0) {
+function Rl(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
-  const o = i ? Dl : Ml;
+  const o = i ? Cl : El;
   t[o.offset] = `${-s}`, t[o.array] = `${e} ${n}`;
 }
-const El = [
+const Ll = [
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
   "offsetAnchor"
 ];
-function nr(t, {
+function ir(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -2753,11 +2761,11 @@ function nr(t, {
   t.attrs = t.style, t.style = {};
   const { attrs: h, style: f } = t;
   h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox);
-  for (const d of El)
+  for (const d of Ll)
     h[d] !== void 0 && (f[d] = h[d], delete h[d]);
-  e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && Cl(h, i, o, r, !1);
+  e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && Rl(h, i, o, r, !1);
 }
-const sr = /* @__PURE__ */ new Set([
+const rr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2781,13 +2789,13 @@ const sr = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), ir = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Rl(t, e, n, s) {
-  tr(t, e, void 0, s);
+]), or = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function kl(t, e, n, s) {
+  nr(t, e, void 0, s);
   for (const i in e.attrs)
-    t.setAttribute(sr.has(i) ? i : dn(i), e.attrs[i]);
+    t.setAttribute(rr.has(i) ? i : dn(i), e.attrs[i]);
 }
-function rr(t, e, n) {
+function ar(t, e, n) {
   const s = wn(t, e, n);
   for (const i in t)
     if (k(t[i]) || k(e[i])) {
@@ -2796,7 +2804,7 @@ function rr(t, e, n) {
     }
   return s;
 }
-class Ll extends Yi {
+class Bl extends Zi {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = E;
   }
@@ -2805,40 +2813,40 @@ class Ll extends Yi {
   }
   readValueFromInstance(e, n) {
     if (St.has(n)) {
-      const s = ji(n);
+      const s = Ui(n);
       return s && s.default || 0;
     }
-    return n = sr.has(n) ? n : dn(n), e.getAttribute(n);
+    return n = rr.has(n) ? n : dn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, s) {
-    return rr(e, n, s);
+    return ar(e, n, s);
   }
   build(e, n, s) {
-    nr(e, n, this.isSVGTag, s.transformTemplate, s.style);
+    ir(e, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(e, n, s, i) {
-    Rl(e, n, s, i);
+    kl(e, n, s, i);
   }
   mount(e) {
-    this.isSVGTag = ir(e.tagName), super.mount(e);
+    this.isSVGTag = or(e.tagName), super.mount(e);
   }
 }
-const kl = Tn.length;
-function or(t) {
+const Fl = Tn.length;
+function lr(t) {
   if (!t)
     return;
   if (!t.isControllingVariants) {
-    const n = t.parent ? or(t.parent) || {} : {};
+    const n = t.parent ? lr(t.parent) || {} : {};
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
-  for (let n = 0; n < kl; n++) {
+  for (let n = 0; n < Fl; n++) {
     const s = Tn[n], i = t.props[s];
     (Lt(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
-function ar(t, e) {
+function cr(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -2849,17 +2857,17 @@ function ar(t, e) {
       return !1;
   return !0;
 }
-const Bl = [...vn].reverse(), Fl = vn.length;
-function Il(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => La(t, n, s)));
+const Il = [...vn].reverse(), Ol = vn.length;
+function jl(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => ka(t, n, s)));
 }
-function Ol(t) {
-  let e = Il(t), n = rs(), s = !0;
+function Nl(t) {
+  let e = jl(t), n = rs(), s = !0;
   const i = (l) => (c, u) => {
     const h = yt(t, u, l === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
-      const { transition: f, transitionEnd: d, ...p } = h;
-      c = { ...c, ...p, ...d };
+      const { transition: f, transitionEnd: d, ...m } = h;
+      c = { ...c, ...m, ...d };
     }
     return c;
   };
@@ -2867,32 +2875,32 @@ function Ol(t) {
     e = l(t);
   }
   function r(l) {
-    const { props: c } = t, u = or(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
-    let d = {}, p = 1 / 0;
-    for (let g = 0; g < Fl; g++) {
-      const m = Bl[g], x = n[m], y = c[m] !== void 0 ? c[m] : u[m], P = Lt(y), w = m === l ? x.isActive : null;
-      w === !1 && (p = g);
-      let b = y === u[m] && y !== c[m] && P;
+    const { props: c } = t, u = lr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
+    let d = {}, m = 1 / 0;
+    for (let g = 0; g < Ol; g++) {
+      const p = Il[g], x = n[p], y = c[p] !== void 0 ? c[p] : u[p], P = Lt(y), w = p === l ? x.isActive : null;
+      w === !1 && (m = g);
+      let b = y === u[p] && y !== c[p] && P;
       if (b && s && t.manuallyAnimateOnMount && (b = !1), x.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
       !x.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
       !y && !x.prevProp || // Or if the prop doesn't define an animation
       se(y) || typeof y == "boolean")
         continue;
-      if (m === "exit" && x.isActive && w !== !0) {
+      if (p === "exit" && x.isActive && w !== !0) {
         x.prevResolvedValues && (d = {
           ...d,
           ...x.prevResolvedValues
         });
         continue;
       }
-      const C = jl(x.prevProp, y);
+      const C = Ul(x.prevProp, y);
       let S = C || // If we're making this variant active, we want to always make it active
-      m === l && x.isActive && !b && P || // If we removed a higher-priority variant (i is in reverse order)
-      g > p && P, I = !1;
+      p === l && x.isActive && !b && P || // If we removed a higher-priority variant (i is in reverse order)
+      g > m && P, I = !1;
       const j = Array.isArray(y) ? y : [y];
-      let lt = j.reduce(i(m), {});
+      let lt = j.reduce(i(p), {});
       w === !1 && (lt = {});
-      const { prevResolvedValues: bn = {} } = x, Rr = {
+      const { prevResolvedValues: bn = {} } = x, kr = {
         ...bn,
         ...lt
       }, An = (R) => {
@@ -2900,22 +2908,22 @@ function Ol(t) {
         const N = t.getValue(R);
         N && (N.liveStyle = !1);
       };
-      for (const R in Rr) {
+      for (const R in kr) {
         const N = lt[R], et = bn[R];
         if (d.hasOwnProperty(R))
           continue;
         let ct = !1;
-        Ie(N) && Ie(et) ? ct = !ar(N, et) : ct = N !== et, ct ? N != null ? An(R) : f.add(R) : N !== void 0 && f.has(R) ? An(R) : x.protectedKeys[R] = !0;
+        Ie(N) && Ie(et) ? ct = !cr(N, et) : ct = N !== et, ct ? N != null ? An(R) : f.add(R) : N !== void 0 && f.has(R) ? An(R) : x.protectedKeys[R] = !0;
       }
       x.prevProp = y, x.prevResolvedValues = lt, x.isActive && (d = { ...d, ...lt }), s && t.blockInitialAnimation && (S = !1);
       const Vn = b && C;
       S && (!Vn || I) && h.push(...j.map((R) => {
-        const N = { type: m };
+        const N = { type: p };
         if (typeof R == "string" && s && !Vn && t.manuallyAnimateOnMount && t.parent) {
           const { parent: et } = t, ct = yt(et, R);
           if (et.enteringChildren && ct) {
-            const { delayChildren: Lr } = ct.transition || {};
-            N.delay = Ci(et.enteringChildren, t, Lr);
+            const { delayChildren: Br } = ct.transition || {};
+            N.delay = Ri(et.enteringChildren, t, Br);
           }
         }
         return {
@@ -2927,12 +2935,12 @@ function Ol(t) {
     if (f.size) {
       const g = {};
       if (typeof c.initial != "boolean") {
-        const m = yt(t, Array.isArray(c.initial) ? c.initial[0] : c.initial);
-        m && m.transition && (g.transition = m.transition);
+        const p = yt(t, Array.isArray(c.initial) ? c.initial[0] : c.initial);
+        p && p.transition && (g.transition = p.transition);
       }
-      f.forEach((m) => {
-        const x = t.getBaseTarget(m), y = t.getValue(m);
-        y && (y.liveStyle = !0), g[m] = x ?? null;
+      f.forEach((p) => {
+        const x = t.getBaseTarget(p), y = t.getValue(p);
+        y && (y.liveStyle = !0), g[p] = x ?? null;
       }), h.push({ animation: g });
     }
     let v = !!h.length;
@@ -2957,8 +2965,8 @@ function Ol(t) {
     }
   };
 }
-function jl(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !ar(e, t) : !1;
+function Ul(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !cr(e, t) : !1;
 }
 function nt(t = !1) {
   return {
@@ -2988,15 +2996,15 @@ function $(t, e) {
 function as(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-const lr = 1e-4, Nl = 1 - lr, Ul = 1 + lr, cr = 0.01, Wl = 0 - cr, Kl = 0 + cr;
+const ur = 1e-4, Wl = 1 - ur, Kl = 1 + ur, hr = 0.01, $l = 0 - hr, zl = 0 + hr;
 function F(t) {
   return t.max - t.min;
 }
-function $l(t, e, n) {
+function Hl(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function ls(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = D(e.min, e.max, t.origin), t.scale = F(n) / F(e), t.translate = D(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Nl && t.scale <= Ul || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Wl && t.translate <= Kl || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = D(e.min, e.max, t.origin), t.scale = F(n) / F(e), t.translate = D(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Wl && t.scale <= Kl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= $l && t.translate <= zl || isNaN(t.translate)) && (t.translate = 0);
 }
 function Dt(t, e, n, s) {
   ls(t.x, e.x, n.x, s ? s.originX : void 0), ls(t.y, e.y, n.y, s ? s.originY : void 0);
@@ -3004,7 +3012,7 @@ function Dt(t, e, n, s) {
 function cs(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + F(e);
 }
-function zl(t, e, n) {
+function Gl(t, e, n) {
   cs(t.x, e.x, n.x), cs(t.y, e.y, n.y);
 }
 function us(t, e, n) {
@@ -3016,35 +3024,35 @@ function te(t, e, n) {
 function hs(t, e, n, s, i) {
   return t -= e, t = Qt(t, 1 / n, s), i !== void 0 && (t = Qt(t, 1 / i, s)), t;
 }
-function Hl(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
-  if (G.test(e) && (e = parseFloat(e), e = D(r.min, r.max, e / 100) - r.min), typeof e != "number")
+function _l(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
+  if (_.test(e) && (e = parseFloat(e), e = D(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = D(o.min, o.max, s);
   t === o && (a -= e), t.min = hs(t.min, e, n, a, i), t.max = hs(t.max, e, n, a, i);
 }
 function fs(t, e, [n, s, i], o, r) {
-  Hl(t, e[n], e[s], e[i], e.scale, o, r);
+  _l(t, e[n], e[s], e[i], e.scale, o, r);
 }
-const Gl = ["x", "scaleX", "originX"], _l = ["y", "scaleY", "originY"];
+const Xl = ["x", "scaleX", "originX"], Yl = ["y", "scaleY", "originY"];
 function ds(t, e, n, s) {
-  fs(t.x, e, Gl, n ? n.x : void 0, s ? s.x : void 0), fs(t.y, e, _l, n ? n.y : void 0, s ? s.y : void 0);
+  fs(t.x, e, Xl, n ? n.x : void 0, s ? s.x : void 0), fs(t.y, e, Yl, n ? n.y : void 0, s ? s.y : void 0);
 }
-function ps(t) {
+function ms(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function ur(t) {
-  return ps(t.x) && ps(t.y);
+function fr(t) {
+  return ms(t.x) && ms(t.y);
 }
-function ms(t, e) {
+function ps(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function Xl(t, e) {
-  return ms(t.x, e.x) && ms(t.y, e.y);
+function ql(t, e) {
+  return ps(t.x, e.x) && ps(t.y, e.y);
 }
 function gs(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function hr(t, e) {
+function dr(t, e) {
   return gs(t.x, e.x) && gs(t.y, e.y);
 }
 function ys(t) {
@@ -3053,76 +3061,76 @@ function ys(t) {
 function vs(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-function H(t) {
+function G(t) {
   return [t("x"), t("y")];
 }
-function Yl(t, e, n) {
+function Zl(t, e, n) {
   let s = "";
   const i = t.x.translate / e.x, o = t.y.translate / e.y, r = n?.z || 0;
   if ((i || o || r) && (s = `translate3d(${i}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (s += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
-    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: f, skewX: d, skewY: p } = n;
-    c && (s = `perspective(${c}px) ${s}`), u && (s += `rotate(${u}deg) `), h && (s += `rotateX(${h}deg) `), f && (s += `rotateY(${f}deg) `), d && (s += `skewX(${d}deg) `), p && (s += `skewY(${p}deg) `);
+    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: f, skewX: d, skewY: m } = n;
+    c && (s = `perspective(${c}px) ${s}`), u && (s += `rotate(${u}deg) `), h && (s += `rotateX(${h}deg) `), f && (s += `rotateY(${f}deg) `), d && (s += `skewX(${d}deg) `), m && (s += `skewY(${m}deg) `);
   }
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (s += `scale(${a}, ${l})`), s || "none";
 }
-const fr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], ql = fr.length, Ts = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || T.test(t);
-function Zl(t, e, n, s, i, o) {
-  i ? (t.opacity = D(0, n.opacity ?? 1, Jl(s)), t.opacityExit = D(e.opacity ?? 1, 0, Ql(s))) : o && (t.opacity = D(e.opacity ?? 1, n.opacity ?? 1, s));
-  for (let r = 0; r < ql; r++) {
-    const a = `border${fr[r]}Radius`;
+const mr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Jl = mr.length, Ts = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || T.test(t);
+function Ql(t, e, n, s, i, o) {
+  i ? (t.opacity = D(0, n.opacity ?? 1, tc(s)), t.opacityExit = D(e.opacity ?? 1, 0, ec(s))) : o && (t.opacity = D(e.opacity ?? 1, n.opacity ?? 1, s));
+  for (let r = 0; r < Jl; r++) {
+    const a = `border${mr[r]}Radius`;
     let l = ws(e, a), c = ws(n, a);
     if (l === void 0 && c === void 0)
       continue;
-    l || (l = 0), c || (c = 0), l === 0 || c === 0 || xs(l) === xs(c) ? (t[a] = Math.max(D(Ts(l), Ts(c), s), 0), (G.test(c) || G.test(l)) && (t[a] += "%")) : t[a] = c;
+    l || (l = 0), c || (c = 0), l === 0 || c === 0 || xs(l) === xs(c) ? (t[a] = Math.max(D(Ts(l), Ts(c), s), 0), (_.test(c) || _.test(l)) && (t[a] += "%")) : t[a] = c;
   }
   (e.rotate || n.rotate) && (t.rotate = D(e.rotate || 0, n.rotate || 0, s));
 }
 function ws(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Jl = /* @__PURE__ */ dr(0, 0.5, ri), Ql = /* @__PURE__ */ dr(0.5, 0.95, W);
-function dr(t, e, n) {
+const tc = /* @__PURE__ */ pr(0, 0.5, oi), ec = /* @__PURE__ */ pr(0.5, 0.95, W);
+function pr(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Ct(t, e, s));
 }
-function tc(t, e, n) {
+function nc(t, e, n) {
   const s = k(t) ? t : vt(t);
   return s.start(hn("", s, e, n)), s.animation;
 }
 function kt(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-const ec = (t, e) => t.depth - e.depth;
-class nc {
+const sc = (t, e) => t.depth - e.depth;
+class ic {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    Xe(this.children, e), this.isDirty = !0;
+    Ye(this.children, e), this.isDirty = !0;
   }
   remove(e) {
     Xt(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(ec), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(sc), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function sc(t, e) {
+function rc(t, e) {
   const n = B.now(), s = ({ timestamp: i }) => {
     const o = i - n;
-    o >= e && (J(s), t(o - e));
+    o >= e && (Q(s), t(o - e));
   };
-  return A.setup(s, !0), () => J(s);
+  return A.setup(s, !0), () => Q(s);
 }
 function Gt(t) {
   return k(t) ? t.get() : t;
 }
-class ic {
+class oc {
   constructor() {
     this.members = [];
   }
   add(e) {
-    Xe(this.members, e);
+    Ye(this.members, e);
     for (let n = this.members.length - 1; n >= 0; n--) {
       const s = this.members[n];
       if (s === e || s === this.lead || s === this.prevLead)
@@ -3195,37 +3203,37 @@ const _t = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, pe = ["", "X", "Y", "Z"], rc = 1e3;
-let oc = 0;
-function me(t, e, n, s) {
+}, me = ["", "X", "Y", "Z"], ac = 1e3;
+let lc = 0;
+function pe(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
 }
-function pr(t) {
+function gr(t) {
   if (t.hasCheckedOptimisedAppear = !0, t.root === t)
     return;
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = Bi(e);
+  const n = Ii(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: o } = t.options;
     window.MotionCancelOptimisedAnimation(n, "transform", A, !(i || o));
   }
   const { parent: s } = t;
-  s && !s.hasCheckedOptimisedAppear && pr(s);
+  s && !s.hasCheckedOptimisedAppear && gr(s);
 }
-function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
+function yr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(r = {}, a = e?.()) {
-      this.id = oc++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = lc++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, this.nodes.forEach(cc), this.nodes.forEach(dc), this.nodes.forEach(pc), this.nodes.forEach(uc);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(hc), this.nodes.forEach(pc), this.nodes.forEach(gc), this.nodes.forEach(fc);
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new nc());
+      this.root === this && (this.nodes = new ic());
     }
     addEventListener(r, a) {
       return this.eventHandlers.has(r) || this.eventHandlers.set(r, new qe()), this.eventHandlers.get(r).add(a);
@@ -3243,7 +3251,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = yn(r) && !ll(r), this.instance = r;
+      this.isSVG = yn(r) && !ul(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
@@ -3252,7 +3260,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = sc(f, 250), _t.hasAnimatedSinceResize && (_t.hasAnimatedSinceResize = !1, this.nodes.forEach(bs)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = rc(f, 250), _t.hasAnimatedSinceResize && (_t.hasAnimatedSinceResize = !1, this.nodes.forEach(bs)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -3260,11 +3268,11 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || c.getDefaultTransition() || Tc, { onLayoutAnimationStart: v, onLayoutAnimationComplete: g } = c.getProps(), m = !this.targetLayout || !hr(this.targetLayout, d), x = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || x || h && (m || !this.currentAnimation)) {
+        const m = this.options.transition || c.getDefaultTransition() || wc, { onLayoutAnimationStart: v, onLayoutAnimationComplete: g } = c.getProps(), p = !this.targetLayout || !dr(this.targetLayout, d), x = !h && f;
+        if (this.options.layoutRoot || this.resumeFrom || x || h && (p || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const y = {
-            ...un(p, "layout"),
+            ...un(m, "layout"),
             onPlay: v,
             onComplete: g
           };
@@ -3277,7 +3285,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     unmount() {
       this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
       const r = this.getStack();
-      r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), J(this.updateProjection);
+      r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), Q(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -3294,7 +3302,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(mc), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(yc), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -3305,7 +3313,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && pr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && gr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
@@ -3327,15 +3335,15 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.nodes.forEach(Ss);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(fc), this.nodes.forEach(ac), this.nodes.forEach(lc)) : this.nodes.forEach(Ss), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(mc), this.nodes.forEach(cc), this.nodes.forEach(uc)) : this.nodes.forEach(Ss), this.clearAllSnapshots();
       const a = B.now();
-      L.delta = _(0, 1e3 / 60, a - L.timestamp), L.timestamp = a, L.isProcessing = !0, oe.update.process(L), oe.preRender.process(L), oe.render.process(L), L.isProcessing = !1;
+      L.delta = X(0, 1e3 / 60, a - L.timestamp), L.timestamp = a, L.isProcessing = !0, oe.update.process(L), oe.preRender.process(L), oe.render.process(L), L.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, mn.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, pn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(hc), this.sharedNodes.forEach(gc);
+      this.nodes.forEach(dc), this.sharedNodes.forEach(vc);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, A.preRender(this.updateProjection, !1, !0));
@@ -3378,13 +3386,13 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !ur(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
+      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !fr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       r && this.instance && (a || st(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), xc(l), {
+      return r && (l = this.removeTransform(l)), Pc(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3397,9 +3405,9 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!r)
         return E();
       const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(wc))) {
+      if (!(this.scroll?.wasRoot || this.path.some(Sc))) {
         const { scroll: c } = this.root;
-        c && (mt(a.x, c.offset.x), mt(a.y, c.offset.y));
+        c && (pt(a.x, c.offset.x), pt(a.y, c.offset.y));
       }
       return a;
     }
@@ -3409,7 +3417,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return a;
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l], { scroll: u, options: h } = c;
-        c !== this.root && u && h.layoutScroll && (u.wasRoot && $(a, r), mt(a.x, u.offset.x), mt(a.y, u.offset.y));
+        c !== this.root && u && h.layoutScroll && (u.wasRoot && $(a, r), pt(a.x, u.offset.x), pt(a.y, u.offset.y));
       }
       return a;
     }
@@ -3432,7 +3440,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         const c = this.path[l];
         if (!c.instance || !st(c.latestValues))
           continue;
-        We(c.latestValues) && c.updateSnapshot();
+        Ke(c.latestValues) && c.updateSnapshot();
         const u = E(), h = c.measurePageBox();
         $(u, h), ds(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
@@ -3465,10 +3473,10 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.resolvedRelativeTargetAt = L.timestamp;
       const f = this.getClosestProjectingParent();
-      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = E(), this.targetWithTransforms = E()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), zl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : $(this.target, this.layout.layoutBox), Ji(this.target, this.targetDelta)) : $(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = E(), this.targetWithTransforms = E()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Gl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : $(this.target, this.layout.layoutBox), tr(this.target, this.targetDelta)) : $(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || We(this.parent.latestValues) || Zi(this.parent.latestValues)))
+      if (!(!this.parent || Ke(this.parent.latestValues) || Qi(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
@@ -3490,7 +3498,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       $(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      Tl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = E());
+      wl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = E());
       const { target: d } = r;
       if (!d) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -3512,22 +3520,22 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     createProjectionDeltas() {
-      this.prevProjectionDelta = pt(), this.projectionDelta = pt(), this.projectionDeltaWithTransform = pt();
+      this.prevProjectionDelta = mt(), this.projectionDelta = mt(), this.projectionDeltaWithTransform = mt();
     }
     setAnimationOrigin(r, a = !1) {
-      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = pt();
+      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = mt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = E(), d = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, v = d !== p, g = this.getStack(), m = !g || g.members.length <= 1, x = !!(v && !m && this.options.crossfade === !0 && !this.path.some(vc));
+      const f = E(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, v = d !== m, g = this.getStack(), p = !g || g.members.length <= 1, x = !!(v && !p && this.options.crossfade === !0 && !this.path.some(xc));
       this.animationProgress = 0;
       let y;
       this.mixTargetDelta = (P) => {
         const w = P / 1e3;
-        As(h.x, r.x, w), As(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (te(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), yc(this.relativeTarget, this.relativeTargetOrigin, f, w), y && Xl(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = E()), $(y, this.relativeTarget)), v && (this.animationValues = u, Zl(u, c, this.latestValues, w, x, m)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+        As(h.x, r.x, w), As(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (te(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Tc(this.relativeTarget, this.relativeTargetOrigin, f, w), y && ql(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = E()), $(y, this.relativeTarget)), v && (this.animationValues = u, Ql(u, c, this.latestValues, w, x, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (J(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = A.update(() => {
-        _t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = vt(0)), this.currentAnimation = tc(this.motionValue, [0, 1e3], {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Q(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = A.update(() => {
+        _t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = vt(0)), this.motionValue.jump(0, !1), this.currentAnimation = nc(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -3548,13 +3556,13 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(rc), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(ac), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
       if (!(!a || !l || !c)) {
-        if (this !== r && this.layout && c && gr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+        if (this !== r && this.layout && c && vr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || E();
           const h = F(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
@@ -3565,7 +3573,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new ic()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new oc()), this.sharedNodes.get(r).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -3606,9 +3614,9 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if ((l.z || l.rotate || l.rotateX || l.rotateY || l.rotateZ || l.skewX || l.skewY) && (a = !0), !a)
         return;
       const c = {};
-      l.z && me("z", r, c, this.animationValues);
-      for (let u = 0; u < pe.length; u++)
-        me(`rotate${pe[u]}`, r, c, this.animationValues), me(`skew${pe[u]}`, r, c, this.animationValues);
+      l.z && pe("z", r, c, this.animationValues);
+      for (let u = 0; u < me.length; u++)
+        pe(`rotate${me[u]}`, r, c, this.animationValues), pe(`skew${me[u]}`, r, c, this.animationValues);
       r.render();
       for (const u in c)
         r.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
@@ -3634,20 +3642,20 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r.visibility = "";
       const u = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let h = Yl(this.projectionDeltaWithTransform, this.treeScale, u);
+      let h = Zl(this.projectionDeltaWithTransform, this.treeScale, u);
       l && (h = l(u, h)), r.transform = h;
       const { x: f, y: d } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${d.origin * 100}% 0`, c.animationValues ? r.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : r.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
-      for (const p in $e) {
-        if (u[p] === void 0)
+      for (const m in ze) {
+        if (u[m] === void 0)
           continue;
-        const { correct: v, applyTo: g, isCSSVariable: m } = $e[p], x = h === "none" ? u[p] : v(u[p], c);
+        const { correct: v, applyTo: g, isCSSVariable: p } = ze[m], x = h === "none" ? u[m] : v(u[m], c);
         if (g) {
           const y = g.length;
           for (let P = 0; P < y; P++)
             r[g[P]] = x;
         } else
-          m ? this.options.visualElement.renderState.vars[p] = x : r[p] = x;
+          p ? this.options.visualElement.renderState.vars[m] = x : r[m] = x;
       }
       this.options.layoutId && (r.pointerEvents = c === this ? Gt(a?.pointerEvents) || "" : "none");
     }
@@ -3660,25 +3668,25 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function ac(t) {
+function cc(t) {
   t.updateLayout();
 }
-function lc(t) {
+function uc(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: s } = t.layout, { animationType: i } = t.options, o = e.source !== t.layout.source;
-    i === "size" ? H((u) => {
+    i === "size" ? G((u) => {
       const h = o ? e.measuredBox[u] : e.layoutBox[u], f = F(h);
       h.min = n[u].min, h.max = h.min + f;
-    }) : gr(i, e.layoutBox, n) && H((u) => {
+    }) : vr(i, e.layoutBox, n) && G((u) => {
       const h = o ? e.measuredBox[u] : e.layoutBox[u], f = F(n[u]);
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[u].max = t.relativeTarget[u].min + f);
     });
-    const r = pt();
+    const r = mt();
     Dt(r, n, e.layoutBox);
-    const a = pt();
+    const a = mt();
     o ? Dt(a, t.applyTransform(s, !0), e.measuredBox) : Dt(a, n, e.layoutBox);
-    const l = !ur(r);
+    const l = !fr(r);
     let c = !1;
     if (!t.resumeFrom) {
       const u = t.getClosestProjectingParent();
@@ -3687,8 +3695,8 @@ function lc(t) {
         if (h && f) {
           const d = E();
           te(d, e.layoutBox, h.layoutBox);
-          const p = E();
-          te(p, n, f.layoutBox), hr(d, p) || (c = !0), u.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = d, t.relativeParent = u);
+          const m = E();
+          te(m, n, f.layoutBox), dr(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
         }
       }
     }
@@ -3706,13 +3714,13 @@ function lc(t) {
   }
   t.options.transition = void 0;
 }
-function cc(t) {
+function hc(t) {
   t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function uc(t) {
+function fc(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function hc(t) {
+function dc(t) {
   t.clearSnapshot();
 }
 function Ps(t) {
@@ -3721,23 +3729,23 @@ function Ps(t) {
 function Ss(t) {
   t.isLayoutDirty = !1;
 }
-function fc(t) {
+function mc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function bs(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function dc(t) {
+function pc(t) {
   t.resolveTargetDelta();
 }
-function pc(t) {
+function gc(t) {
   t.calcProjection();
 }
-function mc(t) {
+function yc(t) {
   t.resetSkewAndRotation();
 }
-function gc(t) {
+function vc(t) {
   t.removeLeadSnapshot();
 }
 function As(t, e, n) {
@@ -3746,29 +3754,29 @@ function As(t, e, n) {
 function Vs(t, e, n, s) {
   t.min = D(e.min, n.min, s), t.max = D(e.max, n.max, s);
 }
-function yc(t, e, n, s) {
+function Tc(t, e, n, s) {
   Vs(t.x, e.x, n.x, s), Vs(t.y, e.y, n.y, s);
 }
-function vc(t) {
+function xc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Tc = {
+const wc = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, Ds = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ms = Ds("applewebkit/") && !Ds("chrome/") ? Math.round : W;
 function Cs(t) {
   t.min = Ms(t.min), t.max = Ms(t.max);
 }
-function xc(t) {
+function Pc(t) {
   Cs(t.x), Cs(t.y);
 }
-function gr(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !$l(ys(e), ys(n), 0.2);
+function vr(t, e, n) {
+  return t === "position" || t === "preserve-aspect" && !Hl(ys(e), ys(n), 0.2);
 }
-function wc(t) {
+function Sc(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
-const Pc = mr({
+const bc = yr({
   attachResizeListener: (t, e) => kt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
@@ -3777,14 +3785,14 @@ const Pc = mr({
   checkIsScrollRoot: () => !0
 }), ge = {
   current: void 0
-}, yr = mr({
+}, Tr = yr({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
     if (!ge.current) {
-      const t = new Pc({});
+      const t = new bc({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), ge.current = t;
     }
     return ge.current;
@@ -3793,24 +3801,24 @@ const Pc = mr({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), vr = Tt({
+}), xr = Tt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function Sc(t = !0) {
-  const e = O(_e);
+function Ac(t = !0) {
+  const e = O(Xe);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: i } = e, o = Br();
-  Ge(() => {
+  const { isPresent: n, onExitComplete: s, register: i } = e, o = Ir();
+  _e(() => {
     if (t)
       return i(o);
   }, [t]);
   const r = $s(() => t && s && s(o), [o, s, t]);
   return !n && s ? [!1, r] : [!0];
 }
-const Tr = Tt({ strict: !1 }), Es = {
+const wr = Tt({ strict: !1 }), Es = {
   animation: [
     "animate",
     "variants",
@@ -3831,7 +3839,7 @@ const Tr = Tt({ strict: !1 }), Es = {
   layout: ["layout", "layoutId"]
 };
 let Rs = !1;
-function bc() {
+function Vc() {
   if (Rs)
     return;
   const t = {};
@@ -3839,21 +3847,21 @@ function bc() {
     t[e] = {
       isEnabled: (n) => Es[e].some((s) => !!n[s])
     };
-  Xi(t), Rs = !0;
+  qi(t), Rs = !0;
 }
-function xr() {
-  return bc(), ml();
+function Pr() {
+  return Vc(), yl();
 }
-function Ac(t) {
-  const e = xr();
+function Dc(t) {
+  const e = Pr();
   for (const n in t)
     e[n] = {
       ...e[n],
       ...t[n]
     };
-  Xi(e);
+  qi(e);
 }
-const Vc = /* @__PURE__ */ new Set([
+const Mc = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -3887,25 +3895,25 @@ const Vc = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function ee(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Vc.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Mc.has(t);
 }
-let wr = (t) => !ee(t);
-function Dc(t) {
-  typeof t == "function" && (wr = (e) => e.startsWith("on") ? !ee(e) : t(e));
+let Sr = (t) => !ee(t);
+function Cc(t) {
+  typeof t == "function" && (Sr = (e) => e.startsWith("on") ? !ee(e) : t(e));
 }
 try {
-  Dc(require("@emotion/is-prop-valid").default);
+  Cc(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Mc(t, e, n) {
+function Ec(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (wr(i) || n === !0 && ee(i) || !e && !ee(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (Sr(i) || n === !0 && ee(i) || !e && !ee(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
 const re = /* @__PURE__ */ Tt({});
-function Cc(t, e) {
+function Rc(t, e) {
   if (ie(t)) {
     const { initial: n, animate: s } = t;
     return {
@@ -3915,8 +3923,8 @@ function Cc(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function Ec(t) {
-  const { initial: e, animate: n } = Cc(t, O(re));
+function Lc(t) {
+  const { initial: e, animate: n } = Rc(t, O(re));
   return ne(() => ({ initial: e, animate: n }), [Ls(e), Ls(n)]);
 }
 function Ls(t) {
@@ -3928,43 +3936,43 @@ const Pn = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Pr(t, e, n) {
+function br(t, e, n) {
   for (const s in e)
-    !k(e[s]) && !er(s, n) && (t[s] = e[s]);
+    !k(e[s]) && !sr(s, n) && (t[s] = e[s]);
 }
-function Rc({ transformTemplate: t }, e) {
+function kc({ transformTemplate: t }, e) {
   return ne(() => {
     const n = Pn();
     return xn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function Lc(t, e) {
+function Bc(t, e) {
   const n = t.style || {}, s = {};
-  return Pr(s, n, t), Object.assign(s, Rc(t, e)), s;
+  return br(s, n, t), Object.assign(s, kc(t, e)), s;
 }
-function kc(t, e) {
-  const n = {}, s = Lc(t, e);
+function Fc(t, e) {
+  const n = {}, s = Bc(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const Sr = () => ({
+const Ar = () => ({
   ...Pn(),
   attrs: {}
 });
-function Bc(t, e, n, s) {
+function Ic(t, e, n, s) {
   const i = ne(() => {
-    const o = Sr();
-    return nr(o, e, ir(s), t.transformTemplate, t.style), {
+    const o = Ar();
+    return ir(o, e, or(s), t.transformTemplate, t.style), {
       ...o.attrs,
       style: { ...o.style }
     };
   }, [e]);
   if (t.style) {
     const o = {};
-    Pr(o, t.style, t), i.style = { ...o, ...i.style };
+    br(o, t.style, t), i.style = { ...o, ...i.style };
   }
   return i;
 }
-const Fc = [
+const Oc = [
   "animate",
   "circle",
   "defs",
@@ -4004,32 +4012,32 @@ function Sn(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Fc.indexOf(t) > -1 || /**
+      !!(Oc.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
     )
   );
 }
-function Ic(t, e, n, { latestValues: s }, i, o = !1, r) {
-  const l = (r ?? Sn(t) ? Bc : kc)(e, s, i, t), c = Mc(e, typeof t == "string", o), u = t !== zs ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = ne(() => k(h) ? h.get() : h, [h]);
-  return Fr(t, {
+function jc(t, e, n, { latestValues: s }, i, o = !1, r) {
+  const l = (r ?? Sn(t) ? Ic : Fc)(e, s, i, t), c = Ec(e, typeof t == "string", o), u = t !== zs ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = ne(() => k(h) ? h.get() : h, [h]);
+  return Or(t, {
     ...u,
     children: f
   });
 }
-function Oc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
+function Nc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
-    latestValues: jc(n, s, i, t),
+    latestValues: Uc(n, s, i, t),
     renderState: e()
   };
 }
-function jc(t, e, n, s) {
+function Uc(t, e, n, s) {
   const i = {}, o = s(t, {});
   for (const f in o)
     i[f] = Gt(o[f]);
   let { initial: r, animate: a } = t;
-  const l = ie(t), c = Gi(t);
+  const l = ie(t), c = Xi(t);
   e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || r === !1;
@@ -4037,11 +4045,11 @@ function jc(t, e, n, s) {
   if (h && typeof h != "boolean" && !se(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let d = 0; d < f.length; d++) {
-      const p = fn(t, f[d]);
-      if (p) {
-        const { transitionEnd: v, transition: g, ...m } = p;
-        for (const x in m) {
-          let y = m[x];
+      const m = fn(t, f[d]);
+      if (m) {
+        const { transitionEnd: v, transition: g, ...p } = m;
+        for (const x in p) {
+          let y = p[x];
           if (Array.isArray(y)) {
             const P = u ? y.length - 1 : 0;
             y = y[P];
@@ -4055,17 +4063,17 @@ function jc(t, e, n, s) {
   }
   return i;
 }
-const br = (t) => (e, n) => {
-  const s = O(re), i = O(_e), o = () => Oc(t, e, s, i);
-  return n ? o() : Nr(o);
-}, Nc = /* @__PURE__ */ br({
+const Vr = (t) => (e, n) => {
+  const s = O(re), i = O(Xe), o = () => Nc(t, e, s, i);
+  return n ? o() : Wr(o);
+}, Wc = /* @__PURE__ */ Vr({
   scrapeMotionValuesFromProps: wn,
   createRenderState: Pn
-}), Uc = /* @__PURE__ */ br({
-  scrapeMotionValuesFromProps: rr,
-  createRenderState: Sr
-}), Wc = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
-function Kc(t, e, n) {
+}), Kc = /* @__PURE__ */ Vr({
+  scrapeMotionValuesFromProps: ar,
+  createRenderState: Ar
+}), $c = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
+function zc(t, e, n) {
   const s = it(n);
   Hs(() => {
     s.current = n;
@@ -4082,12 +4090,12 @@ function Kc(t, e, n) {
     else r && (r.current = o);
   }, [e]);
 }
-const Ar = Tt({});
+const Dr = Tt({});
 function ut(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function $c(t, e, n, s, i, o) {
-  const { visualElement: r } = O(re), a = O(Tr), l = O(_e), c = O(vr), u = c.reducedMotion, h = c.skipAnimations, f = it(null), d = it(!1);
+function Hc(t, e, n, s, i, o) {
+  const { visualElement: r } = O(re), a = O(wr), l = O(Xe), c = O(xr), u = c.reducedMotion, h = c.skipAnimations, f = it(null), d = it(!1);
   s = s || a.renderer, !f.current && s && (f.current = s(t, {
     visualState: e,
     parent: r,
@@ -4098,24 +4106,24 @@ function $c(t, e, n, s, i, o) {
     skipAnimations: h,
     isSVG: o
   }), d.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const p = f.current, v = O(Ar);
-  p && !p.projection && i && (p.type === "html" || p.type === "svg") && zc(f.current, n, i, v);
+  const m = f.current, v = O(Dr);
+  m && !m.projection && i && (m.type === "html" || m.type === "svg") && Gc(f.current, n, i, v);
   const g = it(!1);
   Hs(() => {
-    p && g.current && p.update(n, l);
+    m && g.current && m.update(n, l);
   });
-  const m = n[ki], x = it(!!m && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
-  return Ur(() => {
-    d.current = !0, p && (g.current = !0, window.MotionIsMounted = !0, p.updateFeatures(), p.scheduleRenderMicrotask(), x.current && p.animationState && p.animationState.animateChanges());
-  }), Ge(() => {
-    p && (!x.current && p.animationState && p.animationState.animateChanges(), x.current && (queueMicrotask(() => {
-      window.MotionHandoffMarkAsComplete?.(m);
-    }), x.current = !1), p.enteringChildren = void 0);
-  }), p;
-}
-function zc(t, e, n, s) {
+  const p = n[Fi], x = it(!!p && !window.MotionHandoffIsComplete?.(p) && window.MotionHasOptimisedAnimation?.(p));
+  return Kr(() => {
+    d.current = !0, m && (g.current = !0, window.MotionIsMounted = !0, m.updateFeatures(), m.scheduleRenderMicrotask(), x.current && m.animationState && m.animationState.animateChanges());
+  }), _e(() => {
+    m && (!x.current && m.animationState && m.animationState.animateChanges(), x.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(p);
+    }), x.current = !1), m.enteringChildren = void 0);
+  }), m;
+}
+function Gc(t, e, n, s) {
   const { layoutId: i, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: c, layoutCrossfade: u } = e;
-  t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Vr(t.parent)), t.projection.setOptions({
+  t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Mr(t.parent)), t.projection.setOptions({
     layoutId: i,
     layout: o,
     alwaysMeasureLayout: !!r || a && ut(a),
@@ -4134,44 +4142,44 @@ function zc(t, e, n, s) {
     layoutRoot: c
   });
 }
-function Vr(t) {
+function Mr(t) {
   if (t)
-    return t.options.allowProjection !== !1 ? t.projection : Vr(t.parent);
+    return t.options.allowProjection !== !1 ? t.projection : Mr(t.parent);
 }
 function ye(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
-  s && Ac(s);
-  const o = n ? n === "svg" : Sn(t), r = o ? Uc : Nc;
+  s && Dc(s);
+  const o = n ? n === "svg" : Sn(t), r = o ? Kc : Wc;
   function a(c, u) {
     let h;
     const f = {
-      ...O(vr),
+      ...O(xr),
       ...c,
-      layoutId: Hc(c)
-    }, { isStatic: d } = f, p = Ec(c), v = r(c, d);
+      layoutId: _c(c)
+    }, { isStatic: d } = f, m = Lc(c), v = r(c, d);
     if (!d && Xs) {
-      Gc(f, s);
-      const g = _c(f);
-      h = g.MeasureLayout, p.visualElement = $c(t, v, f, i, g.ProjectionNode, o);
+      Xc(f, s);
+      const g = Yc(f);
+      h = g.MeasureLayout, m.visualElement = Hc(t, v, f, i, g.ProjectionNode, o);
     }
-    return jr(re.Provider, { value: p, children: [h && p.visualElement ? Gs(h, { visualElement: p.visualElement, ...f }) : null, Ic(t, c, Kc(v, p.visualElement, u), v, d, e, o)] });
+    return Ur(re.Provider, { value: m, children: [h && m.visualElement ? Gs(h, { visualElement: m.visualElement, ...f }) : null, jc(t, c, zc(v, m.visualElement, u), v, d, e, o)] });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = Ir(a);
-  return l[Wc] = t, l;
+  const l = jr(a);
+  return l[$c] = t, l;
 }
-function Hc({ layoutId: t }) {
+function _c({ layoutId: t }) {
   const e = O(_s).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function Gc(t, e) {
-  const n = O(Tr).strict;
+function Xc(t, e) {
+  const n = O(wr).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? xt(!1, s, "lazy-strict-mode") : X(!1, s, "lazy-strict-mode");
+    t.ignoreStrict ? xt(!1, s, "lazy-strict-mode") : Y(!1, s, "lazy-strict-mode");
   }
 }
-function _c(t) {
-  const e = xr(), { drag: n, layout: s } = e;
+function Yc(t) {
+  const e = Pr(), { drag: n, layout: s } = e;
   if (!n && !s)
     return {};
   const i = { ...n, ...s };
@@ -4180,7 +4188,7 @@ function _c(t) {
     ProjectionNode: i.ProjectionNode
   };
 }
-function Xc(t, e) {
+function qc(t, e) {
   if (typeof Proxy > "u")
     return ye;
   const n = /* @__PURE__ */ new Map(), s = (o, r) => ye(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && Ze(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
@@ -4193,17 +4201,17 @@ function Xc(t, e) {
     get: (o, r) => r === "create" ? s : (n.has(r) || n.set(r, ye(r, void 0, t, e)), n.get(r))
   });
 }
-const Yc = (t, e) => e.isSVG ?? Sn(t) ? new Ll(e) : new Vl(e, {
+const Zc = (t, e) => e.isSVG ?? Sn(t) ? new Bl(e) : new Ml(e, {
   allowProjection: t !== zs
 });
-class qc extends tt {
+class Jc extends tt {
   /**
    * 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 = Ol(e));
+    super(e), e.animationState || (e.animationState = Nl(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
@@ -4223,10 +4231,10 @@ class qc extends tt {
     this.node.animationState.reset(), this.unmountControls?.();
   }
 }
-let Zc = 0;
-class Jc extends tt {
+let Qc = 0;
+class tu extends tt {
   constructor() {
-    super(...arguments), this.id = Zc++;
+    super(...arguments), this.id = Qc++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -4246,12 +4254,12 @@ class Jc extends tt {
   unmount() {
   }
 }
-const Qc = {
+const eu = {
   animation: {
-    Feature: qc
+    Feature: Jc
   },
   exit: {
-    Feature: Jc
+    Feature: tu
   }
 };
 function Ot(t) {
@@ -4262,17 +4270,17 @@ function Ot(t) {
     }
   };
 }
-const tu = (t) => (e) => gn(e) && t(e, Ot(e));
+const nu = (t) => (e) => gn(e) && t(e, Ot(e));
 function Mt(t, e, n, s) {
-  return kt(t, e, tu(n), s);
+  return kt(t, e, nu(n), s);
 }
-const Dr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, ks = (t, e) => Math.abs(t - e);
-function eu(t, e) {
+const Cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, ks = (t, e) => Math.abs(t - e);
+function su(t, e) {
   const n = ks(t.x, e.x), s = ks(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
 const Bs = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class Mr {
+class Er {
   constructor(e, n, { transformPagePoint: s, contextWindow: i = window, dragSnapToOrigin: o = !1, distanceThreshold: r = 3, element: a } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (d) => {
       this.handleScroll(d.target);
@@ -4281,21 +4289,21 @@ class Mr {
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const d = Te(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, v = eu(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!p && !v)
+      const d = Te(this.lastMoveEventInfo, this.history), m = this.startEvent !== null, v = su(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!m && !v)
         return;
-      const { point: g } = d, { timestamp: m } = L;
-      this.history.push({ ...g, timestamp: m });
+      const { point: g } = d, { timestamp: p } = L;
+      this.history.push({ ...g, timestamp: p });
       const { onStart: x, onMove: y } = this.handlers;
-      p || (x && x(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, d);
-    }, this.handlePointerMove = (d, p) => {
-      this.lastMoveEvent = d, this.lastMoveEventInfo = ve(p, this.transformPagePoint), A.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (d, p) => {
+      m || (x && x(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, d);
+    }, this.handlePointerMove = (d, m) => {
+      this.lastMoveEvent = d, this.lastMoveEventInfo = ve(m, this.transformPagePoint), A.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (d, m) => {
       this.end();
-      const { onEnd: v, onSessionEnd: g, resumeAnimation: m } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: v, onSessionEnd: g, resumeAnimation: p } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && p && p(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const x = Te(d.type === "pointercancel" ? this.lastMoveEventInfo : ve(p, this.transformPagePoint), this.history);
+      const x = Te(d.type === "pointercancel" ? this.lastMoveEventInfo : ve(m, this.transformPagePoint), this.history);
       this.startEvent && v && v(d, x), g && g(d, x);
     }, !gn(e))
       return;
@@ -4321,11 +4329,8 @@ class Mr {
       x: window.scrollX,
       y: window.scrollY
     }), window.addEventListener("scroll", this.onElementScroll, {
-      capture: !0,
-      passive: !0
-    }), window.addEventListener("scroll", this.onWindowScroll, {
-      passive: !0
-    }), this.removeScrollListeners = () => {
+      capture: !0
+    }), window.addEventListener("scroll", this.onWindowScroll), this.removeScrollListeners = () => {
       window.removeEventListener("scroll", this.onElementScroll, {
         capture: !0
       }), window.removeEventListener("scroll", this.onWindowScroll);
@@ -4351,7 +4356,7 @@ class Mr {
     this.handlers = e;
   }
   end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), J(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), Q(this.updatePoint);
   }
 }
 function ve(t, e) {
@@ -4363,22 +4368,22 @@ function Fs(t, e) {
 function Te({ point: t }, e) {
   return {
     point: t,
-    delta: Fs(t, Cr(e)),
-    offset: Fs(t, nu(e)),
-    velocity: su(e, 0.1)
+    delta: Fs(t, Rr(e)),
+    offset: Fs(t, iu(e)),
+    velocity: ru(e, 0.1)
   };
 }
-function nu(t) {
+function iu(t) {
   return t[0];
 }
-function Cr(t) {
+function Rr(t) {
   return t[t.length - 1];
 }
-function su(t, e) {
+function ru(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
-  const i = Cr(t);
+  const i = Rr(t);
   for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ K(e))); )
     n--;
   if (!s)
@@ -4393,7 +4398,7 @@ function su(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function iu(t, { min: e, max: n }, s) {
+function ou(t, { min: e, max: n }, s) {
   return e !== void 0 && t < e ? t = s ? D(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? D(n, t, s.max) : Math.min(t, n)), t;
 }
 function Is(t, e, n) {
@@ -4402,7 +4407,7 @@ function Is(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function ru(t, { top: e, left: n, bottom: s, right: i }) {
+function au(t, { top: e, left: n, bottom: s, right: i }) {
   return {
     x: Is(t.x, n, i),
     y: Is(t.y, e, s)
@@ -4412,24 +4417,24 @@ function Os(t, e) {
   let n = e.min - t.min, s = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
 }
-function ou(t, e) {
+function lu(t, e) {
   return {
     x: Os(t.x, e.x),
     y: Os(t.y, e.y)
   };
 }
-function au(t, e) {
+function cu(t, e) {
   let n = 0.5;
   const s = F(t), i = F(e);
-  return i > s ? n = /* @__PURE__ */ Ct(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ Ct(t.min, t.max - i, e.min)), _(0, 1, n);
+  return i > s ? n = /* @__PURE__ */ Ct(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ Ct(t.min, t.max - i, e.min)), X(0, 1, n);
 }
-function lu(t, e) {
+function uu(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const ze = 0.35;
-function cu(t = ze) {
-  return t === !1 ? t = 0 : t === !0 && (t = ze), {
+const He = 0.35;
+function hu(t = He) {
+  return t === !1 ? t = 0 : t === !0 && (t = He), {
     x: js(t, "left", "right"),
     y: js(t, "top", "bottom")
   };
@@ -4443,8 +4448,8 @@ function js(t, e, n) {
 function Ns(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-const uu = /* @__PURE__ */ new WeakMap();
-class hu {
+const fu = /* @__PURE__ */ new WeakMap();
+class du {
   constructor(e) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = E(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
@@ -4455,40 +4460,40 @@ class hu {
     const o = (h) => {
       n && this.snapToCursor(Ot(h).point), this.stopAnimation();
     }, r = (h, f) => {
-      const { drag: d, dragPropagation: p, onDragStart: v } = this.getProps();
-      if (d && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = Ha(d), !this.openDragLock))
+      const { drag: d, dragPropagation: m, onDragStart: v } = this.getProps();
+      if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = _a(d), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), H((m) => {
-        let x = this.getAxisMotionValue(m).get() || 0;
-        if (G.test(x)) {
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), G((p) => {
+        let x = this.getAxisMotionValue(p).get() || 0;
+        if (_.test(x)) {
           const { projection: y } = this.visualElement;
           if (y && y.layout) {
-            const P = y.layout.layoutBox[m];
+            const P = y.layout.layoutBox[p];
             P && (x = F(P) * (parseFloat(x) / 100));
           }
         }
-        this.originPoint[m] = x;
+        this.originPoint[p] = x;
       }), v && A.update(() => v(h, f), !1, !0), Oe(this.visualElement, "transform");
       const { animationState: g } = this.visualElement;
       g && g.setActive("whileDrag", !0);
     }, a = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: d, dragDirectionLock: p, onDirectionLock: v, onDrag: g } = this.getProps();
+      const { dragPropagation: d, dragDirectionLock: m, onDirectionLock: v, onDrag: g } = this.getProps();
       if (!d && !this.openDragLock)
         return;
-      const { offset: m } = f;
-      if (p && this.currentDirection === null) {
-        this.currentDirection = du(m), this.currentDirection !== null && v && v(this.currentDirection);
+      const { offset: p } = f;
+      if (m && this.currentDirection === null) {
+        this.currentDirection = pu(p), this.currentDirection !== null && v && v(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, m), this.updateAxis("y", f.point, m), this.visualElement.render(), g && A.update(() => g(h, f), !1, !0);
+      this.updateAxis("x", f.point, p), this.updateAxis("y", f.point, p), this.visualElement.render(), g && A.update(() => g(h, f), !1, !0);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, c = () => {
       const { dragSnapToOrigin: h } = this.getProps();
       (h || this.constraints) && this.startAnimation({ x: 0, y: 0 });
     }, { dragSnapToOrigin: u } = this.getProps();
-    this.panSession = new Mr(e, {
+    this.panSession = new Er(e, {
       onSessionStart: o,
       onStart: r,
       onMove: a,
@@ -4498,7 +4503,7 @@ class hu {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: u,
       distanceThreshold: s,
-      contextWindow: Dr(this.visualElement),
+      contextWindow: Cr(this.visualElement),
       element: this.visualElement.current
     });
   }
@@ -4539,12 +4544,12 @@ class hu {
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
-    this.constraints && this.constraints[e] && (r = iu(r, this.constraints[e], this.elastic[e])), o.set(r);
+    this.constraints && this.constraints[e] && (r = ou(r, this.constraints[e], this.elastic[e])), o.set(r);
   }
   resolveConstraints() {
     const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
-    e && ut(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = ru(s.layoutBox, e) : this.constraints = !1, this.elastic = cu(n), i !== this.constraints && !ut(e) && s && this.constraints && !this.hasMutatedConstraints && H((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = lu(s.layoutBox[o], this.constraints[o]));
+    e && ut(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = au(s.layoutBox, e) : this.constraints = !1, this.elastic = hu(n), i !== this.constraints && !ut(e) && s && this.constraints && !this.hasMutatedConstraints && G((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = uu(s.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -4552,25 +4557,25 @@ class hu {
     if (!e || !ut(e))
       return !1;
     const s = e.current;
-    X(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    Y(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const o = xl(s, i.root, this.visualElement.getTransformPagePoint());
-    let r = ou(i.layout.layoutBox, o);
+    const o = Pl(s, i.root, this.visualElement.getTransformPagePoint());
+    let r = lu(i.layout.layoutBox, o);
     if (n) {
-      const a = n(yl(r));
-      this.hasMutatedConstraints = !!a, a && (r = qi(a));
+      const a = n(Tl(r));
+      this.hasMutatedConstraints = !!a, a && (r = Ji(a));
     }
     return r;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = H((u) => {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = G((u) => {
       if (!Ut(u, n, this.currentDirection))
         return;
       let h = l && l[u] || {};
       r && (h = { min: 0, max: 0 });
-      const f = i ? 200 : 1e6, d = i ? 40 : 1e7, p = {
+      const f = i ? 200 : 1e6, d = i ? 40 : 1e7, m = {
         type: "inertia",
         velocity: s ? e[u] : 0,
         bounceStiffness: f,
@@ -4581,7 +4586,7 @@ class hu {
         ...o,
         ...h
       };
-      return this.startAxisValueAnimation(u, p);
+      return this.startAxisValueAnimation(u, m);
     });
     return Promise.all(c).then(a);
   }
@@ -4590,7 +4595,7 @@ class hu {
     return Oe(this.visualElement, e), s.start(hn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    H((e) => this.getAxisMotionValue(e).stop());
+    G((e) => this.getAxisMotionValue(e).stop());
   }
   /**
    * Drag works differently depending on which props are provided.
@@ -4603,7 +4608,7 @@ class hu {
     return i || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    H((n) => {
+    G((n) => {
       const { drag: s } = this.getProps();
       if (!Ut(n, s, this.currentDirection))
         return;
@@ -4627,15 +4632,15 @@ class hu {
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    H((r) => {
+    G((r) => {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[r] = au({ min: l, max: l }, this.constraints[r]);
+        i[r] = cu({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.constraints = !1, this.resolveConstraints(), H((r) => {
+    this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.constraints = !1, this.resolveConstraints(), G((r) => {
       if (!Ut(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: c } = this.constraints[r];
@@ -4645,19 +4650,19 @@ class hu {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    uu.set(this.visualElement, this);
+    fu.set(this.visualElement, this);
     const e = this.visualElement.current, n = Mt(e, "pointerdown", (c) => {
-      const { drag: u, dragListener: h = !0 } = this.getProps(), f = c.target, d = f !== e && Za(f);
+      const { drag: u, dragListener: h = !0 } = this.getProps(), f = c.target, d = f !== e && Qa(f);
       u && h && !d && this.start(c);
     });
     let s;
     const i = () => {
       const { dragConstraints: c } = this.getProps();
-      ut(c) && c.current && (this.constraints = this.resolveRefConstraints(), s || (s = fu(e, c.current, () => this.scalePositionWithinConstraints())));
+      ut(c) && c.current && (this.constraints = this.resolveRefConstraints(), s || (s = mu(e, c.current, () => this.scalePositionWithinConstraints())));
     }, { projection: o } = this.visualElement, r = o.addEventListener("measure", i);
     o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), A.read(i);
     const a = kt(window, "resize", () => this.scalePositionWithinConstraints()), l = o.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: u }) => {
-      this.isDragging && u && (H((h) => {
+      this.isDragging && u && (G((h) => {
         const f = this.getAxisMotionValue(h);
         f && (this.originPoint[h] += c[h].translate, f.set(f.get() + c[h].translate));
       }), this.visualElement.render());
@@ -4667,7 +4672,7 @@ class hu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = ze, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = He, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -4689,7 +4694,7 @@ function Us(t) {
     t();
   };
 }
-function fu(t, e, n) {
+function mu(t, e, n) {
   const s = Yn(t, Us(n)), i = Yn(e, Us(n));
   return () => {
     s(), i();
@@ -4698,13 +4703,13 @@ function fu(t, e, n) {
 function Ut(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function du(t, e = 10) {
+function pu(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class pu extends tt {
+class gu extends tt {
   constructor(e) {
-    super(e), this.removeGroupControls = W, this.removeListeners = W, this.controls = new hu(e);
+    super(e), this.removeGroupControls = W, this.removeListeners = W, this.controls = new du(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -4721,14 +4726,14 @@ class pu extends tt {
 const xe = (t) => (e, n) => {
   t && A.update(() => t(e, n), !1, !0);
 };
-class mu extends tt {
+class yu extends tt {
   constructor() {
     super(...arguments), this.removePointerDownListener = W;
   }
   onPointerDown(e) {
-    this.session = new Mr(e, this.createPanHandlers(), {
+    this.session = new Er(e, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Dr(this.node)
+      contextWindow: Cr(this.node)
     });
   }
   createPanHandlers() {
@@ -4753,7 +4758,7 @@ class mu extends tt {
   }
 }
 let we = !1;
-class gu extends Or {
+class vu extends Nr {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -4781,7 +4786,7 @@ class gu extends Or {
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), mn.postRender(() => {
+    e && (e.root.didUpdate(), pn.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
@@ -4797,18 +4802,18 @@ class gu extends Or {
     return null;
   }
 }
-function Er(t) {
-  const [e, n] = Sc(), s = O(_s);
-  return Gs(gu, { ...t, layoutGroup: s, switchLayoutGroup: O(Ar), isPresent: e, safeToRemove: n });
+function Lr(t) {
+  const [e, n] = Ac(), s = O(_s);
+  return Gs(vu, { ...t, layoutGroup: s, switchLayoutGroup: O(Dr), isPresent: e, safeToRemove: n });
 }
-const yu = {
+const Tu = {
   pan: {
-    Feature: mu
+    Feature: yu
   },
   drag: {
-    Feature: pu,
-    ProjectionNode: yr,
-    MeasureLayout: Er
+    Feature: gu,
+    ProjectionNode: Tr,
+    MeasureLayout: Lr
   }
 };
 function Ws(t, e, n) {
@@ -4817,15 +4822,15 @@ function Ws(t, e, n) {
   const i = "onHover" + n, o = s[i];
   o && A.postRender(() => o(e, Ot(e)));
 }
-class vu extends tt {
+class xu extends tt {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = _a(e, (n, s) => (Ws(this.node, s, "Start"), (i) => Ws(this.node, i, "End"))));
+    e && (this.unmount = Ya(e, (n, s) => (Ws(this.node, s, "Start"), (i) => Ws(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class Tu extends tt {
+class wu extends tt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4855,13 +4860,13 @@ function Ks(t, e, n) {
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
   o && A.postRender(() => o(e, Ot(e)));
 }
-class xu extends tt {
+class Pu extends tt {
   mount() {
     const { current: e } = this.node;
     if (!e)
       return;
     const { globalTapTarget: n, propagate: s } = this.node.props;
-    this.unmount = Qa(e, (i, o) => (Ks(this.node, o, "Start"), (r, { success: a }) => Ks(this.node, r, a ? "End" : "Cancel")), {
+    this.unmount = el(e, (i, o) => (Ks(this.node, o, "Start"), (r, { success: a }) => Ks(this.node, r, a ? "End" : "Cancel")), {
       useGlobalTarget: n,
       stopPropagation: s?.tap === !1
     });
@@ -4869,29 +4874,29 @@ class xu extends tt {
   unmount() {
   }
 }
-const He = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), wu = (t) => {
-  const e = He.get(t.target);
+const Ge = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), Su = (t) => {
+  const e = Ge.get(t.target);
   e && e(t);
-}, Pu = (t) => {
-  t.forEach(wu);
+}, bu = (t) => {
+  t.forEach(Su);
 };
-function Su({ root: t, ...e }) {
+function Au({ root: t, ...e }) {
   const n = t || document;
   Pe.has(n) || Pe.set(n, {});
   const s = Pe.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(Pu, { root: t, ...e })), s[i];
+  return s[i] || (s[i] = new IntersectionObserver(bu, { root: t, ...e })), s[i];
 }
-function bu(t, e, n) {
-  const s = Su(e);
-  return He.set(t, n), s.observe(t), () => {
-    He.delete(t), s.unobserve(t);
+function Vu(t, e, n) {
+  const s = Au(e);
+  return Ge.set(t, n), s.observe(t), () => {
+    Ge.delete(t), s.unobserve(t);
   };
 }
-const Au = {
+const Du = {
   some: 0,
   all: 1
 };
-class Vu extends tt {
+class Mu extends tt {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4900,7 +4905,7 @@ class Vu extends tt {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: o } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : Au[i]
+      threshold: typeof i == "number" ? i : Du[i]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
@@ -4909,7 +4914,7 @@ class Vu extends tt {
       const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
       f && f(l);
     };
-    return bu(this.node.current, r, a);
+    return Vu(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4918,38 +4923,38 @@ class Vu extends tt {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Du(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Cu(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Du({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Cu({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Mu = {
+const Eu = {
   inView: {
-    Feature: Vu
+    Feature: Mu
   },
   tap: {
-    Feature: xu
+    Feature: Pu
   },
   focus: {
-    Feature: Tu
+    Feature: wu
   },
   hover: {
-    Feature: vu
+    Feature: xu
   }
-}, Cu = {
+}, Ru = {
   layout: {
-    ProjectionNode: yr,
-    MeasureLayout: Er
-  }
-}, Eu = {
-  ...Qc,
-  ...Mu,
-  ...yu,
-  ...Cu
-}, Fu = /* @__PURE__ */ Xc(Eu, Yc);
+    ProjectionNode: Tr,
+    MeasureLayout: Lr
+  }
+}, Lu = {
+  ...eu,
+  ...Eu,
+  ...Tu,
+  ...Ru
+}, Ou = /* @__PURE__ */ qc(Lu, Zc);
 export {
-  Fu as m
+  Ou as m
 };