@cloudflare/kumo 1.9.0 → 1.10.0

package/dist/components/flow.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as Dt, jsx as E } from "react/jsx-runtime";
-import { createContext as ct, useRef as F, useLayoutEffect as yo, useEffect as X, useContext as U, useId as fn, useCallback as Et, useMemo as et, Fragment as fi, createElement as vo, useInsertionEffect as di, forwardRef as ve, Component as xo, useState as ht, isValidElement as mi, cloneElement as pi } from "react";
+import { createContext as ct, useRef as F, useLayoutEffect as yo, useEffect as X, useContext as $, useId as ve, useCallback as Et, useMemo as Q, Fragment as fi, createElement as vo, useInsertionEffect as mi, forwardRef as xe, Component as xo, useState as ht, isValidElement as pi, cloneElement as gi } from "react";
 import { c as le } from "../cn-Bhsu1vx2.js";
-const gi = ct({});
+const yi = ct({});
 function Ut(t) {
   const e = F(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const yi = typeof window < "u", vi = yi ? yo : X, dn = /* @__PURE__ */ ct(null);
+const vi = typeof window < "u", xi = vi ? yo : X, fn = /* @__PURE__ */ ct(null);
 function mn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -16,25 +16,25 @@ function ce(t, e) {
   n > -1 && t.splice(n, 1);
 }
 const it = (t, e, n) => n > e ? e : n < t ? t : n;
-function je(t, e) {
+function $e(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let Rt = () => {
 }, ot = () => {
 };
 typeof process < "u" && process.env?.NODE_ENV !== "production" && (Rt = (t, e, n) => {
-  !t && typeof console < "u" && console.warn(je(e, n));
+  !t && typeof console < "u" && console.warn($e(e, n));
 }, ot = (t, e, n) => {
   if (!t)
-    throw new Error(je(e, n));
+    throw new Error($e(e, n));
 });
-const at = {}, xi = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
-function Ti(t) {
+const at = {}, Ti = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function wi(t) {
   return typeof t == "object" && t !== null;
 }
-const wi = (t) => /^0[^.\s]+$/u.test(t);
+const bi = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function bi(t) {
+function Si(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
@@ -68,18 +68,18 @@ class pn {
   }
 }
 const Z = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, Y = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function Si(t, e) {
+function Pi(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Hn = /* @__PURE__ */ new Set();
+const Kn = /* @__PURE__ */ new Set();
 function gn(t, e, n) {
-  t || Hn.has(e) || (console.warn(je(e, n)), Hn.add(e));
+  t || Kn.has(e) || (console.warn($e(e, n)), Kn.add(e));
 }
-const Pi = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, wo = 1e-7, bo = 12;
+const Ai = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, wo = 1e-7, bo = 12;
 function So(t, e, n, s, i) {
   let o, r, a = 0;
   do
-    r = e + (n - e) / 2, o = Pi(r, s, i) - t, o > 0 ? n = r : e = r;
+    r = e + (n - e) / 2, o = Ai(r, s, i) - t, o > 0 ? n = r : e = r;
   while (Math.abs(o) > wo && ++a < bo);
   return r;
 }
@@ -87,27 +87,27 @@ function Xt(t, e, n, s) {
   if (t === e && n === s)
     return q;
   const i = (o) => So(o, 0, 1, t, n);
-  return (o) => o === 0 || o === 1 ? o : Pi(i(o), e, s);
+  return (o) => o === 0 || o === 1 ? o : Ai(i(o), e, s);
 }
-const Ai = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Vi = (t) => (e) => 1 - t(1 - e), Ci = /* @__PURE__ */ Xt(0.33, 1.53, 0.69, 0.99), yn = /* @__PURE__ */ Vi(Ci), Mi = /* @__PURE__ */ Ai(yn), Di = (t) => (t *= 2) < 1 ? 0.5 * yn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), vn = (t) => 1 - Math.sin(Math.acos(t)), Ei = Vi(vn), Ri = Ai(vn), Po = /* @__PURE__ */ Xt(0.42, 0, 1, 1), Ao = /* @__PURE__ */ Xt(0, 0, 0.58, 1), Li = /* @__PURE__ */ Xt(0.42, 0, 0.58, 1), Vo = (t) => Array.isArray(t) && typeof t[0] != "number", ki = (t) => Array.isArray(t) && typeof t[0] == "number", Kn = {
+const Vi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Ci = (t) => (e) => 1 - t(1 - e), Mi = /* @__PURE__ */ Xt(0.33, 1.53, 0.69, 0.99), yn = /* @__PURE__ */ Ci(Mi), Di = /* @__PURE__ */ Vi(yn), Ei = (t) => (t *= 2) < 1 ? 0.5 * yn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), vn = (t) => 1 - Math.sin(Math.acos(t)), Ri = Ci(vn), Li = Vi(vn), Po = /* @__PURE__ */ Xt(0.42, 0, 1, 1), Ao = /* @__PURE__ */ Xt(0, 0, 0.58, 1), ki = /* @__PURE__ */ Xt(0.42, 0, 0.58, 1), Vo = (t) => Array.isArray(t) && typeof t[0] != "number", Bi = (t) => Array.isArray(t) && typeof t[0] == "number", Gn = {
   linear: q,
   easeIn: Po,
-  easeInOut: Li,
+  easeInOut: ki,
   easeOut: Ao,
   circIn: vn,
-  circInOut: Ri,
-  circOut: Ei,
+  circInOut: Li,
+  circOut: Ri,
   backIn: yn,
-  backInOut: Mi,
-  backOut: Ci,
-  anticipate: Di
-}, Co = (t) => typeof t == "string", Gn = (t) => {
-  if (ki(t)) {
+  backInOut: Di,
+  backOut: Mi,
+  anticipate: Ei
+}, Co = (t) => typeof t == "string", _n = (t) => {
+  if (Bi(t)) {
     ot(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
     return Xt(e, n, s, i);
   } else if (Co(t))
-    return ot(Kn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Kn[t];
+    return ot(Gn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Gn[t];
   return t;
 }, Zt = [
   "setup",
@@ -142,9 +142,9 @@ function Mo(t, e) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (u, h = !1, f = !1) => {
-      const d = f && i ? n : s;
-      return h && r.add(u), d.has(u) || d.add(u), u;
+    schedule: (u, h = !1, d = !1) => {
+      const m = d && 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.
@@ -166,27 +166,27 @@ function Mo(t, e) {
   return c;
 }
 const Do = 40;
-function Bi(t, e) {
+function Fi(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = Zt.reduce((y, S) => (y[S] = Mo(o), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: m, postRender: d } = r, p = () => {
-    const y = at.useManualTiming ? i.timestamp : performance.now();
-    n = !1, at.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, Do), 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), m.process(i), d.process(i), i.isProcessing = !1, n && e && (s = !1, t(p));
+  }, o = () => n = !0, r = Zt.reduce((p, b) => (p[b] = Mo(o), p), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: d, render: f, postRender: m } = r, y = () => {
+    const p = at.useManualTiming ? i.timestamp : performance.now();
+    n = !1, at.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(p - i.timestamp, Do), 1)), i.timestamp = p, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), d.process(i), f.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
   }, v = () => {
-    n = !0, s = !0, i.isProcessing || t(p);
+    n = !0, s = !0, i.isProcessing || t(y);
   };
-  return { schedule: Zt.reduce((y, S) => {
-    const w = r[S];
-    return y[S] = (P, M = !1, b = !1) => (n || v(), w.schedule(P, M, b)), y;
-  }, {}), cancel: (y) => {
-    for (let S = 0; S < Zt.length; S++)
-      r[Zt[S]].cancel(y);
+  return { schedule: Zt.reduce((p, b) => {
+    const w = r[b];
+    return p[b] = (P, M = !1, S = !1) => (n || v(), w.schedule(P, M, S)), p;
+  }, {}), cancel: (p) => {
+    for (let b = 0; b < Zt.length; b++)
+      r[Zt[b]].cancel(p);
   }, state: i, steps: r };
 }
-const { schedule: L, cancel: lt, state: H, steps: be } = /* @__PURE__ */ Bi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : q, !0);
+const { schedule: L, cancel: lt, state: H, steps: Se } = /* @__PURE__ */ Fi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : q, !0);
 let ee;
 function Eo() {
   ee = void 0;
@@ -196,8 +196,8 @@ const G = {
   set: (t) => {
     ee = t, queueMicrotask(Eo);
   }
-}, Fi = (t) => (e) => typeof e == "string" && e.startsWith(t), Ii = /* @__PURE__ */ Fi("--"), Ro = /* @__PURE__ */ Fi("var(--"), xn = (t) => Ro(t) ? Lo.test(t.split("/*")[0].trim()) : !1, Lo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function _n(t) {
+}, Ii = (t) => (e) => typeof e == "string" && e.startsWith(t), Oi = /* @__PURE__ */ Ii("--"), Ro = /* @__PURE__ */ Ii("var(--"), xn = (t) => Ro(t) ? Lo.test(t.split("/*")[0].trim()) : !1, Lo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+function Xn(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
 const Lt = {
@@ -214,7 +214,7 @@ const Lt = {
 function ko(t) {
   return t == null;
 }
-const Bo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, wn = (t, e) => (n) => !!(typeof n == "string" && Bo.test(n) && n.startsWith(t) || e && !ko(n) && Object.prototype.hasOwnProperty.call(n, e)), Oi = (t, e, n) => (s) => {
+const Bo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, wn = (t, e) => (n) => !!(typeof n == "string" && Bo.test(n) && n.startsWith(t) || e && !ko(n) && Object.prototype.hasOwnProperty.call(n, e)), Ni = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, o, r, a] = s.match(Tn);
@@ -224,13 +224,13 @@ const Bo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Fo = (t) => it(0, 255, t), Se = {
+}, Fo = (t) => it(0, 255, t), Pe = {
   ...Lt,
   transform: (t) => Math.round(Fo(t))
 }, yt = {
   test: /* @__PURE__ */ wn("rgb", "red"),
-  parse: /* @__PURE__ */ Oi("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Se.transform(t) + ", " + Se.transform(e) + ", " + Se.transform(n) + ", " + Ot(zt.transform(s)) + ")"
+  parse: /* @__PURE__ */ Ni("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Pe.transform(t) + ", " + Pe.transform(e) + ", " + Pe.transform(n) + ", " + Ot(zt.transform(s)) + ")"
 };
 function Io(t) {
   let e = "", n = "", s = "", i = "";
@@ -241,7 +241,7 @@ function Io(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const $e = {
+const Ue = {
   test: /* @__PURE__ */ wn("#"),
   parse: Io,
   transform: yt.transform
@@ -249,17 +249,17 @@ const $e = {
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), ut = /* @__PURE__ */ Yt("deg"), st = /* @__PURE__ */ Yt("%"), T = /* @__PURE__ */ Yt("px"), Oo = /* @__PURE__ */ Yt("vh"), No = /* @__PURE__ */ Yt("vw"), Xn = {
+}), ut = /* @__PURE__ */ Yt("deg"), st = /* @__PURE__ */ Yt("%"), T = /* @__PURE__ */ Yt("px"), Oo = /* @__PURE__ */ Yt("vh"), No = /* @__PURE__ */ Yt("vw"), Yn = {
   ...st,
   parse: (t) => st.parse(t) / 100,
   transform: (t) => st.transform(t * 100)
 }, bt = {
   test: /* @__PURE__ */ wn("hsl", "hue"),
-  parse: /* @__PURE__ */ Oi("hue", "saturation", "lightness"),
+  parse: /* @__PURE__ */ Ni("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + st.transform(Ot(e)) + ", " + st.transform(Ot(n)) + ", " + Ot(zt.transform(s)) + ")"
 }, O = {
-  test: (t) => yt.test(t) || $e.test(t) || bt.test(t),
-  parse: (t) => yt.test(t) ? yt.parse(t) : bt.test(t) ? bt.parse(t) : $e.parse(t),
+  test: (t) => yt.test(t) || Ue.test(t) || bt.test(t),
+  parse: (t) => yt.test(t) ? yt.parse(t) : bt.test(t) ? bt.parse(t) : Ue.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? yt.transform(t) : bt.transform(t),
   getAnimatableNone: (t) => {
     const e = O.parse(t);
@@ -269,7 +269,7 @@ const $e = {
 function $o(t) {
   return isNaN(t) && typeof t == "string" && (t.match(Tn)?.length || 0) + (t.match(jo)?.length || 0) > 0;
 }
-const Ni = "number", ji = "color", Uo = "var", Wo = "var(", Yn = "${}", zo = /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 ji = "number", $i = "color", Uo = "var", Wo = "var(", qn = "${}", zo = /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 Ht(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -277,36 +277,36 @@ function Ht(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(zo, (l) => (O.test(l) ? (s.color.push(o), i.push(ji), n.push(O.parse(l))) : l.startsWith(Wo) ? (s.var.push(o), i.push(Uo), n.push(l)) : (s.number.push(o), i.push(Ni), n.push(parseFloat(l))), ++o, Yn)).split(Yn);
+  const a = e.replace(zo, (l) => (O.test(l) ? (s.color.push(o), i.push($i), n.push(O.parse(l))) : l.startsWith(Wo) ? (s.var.push(o), i.push(Uo), n.push(l)) : (s.number.push(o), i.push(ji), n.push(parseFloat(l))), ++o, qn)).split(qn);
   return { values: n, split: a, indexes: s, types: i };
 }
-function $i(t) {
+function Ui(t) {
   return Ht(t).values;
 }
-function Ui(t) {
+function Wi(t) {
   const { split: e, types: n } = Ht(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 === Ni ? o += Ot(i[r]) : a === ji ? o += O.transform(i[r]) : o += i[r];
+        a === ji ? o += Ot(i[r]) : a === $i ? o += O.transform(i[r]) : o += i[r];
       }
     return o;
   };
 }
 const Ho = (t) => typeof t == "number" ? 0 : O.test(t) ? O.getAnimatableNone(t) : t;
 function Ko(t) {
-  const e = $i(t);
-  return Ui(t)(e.map(Ho));
+  const e = Ui(t);
+  return Wi(t)(e.map(Ho));
 }
-const tt = {
+const et = {
   test: $o,
-  parse: $i,
-  createTransformer: Ui,
+  parse: Ui,
+  createTransformer: Wi,
   getAnimatableNone: Ko
 };
-function Pe(t, e, n) {
+function Ae(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 Go({ hue: t, saturation: e, lightness: n, alpha: s }) {
@@ -316,7 +316,7 @@ function Go({ hue: t, saturation: e, lightness: n, alpha: s }) {
     i = o = r = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    i = Pe(l, a, t + 1 / 3), o = Pe(l, a, t), r = Pe(l, a, t - 1 / 3);
+    i = Ae(l, a, t + 1 / 3), o = Ae(l, a, t), r = Ae(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -328,34 +328,34 @@ function Go({ hue: t, saturation: e, lightness: n, alpha: s }) {
 function ue(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const B = (t, e, n) => t + (e - t) * n, Ae = (t, e, n) => {
+const B = (t, e, n) => t + (e - t) * n, Ve = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, _o = [$e, yt, bt], Xo = (t) => _o.find((e) => e.test(t));
-function qn(t) {
+}, _o = [Ue, yt, bt], Xo = (t) => _o.find((e) => e.test(t));
+function Zn(t) {
   const e = Xo(t);
   if (Rt(!!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 === bt && (n = Go(n)), n;
 }
-const Zn = (t, e) => {
-  const n = qn(t), s = qn(e);
+const Qn = (t, e) => {
+  const n = Zn(t), s = Zn(e);
   if (!n || !s)
     return ue(t, e);
   const i = { ...n };
-  return (o) => (i.red = Ae(n.red, s.red, o), i.green = Ae(n.green, s.green, o), i.blue = Ae(n.blue, s.blue, o), i.alpha = B(n.alpha, s.alpha, o), yt.transform(i));
-}, Ue = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (o) => (i.red = Ve(n.red, s.red, o), i.green = Ve(n.green, s.green, o), i.blue = Ve(n.blue, s.blue, o), i.alpha = B(n.alpha, s.alpha, o), yt.transform(i));
+}, We = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Yo(t, e) {
-  return Ue.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return We.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function qo(t, e) {
   return (n) => B(t, e, n);
 }
 function bn(t) {
-  return typeof t == "number" ? qo : typeof t == "string" ? xn(t) ? ue : O.test(t) ? Zn : Jo : Array.isArray(t) ? Wi : typeof t == "object" ? O.test(t) ? Zn : Zo : ue;
+  return typeof t == "number" ? qo : typeof t == "string" ? xn(t) ? ue : O.test(t) ? Qn : Jo : Array.isArray(t) ? zi : typeof t == "object" ? O.test(t) ? Qn : Zo : ue;
 }
-function Wi(t, e) {
+function zi(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => bn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < s; r++)
@@ -382,10 +382,10 @@ function Qo(t, e) {
   return n;
 }
 const Jo = (t, e) => {
-  const n = tt.createTransformer(e), s = Ht(t), i = Ht(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 ? Ue.has(t) && !i.values.length || Ue.has(e) && !s.values.length ? Yo(t, e) : _t(Wi(Qo(s, i), i.values), n) : (Rt(!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"), ue(t, e));
+  const n = et.createTransformer(e), s = Ht(t), i = Ht(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 ? We.has(t) && !i.values.length || We.has(e) && !s.values.length ? Yo(t, e) : _t(zi(Qo(s, i), i.values), n) : (Rt(!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"), ue(t, e));
 };
-function zi(t, e, n) {
+function Hi(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? B(t, e, n) : bn(t)(t, e);
 }
 const ta = (t) => {
@@ -399,7 +399,7 @@ const ta = (t) => {
      */
     now: () => H.isProcessing ? H.timestamp : G.now()
   };
-}, Hi = (t, e, n = 10) => {
+}, Ki = (t, e, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let o = 0; o < i; o++)
@@ -423,9 +423,9 @@ function ea(t, e = 100, n) {
   };
 }
 const na = 5;
-function Ki(t, e, n) {
+function Gi(t, e, n) {
   const s = Math.max(e - na, 0);
-  return Si(n - t(s), e - s);
+  return Pi(n - t(s), e - s);
 }
 const k = {
   // Default spring physics
@@ -455,20 +455,20 @@ const k = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Ve = 1e-3;
+}, Ce = 1e-3;
 function sa({ duration: t = k.duration, bounce: e = k.bounce, velocity: n = k.velocity, mass: s = k.mass }) {
   let i, o;
   Rt(t <= /* @__PURE__ */ Z(k.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
   r = it(k.minDamping, k.maxDamping, r), t = it(k.minDuration, k.maxDuration, /* @__PURE__ */ Y(t)), r < 1 ? (i = (c) => {
-    const u = c * r, h = u * t, f = u - n, m = We(c, r), d = Math.exp(-h);
-    return Ve - f / m * d;
+    const u = c * r, h = u * t, d = u - n, f = ze(c, r), m = Math.exp(-h);
+    return Ce - d / f * m;
   }, o = (c) => {
-    const h = c * r * t, f = h * n + n, m = Math.pow(r, 2) * Math.pow(c, 2) * t, d = Math.exp(-h), p = We(Math.pow(c, 2), r);
-    return (-i(c) + Ve > 0 ? -1 : 1) * ((f - m) * d) / p;
+    const h = c * r * t, d = h * n + n, f = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), y = ze(Math.pow(c, 2), r);
+    return (-i(c) + Ce > 0 ? -1 : 1) * ((d - f) * m) / y;
   }) : (i = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
-    return -Ve + u * h;
+    return -Ce + u * h;
   }, o = (c) => {
     const u = Math.exp(-c * t), h = (n - c) * (t * t);
     return u * h;
@@ -496,11 +496,11 @@ function ra(t, e, n) {
     s = s - t(s) / e(s);
   return s;
 }
-function We(t, e) {
+function ze(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
 const oa = ["duration", "bounce"], aa = ["stiffness", "damping", "mass"];
-function Qn(t, e) {
+function Jn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
 function la(t) {
@@ -512,7 +512,7 @@ function la(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Qn(t, aa) && Qn(t, oa))
+  if (!Jn(t, aa) && Jn(t, oa))
     if (t.visualDuration) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * it(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
@@ -531,78 +531,78 @@ function la(t) {
     }
   return e;
 }
-function fe(t = k.visualDuration, e = k.bounce) {
+function de(t = k.visualDuration, e = k.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
     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: m } = la({
+  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: d, isResolvedFromDuration: f } = la({
     ...n,
     velocity: -/* @__PURE__ */ Y(n.velocity || 0)
-  }), d = f || 0, p = c / (2 * Math.sqrt(l * u)), v = r - o, g = /* @__PURE__ */ Y(Math.sqrt(l / u)), x = Math.abs(v) < 5;
+  }), m = d || 0, y = c / (2 * Math.sqrt(l * u)), v = r - o, g = /* @__PURE__ */ Y(Math.sqrt(l / u)), x = Math.abs(v) < 5;
   s || (s = x ? k.restSpeed.granular : k.restSpeed.default), i || (i = x ? k.restDelta.granular : k.restDelta.default);
-  let y;
-  if (p < 1) {
-    const w = We(g, p);
-    y = (P) => {
-      const M = Math.exp(-p * g * P);
-      return r - M * ((d + p * g * v) / w * Math.sin(w * P) + v * Math.cos(w * P));
+  let p;
+  if (y < 1) {
+    const w = ze(g, y);
+    p = (P) => {
+      const M = Math.exp(-y * g * P);
+      return r - M * ((m + y * g * v) / w * Math.sin(w * P) + v * Math.cos(w * P));
     };
-  } else if (p === 1)
-    y = (w) => r - Math.exp(-g * w) * (v + (d + g * v) * w);
+  } else if (y === 1)
+    p = (w) => r - Math.exp(-g * w) * (v + (m + g * v) * w);
   else {
-    const w = g * Math.sqrt(p * p - 1);
-    y = (P) => {
-      const M = Math.exp(-p * g * P), b = Math.min(w * P, 300);
-      return r - M * ((d + p * g * v) * Math.sinh(b) + w * v * Math.cosh(b)) / w;
+    const w = g * Math.sqrt(y * y - 1);
+    p = (P) => {
+      const M = Math.exp(-y * g * P), S = Math.min(w * P, 300);
+      return r - M * ((m + y * g * v) * Math.sinh(S) + w * v * Math.cosh(S)) / w;
     };
   }
-  const S = {
-    calculatedDuration: m && h || null,
+  const b = {
+    calculatedDuration: f && h || null,
     next: (w) => {
-      const P = y(w);
-      if (m)
+      const P = p(w);
+      if (f)
         a.done = w >= h;
       else {
-        let M = w === 0 ? d : 0;
-        p < 1 && (M = w === 0 ? /* @__PURE__ */ Z(d) : Ki(y, w, P));
-        const b = Math.abs(M) <= s, I = Math.abs(r - P) <= i;
-        a.done = b && I;
+        let M = w === 0 ? m : 0;
+        y < 1 && (M = w === 0 ? /* @__PURE__ */ Z(m) : Gi(p, w, P));
+        const S = Math.abs(M) <= s, I = Math.abs(r - P) <= i;
+        a.done = S && I;
       }
       return a.value = a.done ? r : P, a;
     },
     toString: () => {
-      const w = Math.min(Sn(S), he), P = Hi((M) => S.next(w * M).value, w, 30);
+      const w = Math.min(Sn(b), he), P = Ki((M) => b.next(w * M).value, w, 30);
       return w + "ms " + P;
     },
     toTransition: () => {
     }
   };
-  return S;
+  return b;
 }
-fe.applyToOptions = (t) => {
-  const e = ea(t, 100, fe);
+de.applyToOptions = (t) => {
+  const e = ea(t, 100, de);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ Z(e.duration), t.type = "keyframes", t;
 };
-function ze({ 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 = {
+function He({ 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], d = {
     done: !1,
     value: h
-  }, m = (b) => a !== void 0 && b < a || l !== void 0 && b > l, d = (b) => a === void 0 ? l : l === void 0 || Math.abs(a - b) < Math.abs(l - b) ? a : l;
-  let p = n * e;
-  const v = h + p, g = r === void 0 ? v : r(v);
-  g !== v && (p = g - h);
-  const x = (b) => -p * Math.exp(-b / s), y = (b) => g + x(b), S = (b) => {
-    const I = x(b), N = y(b);
-    f.done = Math.abs(I) <= c, f.value = f.done ? g : N;
+  }, f = (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 y = n * e;
+  const v = h + y, g = r === void 0 ? v : r(v);
+  g !== v && (y = g - h);
+  const x = (S) => -y * Math.exp(-S / s), p = (S) => g + x(S), b = (S) => {
+    const I = x(S), N = p(S);
+    d.done = Math.abs(I) <= c, d.value = d.done ? g : N;
   };
   let w, P;
-  const M = (b) => {
-    m(f.value) && (w = b, P = fe({
-      keyframes: [f.value, d(f.value)],
-      velocity: Ki(y, b, f.value),
+  const M = (S) => {
+    f(d.value) && (w = S, P = de({
+      keyframes: [d.value, m(d.value)],
+      velocity: Gi(p, S, d.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: o,
@@ -612,14 +612,14 @@ function ze({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   };
   return M(0), {
     calculatedDuration: null,
-    next: (b) => {
+    next: (S) => {
       let I = !1;
-      return !P && w === void 0 && (I = !0, S(b), M(b)), w !== void 0 && b >= w ? P.next(b - w) : (!I && S(b), f);
+      return !P && w === void 0 && (I = !0, b(S), M(S)), w !== void 0 && S >= w ? P.next(S - w) : (!I && b(S), d);
     }
   };
 }
 function ca(t, e, n) {
-  const s = [], i = n || at.mix || zi, o = t.length - 1;
+  const s = [], i = n || at.mix || Hi, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = i(t[r], t[r + 1]);
     if (e) {
@@ -630,7 +630,7 @@ function ca(t, e, n) {
   }
   return s;
 }
-function Gi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function _i(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const o = t.length;
   if (ot(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
@@ -645,8 +645,8 @@ function Gi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
     if (l > 1)
       for (; h < t.length - 2 && !(u < t[h + 1]); h++)
         ;
-    const f = /* @__PURE__ */ Wt(t[h], t[h + 1], u);
-    return a[h](f);
+    const d = /* @__PURE__ */ Wt(t[h], t[h + 1], u);
+    return a[h](d);
   };
   return n ? (u) => c(it(t[0], t[o - 1], u)) : c;
 }
@@ -661,23 +661,23 @@ function ha(t) {
   const e = [0];
   return ua(e, t.length - 1), e;
 }
-function fa(t, e) {
+function da(t, e) {
   return t.map((n) => n * e);
 }
-function da(t, e) {
-  return t.map(() => e || Li).splice(0, t.length - 1);
+function fa(t, e) {
+  return t.map(() => e || ki).splice(0, t.length - 1);
 }
 function St({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = Vo(s) ? s.map(Gn) : Gn(s), o = {
+  const i = Vo(s) ? s.map(_n) : _n(s), o = {
     done: !1,
     value: e[0]
-  }, r = fa(
+  }, r = da(
     // 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 : ha(e),
     t
-  ), a = Gi(r, e, {
-    ease: Array.isArray(i) ? i : da(e, i)
+  ), a = _i(r, e, {
+    ease: Array.isArray(i) ? i : fa(e, i)
   });
   return {
     calculatedDuration: t,
@@ -690,13 +690,13 @@ function Pn(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
   return !a || s === void 0 ? o[a] : s;
 }
 const pa = {
-  decay: ze,
-  inertia: ze,
+  decay: He,
+  inertia: He,
   tween: St,
   keyframes: St,
-  spring: fe
+  spring: de
 };
-function _i(t) {
+function Xi(t) {
   typeof t.type == "string" && (t.type = pa[t.type]);
 }
 class An {
@@ -733,11 +733,11 @@ class Vn extends An {
   }
   initAnimation() {
     const { options: e } = this;
-    _i(e);
+    Xi(e);
     const { type: n = St, repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || St;
-    process.env.NODE_ENV !== "production" && l !== St && ot(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== St && typeof a[0] != "number" && (this.mixKeyframes = _t(ga, zi(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== St && ot(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== St && typeof a[0] != "number" && (this.mixKeyframes = _t(ga, Hi(a[0], a[1])), a = [0, 100]);
     const c = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -755,22 +755,22 @@ class Vn 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: m, type: d, onUpdate: p, finalKeyframe: v } = this.options;
+    const { delay: c = 0, keyframes: u, repeat: h, repeatType: d, repeatDelay: f, type: m, onUpdate: y, finalKeyframe: v } = 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 g = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? g < 0 : g > i;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let y = this.currentTime, S = s;
+    let p = this.currentTime, b = s;
     if (h) {
-      const b = Math.min(this.currentTime, i) / a;
-      let I = Math.floor(b), N = b % 1;
-      !N && b >= 1 && (N = 1), N === 1 && I--, I = Math.min(I, h + 1), !!(I % 2) && (f === "reverse" ? (N = 1 - N, m && (N -= m / a)) : f === "mirror" && (S = r)), y = it(0, 1, N) * a;
+      const S = Math.min(this.currentTime, i) / a;
+      let I = Math.floor(S), N = S % 1;
+      !N && S >= 1 && (N = 1), N === 1 && I--, I = Math.min(I, h + 1), !!(I % 2) && (d === "reverse" ? (N = 1 - N, f && (N -= f / a)) : d === "mirror" && (b = r)), p = it(0, 1, N) * a;
     }
-    const w = x ? { done: !1, value: u[0] } : S.next(y);
+    const w = x ? { done: !1, value: u[0] } : b.next(p);
     o && (w.value = o(w.value));
     let { done: P } = w;
     !x && l !== null && (P = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && P);
-    return M && d !== ze && (w.value = Pn(u, this.options, v, this.speed)), p && p(w.value), M && this.finish(), w;
+    return M && m !== He && (w.value = Pn(u, this.options, v, this.speed)), y && y(w.value), M && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -838,9 +838,9 @@ function ya(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const vt = (t) => t * 180 / Math.PI, He = (t) => {
+const vt = (t) => t * 180 / Math.PI, Ke = (t) => {
   const e = vt(Math.atan2(t[1], t[0]));
-  return Ke(e);
+  return Ge(e);
 }, va = {
   x: 4,
   y: 5,
@@ -849,35 +849,35 @@ const vt = (t) => t * 180 / Math.PI, He = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: He,
-  rotateZ: He,
+  rotate: Ke,
+  rotateZ: Ke,
   skewX: (t) => vt(Math.atan(t[1])),
   skewY: (t) => vt(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Ke = (t) => (t = t % 360, t < 0 && (t += 360), t), Jn = He, ts = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), es = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), xa = {
+}, Ge = (t) => (t = t % 360, t < 0 && (t += 360), t), ts = Ke, es = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), ns = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), xa = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: ts,
-  scaleY: es,
-  scale: (t) => (ts(t) + es(t)) / 2,
-  rotateX: (t) => Ke(vt(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => Ke(vt(Math.atan2(-t[2], t[0]))),
-  rotateZ: Jn,
-  rotate: Jn,
+  scaleX: es,
+  scaleY: ns,
+  scale: (t) => (es(t) + ns(t)) / 2,
+  rotateX: (t) => Ge(vt(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => Ge(vt(Math.atan2(-t[2], t[0]))),
+  rotateZ: ts,
+  rotate: ts,
   skewX: (t) => vt(Math.atan(t[4])),
   skewY: (t) => vt(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function Ge(t) {
+function _e(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function _e(t, e) {
+function Xe(t, e) {
   if (!t || t === "none")
-    return Ge(e);
+    return _e(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
@@ -887,13 +887,13 @@ function _e(t, e) {
     s = va, i = a;
   }
   if (!i)
-    return Ge(e);
+    return _e(e);
   const o = s[e], r = i[1].split(",").map(wa);
   return typeof o == "function" ? o(r) : r[o];
 }
 const Ta = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return _e(n, e);
+  return Xe(n, e);
 };
 function wa(t) {
   return parseFloat(t.trim());
@@ -916,7 +916,7 @@ const kt = [
   "skew",
   "skewX",
   "skewY"
-], Bt = new Set(kt), ns = (t) => t === Lt || t === T, ba = /* @__PURE__ */ new Set(["x", "y", "z"]), Sa = kt.filter((t) => !ba.has(t));
+], Bt = new Set(kt), ss = (t) => t === Lt || t === T, ba = /* @__PURE__ */ new Set(["x", "y", "z"]), Sa = kt.filter((t) => !ba.has(t));
 function Pa(t) {
   const e = [];
   return Sa.forEach((n) => {
@@ -924,7 +924,7 @@ function Pa(t) {
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
 }
-const ft = {
+const dt = {
   // 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),
@@ -933,15 +933,15 @@ const ft = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: (t, { transform: e }) => _e(e, "x"),
-  y: (t, { transform: e }) => _e(e, "y")
+  x: (t, { transform: e }) => Xe(e, "x"),
+  y: (t, { transform: e }) => Xe(e, "y")
 };
-ft.translateX = ft.x;
-ft.translateY = ft.y;
+dt.translateX = dt.x;
+dt.translateY = dt.y;
 const xt = /* @__PURE__ */ new Set();
-let Xe = !1, Ye = !1, qe = !1;
-function Xi() {
-  if (Ye) {
+let Ye = !1, qe = !1, Ze = !1;
+function Yi() {
+  if (qe) {
     const t = Array.from(xt).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
       const i = Pa(s);
@@ -956,22 +956,22 @@ function Xi() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Ye = !1, Xe = !1, xt.forEach((t) => t.complete(qe)), xt.clear();
+  qe = !1, Ye = !1, xt.forEach((t) => t.complete(Ze)), xt.clear();
 }
-function Yi() {
+function qi() {
   xt.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (Ye = !0);
+    t.readKeyframes(), t.needsMeasurement && (qe = !0);
   });
 }
 function Aa() {
-  qe = !0, Yi(), Xi(), qe = !1;
+  Ze = !0, qi(), Yi(), Ze = !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 ? (xt.add(this), Xe || (Xe = !0, L.read(Yi), L.resolveKeyframes(Xi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (xt.add(this), Ye || (Ye = !0, L.read(qi), L.resolveKeyframes(Yi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -1010,18 +1010,18 @@ function Ca(t, e, n) {
   Va(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
 const Ma = {};
-function qi(t, e) {
-  const n = /* @__PURE__ */ bi(t);
+function Zi(t, e) {
+  const n = /* @__PURE__ */ Si(t);
   return () => Ma[e] ?? n();
 }
-const Da = /* @__PURE__ */ qi(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Zi = /* @__PURE__ */ qi(() => {
+const Da = /* @__PURE__ */ Zi(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Qi = /* @__PURE__ */ Zi(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), It = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, ss = {
+}, "linearEasing"), It = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, is = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1032,18 +1032,18 @@ const Da = /* @__PURE__ */ qi(() => window.ScrollTimeline !== void 0, "scrollTim
   backIn: /* @__PURE__ */ It([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ It([0.33, 1.53, 0.69, 0.99])
 };
-function Qi(t, e) {
+function Ji(t, e) {
   if (t)
-    return typeof t == "function" ? Zi() ? Hi(t, e) : "ease-out" : ki(t) ? It(t) : Array.isArray(t) ? t.map((n) => Qi(n, e) || ss.easeOut) : ss[t];
+    return typeof t == "function" ? Qi() ? Ki(t, e) : "ease-out" : Bi(t) ? It(t) : Array.isArray(t) ? t.map((n) => Ji(n, e) || is.easeOut) : is[t];
 }
 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 = Qi(a, i);
+  const h = Ji(a, i);
   Array.isArray(h) && (u.easing = h);
-  const f = {
+  const d = {
     delay: s,
     duration: i,
     easing: Array.isArray(h) ? "linear" : h,
@@ -1051,15 +1051,15 @@ function Ea(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatTyp
     iterations: o + 1,
     direction: r === "reverse" ? "alternate" : "normal"
   };
-  return c && (f.pseudoElement = c), t.animate(u, f);
+  return c && (d.pseudoElement = c), t.animate(u, d);
 }
-function Ji(t) {
+function tr(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
 function Ra({ type: t, ...e }) {
-  return Ji(t) && Zi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+  return tr(t) && Qi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class tr extends An {
+class er extends An {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
@@ -1152,21 +1152,21 @@ class tr extends An {
     return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && Da() ? (this.animation.timeline = e, q) : n(this);
   }
 }
-const er = {
-  anticipate: Di,
-  backInOut: Mi,
-  circInOut: Ri
+const nr = {
+  anticipate: Ei,
+  backInOut: Di,
+  circInOut: Li
 };
 function La(t) {
-  return t in er;
+  return t in nr;
 }
 function ka(t) {
-  typeof t.ease == "string" && La(t.ease) && (t.ease = er[t.ease]);
+  typeof t.ease == "string" && La(t.ease) && (t.ease = nr[t.ease]);
 }
-const Ce = 10;
-class Ba extends tr {
+const Me = 10;
+class Ba extends er {
   constructor(e) {
-    ka(e), _i(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
+    ka(e), Xi(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1187,12 +1187,12 @@ class Ba extends tr {
     const a = new Vn({
       ...r,
       autoplay: !1
-    }), l = Math.max(Ce, G.now() - this.startTime), c = it(0, Ce, l - Ce);
+    }), l = Math.max(Me, G.now() - this.startTime), c = it(0, Me, l - Me);
     n.setWithVelocity(a.sample(Math.max(0, l - c)).value, a.sample(l).value, c), a.stop();
   }
 }
-const is = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(tt.test(t) || t === "0") && // And it contains numbers and/or colors
+const rs = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+(et.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function Fa(t) {
   const e = t[0];
@@ -1208,10 +1208,10 @@ function Ia(t, e, n, s) {
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const o = t[t.length - 1], r = is(i, e), a = is(o, e);
-  return Rt(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 : Fa(t) || (n === "spring" || Ji(n)) && s;
+  const o = t[t.length - 1], r = rs(i, e), a = rs(o, e);
+  return Rt(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 : Fa(t) || (n === "spring" || tr(n)) && s;
 }
-function Ze(t) {
+function Qe(t) {
   t.duration = 0, t.type = "keyframes";
 }
 const Oa = /* @__PURE__ */ new Set([
@@ -1221,7 +1221,7 @@ const Oa = /* @__PURE__ */ new Set([
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Na = /* @__PURE__ */ bi(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+]), Na = /* @__PURE__ */ Si(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function ja(t) {
   const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: o, type: r } = t;
   if (!(e?.owner?.current instanceof HTMLElement))
@@ -1239,7 +1239,7 @@ class Ua extends An {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
     }, this.createdAt = G.now();
-    const f = {
+    const d = {
       autoplay: e,
       delay: n,
       type: s,
@@ -1250,25 +1250,25 @@ class Ua extends An {
       motionValue: c,
       element: u,
       ...h
-    }, m = u?.KeyframeResolver || Cn;
-    this.keyframeResolver = new m(a, (d, p, v) => this.onKeyframesResolved(d, p, f, !v), l, c, u), this.keyframeResolver?.scheduleResolve();
+    }, f = u?.KeyframeResolver || Cn;
+    this.keyframeResolver = new f(a, (m, y, v) => this.onKeyframesResolved(m, y, d, !v), 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 = G.now(), Ia(e, o, r, a) || ((at.instantAnimations || !l) && u?.(Pn(e, s, n)), e[0] = e[e.length - 1], Ze(s), s.repeat = 0);
-    const f = {
+    this.resolvedAt = G.now(), Ia(e, o, r, a) || ((at.instantAnimations || !l) && u?.(Pn(e, s, n)), e[0] = e[e.length - 1], Qe(s), s.repeat = 0);
+    const d = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > $a ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: e
-    }, m = !c && ja(f), d = f.motionValue?.owner?.current, p = m ? new Ba({
-      ...f,
-      element: d
-    }) : new Vn(f);
-    p.finished.then(() => {
+    }, f = !c && ja(d), m = d.motionValue?.owner?.current, y = f ? new Ba({
+      ...d,
+      element: m
+    }) : new Vn(d);
+    y.finished.then(() => {
       this.notifyFinished();
-    }).catch(q), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
+    }).catch(q), this.pendingTimeline && (this.stopTimeline = y.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = y;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1320,7 +1320,7 @@ class Ua extends An {
     this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
 }
-function nr(t, e, n, s = 0, i = 1) {
+function sr(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;
 }
@@ -1336,7 +1336,7 @@ function za(t) {
   return [`--${n ?? s}`, i];
 }
 const Ha = 4;
-function sr(t, e, n = 1) {
+function ir(t, e, n = 1) {
   ot(n <= Ha, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [s, i] = za(t);
   if (!s)
@@ -1344,9 +1344,9 @@ function sr(t, e, n = 1) {
   const o = window.getComputedStyle(e).getPropertyValue(s);
   if (o) {
     const r = o.trim();
-    return xi(r) ? parseFloat(r) : r;
+    return Ti(r) ? parseFloat(r) : r;
   }
-  return xn(i) ? sr(i, e, n + 1) : i;
+  return xn(i) ? ir(i, e, n + 1) : i;
 }
 const Ka = {
   type: "spring",
@@ -1370,7 +1370,7 @@ function Za(t, { repeat: e, repeatType: n = "loop" }, s) {
   const i = t.filter(qa), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[o];
 }
-function ir(t, e) {
+function rr(t, e) {
   if (t?.inherit && e) {
     const { inherit: n, ...s } = t;
     return { ...e, ...s };
@@ -1379,7 +1379,7 @@ function ir(t, e) {
 }
 function Mn(t, e) {
   const n = t?.[e] ?? t?.default ?? t;
-  return n !== t ? ir(n, t) : n;
+  return n !== t ? rr(n, t) : n;
 }
 function Qa({ 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;
@@ -1394,8 +1394,8 @@ const Dn = (t, e, n, s = {}, i, o) => (r) => {
     velocity: e.getVelocity(),
     ...a,
     delay: -c,
-    onUpdate: (f) => {
-      e.set(f), a.onUpdate && a.onUpdate(f);
+    onUpdate: (d) => {
+      e.set(d), a.onUpdate && a.onUpdate(d);
     },
     onComplete: () => {
       r(), a.onComplete && a.onComplete();
@@ -1406,18 +1406,18 @@ const Dn = (t, e, n, s = {}, i, o) => (r) => {
   };
   Qa(a) || Object.assign(u, Ya(t, u)), u.duration && (u.duration = /* @__PURE__ */ Z(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ Z(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Ze(u), u.delay === 0 && (h = !0)), (at.instantAnimations || at.skipAnimations || i?.shouldSkipAnimations) && (h = !0, Ze(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = Za(u.keyframes, a);
-    if (f !== void 0) {
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Qe(u), u.delay === 0 && (h = !0)), (at.instantAnimations || at.skipAnimations || i?.shouldSkipAnimations) && (h = !0, Qe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
+    const d = Za(u.keyframes, a);
+    if (d !== void 0) {
       L.update(() => {
-        u.onUpdate(f), u.onComplete();
+        u.onUpdate(d), u.onComplete();
       });
       return;
     }
   }
   return a.isSync ? new Vn(u) : new Ua(u);
 };
-function rs(t) {
+function os(t) {
   const e = [{}, {}];
   return t?.values.forEach((n, s) => {
     e[0][s] = n.get(), e[1][s] = n.getVelocity();
@@ -1425,11 +1425,11 @@ function rs(t) {
 }
 function En(t, e, n, s) {
   if (typeof e == "function") {
-    const [i, o] = rs(s);
+    const [i, o] = os(s);
     e = e(n !== void 0 ? n : t.custom, i, o);
   }
   if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [i, o] = rs(s);
+    const [i, o] = os(s);
     e = e(n !== void 0 ? n : t.custom, i, o);
   }
   return e;
@@ -1438,7 +1438,7 @@ function Mt(t, e, n) {
   const s = t.getProps();
   return En(s, e, n !== void 0 ? n : s.custom, t);
 }
-const rr = /* @__PURE__ */ new Set([
+const or = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1446,7 +1446,7 @@ const rr = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...kt
-]), os = 30, Ja = (t) => !isNaN(parseFloat(t)), Nt = {
+]), as = 30, Ja = (t) => !isNaN(parseFloat(t)), Nt = {
   current: void 0
 };
 class tl {
@@ -1594,10 +1594,10 @@ class tl {
    */
   getVelocity() {
     const e = G.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > os)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > as)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, os);
-    return Si(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, as);
+    return Pi(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1651,12 +1651,12 @@ class tl {
 function Tt(t, e) {
   return new tl(t, e);
 }
-const Qe = (t) => Array.isArray(t);
+const Je = (t) => Array.isArray(t);
 function el(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Tt(n));
 }
 function nl(t) {
-  return Qe(t) ? t[t.length - 1] || 0 : t;
+  return Je(t) ? t[t.length - 1] || 0 : t;
 }
 function sl(t, e) {
   const n = Mt(t, e);
@@ -1671,7 +1671,7 @@ const W = (t) => !!(t && t.getVelocity);
 function il(t) {
   return !!(W(t) && t.add);
 }
-function Je(t, e) {
+function tn(t, e) {
   const n = t.getValue("willChange");
   if (il(n))
     return n.add(e);
@@ -1683,58 +1683,58 @@ function Je(t, e) {
 function Rn(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const rl = "framerAppearId", or = "data-" + Rn(rl);
-function ar(t) {
-  return t.props[or];
+const rl = "framerAppearId", ar = "data-" + Rn(rl);
+function lr(t) {
+  return t.props[ar];
 }
 function ol({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
-function lr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+function cr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   let { transition: o, transitionEnd: r, ...a } = e;
   const l = t.getDefaultTransition();
-  o = o ? ir(o, l) : l;
+  o = o ? rr(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 m = t.getValue(f, t.latestValues[f] ?? null), d = a[f];
-    if (d === void 0 || h && ol(h, f))
+  for (const d in a) {
+    const f = t.getValue(d, t.latestValues[d] ?? null), m = a[d];
+    if (m === void 0 || h && ol(h, d))
       continue;
-    const p = {
+    const y = {
       delay: n,
-      ...Mn(o || {}, f)
-    }, v = m.get();
-    if (v !== void 0 && !m.isAnimating && !Array.isArray(d) && d === v && !p.velocity)
+      ...Mn(o || {}, d)
+    }, v = f.get();
+    if (v !== void 0 && !f.isAnimating && !Array.isArray(m) && m === v && !y.velocity)
       continue;
     let g = !1;
     if (window.MotionHandoffAnimation) {
-      const S = ar(t);
-      if (S) {
-        const w = window.MotionHandoffAnimation(S, f, L);
-        w !== null && (p.startTime = w, g = !0);
+      const b = lr(t);
+      if (b) {
+        const w = window.MotionHandoffAnimation(b, d, L);
+        w !== null && (y.startTime = w, g = !0);
       }
     }
-    Je(t, f);
+    tn(t, d);
     const x = c ?? t.shouldReduceMotion;
-    m.start(Dn(f, m, d, x && rr.has(f) ? { type: !1 } : p, t, g));
-    const y = m.animation;
-    y && u.push(y);
+    f.start(Dn(d, f, m, x && or.has(d) ? { type: !1 } : y, t, g));
+    const p = f.animation;
+    p && u.push(p);
   }
   if (r) {
-    const f = () => L.update(() => {
+    const d = () => L.update(() => {
       r && sl(t, r);
     });
-    u.length ? Promise.all(u).then(f) : f();
+    u.length ? Promise.all(u).then(d) : d();
   }
   return u;
 }
-function tn(t, e, n = {}) {
+function en(t, e, n = {}) {
   const s = Mt(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(lr(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
+  const o = s ? () => Promise.all(cr(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
     return al(t, e, l, c, u, h, n);
   } : () => Promise.resolve(), { when: a } = i;
@@ -1747,9 +1747,9 @@ function tn(t, e, n = {}) {
 function al(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(tn(l, e, {
+    l.notify("AnimationStart", e), a.push(en(l, e, {
       ...r,
-      delay: n + (typeof s == "function" ? 0 : s) + nr(t.variantChildren, l, s, i, o)
+      delay: n + (typeof s == "function" ? 0 : s) + sr(t.variantChildren, l, s, i, o)
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
@@ -1757,13 +1757,13 @@ function ll(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
-    const i = e.map((o) => tn(t, o, n));
+    const i = e.map((o) => en(t, o, n));
     s = Promise.all(i);
   } else if (typeof e == "string")
-    s = tn(t, e, n);
+    s = en(t, e, n);
   else {
     const i = typeof e == "function" ? Mt(t, e, n.custom) : e;
-    s = Promise.all(lr(t, i, n));
+    s = Promise.all(cr(t, i, n));
   }
   return s.then(() => {
     t.notify("AnimationComplete", e);
@@ -1772,12 +1772,12 @@ function ll(t, e, n = {}) {
 const cl = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, cr = (t) => (e) => e.test(t), ur = [Lt, T, st, ut, No, Oo, cl], as = (t) => ur.find(cr(t));
+}, ur = (t) => (e) => e.test(t), hr = [Lt, T, st, ut, No, Oo, cl], ls = (t) => hr.find(ur(t));
 function ul(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || wi(t) : !0;
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || bi(t) : !0;
 }
 const hl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function fl(t) {
+function dl(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -1788,19 +1788,19 @@ function fl(t) {
   let o = hl.has(e) ? 1 : 0;
   return s !== n && (o *= 100), e + "(" + o + i + ")";
 }
-const dl = /\b([a-z-]*)\(.*?\)/gu, en = {
-  ...tt,
+const fl = /\b([a-z-]*)\(.*?\)/gu, nn = {
+  ...et,
   getAnimatableNone: (t) => {
-    const e = t.match(dl);
-    return e ? e.map(fl).join(" ") : t;
+    const e = t.match(fl);
+    return e ? e.map(dl).join(" ") : t;
   }
-}, nn = {
-  ...tt,
+}, sn = {
+  ...et,
   getAnimatableNone: (t) => {
-    const e = tt.parse(t);
-    return tt.createTransformer(t)(e.map((s) => typeof s == "number" ? 0 : typeof s == "object" ? { ...s, alpha: 1 } : s));
+    const e = et.parse(t);
+    return et.createTransformer(t)(e.map((s) => typeof s == "number" ? 0 : typeof s == "object" ? { ...s, alpha: 1 } : s));
   }
-}, ls = {
+}, cs = {
   ...Lt,
   transform: Math.round
 }, ml = {
@@ -1825,8 +1825,8 @@ const dl = /\b([a-z-]*)\(.*?\)/gu, en = {
   perspective: T,
   transformPerspective: T,
   opacity: zt,
-  originX: Xn,
-  originY: Xn,
+  originX: Yn,
+  originY: Yn,
   originZ: T
 }, Ln = {
   // Border props
@@ -1885,11 +1885,11 @@ const dl = /\b([a-z-]*)\(.*?\)/gu, en = {
   backgroundPositionX: T,
   backgroundPositionY: T,
   ...ml,
-  zIndex: ls,
+  zIndex: cs,
   // SVG
   fillOpacity: zt,
   strokeOpacity: zt,
-  numOctaves: ls
+  numOctaves: cs
 }, pl = {
   ...Ln,
   // Color props
@@ -1904,14 +1904,14 @@ const dl = /\b([a-z-]*)\(.*?\)/gu, en = {
   borderRightColor: O,
   borderBottomColor: O,
   borderLeftColor: O,
-  filter: en,
-  WebkitFilter: en,
-  mask: nn,
-  WebkitMask: nn
-}, hr = (t) => pl[t], gl = /* @__PURE__ */ new Set([en, nn]);
+  filter: nn,
+  WebkitFilter: nn,
+  mask: sn,
+  WebkitMask: sn
+}, dr = (t) => pl[t], gl = /* @__PURE__ */ new Set([nn, sn]);
 function fr(t, e) {
-  let n = hr(t);
-  return gl.has(n) || (n = tt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  let n = dr(t);
+  return gl.has(n) || (n = et), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const yl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function vl(t, e, n) {
@@ -1936,24 +1936,24 @@ class xl extends Cn {
     for (let u = 0; u < e.length; u++) {
       let h = e[u];
       if (typeof h == "string" && (h = h.trim(), xn(h))) {
-        const f = sr(h, n.current);
-        f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = h);
+        const d = ir(h, n.current);
+        d !== void 0 && (e[u] = d), u === e.length - 1 && (this.finalKeyframe = h);
       }
     }
-    if (this.resolveNoneKeyframes(), !rr.has(s) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !or.has(s) || e.length !== 2)
       return;
-    const [i, o] = e, r = as(i), a = as(o), l = _n(i), c = _n(o);
-    if (l !== c && ft[s]) {
+    const [i, o] = e, r = ls(i), a = ls(o), l = Xn(i), c = Xn(o);
+    if (l !== c && dt[s]) {
       this.needsMeasurement = !0;
       return;
     }
     if (r !== a)
-      if (ns(r) && ns(a))
+      if (ss(r) && ss(a))
         for (let u = 0; u < e.length; u++) {
           const h = e[u];
           typeof h == "string" && (e[u] = parseFloat(h));
         }
-      else ft[s] && (this.needsMeasurement = !0);
+      else dt[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
@@ -1965,7 +1965,7 @@ class xl extends Cn {
     const { element: e, unresolvedKeyframes: n, name: s } = this;
     if (!e || !e.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = ft[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = dt[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);
   }
@@ -1976,7 +1976,7 @@ class xl extends Cn {
     const i = e.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const o = s.length - 1, r = s[o];
-    s[o] = ft[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] = dt[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();
   }
@@ -1990,7 +1990,7 @@ const Tl = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-function dr(t, e, n) {
+function mr(t, e, n) {
   if (t == null)
     return [];
   if (t instanceof EventTarget)
@@ -2002,26 +2002,26 @@ function dr(t, e, n) {
   }
   return Array.from(t).filter((s) => s != null);
 }
-const mr = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+const pr = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
 function wl(t) {
-  return Ti(t) && "offsetHeight" in t;
+  return wi(t) && "offsetHeight" in t;
 }
-const { schedule: kn } = /* @__PURE__ */ Bi(queueMicrotask, !1), J = {
+const { schedule: kn } = /* @__PURE__ */ Fi(queueMicrotask, !1), tt = {
   x: !1,
   y: !1
 };
-function pr() {
-  return J.x || J.y;
+function gr() {
+  return tt.x || tt.y;
 }
 function bl(t) {
-  return t === "x" || t === "y" ? J[t] ? null : (J[t] = !0, () => {
-    J[t] = !1;
-  }) : J.x || J.y ? null : (J.x = J.y = !0, () => {
-    J.x = J.y = !1;
+  return t === "x" || t === "y" ? tt[t] ? null : (tt[t] = !0, () => {
+    tt[t] = !1;
+  }) : tt.x || tt.y ? null : (tt.x = tt.y = !0, () => {
+    tt.x = tt.y = !1;
   });
 }
-function gr(t, e) {
-  const n = dr(t), s = new AbortController(), i = {
+function yr(t, e) {
+  const n = mr(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
@@ -2029,21 +2029,21 @@ function gr(t, e) {
   return [n, i, () => s.abort()];
 }
 function Sl(t) {
-  return !(t.pointerType === "touch" || pr());
+  return !(t.pointerType === "touch" || gr());
 }
 function Pl(t, e, n = {}) {
-  const [s, i, o] = gr(t, n);
+  const [s, i, o] = yr(t, n);
   return s.forEach((r) => {
     let a = !1, l = !1, c;
     const u = () => {
-      r.removeEventListener("pointerleave", d);
+      r.removeEventListener("pointerleave", m);
     }, h = (v) => {
       c && (c(v), c = void 0), u();
-    }, f = (v) => {
-      a = !1, window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f), l && (l = !1, h(v));
-    }, m = () => {
-      a = !0, window.addEventListener("pointerup", f, i), window.addEventListener("pointercancel", f, i);
     }, d = (v) => {
+      a = !1, window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", d), l && (l = !1, h(v));
+    }, f = () => {
+      a = !0, window.addEventListener("pointerup", d, i), window.addEventListener("pointercancel", d, i);
+    }, m = (v) => {
       if (v.pointerType !== "touch") {
         if (a) {
           l = !0;
@@ -2051,17 +2051,17 @@ function Pl(t, e, n = {}) {
         }
         h(v);
       }
-    }, p = (v) => {
+    }, y = (v) => {
       if (!Sl(v))
         return;
       l = !1;
       const g = e(r, v);
-      typeof g == "function" && (c = g, r.addEventListener("pointerleave", d, i));
+      typeof g == "function" && (c = g, r.addEventListener("pointerleave", m, i));
     };
-    r.addEventListener("pointerenter", p, i), r.addEventListener("pointerdown", m, i);
+    r.addEventListener("pointerenter", y, i), r.addEventListener("pointerdown", f, i);
   }), o;
 }
-const yr = (t, e) => e ? t === e ? !0 : yr(t, e.parentElement) : !1, Bn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Al = /* @__PURE__ */ new Set([
+const vr = (t, e) => e ? t === e ? !0 : vr(t, e.parentElement) : !1, Bn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Al = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -2076,58 +2076,58 @@ function Ml(t) {
   return Cl.has(t.tagName) || t.isContentEditable === !0;
 }
 const ne = /* @__PURE__ */ new WeakSet();
-function cs(t) {
+function us(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
 }
-function Me(t, e) {
+function De(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
 const Dl = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const s = cs(() => {
+  const s = us(() => {
     if (ne.has(n))
       return;
-    Me(n, "down");
-    const i = cs(() => {
-      Me(n, "up");
-    }), o = () => Me(n, "cancel");
+    De(n, "down");
+    const i = us(() => {
+      De(n, "up");
+    }), o = () => De(n, "cancel");
     n.addEventListener("keyup", i, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
-function us(t) {
-  return Bn(t) && !pr();
+function hs(t) {
+  return Bn(t) && !gr();
 }
-const hs = /* @__PURE__ */ new WeakSet();
+const ds = /* @__PURE__ */ new WeakSet();
 function El(t, e, n = {}) {
-  const [s, i, o] = gr(t, n), r = (a) => {
+  const [s, i, o] = yr(t, n), r = (a) => {
     const l = a.currentTarget;
-    if (!us(a) || hs.has(a))
+    if (!hs(a) || ds.has(a))
       return;
-    ne.add(l), n.stopPropagation && hs.add(a);
-    const c = e(l, a), u = (m, d) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), ne.has(l) && ne.delete(l), us(m) && typeof c == "function" && c(m, { success: d });
-    }, h = (m) => {
-      u(m, l === window || l === document || n.useGlobalTarget || yr(l, m.target));
-    }, f = (m) => {
-      u(m, !1);
+    ne.add(l), n.stopPropagation && ds.add(a);
+    const c = e(l, a), u = (f, m) => {
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), ne.has(l) && ne.delete(l), hs(f) && typeof c == "function" && c(f, { success: m });
+    }, h = (f) => {
+      u(f, l === window || l === document || n.useGlobalTarget || vr(l, f.target));
+    }, d = (f) => {
+      u(f, !1);
     };
-    window.addEventListener("pointerup", h, i), window.addEventListener("pointercancel", f, i);
+    window.addEventListener("pointerup", h, i), window.addEventListener("pointercancel", d, i);
   };
   return s.forEach((a) => {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), wl(a) && (a.addEventListener("focus", (c) => Dl(c, i)), !Vl(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function Fn(t) {
-  return Ti(t) && "ownerSVGElement" in t;
+  return wi(t) && "ownerSVGElement" in t;
 }
 const se = /* @__PURE__ */ new WeakMap();
 let ie;
-const vr = (t, e, n) => (s, i) => i && i[0] ? i[0][t + "Size"] : Fn(s) && "getBBox" in s ? s.getBBox()[e] : s[n], Rl = /* @__PURE__ */ vr("inline", "width", "offsetWidth"), Ll = /* @__PURE__ */ vr("block", "height", "offsetHeight");
+const xr = (t, e, n) => (s, i) => i && i[0] ? i[0][t + "Size"] : Fn(s) && "getBBox" in s ? s.getBBox()[e] : s[n], Rl = /* @__PURE__ */ xr("inline", "width", "offsetWidth"), Ll = /* @__PURE__ */ xr("block", "height", "offsetHeight");
 function kl({ target: t, borderBoxSize: e }) {
   se.get(t)?.forEach((n) => {
     n(t, {
@@ -2148,7 +2148,7 @@ function Fl() {
 }
 function Il(t, e) {
   ie || Fl();
-  const n = dr(t);
+  const n = mr(t);
   return n.forEach((s) => {
     let i = se.get(s);
     i || (i = /* @__PURE__ */ new Set(), se.set(s, i)), i.add(e), ie?.observe(s);
@@ -2186,22 +2186,22 @@ function jl(t) {
   return Fn(t) && t.tagName === "svg";
 }
 function $l(...t) {
-  const e = !Array.isArray(t[0]), n = e ? 0 : -1, s = t[0 + n], i = t[1 + n], o = t[2 + n], r = t[3 + n], a = Gi(i, o, r);
+  const e = !Array.isArray(t[0]), n = e ? 0 : -1, s = t[0 + n], i = t[1 + n], o = t[2 + n], r = t[3 + n], a = _i(i, o, r);
   return e ? a(s) : a;
 }
-const Ul = [...ur, O, tt], Wl = (t) => Ul.find(cr(t)), ds = () => ({
+const Ul = [...hr, O, et], Wl = (t) => Ul.find(ur(t)), ms = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
 }), At = () => ({
-  x: ds(),
-  y: ds()
-}), ms = () => ({ min: 0, max: 0 }), j = () => ({
   x: ms(),
   y: ms()
+}), ps = () => ({ min: 0, max: 0 }), j = () => ({
+  x: ps(),
+  y: ps()
 }), zl = /* @__PURE__ */ new WeakMap();
-function xe(t) {
+function Te(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
 function Kt(t) {
@@ -2216,11 +2216,11 @@ const In = [
   "whileDrag",
   "exit"
 ], On = ["initial", ...In];
-function Te(t) {
-  return xe(t.animate) || On.some((e) => Kt(t[e]));
+function we(t) {
+  return Te(t.animate) || On.some((e) => Kt(t[e]));
 }
-function xr(t) {
-  return !!(Te(t) || t.variants);
+function Tr(t) {
+  return !!(we(t) || t.variants);
 }
 function Hl(t, e, n) {
   for (const s in e) {
@@ -2242,16 +2242,16 @@ function Hl(t, e, n) {
     e[s] === void 0 && t.removeValue(s);
   return e;
 }
-const sn = { current: null }, Tr = { current: !1 }, Kl = typeof window < "u";
+const rn = { current: null }, wr = { current: !1 }, Kl = typeof window < "u";
 function Gl() {
-  if (Tr.current = !0, !!Kl)
+  if (wr.current = !0, !!Kl)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => sn.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => rn.current = t.matches;
       t.addEventListener("change", e), e();
     } else
-      sn.current = !1;
+      rn.current = !1;
 }
-const ps = [
+const gs = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2260,12 +2260,12 @@ const ps = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-let de = {};
-function wr(t) {
-  de = t;
+let fe = {};
+function br(t) {
+  fe = t;
 }
 function _l() {
-  return de;
+  return fe;
 }
 class Xl {
   /**
@@ -2282,22 +2282,22 @@ class Xl {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Cn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const m = G.now();
-      this.renderScheduledAt < m && (this.renderScheduledAt = m, L.render(this.render, !1, !0));
+      const f = G.now();
+      this.renderScheduledAt < f && (this.renderScheduledAt = f, L.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 = Te(n), this.isVariantNode = xr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
-    const { willChange: h, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const m in f) {
-      const d = f[m];
-      c[m] !== void 0 && W(d) && d.set(c[m]);
+    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 = we(n), this.isVariantNode = Tr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    const { willChange: h, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
+    for (const f in d) {
+      const m = d[f];
+      c[f] !== void 0 && W(m) && m.set(c[f]);
     }
   }
   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, zl.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 : (Tr.current || Gl(), this.shouldReduceMotion = sn.current), process.env.NODE_ENV !== "production" && gn(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, zl.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 : (wr.current || Gl(), this.shouldReduceMotion = rn.current), process.env.NODE_ENV !== "production" && gn(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(), lt(this.notifyUpdate), lt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -2317,16 +2317,16 @@ class Xl {
   }
   bindToMotionValue(e, n) {
     if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), n.accelerate && Tl.has(e) && this.current instanceof HTMLElement) {
-      const { factory: r, keyframes: a, times: l, ease: c, duration: u } = n.accelerate, h = new tr({
+      const { factory: r, keyframes: a, times: l, ease: c, duration: u } = n.accelerate, h = new er({
         element: this.current,
         name: e,
         keyframes: a,
         times: l,
         ease: c,
         duration: /* @__PURE__ */ Z(u)
-      }), f = r(h);
+      }), d = r(h);
       this.valueSubscriptions.set(e, () => {
-        f(), h.cancel();
+        d(), h.cancel();
       });
       return;
     }
@@ -2345,8 +2345,8 @@ class Xl {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in de) {
-      const n = de[e];
+    for (e in fe) {
+      const n = fe[e];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -2379,8 +2379,8 @@ class Xl {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < ps.length; s++) {
-      const i = ps[s];
+    for (let s = 0; s < gs.length; s++) {
+      const i = gs[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const o = "on" + i, r = e[o];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
@@ -2450,7 +2450,7 @@ class Xl {
    */
   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" && (xi(s) || wi(s)) ? s = parseFloat(s) : !Wl(s) && tt.test(n) && (s = fr(e, n)), this.setBaseTarget(e, W(s) ? s.get() : s)), W(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Ti(s) || bi(s)) ? s = parseFloat(s) : !Wl(s) && et.test(n) && (s = fr(e, n)), this.setBaseTarget(e, W(s) ? s.get() : s)), W(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2485,7 +2485,7 @@ class Xl {
     kn.render(this.render);
   }
 }
-class br extends Xl {
+class Sr extends Xl {
   constructor() {
     super(...arguments), this.KeyframeResolver = xl;
   }
@@ -2507,14 +2507,14 @@ class br extends Xl {
     }));
   }
 }
-class dt {
+class ft {
   constructor(e) {
     this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-function Sr({ top: t, left: e, right: n, bottom: s }) {
+function Pr({ top: t, left: e, right: n, bottom: s }) {
   return {
     x: { min: e, max: n },
     y: { min: t, max: s }
@@ -2534,35 +2534,35 @@ function ql(t, e) {
     right: s.x
   };
 }
-function De(t) {
+function Ee(t) {
   return t === void 0 || t === 1;
 }
-function rn({ scale: t, scaleX: e, scaleY: n }) {
-  return !De(t) || !De(e) || !De(n);
+function on({ scale: t, scaleX: e, scaleY: n }) {
+  return !Ee(t) || !Ee(e) || !Ee(n);
 }
 function gt(t) {
-  return rn(t) || Pr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return on(t) || Ar(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
-function Pr(t) {
-  return gs(t.x) || gs(t.y);
+function Ar(t) {
+  return ys(t.x) || ys(t.y);
 }
-function gs(t) {
+function ys(t) {
   return t && t !== "0%";
 }
 function me(t, e, n) {
   const s = t - n, i = e * s;
   return n + i;
 }
-function ys(t, e, n, s, i) {
+function vs(t, e, n, s, i) {
   return i !== void 0 && (t = me(t, i, s)), me(t, n, s) + e;
 }
-function on(t, e = 0, n = 1, s, i) {
-  t.min = ys(t.min, e, n, s, i), t.max = ys(t.max, e, n, s, i);
+function an(t, e = 0, n = 1, s, i) {
+  t.min = vs(t.min, e, n, s, i), t.max = vs(t.max, e, n, s, i);
 }
-function Ar(t, { x: e, y: n }) {
-  on(t.x, e.translate, e.scale, e.originPoint), on(t.y, n.translate, n.scale, n.originPoint);
+function Vr(t, { x: e, y: n }) {
+  an(t.x, e.translate, e.scale, e.originPoint), an(t.y, n.translate, n.scale, n.originPoint);
 }
-const vs = 0.999999999999, xs = 1.0000000000001;
+const xs = 0.999999999999, Ts = 1.0000000000001;
 function Zl(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
@@ -2575,25 +2575,25 @@ function Zl(t, e, n, s = !1) {
     l && l.props.style && l.props.style.display === "contents" || (s && o.options.layoutScroll && o.scroll && o !== o.root && Ct(t, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, Ar(t, r)), s && gt(o.latestValues) && Ct(t, o.latestValues));
+    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, Vr(t, r)), s && gt(o.latestValues) && Ct(t, o.latestValues));
   }
-  e.x < xs && e.x > vs && (e.x = 1), e.y < xs && e.y > vs && (e.y = 1);
+  e.x < Ts && e.x > xs && (e.x = 1), e.y < Ts && e.y > xs && (e.y = 1);
 }
 function Vt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function Ts(t, e, n, s, i = 0.5) {
+function ws(t, e, n, s, i = 0.5) {
   const o = B(t.min, t.max, i);
-  on(t, e, n, o, s);
+  an(t, e, n, o, s);
 }
 function Ct(t, e) {
-  Ts(t.x, e.x, e.scaleX, e.scale, e.originX), Ts(t.y, e.y, e.scaleY, e.scale, e.originY);
+  ws(t.x, e.x, e.scaleX, e.scale, e.originX), ws(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
-function Vr(t, e) {
-  return Sr(ql(t.getBoundingClientRect(), e));
+function Cr(t, e) {
+  return Pr(ql(t.getBoundingClientRect(), e));
 }
 function Ql(t, e, n) {
-  const s = Vr(t, n), { scroll: i } = e;
+  const s = Cr(t, n), { scroll: i } = e;
   return i && (Vt(s.x, i.offset.x), Vt(s.y, i.offset.y)), s;
 }
 const Jl = {
@@ -2616,7 +2616,7 @@ function ec(t, e, n) {
       l = r.startsWith("scale") ? c === 1 : c === 0;
     }
     if (!l || n) {
-      const c = mr(a, Ln[r]);
+      const c = pr(a, Ln[r]);
       if (!l) {
         i = !1;
         const u = Jl[r] || r;
@@ -2635,11 +2635,11 @@ function Nn(t, e, n) {
     if (Bt.has(l)) {
       r = !0;
       continue;
-    } else if (Ii(l)) {
+    } else if (Oi(l)) {
       i[l] = c;
       continue;
     } else {
-      const u = mr(c, Ln[l]);
+      const u = pr(c, Ln[l]);
       l.startsWith("origin") ? (a = !0, o[l] = u) : s[l] = u;
     }
   }
@@ -2648,7 +2648,7 @@ function Nn(t, e, n) {
     s.transformOrigin = `${l} ${c} ${u}`;
   }
 }
-function Cr(t, { style: e, vars: n }, s, i) {
+function Mr(t, { style: e, vars: n }, s, i) {
   const o = t.style;
   let r;
   for (r in e)
@@ -2657,7 +2657,7 @@ function Cr(t, { style: e, vars: n }, s, i) {
   for (r in n)
     o.setProperty(r, n[r]);
 }
-function ws(t, e) {
+function bs(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
 const Ft = {
@@ -2669,20 +2669,20 @@ const Ft = {
         t = parseFloat(t);
       else
         return t;
-    const n = ws(t, e.target.x), s = ws(t, e.target.y);
+    const n = bs(t, e.target.x), s = bs(t, e.target.y);
     return `${n}% ${s}%`;
   }
 }, nc = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
-    const s = t, i = tt.parse(t);
+    const s = t, i = et.parse(t);
     if (i.length > 5)
       return s;
-    const o = tt.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
+    const o = et.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
     i[0 + r] /= a, i[1 + r] /= l;
     const c = B(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);
   }
-}, an = {
+}, ln = {
   borderRadius: {
     ...Ft,
     applyTo: [
@@ -2698,34 +2698,34 @@ const Ft = {
   borderBottomRightRadius: Ft,
   boxShadow: nc
 };
-function Mr(t, { layout: e, layoutId: n }) {
-  return Bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!an[t] || t === "opacity");
+function Dr(t, { layout: e, layoutId: n }) {
+  return Bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ln[t] || t === "opacity");
 }
 function jn(t, e, n) {
   const s = t.style, i = e?.style, o = {};
   if (!s)
     return o;
   for (const r in s)
-    (W(s[r]) || i && W(i[r]) || Mr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (o[r] = s[r]);
+    (W(s[r]) || i && W(i[r]) || Dr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (o[r] = s[r]);
   return o;
 }
 function sc(t) {
   return window.getComputedStyle(t);
 }
-class ic extends br {
+class ic extends Sr {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Cr;
+    super(...arguments), this.type = "html", this.renderInstance = Mr;
   }
   readValueFromInstance(e, n) {
     if (Bt.has(n))
-      return this.projection?.isProjecting ? Ge(n) : Ta(e, n);
+      return this.projection?.isProjecting ? _e(n) : Ta(e, n);
     {
-      const s = sc(e), i = (Ii(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = sc(e), i = (Oi(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return Vr(e, n);
+    return Cr(e, n);
   }
   build(e, n, s) {
     Nn(e, n, s.transformTemplate);
@@ -2752,7 +2752,7 @@ const lc = [
   "offsetRotate",
   "offsetAnchor"
 ];
-function Dr(t, {
+function Er(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -2767,13 +2767,13 @@ function Dr(t, {
     return;
   }
   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 m of lc)
-    h[m] !== void 0 && (f[m] = h[m], delete h[m]);
+  const { attrs: h, style: d } = t;
+  h.transform && (d.transform = h.transform, delete h.transform), (d.transform || h.transformOrigin) && (d.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), d.transform && (d.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox);
+  for (const f of lc)
+    h[f] !== void 0 && (d[f] = h[f], delete h[f]);
   e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && ac(h, i, o, r, !1);
 }
-const Er = /* @__PURE__ */ new Set([
+const Rr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2797,13 +2797,13 @@ const Er = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Rr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+]), Lr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
 function cc(t, e, n, s) {
-  Cr(t, e, void 0, s);
+  Mr(t, e, void 0, s);
   for (const i in e.attrs)
-    t.setAttribute(Er.has(i) ? i : Rn(i), e.attrs[i]);
+    t.setAttribute(Rr.has(i) ? i : Rn(i), e.attrs[i]);
 }
-function Lr(t, e, n) {
+function kr(t, e, n) {
   const s = jn(t, e, n);
   for (const i in t)
     if (W(t[i]) || W(e[i])) {
@@ -2812,7 +2812,7 @@ function Lr(t, e, n) {
     }
   return s;
 }
-class uc extends br {
+class uc extends Sr {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = j;
   }
@@ -2821,30 +2821,30 @@ class uc extends br {
   }
   readValueFromInstance(e, n) {
     if (Bt.has(n)) {
-      const s = hr(n);
+      const s = dr(n);
       return s && s.default || 0;
     }
-    return n = Er.has(n) ? n : Rn(n), e.getAttribute(n);
+    return n = Rr.has(n) ? n : Rn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, s) {
-    return Lr(e, n, s);
+    return kr(e, n, s);
   }
   build(e, n, s) {
-    Dr(e, n, this.isSVGTag, s.transformTemplate, s.style);
+    Er(e, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(e, n, s, i) {
     cc(e, n, s, i);
   }
   mount(e) {
-    this.isSVGTag = Rr(e.tagName), super.mount(e);
+    this.isSVGTag = Lr(e.tagName), super.mount(e);
   }
 }
 const hc = On.length;
-function kr(t) {
+function Br(t) {
   if (!t)
     return;
   if (!t.isControllingVariants) {
-    const n = t.parent ? kr(t.parent) || {} : {};
+    const n = t.parent ? Br(t.parent) || {} : {};
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
@@ -2854,7 +2854,7 @@ function kr(t) {
   }
   return e;
 }
-function Br(t, e) {
+function Fr(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -2865,17 +2865,17 @@ function Br(t, e) {
       return !1;
   return !0;
 }
-const fc = [...In].reverse(), dc = In.length;
+const dc = [...In].reverse(), fc = In.length;
 function mc(t) {
   return (e) => Promise.all(e.map(({ animation: n, options: s }) => ll(t, n, s)));
 }
 function pc(t) {
-  let e = mc(t), n = bs(), s = !0;
+  let e = mc(t), n = Ss(), s = !0;
   const i = (l) => (c, u) => {
     const h = Mt(t, u, l === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
-      const { transition: f, transitionEnd: m, ...d } = h;
-      c = { ...c, ...d, ...m };
+      const { transition: d, transitionEnd: f, ...m } = h;
+      c = { ...c, ...m, ...f };
     }
     return c;
   };
@@ -2883,55 +2883,55 @@ function pc(t) {
     e = l(t);
   }
   function r(l) {
-    const { props: c } = t, u = kr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
-    let m = {}, d = 1 / 0;
-    for (let v = 0; v < dc; v++) {
-      const g = fc[v], x = n[g], y = c[g] !== void 0 ? c[g] : u[g], S = Kt(y), w = g === l ? x.isActive : null;
-      w === !1 && (d = v);
-      let P = y === u[g] && y !== c[g] && S;
-      if (P && s && t.manuallyAnimateOnMount && (P = !1), x.protectedKeys = { ...m }, // If it isn't active and hasn't *just* been set as inactive
+    const { props: c } = t, u = Br(t.parent) || {}, h = [], d = /* @__PURE__ */ new Set();
+    let f = {}, m = 1 / 0;
+    for (let v = 0; v < fc; v++) {
+      const g = dc[v], x = n[g], p = c[g] !== void 0 ? c[g] : u[g], b = Kt(p), w = g === l ? x.isActive : null;
+      w === !1 && (m = v);
+      let P = p === u[g] && p !== c[g] && b;
+      if (P && s && t.manuallyAnimateOnMount && (P = !1), x.protectedKeys = { ...f }, // 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
-      xe(y) || typeof y == "boolean")
+      !p && !x.prevProp || // Or if the prop doesn't define an animation
+      Te(p) || typeof p == "boolean")
         continue;
       if (g === "exit" && x.isActive && w !== !0) {
-        x.prevResolvedValues && (m = {
-          ...m,
+        x.prevResolvedValues && (f = {
+          ...f,
           ...x.prevResolvedValues
         });
         continue;
       }
-      const M = gc(x.prevProp, y);
-      let b = M || // If we're making this variant active, we want to always make it active
-      g === l && x.isActive && !P && S || // If we removed a higher-priority variant (i is in reverse order)
-      v > d && S, I = !1;
-      const N = Array.isArray(y) ? y : [y];
+      const M = gc(x.prevProp, p);
+      let S = M || // If we're making this variant active, we want to always make it active
+      g === l && x.isActive && !P && b || // If we removed a higher-priority variant (i is in reverse order)
+      v > m && b, I = !1;
+      const N = Array.isArray(p) ? p : [p];
       let z = N.reduce(i(g), {});
       w === !1 && (z = {});
-      const { prevResolvedValues: $ = {} } = x, D = {
-        ...$,
+      const { prevResolvedValues: U = {} } = x, D = {
+        ...U,
         ...z
       }, C = (V) => {
-        b = !0, f.has(V) && (I = !0, f.delete(V)), x.needsAnimating[V] = !0;
+        S = !0, d.has(V) && (I = !0, d.delete(V)), x.needsAnimating[V] = !0;
         const R = t.getValue(V);
         R && (R.liveStyle = !1);
       };
       for (const V in D) {
-        const R = z[V], rt = $[V];
-        if (m.hasOwnProperty(V))
+        const R = z[V], rt = U[V];
+        if (f.hasOwnProperty(V))
           continue;
         let mt = !1;
-        Qe(R) && Qe(rt) ? mt = !Br(R, rt) : mt = R !== rt, mt ? R != null ? C(V) : f.add(V) : R !== void 0 && f.has(V) ? C(V) : x.protectedKeys[V] = !0;
+        Je(R) && Je(rt) ? mt = !Fr(R, rt) : mt = R !== rt, mt ? R != null ? C(V) : d.add(V) : R !== void 0 && d.has(V) ? C(V) : x.protectedKeys[V] = !0;
       }
-      x.prevProp = y, x.prevResolvedValues = z, x.isActive && (m = { ...m, ...z }), s && t.blockInitialAnimation && (b = !1);
+      x.prevProp = p, x.prevResolvedValues = z, x.isActive && (f = { ...f, ...z }), s && t.blockInitialAnimation && (S = !1);
       const A = P && M;
-      b && (!A || I) && h.push(...N.map((V) => {
+      S && (!A || I) && h.push(...N.map((V) => {
         const R = { type: g };
         if (typeof V == "string" && s && !A && t.manuallyAnimateOnMount && t.parent) {
           const { parent: rt } = t, mt = Mt(rt, V);
           if (rt.enteringChildren && mt) {
             const { delayChildren: go } = mt.transition || {};
-            R.delay = nr(rt.enteringChildren, t, go);
+            R.delay = sr(rt.enteringChildren, t, go);
           }
         }
         return {
@@ -2940,19 +2940,19 @@ function pc(t) {
         };
       }));
     }
-    if (f.size) {
+    if (d.size) {
       const v = {};
       if (typeof c.initial != "boolean") {
         const g = Mt(t, Array.isArray(c.initial) ? c.initial[0] : c.initial);
         g && g.transition && (v.transition = g.transition);
       }
-      f.forEach((g) => {
-        const x = t.getBaseTarget(g), y = t.getValue(g);
-        y && (y.liveStyle = !0), v[g] = x ?? null;
+      d.forEach((g) => {
+        const x = t.getBaseTarget(g), p = t.getValue(g);
+        p && (p.liveStyle = !0), v[g] = x ?? null;
       }), h.push({ animation: v });
     }
-    let p = !!h.length;
-    return s && (c.initial === !1 || c.initial === c.animate) && !t.manuallyAnimateOnMount && (p = !1), s = !1, p ? e(h) : Promise.resolve();
+    let y = !!h.length;
+    return s && (c.initial === !1 || c.initial === c.animate) && !t.manuallyAnimateOnMount && (y = !1), s = !1, y ? e(h) : Promise.resolve();
   }
   function a(l, c) {
     if (n[l].isActive === c)
@@ -2969,12 +2969,12 @@ function pc(t) {
     setAnimateFunction: o,
     getState: () => n,
     reset: () => {
-      n = bs();
+      n = Ss();
     }
   };
 }
 function gc(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Br(e, t) : !1;
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Fr(e, t) : !1;
 }
 function pt(t = !1) {
   return {
@@ -2984,7 +2984,7 @@ function pt(t = !1) {
     prevResolvedValues: {}
   };
 }
-function bs() {
+function Ss() {
   return {
     animate: pt(!0),
     whileInView: pt(),
@@ -2995,78 +2995,78 @@ function bs() {
     exit: pt()
   };
 }
-function Ss(t, e) {
+function Ps(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function Q(t, e) {
-  Ss(t.x, e.x), Ss(t.y, e.y);
+function J(t, e) {
+  Ps(t.x, e.x), Ps(t.y, e.y);
 }
-function Ps(t, e) {
+function As(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-const Fr = 1e-4, yc = 1 - Fr, vc = 1 + Fr, Ir = 0.01, xc = 0 - Ir, Tc = 0 + Ir;
+const Ir = 1e-4, yc = 1 - Ir, vc = 1 + Ir, Or = 0.01, xc = 0 - Or, Tc = 0 + Or;
 function _(t) {
   return t.max - t.min;
 }
 function wc(t, e, n) {
   return Math.abs(t - e) <= n;
 }
-function As(t, e, n, s = 0.5) {
+function Vs(t, e, n, s = 0.5) {
   t.origin = s, t.originPoint = B(e.min, e.max, t.origin), t.scale = _(n) / _(e), t.translate = B(n.min, n.max, t.origin) - t.originPoint, (t.scale >= yc && t.scale <= vc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= xc && t.translate <= Tc || isNaN(t.translate)) && (t.translate = 0);
 }
 function jt(t, e, n, s) {
-  As(t.x, e.x, n.x, s ? s.originX : void 0), As(t.y, e.y, n.y, s ? s.originY : void 0);
+  Vs(t.x, e.x, n.x, s ? s.originX : void 0), Vs(t.y, e.y, n.y, s ? s.originY : void 0);
 }
-function Vs(t, e, n) {
+function Cs(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + _(e);
 }
 function bc(t, e, n) {
-  Vs(t.x, e.x, n.x), Vs(t.y, e.y, n.y);
+  Cs(t.x, e.x, n.x), Cs(t.y, e.y, n.y);
 }
-function Cs(t, e, n) {
+function Ms(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + _(e);
 }
 function pe(t, e, n) {
-  Cs(t.x, e.x, n.x), Cs(t.y, e.y, n.y);
+  Ms(t.x, e.x, n.x), Ms(t.y, e.y, n.y);
 }
-function Ms(t, e, n, s, i) {
+function Ds(t, e, n, s, i) {
   return t -= e, t = me(t, 1 / n, s), i !== void 0 && (t = me(t, 1 / i, s)), t;
 }
 function Sc(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
   if (st.test(e) && (e = parseFloat(e), e = B(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = B(o.min, o.max, s);
-  t === o && (a -= e), t.min = Ms(t.min, e, n, a, i), t.max = Ms(t.max, e, n, a, i);
+  t === o && (a -= e), t.min = Ds(t.min, e, n, a, i), t.max = Ds(t.max, e, n, a, i);
 }
-function Ds(t, e, [n, s, i], o, r) {
+function Es(t, e, [n, s, i], o, r) {
   Sc(t, e[n], e[s], e[i], e.scale, o, r);
 }
 const Pc = ["x", "scaleX", "originX"], Ac = ["y", "scaleY", "originY"];
-function Es(t, e, n, s) {
-  Ds(t.x, e, Pc, n ? n.x : void 0, s ? s.x : void 0), Ds(t.y, e, Ac, n ? n.y : void 0, s ? s.y : void 0);
+function Rs(t, e, n, s) {
+  Es(t.x, e, Pc, n ? n.x : void 0, s ? s.x : void 0), Es(t.y, e, Ac, n ? n.y : void 0, s ? s.y : void 0);
 }
-function Rs(t) {
+function Ls(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function Or(t) {
-  return Rs(t.x) && Rs(t.y);
+function Nr(t) {
+  return Ls(t.x) && Ls(t.y);
 }
-function Ls(t, e) {
+function ks(t, e) {
   return t.min === e.min && t.max === e.max;
 }
 function Vc(t, e) {
-  return Ls(t.x, e.x) && Ls(t.y, e.y);
+  return ks(t.x, e.x) && ks(t.y, e.y);
 }
-function ks(t, e) {
+function Bs(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function Nr(t, e) {
-  return ks(t.x, e.x) && ks(t.y, e.y);
+function jr(t, e) {
+  return Bs(t.x, e.x) && Bs(t.y, e.y);
 }
-function Bs(t) {
+function Fs(t) {
   return _(t.x) / _(t.y);
 }
-function Fs(t, e) {
+function Is(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
 function nt(t) {
@@ -3076,29 +3076,29 @@ function Cc(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: m, skewY: d } = n;
-    c && (s = `perspective(${c}px) ${s}`), u && (s += `rotate(${u}deg) `), h && (s += `rotateX(${h}deg) `), f && (s += `rotateY(${f}deg) `), m && (s += `skewX(${m}deg) `), d && (s += `skewY(${d}deg) `);
+    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: d, skewX: f, skewY: m } = n;
+    c && (s = `perspective(${c}px) ${s}`), u && (s += `rotate(${u}deg) `), h && (s += `rotateX(${h}deg) `), d && (s += `rotateY(${d}deg) `), f && (s += `skewX(${f}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 jr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Mc = jr.length, Is = (t) => typeof t == "string" ? parseFloat(t) : t, Os = (t) => typeof t == "number" || T.test(t);
+const $r = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Mc = $r.length, Os = (t) => typeof t == "string" ? parseFloat(t) : t, Ns = (t) => typeof t == "number" || T.test(t);
 function Dc(t, e, n, s, i, o) {
   i ? (t.opacity = B(0, n.opacity ?? 1, Ec(s)), t.opacityExit = B(e.opacity ?? 1, 0, Rc(s))) : o && (t.opacity = B(e.opacity ?? 1, n.opacity ?? 1, s));
   for (let r = 0; r < Mc; r++) {
-    const a = `border${jr[r]}Radius`;
-    let l = Ns(e, a), c = Ns(n, a);
+    const a = `border${$r[r]}Radius`;
+    let l = js(e, a), c = js(n, a);
     if (l === void 0 && c === void 0)
       continue;
-    l || (l = 0), c || (c = 0), l === 0 || c === 0 || Os(l) === Os(c) ? (t[a] = Math.max(B(Is(l), Is(c), s), 0), (st.test(c) || st.test(l)) && (t[a] += "%")) : t[a] = c;
+    l || (l = 0), c || (c = 0), l === 0 || c === 0 || Ns(l) === Ns(c) ? (t[a] = Math.max(B(Os(l), Os(c), s), 0), (st.test(c) || st.test(l)) && (t[a] += "%")) : t[a] = c;
   }
   (e.rotate || n.rotate) && (t.rotate = B(e.rotate || 0, n.rotate || 0, s));
 }
-function Ns(t, e) {
+function js(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Ec = /* @__PURE__ */ $r(0, 0.5, Ei), Rc = /* @__PURE__ */ $r(0.5, 0.95, q);
-function $r(t, e, n) {
+const Ec = /* @__PURE__ */ Ur(0, 0.5, Ri), Rc = /* @__PURE__ */ Ur(0.5, 0.95, q);
+function Ur(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Wt(t, e, s));
 }
 function Lc(t, e, n) {
@@ -3211,27 +3211,27 @@ const ae = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, Ee = ["", "X", "Y", "Z"], Oc = 1e3;
+}, Re = ["", "X", "Y", "Z"], Oc = 1e3;
 let Nc = 0;
-function Re(t, e, n, s) {
+function Le(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
 }
-function Ur(t) {
+function Wr(t) {
   if (t.hasCheckedOptimisedAppear = !0, t.root === t)
     return;
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = ar(e);
+  const n = lr(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: o } = t.options;
     window.MotionCancelOptimisedAnimation(n, "transform", L, !(i || o));
   }
   const { parent: s } = t;
-  s && !s.hasCheckedOptimisedAppear && Ur(s);
+  s && !s.hasCheckedOptimisedAppear && Wr(s);
 }
-function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
+function zr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(r = {}, a = e?.()) {
       this.id = Nc++, 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 = () => {
@@ -3263,31 +3263,31 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       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;
-        const f = () => this.root.updateBlockedByResize = !1;
+        const d = () => this.root.updateBlockedByResize = !1;
         L.read(() => {
           h = window.innerWidth;
         }), t(r, () => {
-          const m = window.innerWidth;
-          m !== h && (h = m, this.root.updateBlockedByResize = !0, u && u(), u = Fc(f, 250), ae.hasAnimatedSinceResize && (ae.hasAnimatedSinceResize = !1, this.nodes.forEach(Us)));
+          const f = window.innerWidth;
+          f !== h && (h = f, this.root.updateBlockedByResize = !0, u && u(), u = Fc(d, 250), ae.hasAnimatedSinceResize && (ae.hasAnimatedSinceResize = !1, this.nodes.forEach(Ws)));
         });
       }
-      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: m }) => {
+      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: d, layout: f }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const d = this.options.transition || c.getDefaultTransition() || Zc, { onLayoutAnimationStart: p, onLayoutAnimationComplete: v } = c.getProps(), g = !this.targetLayout || !Nr(this.targetLayout, m), x = !h && f;
+        const m = this.options.transition || c.getDefaultTransition() || Zc, { onLayoutAnimationStart: y, onLayoutAnimationComplete: v } = c.getProps(), g = !this.targetLayout || !jr(this.targetLayout, f), x = !h && d;
         if (this.options.layoutRoot || this.resumeFrom || x || h && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const y = {
-            ...Mn(d, "layout"),
-            onPlay: p,
+          const p = {
+            ...Mn(m, "layout"),
+            onPlay: y,
             onComplete: v
           };
-          (c.shouldReduceMotion || this.options.layoutRoot) && (y.delay = 0, y.type = !1), this.startAnimation(y), this.setAnimationOrigin(u, x);
+          (c.shouldReduceMotion || this.options.layoutRoot) && (p.delay = 0, p.type = !1), this.startAnimation(p), this.setAnimationOrigin(u, x);
         } else
-          h || Us(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
-        this.targetLayout = m;
+          h || Ws(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+        this.targetLayout = f;
       });
     }
     unmount() {
@@ -3321,7 +3321,7 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Ur(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Wr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
@@ -3336,16 +3336,16 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(js);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach($s);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach($s);
+        this.nodes.forEach(Us);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Hc), this.nodes.forEach(jc), this.nodes.forEach($c)) : this.nodes.forEach($s), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Hc), this.nodes.forEach(jc), this.nodes.forEach($c)) : this.nodes.forEach(Us), this.clearAllSnapshots();
       const a = G.now();
-      H.delta = it(0, 1e3 / 60, a - H.timestamp), H.timestamp = a, H.isProcessing = !0, be.update.process(H), be.preRender.process(H), be.render.process(H), H.isProcessing = !1;
+      H.delta = it(0, 1e3 / 60, a - H.timestamp), H.timestamp = a, H.isProcessing = !0, Se.update.process(H), Se.preRender.process(H), Se.render.process(H), H.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, kn.read(this.scheduleUpdate));
@@ -3394,7 +3394,7 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Or(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 && !Nr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       r && this.instance && (a || gt(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
@@ -3421,17 +3421,17 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeElementScroll(r) {
       const a = j();
-      if (Q(a, r), this.scroll?.wasRoot)
+      if (J(a, r), this.scroll?.wasRoot)
         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 && Q(a, r), Vt(a.x, u.offset.x), Vt(a.y, u.offset.y));
+        c !== this.root && u && h.layoutScroll && (u.wasRoot && J(a, r), Vt(a.x, u.offset.x), Vt(a.y, u.offset.y));
       }
       return a;
     }
     applyTransform(r, a = !1) {
       const l = j();
-      Q(l, r);
+      J(l, r);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
         !a && u.options.layoutScroll && u.scroll && u !== u.root && Ct(l, {
@@ -3443,16 +3443,16 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeTransform(r) {
       const a = j();
-      Q(a, r);
+      J(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !gt(c.latestValues))
           continue;
-        rn(c.latestValues) && c.updateSnapshot();
+        on(c.latestValues) && c.updateSnapshot();
         const u = j(), h = c.measurePageBox();
-        Q(u, h), Es(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        J(u, h), Rs(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
-      return gt(this.latestValues) && Es(a, this.latestValues), a;
+      return gt(this.latestValues) && Rs(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -3480,18 +3480,18 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!this.layout || !(u || h))
         return;
       this.resolvedRelativeTargetAt = H.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 = j(), this.targetWithTransforms = j()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), bc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Q(this.target, this.layout.layoutBox), Ar(this.target, this.targetDelta)) : Q(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));
+      const d = this.getClosestProjectingParent();
+      d && this.linkedParentVersion !== d.layoutVersion && !d.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (d && d.layout ? this.createRelativeTarget(d, this.layout.layoutBox, d.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = j(), this.targetWithTransforms = j()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), bc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : J(this.target, this.layout.layoutBox), Vr(this.target, this.targetDelta)) : J(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? this.createRelativeTarget(d, this.target, d.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || rn(this.parent.latestValues) || Pr(this.parent.latestValues)))
+      if (!(!this.parent || on(this.parent.latestValues) || Ar(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(r, a, l) {
-      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = j(), this.relativeTargetOrigin = j(), pe(this.relativeTargetOrigin, a, l), Q(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = j(), this.relativeTargetOrigin = j(), pe(this.relativeTargetOrigin, a, l), J(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -3504,15 +3504,15 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: c, layoutId: u } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || u))
         return;
-      Q(this.layoutCorrected, this.layout.layoutBox);
-      const h = this.treeScale.x, f = this.treeScale.y;
+      J(this.layoutCorrected, this.layout.layoutBox);
+      const h = this.treeScale.x, d = this.treeScale.y;
       Zl(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 = j());
-      const { target: m } = r;
-      if (!m) {
+      const { target: f } = r;
+      if (!f) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Ps(this.prevProjectionDelta.x, this.projectionDelta.x), Ps(this.prevProjectionDelta.y, this.projectionDelta.y)), jt(this.projectionDelta, this.layoutCorrected, m, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Fs(this.projectionDelta.x, this.prevProjectionDelta.x) || !Fs(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (As(this.prevProjectionDelta.x, this.projectionDelta.x), As(this.prevProjectionDelta.y, this.projectionDelta.y)), jt(this.projectionDelta, this.layoutCorrected, f, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== d || !Is(this.projectionDelta.x, this.prevProjectionDelta.x) || !Is(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", f));
     }
     hide() {
       this.isVisible = !1;
@@ -3533,12 +3533,12 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = At();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = j(), m = l ? l.source : void 0, d = this.layout ? this.layout.source : void 0, p = m !== d, v = this.getStack(), g = !v || v.members.length <= 1, x = !!(p && !g && this.options.crossfade === !0 && !this.path.some(qc));
+      const d = j(), f = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, y = f !== m, v = this.getStack(), g = !v || v.members.length <= 1, x = !!(y && !g && this.options.crossfade === !0 && !this.path.some(qc));
       this.animationProgress = 0;
-      let y;
-      this.mixTargetDelta = (S) => {
-        const w = S / 1e3;
-        Ws(h.x, r.x, w), Ws(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (pe(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Yc(this.relativeTarget, this.relativeTargetOrigin, f, w), y && Vc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = j()), Q(y, this.relativeTarget)), p && (this.animationValues = u, Dc(u, c, this.latestValues, w, x, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+      let p;
+      this.mixTargetDelta = (b) => {
+        const w = b / 1e3;
+        zs(h.x, r.x, w), zs(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (pe(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Yc(this.relativeTarget, this.relativeTargetOrigin, d, w), p && Vc(this.relativeTarget, p) && (this.isProjectionDirty = !1), p || (p = j()), J(p, this.relativeTarget)), y && (this.animationValues = u, Dc(u, c, this.latestValues, w, x, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -3570,14 +3570,14 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const r = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
       if (!(!a || !l || !c)) {
-        if (this !== r && this.layout && c && zr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+        if (this !== r && this.layout && c && Hr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || j();
           const h = _(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
-          const f = _(this.layout.layoutBox.y);
-          l.y.min = r.target.y.min, l.y.max = l.y.min + f;
+          const d = _(this.layout.layoutBox.y);
+          l.y.min = r.target.y.min, l.y.max = l.y.min + d;
         }
-        Q(a, l), Ct(a, u), jt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        J(a, l), Ct(a, u), jt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
@@ -3622,9 +3622,9 @@ function Wr({ 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 && Re("z", r, c, this.animationValues);
-      for (let u = 0; u < Ee.length; u++)
-        Re(`rotate${Ee[u]}`, r, c, this.animationValues), Re(`skew${Ee[u]}`, r, c, this.animationValues);
+      l.z && Le("z", r, c, this.animationValues);
+      for (let u = 0; u < Re.length; u++)
+        Le(`rotate${Re[u]}`, r, c, this.animationValues), Le(`skew${Re[u]}`, r, c, this.animationValues);
       r.render();
       for (const u in c)
         r.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
@@ -3652,18 +3652,18 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.applyTransformsToTarget();
       let h = Cc(this.projectionDeltaWithTransform, this.treeScale, u);
       l && (h = l(u, h)), r.transform = h;
-      const { x: f, y: m } = this.projectionDelta;
-      r.transformOrigin = `${f.origin * 100}% ${m.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 d in an) {
-        if (u[d] === void 0)
+      const { x: d, y: f } = this.projectionDelta;
+      r.transformOrigin = `${d.origin * 100}% ${f.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 m in ln) {
+        if (u[m] === void 0)
           continue;
-        const { correct: p, applyTo: v, isCSSVariable: g } = an[d], x = h === "none" ? u[d] : p(u[d], c);
+        const { correct: y, applyTo: v, isCSSVariable: g } = ln[m], x = h === "none" ? u[m] : y(u[m], c);
         if (v) {
-          const y = v.length;
-          for (let S = 0; S < y; S++)
-            r[v[S]] = x;
+          const p = v.length;
+          for (let b = 0; b < p; b++)
+            r[v[b]] = x;
         } else
-          g ? this.options.visualElement.renderState.vars[d] = x : r[d] = x;
+          g ? this.options.visualElement.renderState.vars[m] = x : r[m] = x;
       }
       this.options.layoutId && (r.pointerEvents = c === this ? oe(a?.pointerEvents) || "" : "none");
     }
@@ -3672,7 +3672,7 @@ function Wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Only run on root
     resetTree() {
-      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach(js), this.root.sharedNodes.clear();
+      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach($s), this.root.sharedNodes.clear();
     }
   };
 }
@@ -3684,27 +3684,27 @@ function $c(t) {
   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" ? nt((u) => {
-      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = _(h);
-      h.min = n[u].min, h.max = h.min + f;
-    }) : zr(i, e.layoutBox, n) && nt((u) => {
-      const h = o ? e.measuredBox[u] : e.layoutBox[u], 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 h = o ? e.measuredBox[u] : e.layoutBox[u], d = _(h);
+      h.min = n[u].min, h.max = h.min + d;
+    }) : Hr(i, e.layoutBox, n) && nt((u) => {
+      const h = o ? e.measuredBox[u] : e.layoutBox[u], d = _(n[u]);
+      h.max = h.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[u].max = t.relativeTarget[u].min + d);
     });
     const r = At();
     jt(r, n, e.layoutBox);
     const a = At();
     o ? jt(a, t.applyTransform(s, !0), e.measuredBox) : jt(a, n, e.layoutBox);
-    const l = !Or(r);
+    const l = !Nr(r);
     let c = !1;
     if (!t.resumeFrom) {
       const u = t.getClosestProjectingParent();
       if (u && !u.resumeFrom) {
-        const { snapshot: h, layout: f } = u;
-        if (h && f) {
+        const { snapshot: h, layout: d } = u;
+        if (h && d) {
+          const f = j();
+          pe(f, e.layoutBox, h.layoutBox);
           const m = j();
-          pe(m, e.layoutBox, h.layoutBox);
-          const d = j();
-          pe(d, n, f.layoutBox), Nr(m, d) || (c = !0), u.options.layoutRoot && (t.relativeTarget = d, t.relativeTargetOrigin = m, t.relativeParent = u);
+          pe(m, n, d.layoutBox), jr(f, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = f, t.relativeParent = u);
         }
       }
     }
@@ -3731,17 +3731,17 @@ function Wc(t) {
 function zc(t) {
   t.clearSnapshot();
 }
-function js(t) {
+function $s(t) {
   t.clearMeasurements();
 }
-function $s(t) {
+function Us(t) {
   t.isLayoutDirty = !1;
 }
 function Hc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Us(t) {
+function Ws(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
 function Kc(t) {
@@ -3756,14 +3756,14 @@ function _c(t) {
 function Xc(t) {
   t.removeLeadSnapshot();
 }
-function Ws(t, e, n) {
+function zs(t, e, n) {
   t.translate = B(e.translate, 0, n), t.scale = B(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function zs(t, e, n, s) {
+function Hs(t, e, n, s) {
   t.min = B(e.min, n.min, s), t.max = B(e.max, n.max, s);
 }
 function Yc(t, e, n, s) {
-  zs(t.x, e.x, n.x, s), zs(t.y, e.y, n.y, s);
+  Hs(t.x, e.x, n.x, s), Hs(t.y, e.y, n.y, s);
 }
 function qc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
@@ -3771,39 +3771,39 @@ function qc(t) {
 const Zc = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Hs = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ks = Hs("applewebkit/") && !Hs("chrome/") ? Math.round : q;
-function Gs(t) {
-  t.min = Ks(t.min), t.max = Ks(t.max);
+}, Ks = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Gs = Ks("applewebkit/") && !Ks("chrome/") ? Math.round : q;
+function _s(t) {
+  t.min = Gs(t.min), t.max = Gs(t.max);
 }
 function Qc(t) {
-  Gs(t.x), Gs(t.y);
+  _s(t.x), _s(t.y);
 }
-function zr(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !wc(Bs(e), Bs(n), 0.2);
+function Hr(t, e, n) {
+  return t === "position" || t === "preserve-aspect" && !wc(Fs(e), Fs(n), 0.2);
 }
 function Jc(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
-const tu = Wr({
+const tu = zr({
   attachResizeListener: (t, e) => Gt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
     y: document.documentElement.scrollTop || document.body?.scrollTop || 0
   }),
   checkIsScrollRoot: () => !0
-}), Le = {
+}), ke = {
   current: void 0
-}, Hr = Wr({
+}, Kr = zr({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!Le.current) {
+    if (!ke.current) {
       const t = new tu({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), Le.current = t;
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), ke.current = t;
     }
-    return Le.current;
+    return ke.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
@@ -3815,10 +3815,10 @@ const tu = Wr({
   reducedMotion: "never"
 });
 function eu(t = !0) {
-  const e = U(dn);
+  const e = $(fn);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: i } = e, o = fn();
+  const { isPresent: n, onExitComplete: s, register: i } = e, o = ve();
   X(() => {
     if (t)
       return i(o);
@@ -3826,7 +3826,7 @@ function eu(t = !0) {
   const r = Et(() => t && s && s(o), [o, s, t]);
   return !n && s ? [!1, r] : [!0];
 }
-const Kr = ct({ strict: !1 }), _s = {
+const Gr = ct({ strict: !1 }), Xs = {
   animation: [
     "animate",
     "variants",
@@ -3846,28 +3846,28 @@ const Kr = ct({ strict: !1 }), _s = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 };
-let Xs = !1;
+let Ys = !1;
 function nu() {
-  if (Xs)
+  if (Ys)
     return;
   const t = {};
-  for (const e in _s)
+  for (const e in Xs)
     t[e] = {
-      isEnabled: (n) => _s[e].some((s) => !!n[s])
+      isEnabled: (n) => Xs[e].some((s) => !!n[s])
     };
-  wr(t), Xs = !0;
+  br(t), Ys = !0;
 }
-function Gr() {
+function _r() {
   return nu(), _l();
 }
 function su(t) {
-  const e = Gr();
+  const e = _r();
   for (const n in t)
     e[n] = {
       ...e[n],
       ...t[n]
     };
-  wr(e);
+  br(e);
 }
 const iu = /* @__PURE__ */ new Set([
   "animate",
@@ -3905,9 +3905,9 @@ const iu = /* @__PURE__ */ new Set([
 function ge(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || iu.has(t);
 }
-let _r = (t) => !ge(t);
+let Xr = (t) => !ge(t);
 function ru(t) {
-  typeof t == "function" && (_r = (e) => e.startsWith("on") ? !ge(e) : t(e));
+  typeof t == "function" && (Xr = (e) => e.startsWith("on") ? !ge(e) : t(e));
 }
 try {
   ru(require("@emotion/is-prop-valid").default);
@@ -3916,13 +3916,13 @@ try {
 function ou(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (_r(i) || n === !0 && ge(i) || !e && !ge(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (Xr(i) || n === !0 && ge(i) || !e && !ge(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-const we = /* @__PURE__ */ ct({});
+const be = /* @__PURE__ */ ct({});
 function au(t, e) {
-  if (Te(t)) {
+  if (we(t)) {
     const { initial: n, animate: s } = t;
     return {
       initial: n === !1 || Kt(n) ? n : void 0,
@@ -3932,10 +3932,10 @@ function au(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function lu(t) {
-  const { initial: e, animate: n } = au(t, U(we));
-  return et(() => ({ initial: e, animate: n }), [Ys(e), Ys(n)]);
+  const { initial: e, animate: n } = au(t, $(be));
+  return Q(() => ({ initial: e, animate: n }), [qs(e), qs(n)]);
 }
-function Ys(t) {
+function qs(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
 const Un = () => ({
@@ -3944,43 +3944,43 @@ const Un = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Xr(t, e, n) {
+function Yr(t, e, n) {
   for (const s in e)
-    !W(e[s]) && !Mr(s, n) && (t[s] = e[s]);
+    !W(e[s]) && !Dr(s, n) && (t[s] = e[s]);
 }
 function cu({ transformTemplate: t }, e) {
-  return et(() => {
+  return Q(() => {
     const n = Un();
     return Nn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
 function uu(t, e) {
   const n = t.style || {}, s = {};
-  return Xr(s, n, t), Object.assign(s, cu(t, e)), s;
+  return Yr(s, n, t), Object.assign(s, cu(t, e)), s;
 }
 function hu(t, e) {
   const n = {}, s = uu(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 Yr = () => ({
+const qr = () => ({
   ...Un(),
   attrs: {}
 });
-function fu(t, e, n, s) {
-  const i = et(() => {
-    const o = Yr();
-    return Dr(o, e, Rr(s), t.transformTemplate, t.style), {
+function du(t, e, n, s) {
+  const i = Q(() => {
+    const o = qr();
+    return Er(o, e, Lr(s), t.transformTemplate, t.style), {
       ...o.attrs,
       style: { ...o.style }
     };
   }, [e]);
   if (t.style) {
     const o = {};
-    Xr(o, t.style, t), i.style = { ...o, ...i.style };
+    Yr(o, t.style, t), i.style = { ...o, ...i.style };
   }
   return i;
 }
-const du = [
+const fu = [
   "animate",
   "circle",
   "defs",
@@ -4020,7 +4020,7 @@ function Wn(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(du.indexOf(t) > -1 || /**
+      !!(fu.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
@@ -4028,10 +4028,10 @@ function Wn(t) {
   );
 }
 function mu(t, e, n, { latestValues: s }, i, o = !1, r) {
-  const l = (r ?? Wn(t) ? fu : hu)(e, s, i, t), c = ou(e, typeof t == "string", o), u = t !== fi ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = et(() => W(h) ? h.get() : h, [h]);
+  const l = (r ?? Wn(t) ? du : hu)(e, s, i, t), c = ou(e, typeof t == "string", o), u = t !== fi ? { ...c, ...l, ref: n } : {}, { children: h } = e, d = Q(() => W(h) ? h.get() : h, [h]);
   return vo(t, {
     ...u,
-    children: f
+    children: d
   });
 }
 function pu({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
@@ -4042,48 +4042,48 @@ function pu({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
 }
 function gu(t, e, n, s) {
   const i = {}, o = s(t, {});
-  for (const f in o)
-    i[f] = oe(o[f]);
+  for (const d in o)
+    i[d] = oe(o[d]);
   let { initial: r, animate: a } = t;
-  const l = Te(t), c = xr(t);
+  const l = we(t), c = Tr(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;
   const h = u ? a : r;
-  if (h && typeof h != "boolean" && !xe(h)) {
-    const f = Array.isArray(h) ? h : [h];
-    for (let m = 0; m < f.length; m++) {
-      const d = En(t, f[m]);
-      if (d) {
-        const { transitionEnd: p, transition: v, ...g } = d;
+  if (h && typeof h != "boolean" && !Te(h)) {
+    const d = Array.isArray(h) ? h : [h];
+    for (let f = 0; f < d.length; f++) {
+      const m = En(t, d[f]);
+      if (m) {
+        const { transitionEnd: y, transition: v, ...g } = m;
         for (const x in g) {
-          let y = g[x];
-          if (Array.isArray(y)) {
-            const S = u ? y.length - 1 : 0;
-            y = y[S];
+          let p = g[x];
+          if (Array.isArray(p)) {
+            const b = u ? p.length - 1 : 0;
+            p = p[b];
           }
-          y !== null && (i[x] = y);
+          p !== null && (i[x] = p);
         }
-        for (const x in p)
-          i[x] = p[x];
+        for (const x in y)
+          i[x] = y[x];
       }
     }
   }
   return i;
 }
-const qr = (t) => (e, n) => {
-  const s = U(we), i = U(dn), o = () => pu(t, e, s, i);
+const Zr = (t) => (e, n) => {
+  const s = $(be), i = $(fn), o = () => pu(t, e, s, i);
   return n ? o() : Ut(o);
-}, yu = /* @__PURE__ */ qr({
+}, yu = /* @__PURE__ */ Zr({
   scrapeMotionValuesFromProps: jn,
   createRenderState: Un
-}), vu = /* @__PURE__ */ qr({
-  scrapeMotionValuesFromProps: Lr,
-  createRenderState: Yr
+}), vu = /* @__PURE__ */ Zr({
+  scrapeMotionValuesFromProps: kr,
+  createRenderState: qr
 }), xu = Symbol.for("motionComponentSymbol");
 function Tu(t, e, n) {
   const s = F(n);
-  di(() => {
+  mi(() => {
     s.current = n;
   });
   const i = F(null);
@@ -4098,13 +4098,13 @@ function Tu(t, e, n) {
     else r && (r.current = o);
   }, [e]);
 }
-const Zr = ct({});
+const Qr = ct({});
 function wt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 function wu(t, e, n, s, i, o) {
-  const { visualElement: r } = U(we), a = U(Kr), l = U(dn), c = U($n), u = c.reducedMotion, h = c.skipAnimations, f = F(null), m = F(!1);
-  s = s || a.renderer, !f.current && s && (f.current = s(t, {
+  const { visualElement: r } = $(be), a = $(Gr), l = $(fn), c = $($n), u = c.reducedMotion, h = c.skipAnimations, d = F(null), f = F(!1);
+  s = s || a.renderer, !d.current && s && (d.current = s(t, {
     visualState: e,
     parent: r,
     props: n,
@@ -4113,25 +4113,25 @@ function wu(t, e, n, s, i, o) {
     reducedMotionConfig: u,
     skipAnimations: h,
     isSVG: o
-  }), m.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const d = f.current, p = U(Zr);
-  d && !d.projection && i && (d.type === "html" || d.type === "svg") && bu(f.current, n, i, p);
+  }), f.current && d.current && (d.current.manuallyAnimateOnMount = !0));
+  const m = d.current, y = $(Qr);
+  m && !m.projection && i && (m.type === "html" || m.type === "svg") && bu(d.current, n, i, y);
   const v = F(!1);
-  di(() => {
-    d && v.current && d.update(n, l);
+  mi(() => {
+    m && v.current && m.update(n, l);
   });
-  const g = n[or], x = F(!!g && !window.MotionHandoffIsComplete?.(g) && window.MotionHasOptimisedAnimation?.(g));
-  return vi(() => {
-    m.current = !0, d && (v.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), x.current && d.animationState && d.animationState.animateChanges());
+  const g = n[ar], x = F(!!g && !window.MotionHandoffIsComplete?.(g) && window.MotionHasOptimisedAnimation?.(g));
+  return xi(() => {
+    f.current = !0, m && (v.current = !0, window.MotionIsMounted = !0, m.updateFeatures(), m.scheduleRenderMicrotask(), x.current && m.animationState && m.animationState.animateChanges());
   }), X(() => {
-    d && (!x.current && d.animationState && d.animationState.animateChanges(), x.current && (queueMicrotask(() => {
+    m && (!x.current && m.animationState && m.animationState.animateChanges(), x.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(g);
-    }), x.current = !1), d.enteringChildren = void 0);
-  }), d;
+    }), x.current = !1), m.enteringChildren = void 0);
+  }), m;
 }
 function bu(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 : Qr(t.parent)), t.projection.setOptions({
+  t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Jr(t.parent)), t.projection.setOptions({
     layoutId: i,
     layout: o,
     alwaysMeasureLayout: !!r || a && wt(a),
@@ -4150,44 +4150,44 @@ function bu(t, e, n, s) {
     layoutRoot: c
   });
 }
-function Qr(t) {
+function Jr(t) {
   if (t)
-    return t.options.allowProjection !== !1 ? t.projection : Qr(t.parent);
+    return t.options.allowProjection !== !1 ? t.projection : Jr(t.parent);
 }
-function ke(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
+function Be(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
   s && su(s);
   const o = n ? n === "svg" : Wn(t), r = o ? vu : yu;
   function a(c, u) {
     let h;
-    const f = {
-      ...U($n),
+    const d = {
+      ...$($n),
       ...c,
       layoutId: Su(c)
-    }, { isStatic: m } = f, d = lu(c), p = r(c, m);
-    if (!m && yi) {
-      Pu(f, s);
-      const v = Au(f);
-      h = v.MeasureLayout, d.visualElement = wu(t, p, f, i, v.ProjectionNode, o);
+    }, { isStatic: f } = d, m = lu(c), y = r(c, f);
+    if (!f && vi) {
+      Pu(d, s);
+      const v = Au(d);
+      h = v.MeasureLayout, m.visualElement = wu(t, y, d, i, v.ProjectionNode, o);
     }
-    return Dt(we.Provider, { value: d, children: [h && d.visualElement ? E(h, { visualElement: d.visualElement, ...f }) : null, mu(t, c, Tu(p, d.visualElement, u), p, m, e, o)] });
+    return Dt(be.Provider, { value: m, children: [h && m.visualElement ? E(h, { visualElement: m.visualElement, ...d }) : null, mu(t, c, Tu(y, m.visualElement, u), y, f, e, o)] });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = ve(a);
+  const l = xe(a);
   return l[xu] = t, l;
 }
 function Su({ layoutId: t }) {
-  const e = U(gi).id;
+  const e = $(yi).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Pu(t, e) {
-  const n = U(Kr).strict;
+  const n = $(Gr).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 ? Rt(!1, s, "lazy-strict-mode") : ot(!1, s, "lazy-strict-mode");
   }
 }
 function Au(t) {
-  const e = Gr(), { drag: n, layout: s } = e;
+  const e = _r(), { drag: n, layout: s } = e;
   if (!n && !s)
     return {};
   const i = { ...n, ...s };
@@ -4198,21 +4198,21 @@ function Au(t) {
 }
 function Vu(t, e) {
   if (typeof Proxy > "u")
-    return ke;
-  const n = /* @__PURE__ */ new Map(), s = (o, r) => ke(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && gn(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
+    return Be;
+  const n = /* @__PURE__ */ new Map(), s = (o, r) => Be(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && gn(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
   return new Proxy(i, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
      * The prop name is passed through as `key` and we can use that to generate a `motion`
      * DOM component with that name.
      */
-    get: (o, r) => r === "create" ? s : (n.has(r) || n.set(r, ke(r, void 0, t, e)), n.get(r))
+    get: (o, r) => r === "create" ? s : (n.has(r) || n.set(r, Be(r, void 0, t, e)), n.get(r))
   });
 }
 const Cu = (t, e) => e.isSVG ?? Wn(t) ? new uc(e) : new ic(e, {
   allowProjection: t !== fi
 });
-class Mu extends dt {
+class Mu extends ft {
   /**
    * 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,
@@ -4223,7 +4223,7 @@ class Mu extends dt {
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    xe(e) && (this.unmountControls = e.subscribe(this.node));
+    Te(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -4240,7 +4240,7 @@ class Mu extends dt {
   }
 }
 let Du = 0;
-class Eu extends dt {
+class Eu extends ft {
   constructor() {
     super(...arguments), this.id = Du++;
   }
@@ -4282,44 +4282,44 @@ const Lu = (t) => (e) => Bn(e) && t(e, qt(e));
 function $t(t, e, n, s) {
   return Gt(t, e, Lu(n), s);
 }
-const Jr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, qs = (t, e) => Math.abs(t - e);
+const to = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Zs = (t, e) => Math.abs(t - e);
 function ku(t, e) {
-  const n = qs(t.x, e.x), s = qs(t.y, e.y);
+  const n = Zs(t.x, e.x), s = Zs(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
-const Zs = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class to {
+const Qs = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class eo {
   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 = (m) => {
-      this.handleScroll(m.target);
+    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 = (f) => {
+      this.handleScroll(f.target);
     }, this.onWindowScroll = () => {
       this.handleScroll(window);
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const m = Fe(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, p = ku(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!d && !p)
+      const f = Ie(this.lastMoveEventInfo, this.history), m = this.startEvent !== null, y = ku(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!m && !y)
         return;
-      const { point: v } = m, { timestamp: g } = H;
+      const { point: v } = f, { timestamp: g } = H;
       this.history.push({ ...v, timestamp: g });
-      const { onStart: x, onMove: y } = this.handlers;
-      d || (x && x(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, m);
-    }, this.handlePointerMove = (m, d) => {
-      this.lastMoveEvent = m, this.lastMoveEventInfo = Be(d, this.transformPagePoint), L.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (m, d) => {
+      const { onStart: x, onMove: p } = this.handlers;
+      m || (x && x(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), p && p(this.lastMoveEvent, f);
+    }, this.handlePointerMove = (f, m) => {
+      this.lastMoveEvent = f, this.lastMoveEventInfo = Fe(m, this.transformPagePoint), L.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (f, m) => {
       this.end();
-      const { onEnd: p, onSessionEnd: v, resumeAnimation: g } = this.handlers;
+      const { onEnd: y, onSessionEnd: v, resumeAnimation: g } = this.handlers;
       if ((this.dragSnapToOrigin || !this.startEvent) && g && g(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const x = Fe(m.type === "pointercancel" ? this.lastMoveEventInfo : Be(d, this.transformPagePoint), this.history);
-      this.startEvent && p && p(m, x), v && v(m, x);
+      const x = Ie(f.type === "pointercancel" ? this.lastMoveEventInfo : Fe(m, this.transformPagePoint), this.history);
+      this.startEvent && y && y(f, x), v && v(f, x);
     }, !Bn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = r, this.contextWindow = i || window;
-    const l = qt(e), c = Be(l, this.transformPagePoint), { point: u } = c, { timestamp: h } = H;
+    const l = qt(e), c = Fe(l, this.transformPagePoint), { point: u } = c, { timestamp: h } = H;
     this.history = [{ ...u, timestamp: h }];
-    const { onSessionStart: f } = n;
-    f && f(e, Fe(c, this.history)), this.removeListeners = _t($t(this.contextWindow, "pointermove", this.handlePointerMove), $t(this.contextWindow, "pointerup", this.handlePointerUp), $t(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
+    const { onSessionStart: d } = n;
+    d && d(e, Ie(c, this.history)), this.removeListeners = _t($t(this.contextWindow, "pointermove", this.handlePointerMove), $t(this.contextWindow, "pointerup", this.handlePointerUp), $t(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
   }
   /**
    * Start tracking scroll on ancestors and window.
@@ -4328,7 +4328,7 @@ class to {
     let n = e.parentElement;
     for (; n; ) {
       const s = getComputedStyle(n);
-      (Zs.has(s.overflowX) || Zs.has(s.overflowY)) && this.scrollPositions.set(n, {
+      (Qs.has(s.overflowX) || Qs.has(s.overflowY)) && this.scrollPositions.set(n, {
         x: n.scrollLeft,
         y: n.scrollTop
       }), n = n.parentElement;
@@ -4370,31 +4370,31 @@ class to {
     this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), lt(this.updatePoint);
   }
 }
-function Be(t, e) {
+function Fe(t, e) {
   return e ? { point: e(t.point) } : t;
 }
-function Qs(t, e) {
+function Js(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function Fe({ point: t }, e) {
+function Ie({ point: t }, e) {
   return {
     point: t,
-    delta: Qs(t, eo(e)),
-    offset: Qs(t, Bu(e)),
+    delta: Js(t, no(e)),
+    offset: Js(t, Bu(e)),
     velocity: Fu(e, 0.1)
   };
 }
 function Bu(t) {
   return t[0];
 }
-function eo(t) {
+function no(t) {
   return t[t.length - 1];
 }
 function Fu(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
-  const i = eo(t);
+  const i = no(t);
   for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ Z(e))); )
     n--;
   if (!s)
@@ -4412,7 +4412,7 @@ function Fu(t, e) {
 function Iu(t, { min: e, max: n }, s) {
   return e !== void 0 && t < e ? t = s ? B(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? B(n, t, s.max) : Math.min(t, n)), t;
 }
-function Js(t, e, n) {
+function ti(t, e, n) {
   return {
     min: e !== void 0 ? t.min + e : void 0,
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
@@ -4420,18 +4420,18 @@ function Js(t, e, n) {
 }
 function Ou(t, { top: e, left: n, bottom: s, right: i }) {
   return {
-    x: Js(t.x, n, i),
-    y: Js(t.y, e, s)
+    x: ti(t.x, n, i),
+    y: ti(t.y, e, s)
   };
 }
-function ti(t, e) {
+function ei(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 Nu(t, e) {
   return {
-    x: ti(t.x, e.x),
-    y: ti(t.y, e.y)
+    x: ei(t.x, e.x),
+    y: ei(t.y, e.y)
   };
 }
 function ju(t, e) {
@@ -4443,20 +4443,20 @@ function $u(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 ln = 0.35;
-function Uu(t = ln) {
-  return t === !1 ? t = 0 : t === !0 && (t = ln), {
-    x: ei(t, "left", "right"),
-    y: ei(t, "top", "bottom")
+const cn = 0.35;
+function Uu(t = cn) {
+  return t === !1 ? t = 0 : t === !0 && (t = cn), {
+    x: ni(t, "left", "right"),
+    y: ni(t, "top", "bottom")
   };
 }
-function ei(t, e, n) {
+function ni(t, e, n) {
   return {
-    min: ni(t, e),
-    max: ni(t, n)
+    min: si(t, e),
+    max: si(t, n)
   };
 }
-function ni(t, e) {
+function si(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
 const Wu = /* @__PURE__ */ new WeakMap();
@@ -4470,41 +4470,41 @@ class zu {
       return;
     const o = (h) => {
       n && this.snapToCursor(qt(h).point), this.stopAnimation();
-    }, r = (h, f) => {
-      const { drag: m, dragPropagation: d, onDragStart: p } = this.getProps();
-      if (m && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = bl(m), !this.openDragLock))
+    }, r = (h, d) => {
+      const { drag: f, dragPropagation: m, onDragStart: y } = this.getProps();
+      if (f && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = bl(f), !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), nt((g) => {
+      this.latestPointerEvent = h, this.latestPanInfo = d, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), nt((g) => {
         let x = this.getAxisMotionValue(g).get() || 0;
         if (st.test(x)) {
-          const { projection: y } = this.visualElement;
-          if (y && y.layout) {
-            const S = y.layout.layoutBox[g];
-            S && (x = _(S) * (parseFloat(x) / 100));
+          const { projection: p } = this.visualElement;
+          if (p && p.layout) {
+            const b = p.layout.layoutBox[g];
+            b && (x = _(b) * (parseFloat(x) / 100));
           }
         }
         this.originPoint[g] = x;
-      }), p && L.update(() => p(h, f), !1, !0), Je(this.visualElement, "transform");
+      }), y && L.update(() => y(h, d), !1, !0), tn(this.visualElement, "transform");
       const { animationState: v } = this.visualElement;
       v && v.setActive("whileDrag", !0);
-    }, a = (h, f) => {
-      this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: m, dragDirectionLock: d, onDirectionLock: p, onDrag: v } = this.getProps();
-      if (!m && !this.openDragLock)
+    }, a = (h, d) => {
+      this.latestPointerEvent = h, this.latestPanInfo = d;
+      const { dragPropagation: f, dragDirectionLock: m, onDirectionLock: y, onDrag: v } = this.getProps();
+      if (!f && !this.openDragLock)
         return;
-      const { offset: g } = f;
-      if (d && this.currentDirection === null) {
-        this.currentDirection = Ku(g), this.currentDirection !== null && p && p(this.currentDirection);
+      const { offset: g } = d;
+      if (m && this.currentDirection === null) {
+        this.currentDirection = Ku(g), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, g), this.updateAxis("y", f.point, g), this.visualElement.render(), v && L.update(() => v(h, f), !1, !0);
-    }, l = (h, f) => {
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
+      this.updateAxis("x", d.point, g), this.updateAxis("y", d.point, g), this.visualElement.render(), v && L.update(() => v(h, d), !1, !0);
+    }, l = (h, d) => {
+      this.latestPointerEvent = h, this.latestPanInfo = d, this.stop(h, d), 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 to(e, {
+    this.panSession = new eo(e, {
       onSessionStart: o,
       onStart: r,
       onMove: a,
@@ -4514,7 +4514,7 @@ class zu {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: u,
       distanceThreshold: s,
-      contextWindow: Jr(this.visualElement),
+      contextWindow: to(this.visualElement),
       element: this.visualElement.current
     });
   }
@@ -4576,7 +4576,7 @@ class zu {
     let r = Nu(i.layout.layoutBox, o);
     if (n) {
       const a = n(Yl(r));
-      this.hasMutatedConstraints = !!a, a && (r = Sr(a));
+      this.hasMutatedConstraints = !!a, a && (r = Pr(a));
     }
     return r;
   }
@@ -4586,24 +4586,24 @@ class zu {
         return;
       let h = l && l[u] || {};
       r && (h = { min: 0, max: 0 });
-      const f = i ? 200 : 1e6, m = i ? 40 : 1e7, d = {
+      const d = i ? 200 : 1e6, f = i ? 40 : 1e7, m = {
         type: "inertia",
         velocity: s ? e[u] : 0,
-        bounceStiffness: f,
-        bounceDamping: m,
+        bounceStiffness: d,
+        bounceDamping: f,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
         ...o,
         ...h
       };
-      return this.startAxisValueAnimation(u, d);
+      return this.startAxisValueAnimation(u, m);
     });
     return Promise.all(c).then(a);
   }
   startAxisValueAnimation(e, n) {
     const s = this.getAxisMotionValue(e);
-    return Je(this.visualElement, e), s.start(Dn(e, s, 0, n, this.visualElement, !1));
+    return tn(this.visualElement, e), s.start(Dn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     nt((e) => this.getAxisMotionValue(e).stop());
@@ -4663,8 +4663,8 @@ class zu {
       return;
     Wu.set(this.visualElement, this);
     const e = this.visualElement.current, n = $t(e, "pointerdown", (c) => {
-      const { drag: u, dragListener: h = !0 } = this.getProps(), f = c.target, m = f !== e && Ml(f);
-      u && h && !m && this.start(c);
+      const { drag: u, dragListener: h = !0 } = this.getProps(), d = c.target, f = d !== e && Ml(d);
+      u && h && !f && this.start(c);
     });
     let s;
     const i = () => {
@@ -4674,8 +4674,8 @@ class zu {
     o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), L.read(i);
     const a = Gt(window, "resize", () => this.scalePositionWithinConstraints()), l = o.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: u }) => {
       this.isDragging && u && (nt((h) => {
-        const f = this.getAxisMotionValue(h);
-        f && (this.originPoint[h] += c[h].translate, f.set(f.get() + c[h].translate));
+        const d = this.getAxisMotionValue(h);
+        d && (this.originPoint[h] += c[h].translate, d.set(d.get() + c[h].translate));
       }), this.visualElement.render());
     }));
     return () => {
@@ -4683,7 +4683,7 @@ class zu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = ln, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = cn, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -4695,7 +4695,7 @@ class zu {
     };
   }
 }
-function si(t) {
+function ii(t) {
   let e = !0;
   return () => {
     if (e) {
@@ -4706,7 +4706,7 @@ function si(t) {
   };
 }
 function Hu(t, e, n) {
-  const s = fs(t, si(n)), i = fs(e, si(n));
+  const s = fs(t, ii(n)), i = fs(e, ii(n));
   return () => {
     s(), i();
   };
@@ -4718,7 +4718,7 @@ function Ku(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class Gu extends dt {
+class Gu extends ft {
   constructor(e) {
     super(e), this.removeGroupControls = q, this.removeListeners = q, this.controls = new zu(e);
   }
@@ -4734,25 +4734,25 @@ class Gu extends dt {
     this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
   }
 }
-const Ie = (t) => (e, n) => {
+const Oe = (t) => (e, n) => {
   t && L.update(() => t(e, n), !1, !0);
 };
-class _u extends dt {
+class _u extends ft {
   constructor() {
     super(...arguments), this.removePointerDownListener = q;
   }
   onPointerDown(e) {
-    this.session = new to(e, this.createPanHandlers(), {
+    this.session = new eo(e, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Jr(this.node)
+      contextWindow: to(this.node)
     });
   }
   createPanHandlers() {
     const { onPanSessionStart: e, onPanStart: n, onPan: s, onPanEnd: i } = this.node.getProps();
     return {
-      onSessionStart: Ie(e),
-      onStart: Ie(n),
-      onMove: Ie(s),
+      onSessionStart: Oe(e),
+      onStart: Oe(n),
+      onMove: Oe(s),
       onEnd: (o, r) => {
         delete this.session, i && L.postRender(() => i(o, r));
       }
@@ -4768,7 +4768,7 @@ class _u extends dt {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-let Oe = !1;
+let Ne = !1;
 class Xu extends xo {
   /**
    * This only mounts projection nodes for components that
@@ -4777,7 +4777,7 @@ class Xu extends xo {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: o } = e;
-    o && (n.group && n.group.add(o), s && s.register && i && s.register(o), Oe && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    o && (n.group && n.group.add(o), s && s.register && i && s.register(o), Ne && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
@@ -4790,7 +4790,7 @@ class Xu extends xo {
     return r && (r.isPresent = o, e.layoutDependency !== n && r.setOptions({
       ...r.options,
       layoutDependency: n
-    }), Oe = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || L.postRender(() => {
+    }), Ne = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || L.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -4803,7 +4803,7 @@ class Xu extends xo {
   }
   componentWillUnmount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s } = this.props, { projection: i } = e;
-    Oe = !0, i && (i.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(i), s && s.deregister && s.deregister(i));
+    Ne = !0, i && (i.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(i), s && s.deregister && s.deregister(i));
   }
   safeToRemove() {
     const { safeToRemove: e } = this.props;
@@ -4813,9 +4813,9 @@ class Xu extends xo {
     return null;
   }
 }
-function no(t) {
-  const [e, n] = eu(), s = U(gi);
-  return E(Xu, { ...t, layoutGroup: s, switchLayoutGroup: U(Zr), isPresent: e, safeToRemove: n });
+function so(t) {
+  const [e, n] = eu(), s = $(yi);
+  return E(Xu, { ...t, layoutGroup: s, switchLayoutGroup: $(Qr), isPresent: e, safeToRemove: n });
 }
 const Yu = {
   pan: {
@@ -4823,25 +4823,25 @@ const Yu = {
   },
   drag: {
     Feature: Gu,
-    ProjectionNode: Hr,
-    MeasureLayout: no
+    ProjectionNode: Kr,
+    MeasureLayout: so
   }
 };
-function ii(t, e, n) {
+function ri(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, o = s[i];
   o && L.postRender(() => o(e, qt(e)));
 }
-class qu extends dt {
+class qu extends ft {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = Pl(e, (n, s) => (ii(this.node, s, "Start"), (i) => ii(this.node, i, "End"))));
+    e && (this.unmount = Pl(e, (n, s) => (ri(this.node, s, "Start"), (i) => ri(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class Zu extends dt {
+class Zu extends ft {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4863,7 +4863,7 @@ class Zu extends dt {
   unmount() {
   }
 }
-function ri(t, e, n) {
+function oi(t, e, n) {
   const { props: s } = t;
   if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
@@ -4871,13 +4871,13 @@ function ri(t, e, n) {
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
   o && L.postRender(() => o(e, qt(e)));
 }
-class Qu extends dt {
+class Qu extends ft {
   mount() {
     const { current: e } = this.node;
     if (!e)
       return;
     const { globalTapTarget: n, propagate: s } = this.node.props;
-    this.unmount = El(e, (i, o) => (ri(this.node, o, "Start"), (r, { success: a }) => ri(this.node, r, a ? "End" : "Cancel")), {
+    this.unmount = El(e, (i, o) => (oi(this.node, o, "Start"), (r, { success: a }) => oi(this.node, r, a ? "End" : "Cancel")), {
       useGlobalTarget: n,
       stopPropagation: s?.tap === !1
     });
@@ -4885,29 +4885,29 @@ class Qu extends dt {
   unmount() {
   }
 }
-const cn = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), Ju = (t) => {
-  const e = cn.get(t.target);
+const un = /* @__PURE__ */ new WeakMap(), je = /* @__PURE__ */ new WeakMap(), Ju = (t) => {
+  const e = un.get(t.target);
   e && e(t);
 }, th = (t) => {
   t.forEach(Ju);
 };
 function eh({ root: t, ...e }) {
   const n = t || document;
-  Ne.has(n) || Ne.set(n, {});
-  const s = Ne.get(n), i = JSON.stringify(e);
+  je.has(n) || je.set(n, {});
+  const s = je.get(n), i = JSON.stringify(e);
   return s[i] || (s[i] = new IntersectionObserver(th, { root: t, ...e })), s[i];
 }
 function nh(t, e, n) {
   const s = eh(e);
-  return cn.set(t, n), s.observe(t), () => {
-    cn.delete(t), s.unobserve(t);
+  return un.set(t, n), s.observe(t), () => {
+    un.delete(t), s.unobserve(t);
   };
 }
 const sh = {
   some: 0,
   all: 1
 };
-class ih extends dt {
+class ih extends ft {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4922,8 +4922,8 @@ class ih extends dt {
       if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
         return;
       c && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", c);
-      const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
-      f && f(l);
+      const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), d = c ? u : h;
+      d && d(l);
     };
     return nh(this.node.current, r, a);
   }
@@ -4957,8 +4957,8 @@ const oh = {
   }
 }, ah = {
   layout: {
-    ProjectionNode: Hr,
-    MeasureLayout: no
+    ProjectionNode: Kr,
+    MeasureLayout: so
   }
 }, lh = {
   ...Ru,
@@ -4966,8 +4966,8 @@ const oh = {
   ...Yu,
   ...ah
 }, te = /* @__PURE__ */ Vu(lh, Cu);
-function un(t) {
-  const e = Ut(() => Tt(t)), { isStatic: n } = U($n);
+function hn(t) {
+  const e = Ut(() => Tt(t)), { isStatic: n } = $($n);
   if (n) {
     const [, s] = ht(t);
     X(() => e.on("change", s), []);
@@ -4975,15 +4975,15 @@ function un(t) {
   return e;
 }
 function zn(t, e) {
-  const n = un(e()), s = () => n.set(e());
-  return s(), vi(() => {
+  const n = hn(e()), s = () => n.set(e());
+  return s(), xi(() => {
     const i = () => L.preRender(s, !1, !0), o = t.map((r) => r.on("change", i));
     return () => {
       o.forEach((r) => r()), lt(s);
     };
   }), n;
 }
-function oi(t, ...e) {
+function ai(t, ...e) {
   const n = t.length;
   function s() {
     let i = "";
@@ -5001,12 +5001,12 @@ function ch(t) {
   const e = zn(Nt.current, t);
   return Nt.current = void 0, e;
 }
-function hn(t, e, n, s) {
+function dn(t, e, n, s) {
   if (typeof t == "function")
     return ch(t);
   if (n !== void 0 && !Array.isArray(n) && typeof e != "function")
     return uh(t, e, n, s);
-  const r = typeof e == "function" ? e : $l(e, n, s), a = Array.isArray(t) ? ai(t, r) : ai([t], ([c]) => r(c)), l = Array.isArray(t) ? void 0 : t.accelerate;
+  const r = typeof e == "function" ? e : $l(e, n, s), a = Array.isArray(t) ? li(t, r) : li([t], ([c]) => r(c)), l = Array.isArray(t) ? void 0 : t.accelerate;
   return l && !l.isTransformed && typeof e != "function" && Array.isArray(n) && s?.clamp !== !1 && (a.accelerate = {
     ...l,
     times: e,
@@ -5014,7 +5014,7 @@ function hn(t, e, n, s) {
     isTransformed: !0
   }), a;
 }
-function ai(t, e) {
+function li(t, e) {
   const n = Ut(() => []);
   return zn(t, () => {
     n.length = 0;
@@ -5027,10 +5027,10 @@ function ai(t, e) {
 function uh(t, e, n, s) {
   const i = Ut(() => Object.keys(n)), o = Ut(() => ({}));
   for (const r of i)
-    o[r] = hn(t, e, n[r], s);
+    o[r] = dn(t, e, n[r], s);
   return o;
 }
-const li = 2;
+const ci = 2;
 function hh({ x1: t, y1: e, x2: n, y2: s }, {
   cornerRadius: i = 8,
   midOffset: o = 32,
@@ -5044,16 +5044,16 @@ function hh({ x1: t, y1: e, x2: n, y2: s }, {
     Math.abs(c === "horizontal" ? (s - e) / 2 : (n - t) / 2)
   );
   if (c === "horizontal") {
-    if (Math.abs(s - e) <= li)
+    if (Math.abs(s - e) <= ci)
       return `M ${t} ${e} L ${n - r} ${s}`;
-    const b = l || a ? n - o : t + o, N = n > t ? 1 : -1, $ = s > e ? 1 : -1, D = b - N * u, C = e + $ * u, A = s - $ * u, K = b + N * u, V = n - N * r, R = [
+    const S = l || a ? n - o : t + o, N = n > t ? 1 : -1, U = s > e ? 1 : -1, D = S - N * u, C = e + U * u, A = s - U * u, K = S + N * u, V = n - N * r, R = [
       `L ${D} ${e}`,
-      `Q ${b} ${e} ${b} ${C}`,
-      l ? `L ${b} ${A} Q ${b} ${s} ${K} ${s}` : `L ${b} ${s}`
+      `Q ${S} ${e} ${S} ${C}`,
+      l ? `L ${S} ${A} Q ${S} ${s} ${K} ${s}` : `L ${S} ${s}`
     ], rt = [
-      l ? `L ${D} ${e} Q ${b} ${e} ${b} ${C}` : `L ${b} ${e}`,
-      `L ${b} ${A}`,
-      `Q ${b} ${s} ${K} ${s}`
+      l ? `L ${D} ${e} Q ${S} ${e} ${S} ${C}` : `L ${S} ${e}`,
+      `L ${S} ${A}`,
+      `Q ${S} ${s} ${K} ${s}`
     ];
     return [
       `M ${t} ${e}`,
@@ -5061,28 +5061,28 @@ function hh({ x1: t, y1: e, x2: n, y2: s }, {
       `L ${V} ${s}`
     ].join(" ");
   }
-  if (Math.abs(n - t) <= li)
+  if (Math.abs(n - t) <= ci)
     return `M ${t} ${e} L ${n} ${s - r}`;
-  const h = l || a ? s - o : e + o, m = n > t ? 1 : -1, p = s > e ? 1 : -1, v = h - u, g = t + m * u, x = n - m * u, y = h + u, S = s - p * r, w = [
+  const h = l || a ? s - o : e + o, f = n > t ? 1 : -1, y = s > e ? 1 : -1, v = h - u, g = t + f * u, x = n - f * u, p = h + u, b = s - y * r, w = [
     `L ${t} ${v}`,
     `Q ${t} ${h} ${g} ${h}`,
     `L ${n} ${h}`
   ], P = [
     `L ${t} ${h}`,
     `L ${x} ${h}`,
-    `Q ${n} ${h} ${n} ${y}`
+    `Q ${n} ${h} ${n} ${p}`
   ];
   return [
     `M ${t} ${e}`,
     // Move the cursor to the starting point
     a ? [...w] : [...P],
-    `L ${n} ${S}`
+    `L ${n} ${b}`
     // Draw the final line to the end point
   ].join(" ");
 }
-const so = ve(
+const io = xe(
   function({ connectors: e, children: n, ...s }, i) {
-    const o = fn();
+    const o = ve();
     return /* @__PURE__ */ Dt(
       "svg",
       {
@@ -5142,8 +5142,8 @@ const so = ve(
       }
     );
   }
-), io = ct(null);
-function fh() {
+), Hn = ct(null);
+function dh() {
   const [t, e] = ht([]), n = F(
     /* @__PURE__ */ new Map()
   ), s = F(0), i = F(/* @__PURE__ */ new Map());
@@ -5156,20 +5156,20 @@ function fh() {
         renderOrder: c
       };
       n.current.set(l, h);
-      const f = Array.from(
+      const d = Array.from(
         n.current.values()
-      ).sort((d, p) => d.renderOrder - p.renderOrder);
-      return e(f), { unregister: () => {
+      ).sort((m, y) => m.renderOrder - y.renderOrder);
+      return e(d), { unregister: () => {
         n.current.delete(l);
-        const d = Array.from(
+        const m = Array.from(
           n.current.values()
-        ).sort((p, v) => p.renderOrder - v.renderOrder);
-        e(d);
+        ).sort((y, v) => y.renderOrder - v.renderOrder);
+        e(m);
       } };
     },
     []
   );
-  return et(
+  return Q(
     () => ({
       register: r,
       descendants: t,
@@ -5183,30 +5183,33 @@ function ro({
   children: e
 }) {
   return /* @__PURE__ */ E(
-    io.Provider,
+    Hn.Provider,
     {
       value: t,
       children: e
     }
   );
 }
-function dh() {
-  const t = U(io);
+function fh() {
+  const t = $(Hn);
   if (!t)
     throw new Error(
       "useDescendantsContext must be used within DescendantsProvider"
     );
   return t;
 }
-function mh(t) {
-  const e = dh(), n = fn(), s = e.claimRenderOrder(n), i = F(null), o = F(e.register);
+function mh() {
+  return $(Hn);
+}
+function ph(t) {
+  const e = fh(), n = ve(), s = e.claimRenderOrder(n), i = F(null), o = F(e.register);
   o.current = e.register, X(() => {
     const { unregister: c } = o.current(n, s, t);
     return i.current || (i.current = c), () => {
       i.current && (i.current(), i.current = null);
     };
   }, [n, s, t]);
-  const r = et(() => e.descendants.findIndex((c) => c.id === n), [e.descendants, n]), a = Et(() => {
+  const r = Q(() => e.descendants.findIndex((c) => c.id === n), [e.descendants, n]), a = Et(() => {
     if (!(r <= 0))
       return e.descendants[r - 1];
   }, [e.descendants, r]), l = Et(() => {
@@ -5215,28 +5218,28 @@ function mh(t) {
   }, [e.descendants, r]);
   return { index: r, id: n, getPrevious: a, getNext: l };
 }
-const ci = {
+const ui = {
   y: 64,
   x: 16
-}, ui = 10, oo = ct(null);
+}, hi = 10, oo = ct(null);
 function ao() {
-  const t = U(oo);
+  const t = $(oo);
   if (t === null)
     throw new Error("useDiagramContext must be used within a FlowDiagram");
   return t;
 }
-function ph({
+function gh({
   orientation: t = "horizontal",
   align: e = "start",
   className: n,
   children: s
 }) {
-  const i = F(null), o = F(null), r = un(0), a = un(0), [l, c] = ht(null), [u, h] = ht(null), [f, m] = ht(!1), [d, p] = ht(!1);
+  const i = F(null), o = F(null), r = hn(0), a = hn(0), [l, c] = ht(null), [u, h] = ht(null), [d, f] = ht(!1), [m, y] = ht(!1);
   X(() => {
     if (!i.current || !o.current) return;
     const D = () => {
       if (!i.current || !o.current) return;
-      const A = i.current.getBoundingClientRect(), K = o.current.getBoundingClientRect(), V = A.width - ci.x * 2, R = A.height - ci.y * 2;
+      const A = i.current.getBoundingClientRect(), K = o.current.getBoundingClientRect(), V = A.width - ui.x * 2, R = A.height - ui.y * 2;
       c({
         x: Math.min(0, V - K.width),
         y: Math.min(0, R - K.height)
@@ -5245,7 +5248,7 @@ function ph({
         viewportHeight: R,
         contentWidth: K.width,
         contentHeight: K.height
-      }), p(
+      }), y(
         K.width > V || K.height > R
       );
     };
@@ -5276,30 +5279,30 @@ function ph({
     return D.addEventListener("wheel", C, { passive: !1 }), () => D.removeEventListener("wheel", C);
   }, [l, r, a]);
   const v = (D) => D.target.closest("[data-node-id]") !== null, g = (D) => {
-    v(D) || (m(!0), document.body.style.cursor = "grabbing", document.body.style.userSelect = "none");
+    v(D) || (f(!0), document.body.style.cursor = "grabbing", document.body.style.userSelect = "none");
   }, x = (D, C) => {
-    !l || !f || (r.set(Math.max(l.x, Math.min(0, r.get() + C.delta.x))), a.set(Math.max(l.y, Math.min(0, a.get() + C.delta.y))));
-  }, y = () => {
-    f && (m(!1), document.body.style.cursor = "", document.body.style.userSelect = "");
-  }, S = l && l.x < 0, w = l && l.y < 0, P = u && u.contentWidth > 0 && u.viewportWidth > 0 ? Math.max(
-    ui,
+    !l || !d || (r.set(Math.max(l.x, Math.min(0, r.get() + C.delta.x))), a.set(Math.max(l.y, Math.min(0, a.get() + C.delta.y))));
+  }, p = () => {
+    d && (f(!1), document.body.style.cursor = "", document.body.style.userSelect = "");
+  }, b = l && l.x < 0, w = l && l.y < 0, P = u && u.contentWidth > 0 && u.viewportWidth > 0 ? Math.max(
+    hi,
     u.viewportWidth / u.contentWidth * 100
   ) : 0, M = u && u.contentHeight > 0 && u.viewportHeight > 0 ? Math.max(
-    ui,
+    hi,
     u.viewportHeight / u.contentHeight * 100
-  ) : 0, b = hn(
+  ) : 0, S = dn(
     r,
     [0, l?.x ?? 0],
     [0, 100 - P]
-  ), I = hn(
+  ), I = dn(
     a,
     [0, l?.y ?? 0],
     [0, 100 - M]
-  ), N = oi`${I}%`, z = oi`${b}%`, $ = et(
+  ), N = ai`${I}%`, z = ai`${S}%`, U = Q(
     () => ({ orientation: t, align: e, x: r, y: a, wrapperRef: i }),
     [t, e, r, a]
   );
-  return /* @__PURE__ */ E(oo.Provider, { value: $, children: /* @__PURE__ */ Dt(
+  return /* @__PURE__ */ E(oo.Provider, { value: U, children: /* @__PURE__ */ Dt(
     te.div,
     {
       ref: i,
@@ -5308,11 +5311,11 @@ function ph({
         n
       ),
       style: {
-        cursor: d && !f ? "grab" : void 0
+        cursor: m && !d ? "grab" : void 0
       },
       onPanStart: g,
       onPan: x,
-      onPanEnd: y,
+      onPanEnd: p,
       children: [
         /* @__PURE__ */ E(te.div, { ref: o, className: "w-max mx-auto", style: { x: r, y: a }, children: /* @__PURE__ */ E(uo, { children: s }) }),
         w && /* @__PURE__ */ E("div", { className: "absolute right-1 top-4 bottom-4 w-1.5 rounded-full bg-kumo-line/50 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ E(
@@ -5325,7 +5328,7 @@ function ph({
             }
           }
         ) }),
-        S && /* @__PURE__ */ E("div", { className: "absolute bottom-1 left-4 right-4 h-1.5 rounded-full bg-kumo-line/50 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ E(
+        b && /* @__PURE__ */ E("div", { className: "absolute bottom-1 left-4 right-4 h-1.5 rounded-full bg-kumo-line/50 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ E(
           te.div,
           {
             className: "absolute h-full rounded-full bg-kumo-fill",
@@ -5339,29 +5342,46 @@ function ph({
     }
   ) });
 }
-const lo = () => fh(), co = (t) => mh(t), ye = (t, { type: e = "start" }) => t ? t.props[e] ?? null : null;
+const lo = () => dh(), co = (t) => ph(t), yh = (t) => {
+  const e = mh(), n = ve(), s = e?.claimRenderOrder(n) ?? -1, i = F(null);
+  return X(() => {
+    if (!e) return;
+    const { unregister: r } = e.register(n, s, t);
+    return i.current || (i.current = r), () => {
+      i.current && (i.current(), i.current = null);
+    };
+  }, [n, s, t, e]), e ? { index: e.descendants.findIndex((r) => r.id === n), id: n } : null;
+}, ye = (t, { type: e = "start" }) => t ? t.props[e] ?? null : null;
 function uo({ children: t }) {
-  const { orientation: e, align: n } = ao(), s = lo(), i = F(null), o = et(() => {
-    const r = [], a = s.descendants, l = i.current?.getBoundingClientRect(), c = l?.left ?? 0, u = l?.top ?? 0;
-    for (let h = 0; h < a.length - 1; h++) {
-      const f = a[h], m = a[h + 1];
-      if (f.props?.parallel || m.props?.parallel) continue;
-      const d = ye(f, { type: "start" }), p = ye(m, { type: "end" });
-      if (d && p) {
-        const v = f.props.disabled || m.props.disabled;
-        r.push({
-          x1: d.left - c + d.width,
-          y1: d.top - u + d.height / 2,
-          x2: p.left - c,
-          y2: p.top - u + p.height / 2,
-          disabled: v,
+  const { orientation: e, align: n } = ao(), s = lo(), i = F(null), o = Q(() => {
+    const h = [], d = s.descendants, f = i.current?.getBoundingClientRect(), m = f?.left ?? 0, y = f?.top ?? 0;
+    for (let v = 0; v < d.length - 1; v++) {
+      const g = d[v], x = d[v + 1];
+      if (g.props?.parallel || x.props?.parallel) continue;
+      const p = ye(g, { type: "start" }), b = ye(x, { type: "end" });
+      if (p && b) {
+        const w = g.props.disabled || x.props.disabled;
+        h.push({
+          x1: p.left - m + p.width,
+          y1: p.top - y + p.height / 2,
+          x2: b.left - m,
+          y2: b.top - y + b.height / 2,
+          disabled: w,
           single: !0
         });
       }
     }
-    return r;
-  }, [s.descendants]);
-  return /* @__PURE__ */ E(ro, { value: s, children: /* @__PURE__ */ Dt("div", { className: "relative", ref: i, children: [
+    return h;
+  }, [s.descendants]), r = s.descendants[0], a = s.descendants[s.descendants.length - 1], l = r?.props?.end ?? null, c = a?.props?.start ?? null, u = Q(
+    () => ({
+      parallel: !1,
+      disabled: !1,
+      start: c,
+      end: l
+    }),
+    [c, l]
+  );
+  return yh(u), /* @__PURE__ */ E(ro, { value: s, children: /* @__PURE__ */ Dt("div", { className: "relative", ref: i, children: [
     /* @__PURE__ */ E(
       "ul",
       {
@@ -5373,7 +5393,7 @@ function uo({ children: t }) {
         children: t
       }
     ),
-    /* @__PURE__ */ E("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ E(so, { connectors: o, orientation: e }) })
+    /* @__PURE__ */ E("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ E(io, { connectors: o, orientation: e }) })
   ] }) });
 }
 function ho(...t) {
@@ -5383,63 +5403,63 @@ function ho(...t) {
     });
   };
 }
-const fo = ve(
+const fo = xe(
   function({ render: e, children: n, disabled: s = !1 }, i) {
-    const o = F(null), r = F(null), a = F(null), [l, c] = ht({ start: null, end: null }), u = et(
+    const o = F(null), r = F(null), a = F(null), [l, c] = ht({ start: null, end: null }), u = Q(
       () => ({
         parallel: !1,
         disabled: s,
         ...l
       }),
       [l, s]
-    ), { index: h, id: f } = co(u);
+    ), { index: h, id: d } = co(u);
     X(() => {
       if (!o.current) return;
       const v = o.current.getBoundingClientRect();
       let g = v, x = v;
-      r.current && (g = r.current.getBoundingClientRect()), a.current && (x = a.current.getBoundingClientRect()), c((y) => {
-        const S = { start: g, end: x };
-        return JSON.stringify(y) === JSON.stringify(S) ? y : S;
+      r.current && (g = r.current.getBoundingClientRect()), a.current && (x = a.current.getBoundingClientRect()), c((p) => {
+        const b = { start: g, end: x };
+        return JSON.stringify(p) === JSON.stringify(b) ? p : b;
       });
     });
-    const m = ho(i, o);
-    let d;
-    if (e && mi(e)) {
-      const p = e.props;
-      d = pi(e, {
-        ref: m,
+    const f = ho(i, o);
+    let m;
+    if (e && pi(e)) {
+      const y = e.props;
+      m = gi(e, {
+        ref: f,
         "data-node-index": h,
-        "data-node-id": f,
-        style: { cursor: "default", ...p.style },
-        children: p.children ?? n
+        "data-node-id": d,
+        style: { cursor: "default", ...y.style },
+        children: y.children ?? n
       });
     } else
-      d = /* @__PURE__ */ E(
+      m = /* @__PURE__ */ E(
         "li",
         {
-          ref: m,
+          ref: f,
           className: "py-2 px-3 rounded-md shadow bg-kumo-base ring ring-kumo-line",
           style: { cursor: "default" },
           "data-node-index": h,
-          "data-node-id": f,
+          "data-node-id": d,
           children: n
         }
       );
     return /* @__PURE__ */ E(
       mo.Provider,
       {
-        value: et(
+        value: Q(
           () => ({
-            registerStartAnchor: (p) => {
-              r.current = p;
+            registerStartAnchor: (y) => {
+              r.current = y;
             },
-            registerEndAnchor: (p) => {
-              a.current = p;
+            registerEndAnchor: (y) => {
+              a.current = y;
             }
           }),
           []
         ),
-        children: d
+        children: m
       }
     );
   }
@@ -5447,9 +5467,9 @@ const fo = ve(
 fo.displayName = "Flow.Node";
 const mo = ct(
   null
-), po = ve(
+), po = xe(
   function({ type: e, render: n, children: s }, i) {
-    const o = U(mo), r = F(null);
+    const o = $(mo), r = F(null);
     if (!o)
       throw new Error("Flow.Anchor must be used within Flow.Node");
     X(() => {
@@ -5459,9 +5479,9 @@ const mo = ct(
         };
     }, [e, o.registerStartAnchor, o.registerEndAnchor]);
     const a = ho(i, r);
-    if (n && mi(n)) {
+    if (n && pi(n)) {
       const l = n.props;
-      return pi(n, {
+      return gi(n, {
         ref: a,
         children: l.children ?? s
       });
@@ -5470,7 +5490,7 @@ const mo = ct(
   }
 );
 po.displayName = "Flow.Anchor";
-function gh({
+function vh({
   container: t,
   previous: e,
   next: n,
@@ -5496,79 +5516,79 @@ function gh({
   };
   return e && (i.y = e.top - t.top + e.height / 2), n && (o.y = n.top - t.top + n.height / 2), { start: i, end: o };
 }
-function yh({
+function xh({
   children: t,
   align: e = "start"
 }) {
   const { orientation: n } = ao(), s = lo(), i = F(null), o = F(null), [r, a] = ht(null), { index: l, getPrevious: c, getNext: u } = co(
-    et(
+    Q(
       () => ({ parallel: !0, start: r, end: r }),
       [r]
     )
   );
   X(() => {
     if (!o.current) return;
-    const m = o.current.getBoundingClientRect();
-    a((d) => JSON.stringify(d) === JSON.stringify(m) ? d : m);
+    const f = o.current.getBoundingClientRect();
+    a((m) => JSON.stringify(m) === JSON.stringify(f) ? m : f);
   });
-  const f = (() => {
-    const m = i.current;
-    if (!m) return;
-    const d = m.getBoundingClientRect(), [p, v] = [c(), u()], g = ye(p, { type: "start" }), x = ye(v, { type: "end" }), { start: y, end: S } = gh({
-      container: d,
+  const d = (() => {
+    const f = i.current;
+    if (!f) return;
+    const m = f.getBoundingClientRect(), [y, v] = [c(), u()], g = ye(y, { type: "start" }), x = ye(v, { type: "end" }), { start: p, end: b } = vh({
+      container: m,
       previous: g,
       next: x,
       orientation: n
     }), w = [], P = [];
     for (const z of s.descendants) {
-      const { props: $ } = z, [D, C] = [$.end, $.start];
+      const { props: U } = z, [D, C] = [U.end, U.start];
       if (g && D) {
-        const A = n === "horizontal" ? D.top - d.top + D.height / 2 : D.left - d.left + D.width / 2;
+        const A = n === "horizontal" ? D.top - m.top + D.height / 2 : D.left - m.left + D.width / 2;
         w.push({ y: A });
       }
       if (x && C) {
-        const A = n === "horizontal" ? C.top - d.top + C.height / 2 : C.left - d.left + C.width / 2;
+        const A = n === "horizontal" ? C.top - m.top + C.height / 2 : C.left - m.left + C.width / 2;
         P.push({ y: A });
       }
     }
-    const M = 2, b = (() => {
+    const M = 2, S = (() => {
       if (w.length <= 1) return !1;
       const z = w.some(
-        (A) => A.y < y.y - M
-      ), $ = w.some(
-        (A) => A.y > y.y + M
+        (A) => A.y < p.y - M
+      ), U = w.some(
+        (A) => A.y > p.y + M
       ), D = w.some(
-        (A) => Math.abs(A.y - y.y) <= M
+        (A) => Math.abs(A.y - p.y) <= M
       );
-      return [z, $, D].filter(Boolean).length > 1;
+      return [z, U, D].filter(Boolean).length > 1;
     })(), I = (() => {
       if (P.length <= 1) return !1;
       const z = P.some(
-        (A) => A.y < S.y - M
-      ), $ = P.some(
-        (A) => A.y > S.y + M
+        (A) => A.y < b.y - M
+      ), U = P.some(
+        (A) => A.y > b.y + M
       ), D = P.some(
-        (A) => Math.abs(A.y - S.y) <= M
+        (A) => Math.abs(A.y - b.y) <= M
       );
-      return [z, $, D].filter(Boolean).length > 1;
+      return [z, U, D].filter(Boolean).length > 1;
     })();
     return {
       connectors: s.descendants.flatMap((z) => {
-        const { props: $ } = z, D = [], [C, A] = [$.end, $.start], K = $.disabled;
+        const { props: U } = z, D = [], [C, A] = [U.end, U.start], K = U.disabled;
         if (g && C) {
           let V;
           switch (n) {
             case "vertical": {
               V = {
-                x: C.left - d.left + C.width / 2,
-                y: C.top - d.top
+                x: C.left - m.left + C.width / 2,
+                y: C.top - m.top
               };
               break;
             }
             case "horizontal": {
-              const R = C.top - d.top + C.height / 2;
+              const R = C.top - m.top + C.height / 2;
               V = {
-                x: C.left - d.left,
+                x: C.left - m.left,
                 y: R
               };
               break;
@@ -5577,13 +5597,13 @@ function yh({
               throw new Error(`Unknown orientation: ${n}`);
           }
           D.push({
-            x1: y.x,
-            y1: y.y,
+            x1: p.x,
+            y1: p.y,
             x2: V.x,
             y2: V.y,
             isBottom: !1,
-            disabled: p?.props.disabled || K,
-            single: !b
+            disabled: y?.props.disabled || K,
+            single: !S
           });
         }
         if (x && A) {
@@ -5591,15 +5611,15 @@ function yh({
           switch (n) {
             case "vertical": {
               V = {
-                x: A.left - d.left + A.width / 2,
-                y: A.bottom - d.top
+                x: A.left - m.left + A.width / 2,
+                y: A.bottom - m.top
               };
               break;
             }
             case "horizontal": {
-              const R = A.top - d.top + A.height / 2;
+              const R = A.top - m.top + A.height / 2;
               V = {
-                x: A.right - d.left,
+                x: A.right - m.left,
                 y: R
               };
               break;
@@ -5610,8 +5630,8 @@ function yh({
           D.push({
             x1: V.x,
             y1: V.y,
-            x2: S.x,
-            y2: S.y,
+            x2: b.x,
+            y2: b.y,
             isBottom: !0,
             disabled: K || v?.props.disabled,
             single: !I
@@ -5620,16 +5640,16 @@ function yh({
         return D;
       }),
       junctions: {
-        start: g && b ? {
-          x: n === "vertical" ? y.x : y.x + 32,
-          y: n === "vertical" ? y.y + 32 : y.y
+        start: g && S ? {
+          x: n === "vertical" ? p.x : p.x + 32,
+          y: n === "vertical" ? p.y + 32 : p.y
         } : void 0,
         end: x && I ? {
-          x: n === "vertical" ? S.x : S.x - 32,
-          y: n === "vertical" ? S.y - 32 : S.y
+          x: n === "vertical" ? b.x : b.x - 32,
+          y: n === "vertical" ? b.y - 32 : b.y
         } : void 0
       },
-      containerRect: d
+      containerRect: m
     };
   })();
   return /* @__PURE__ */ Dt(
@@ -5637,24 +5657,24 @@ function yh({
     {
       ref: i,
       className: le(
-        "relative",
+        "relative isolate",
         n === "horizontal" ? "px-16 -mx-16" : "py-16 -my-16"
       ),
       "data-node-index": l,
       children: [
-        /* @__PURE__ */ E("div", { className: "absolute inset-0 pointer-events-none z-10", children: f && /* @__PURE__ */ Dt(so, { connectors: f.connectors, orientation: n, children: [
-          f.junctions?.start && /* @__PURE__ */ E(
+        /* @__PURE__ */ E("div", { className: "absolute inset-0 pointer-events-none z-1", children: d && /* @__PURE__ */ Dt(io, { connectors: d.connectors, orientation: n, children: [
+          d.junctions?.start && /* @__PURE__ */ E(
             "g",
             {
-              transform: `translate(${f.junctions.start.x} ${f.junctions.start.y})`,
-              children: /* @__PURE__ */ E(hi, {})
+              transform: `translate(${d.junctions.start.x} ${d.junctions.start.y})`,
+              children: /* @__PURE__ */ E(di, {})
             }
           ),
-          f.junctions?.end && /* @__PURE__ */ E(
+          d.junctions?.end && /* @__PURE__ */ E(
             "g",
             {
-              transform: `translate(${f.junctions.end.x} ${f.junctions.end.y})`,
-              children: /* @__PURE__ */ E(hi, {})
+              transform: `translate(${d.junctions.end.x} ${d.junctions.end.y})`,
+              children: /* @__PURE__ */ E(di, {})
             }
           )
         ] }) }),
@@ -5674,7 +5694,7 @@ function yh({
     }
   );
 }
-function hi({ size: t = 6 }) {
+function di({ size: t = 6 }) {
   const e = t / 2;
   return /* @__PURE__ */ E(
     "rect",
@@ -5688,13 +5708,13 @@ function hi({ size: t = 6 }) {
     }
   );
 }
-const bh = Object.assign(ph, {
+const Ph = Object.assign(gh, {
   Node: fo,
-  Parallel: yh,
+  Parallel: xh,
   List: uo,
   Anchor: po
 });
 export {
-  bh as Flow
+  Ph as Flow
 };
 //# sourceMappingURL=flow.js.map