@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.107

package/dist/{react-CvUtBTMg.js → react-7zQ6bvbE.js}

@@ -1,12 +1,11 @@
-import { a as Nr, n as Ur, r as Wr } from "./rolldown-runtime-Ck3dxwZt.js";
-import { Component as $r, Fragment as qn, createContext as Vt, createElement as Kr, forwardRef as _r, useCallback as Zn, useContext as U, useEffect as ni, useId as zr, useInsertionEffect as Jn, useLayoutEffect as Hr, useMemo as he, useRef as ft } from "react";
-import { jsx as Qn, jsxs as Gr } from "react/jsx-runtime";
+import { Component as jr, Fragment as qn, createContext as Vt, createElement as Nr, forwardRef as Ur, useCallback as Zn, useContext as U, useEffect as ni, useId as Wr, useInsertionEffect as Jn, useLayoutEffect as $r, useMemo as he, useRef as ft } from "react";
+import { jsx as Qn, jsxs as Kr } from "react/jsx-runtime";
 var ts = Vt({});
-function Xr(t) {
+function zr(t) {
   const e = ft(null);
   return e.current === null && (e.current = t()), e.current;
 }
-var Yr = typeof window < "u", qr = Yr ? Hr : ni, si = /* @__PURE__ */ Vt(null);
+var Hr = typeof window < "u", Gr = Hr ? $r : ni, si = /* @__PURE__ */ Vt(null);
 function ri(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -19,11 +18,11 @@ function Re(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 var Mt = () => {
-}, it = () => {
+}, tt = () => {
 };
 typeof process < "u" && process.env.NODE_ENV !== "production" && (Mt = (t, e, i) => {
   !t && typeof console < "u" && console.warn(Re(e, i));
-}, it = (t, e, i) => {
+}, tt = (t, e, i) => {
   if (!t) throw new Error(Re(e, i));
 });
 var st = {}, es = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), is = (t) => typeof t == "object" && t !== null, ns = (t) => /^0[^.\s]+$/u.test(t);
@@ -32,7 +31,7 @@ function ss(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-var _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Ut = (...t) => t.reduce((e, i) => (n) => i(e(n))), Ft = /* @__NO_SIDE_EFFECTS__ */ (t, e, i) => {
+var z = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Ut = (...t) => t.reduce((e, i) => (n) => i(e(n))), It = /* @__NO_SIDE_EFFECTS__ */ (t, e, i) => {
   const n = e - t;
   return n ? (i - t) / n : 1;
 }, oi = class {
@@ -61,25 +60,25 @@ var _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Ut = (...t) => t.reduce((e, i) => (
 function ai(t, e, i) {
   t || Ri.has(e) || (console.warn(Re(e, i)), Ri.add(e));
 }
-var os = (t, e, i) => (((1 - 3 * i + 3 * e) * t + (3 * i - 6 * e)) * t + 3 * e) * t, Zr = 1e-7, Jr = 12;
-function Qr(t, e, i, n, s) {
+var os = (t, e, i) => (((1 - 3 * i + 3 * e) * t + (3 * i - 6 * e)) * t + 3 * e) * t, _r = 1e-7, Xr = 12;
+function Yr(t, e, i, n, s) {
   let o, r, a = 0;
   do
     r = e + (i - e) / 2, o = os(r, n, s) - t, o > 0 ? i = r : e = r;
-  while (Math.abs(o) > Zr && ++a < Jr);
+  while (Math.abs(o) > _r && ++a < Xr);
   return r;
 }
 // @__NO_SIDE_EFFECTS__
 function Wt(t, e, i, n) {
-  if (t === e && i === n) return _;
-  const s = (o) => Qr(o, 0, 1, t, i);
+  if (t === e && i === n) return z;
+  const s = (o) => Yr(o, 0, 1, t, i);
   return (o) => o === 0 || o === 1 ? o : os(s(o), e, n);
 }
-var as = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ls = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => 1 - t(1 - e), us = /* @__PURE__ */ Wt(0.33, 1.53, 0.69, 0.99), li = /* @__PURE__ */ ls(us), cs = /* @__PURE__ */ as(li), hs = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * li(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ui = (t) => 1 - Math.sin(Math.acos(t)), fs = ls(ui), ds = as(ui), to = /* @__PURE__ */ Wt(0.42, 0, 1, 1), eo = /* @__PURE__ */ Wt(0, 0, 0.58, 1), ps = /* @__PURE__ */ Wt(0.42, 0, 0.58, 1), io = /* @__NO_SIDE_EFFECTS__ */ (t) => Array.isArray(t) && typeof t[0] != "number", ms = /* @__NO_SIDE_EFFECTS__ */ (t) => Array.isArray(t) && typeof t[0] == "number", Li = {
-  linear: _,
-  easeIn: to,
+var as = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ls = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => 1 - t(1 - e), us = /* @__PURE__ */ Wt(0.33, 1.53, 0.69, 0.99), li = /* @__PURE__ */ ls(us), cs = /* @__PURE__ */ as(li), hs = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * li(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ui = (t) => 1 - Math.sin(Math.acos(t)), fs = ls(ui), ds = as(ui), qr = /* @__PURE__ */ Wt(0.42, 0, 1, 1), Zr = /* @__PURE__ */ Wt(0, 0, 0.58, 1), ps = /* @__PURE__ */ Wt(0.42, 0, 0.58, 1), Jr = /* @__NO_SIDE_EFFECTS__ */ (t) => Array.isArray(t) && typeof t[0] != "number", ms = /* @__NO_SIDE_EFFECTS__ */ (t) => Array.isArray(t) && typeof t[0] == "number", Li = {
+  linear: z,
+  easeIn: qr,
   easeInOut: ps,
-  easeOut: eo,
+  easeOut: Zr,
   circIn: ui,
   circInOut: ds,
   circOut: fs,
@@ -87,15 +86,15 @@ var as = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 -
   backInOut: cs,
   backOut: us,
   anticipate: hs
-}, no = (t) => typeof t == "string", ki = (t) => {
+}, Qr = (t) => typeof t == "string", ki = (t) => {
   if (ms(t)) {
-    it(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    tt(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, i, n, s] = t;
     return /* @__PURE__ */ Wt(e, i, n, s);
-  } else if (no(t))
-    return it(Li[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Li[t];
+  } else if (Qr(t))
+    return tt(Li[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Li[t];
   return t;
-}, _t = [
+}, zt = [
   "setup",
   "read",
   "resolveKeyframes",
@@ -105,7 +104,7 @@ var as = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 -
   "render",
   "postRender"
 ];
-function so(t) {
+function to(t) {
   let e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), n = !1, s = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let r = {
@@ -136,41 +135,41 @@ function so(t) {
   };
   return l;
 }
-var ro = 40;
+var eo = 40;
 function vs(t, e) {
   let i = !1, n = !0;
   const s = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => i = !0, r = _t.reduce((x, w) => (x[w] = so(o), x), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: p, postRender: d } = r, m = () => {
+  }, o = () => i = !0, r = zt.reduce((x, w) => (x[w] = to(o), x), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: p, postRender: d } = r, m = () => {
     const x = st.useManualTiming, w = x ? s.timestamp : performance.now();
-    i = !1, x || (s.delta = n ? 1e3 / 60 : Math.max(Math.min(w - s.timestamp, ro), 1)), s.timestamp = w, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), f.process(s), p.process(s), d.process(s), s.isProcessing = !1, i && e && (n = !1, t(m));
-  }, v = () => {
+    i = !1, x || (s.delta = n ? 1e3 / 60 : Math.max(Math.min(w - s.timestamp, eo), 1)), s.timestamp = w, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), f.process(s), p.process(s), d.process(s), s.isProcessing = !1, i && e && (n = !1, t(m));
+  }, g = () => {
     i = !0, n = !0, s.isProcessing || t(m);
   };
   return {
-    schedule: _t.reduce((x, w) => {
+    schedule: zt.reduce((x, w) => {
       const P = r[w];
-      return x[w] = (A, D = !1, S = !1) => (i || v(), P.schedule(A, D, S)), x;
+      return x[w] = (A, D = !1, S = !1) => (i || g(), P.schedule(A, D, S)), x;
     }, {}),
     cancel: (x) => {
-      for (let w = 0; w < _t.length; w++) r[_t[w]].cancel(x);
+      for (let w = 0; w < zt.length; w++) r[zt[w]].cancel(x);
     },
     state: s,
     steps: r
   };
 }
-var { schedule: M, cancel: rt, state: I, steps: ve } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0), Xt;
-function oo() {
+var { schedule: M, cancel: rt, state: F, steps: ve } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : z, !0), Xt;
+function io() {
   Xt = void 0;
 }
 var O = {
-  now: () => (Xt === void 0 && O.set(I.isProcessing || st.useManualTiming ? I.timestamp : performance.now()), Xt),
+  now: () => (Xt === void 0 && O.set(F.isProcessing || st.useManualTiming ? F.timestamp : performance.now()), Xt),
   set: (t) => {
-    Xt = t, queueMicrotask(oo);
+    Xt = t, queueMicrotask(io);
   }
-}, gs = (t) => (e) => typeof e == "string" && e.startsWith(t), ys = /* @__PURE__ */ gs("--"), ao = /* @__PURE__ */ gs("var(--"), ci = (t) => ao(t) ? lo.test(t.split("/*")[0].trim()) : !1, lo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, gs = (t) => (e) => typeof e == "string" && e.startsWith(t), ys = /* @__PURE__ */ gs("--"), no = /* @__PURE__ */ gs("var(--"), ci = (t) => no(t) ? so.test(t.split("/*")[0].trim()) : !1, so = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function Bi(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
@@ -181,14 +180,14 @@ var Ct = {
 }, Ot = {
   ...Ct,
   transform: (t) => Q(0, 1, t)
-}, zt = {
+}, Ht = {
   ...Ct,
   default: 1
 }, kt = (t) => Math.round(t * 1e5) / 1e5, hi = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function uo(t) {
+function ro(t) {
   return t == null;
 }
-var co = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, fi = (t, e) => (i) => !!(typeof i == "string" && co.test(i) && i.startsWith(t) || e && !uo(i) && Object.prototype.hasOwnProperty.call(i, e)), Ts = (t, e, i) => (n) => {
+var oo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, fi = (t, e) => (i) => !!(typeof i == "string" && oo.test(i) && i.startsWith(t) || e && !ro(i) && Object.prototype.hasOwnProperty.call(i, e)), Ts = (t, e, i) => (n) => {
   if (typeof n != "string") return n;
   const [s, o, r, a] = n.match(hi);
   return {
@@ -197,15 +196,15 @@ var co = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(
     [i]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, ho = (t) => Q(0, 255, t), ge = {
+}, ao = (t) => Q(0, 255, t), ge = {
   ...Ct,
-  transform: (t) => Math.round(ho(t))
+  transform: (t) => Math.round(ao(t))
 }, dt = {
   test: /* @__PURE__ */ fi("rgb", "red"),
   parse: /* @__PURE__ */ Ts("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: i, alpha: n = 1 }) => "rgba(" + ge.transform(t) + ", " + ge.transform(e) + ", " + ge.transform(i) + ", " + kt(Ot.transform(n)) + ")"
 };
-function fo(t) {
+function lo(t) {
   let e = "", i = "", n = "", s = "";
   return t.length > 5 ? (e = t.substring(1, 3), i = t.substring(3, 5), n = t.substring(5, 7), s = t.substring(7, 9)) : (e = t.substring(1, 2), i = t.substring(2, 3), n = t.substring(3, 4), s = t.substring(4, 5), e += e, i += i, n += n, s += s), {
     red: parseInt(e, 16),
@@ -216,13 +215,13 @@ function fo(t) {
 }
 var Le = {
   test: /* @__PURE__ */ fi("#"),
-  parse: fo,
+  parse: lo,
   transform: dt.transform
 }, $t = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), et = /* @__PURE__ */ $t("deg"), J = /* @__PURE__ */ $t("%"), y = /* @__PURE__ */ $t("px"), po = /* @__PURE__ */ $t("vh"), mo = /* @__PURE__ */ $t("vw"), Ii = {
+}), it = /* @__PURE__ */ $t("deg"), J = /* @__PURE__ */ $t("%"), y = /* @__PURE__ */ $t("px"), uo = /* @__PURE__ */ $t("vh"), co = /* @__PURE__ */ $t("vw"), Fi = {
   ...J,
   parse: (t) => J.parse(t) / 100,
   transform: (t) => J.transform(t * 100)
@@ -238,11 +237,11 @@ var Le = {
     const e = R.parse(t);
     return e.alpha = 0, R.transform(e);
   }
-}, vo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function go(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(hi)?.length || 0) + (t.match(vo)?.length || 0) > 0;
+}, ho = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function fo(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(hi)?.length || 0) + (t.match(ho)?.length || 0) > 0;
 }
-var xs = "number", ws = "color", yo = "var", To = "var(", Fi = "${}", xo = /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;
+var xs = "number", ws = "color", po = "var", mo = "var(", Ii = "${}", vo = /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 bt(t) {
   const e = t.toString(), i = [], n = {
     color: [],
@@ -252,12 +251,12 @@ function bt(t) {
   let o = 0;
   return {
     values: i,
-    split: e.replace(xo, (r) => (R.test(r) ? (n.color.push(o), s.push(ws), i.push(R.parse(r))) : r.startsWith(To) ? (n.var.push(o), s.push(yo), i.push(r)) : (n.number.push(o), s.push(xs), i.push(parseFloat(r))), ++o, Fi)).split(Fi),
+    split: e.replace(vo, (r) => (R.test(r) ? (n.color.push(o), s.push(ws), i.push(R.parse(r))) : r.startsWith(mo) ? (n.var.push(o), s.push(po), i.push(r)) : (n.number.push(o), s.push(xs), i.push(parseFloat(r))), ++o, Ii)).split(Ii),
     indexes: n,
     types: s
   };
 }
-function wo(t) {
+function go(t) {
   return bt(t).values;
 }
 function Ps({ split: t, types: e }) {
@@ -272,24 +271,24 @@ function Ps({ split: t, types: e }) {
     return s;
   };
 }
-function Po(t) {
+function yo(t) {
   return Ps(bt(t));
 }
-var So = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t, bo = (t, e) => typeof t == "number" ? e?.trim().endsWith("/") ? t : 0 : So(t);
-function Ao(t) {
+var To = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t, xo = (t, e) => typeof t == "number" ? e?.trim().endsWith("/") ? t : 0 : To(t);
+function wo(t) {
   const e = bt(t);
-  return Ps(e)(e.values.map((i, n) => bo(i, e.split[n])));
+  return Ps(e)(e.values.map((i, n) => xo(i, e.split[n])));
 }
-var G = {
-  test: go,
-  parse: wo,
-  createTransformer: Po,
-  getAnimatableNone: Ao
+var _ = {
+  test: fo,
+  parse: go,
+  createTransformer: yo,
+  getAnimatableNone: wo
 };
 function ye(t, e, i) {
   return i < 0 && (i += 1), i > 1 && (i -= 1), i < 1 / 6 ? t + (e - t) * 6 * i : i < 1 / 2 ? e : i < 2 / 3 ? t + (e - t) * (2 / 3 - i) * 6 : t;
 }
-function Vo({ hue: t, saturation: e, lightness: i, alpha: n }) {
+function Po({ hue: t, saturation: e, lightness: i, alpha: n }) {
   t /= 360, e /= 100, i /= 100;
   let s = 0, o = 0, r = 0;
   if (!e) s = o = r = i;
@@ -310,16 +309,16 @@ function ne(t, e) {
 var V = (t, e, i) => t + (e - t) * i, Te = (t, e, i) => {
   const n = t * t, s = i * (e * e - n) + n;
   return s < 0 ? 0 : Math.sqrt(s);
-}, Mo = [
+}, So = [
   Le,
   dt,
   xt
-], Co = (t) => Mo.find((e) => e.test(t));
+], bo = (t) => So.find((e) => e.test(t));
 function Oi(t) {
-  const e = Co(t);
+  const e = bo(t);
   if (Mt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e) return !1;
   let i = e.parse(t);
-  return e === xt && (i = Vo(i)), i;
+  return e === xt && (i = Po(i)), i;
 }
 var ji = (t, e) => {
   const i = Oi(t), n = Oi(e);
@@ -327,14 +326,14 @@ var ji = (t, e) => {
   const s = { ...i };
   return (o) => (s.red = Te(i.red, n.red, o), s.green = Te(i.green, n.green, o), s.blue = Te(i.blue, n.blue, o), s.alpha = V(i.alpha, n.alpha, o), dt.transform(s));
 }, ke = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Do(t, e) {
+function Ao(t, e) {
   return ke.has(t) ? (i) => i <= 0 ? t : e : (i) => i >= 1 ? e : t;
 }
-function Eo(t, e) {
+function Vo(t, e) {
   return (i) => V(t, e, i);
 }
 function di(t) {
-  return typeof t == "number" ? Eo : typeof t == "string" ? ci(t) ? ne : R.test(t) ? ji : ko : Array.isArray(t) ? Ss : typeof t == "object" ? R.test(t) ? ji : Ro : ne;
+  return typeof t == "number" ? Vo : typeof t == "string" ? ci(t) ? ne : R.test(t) ? ji : Do : Array.isArray(t) ? Ss : typeof t == "object" ? R.test(t) ? ji : Mo : ne;
 }
 function Ss(t, e) {
   const i = [...t], n = i.length, s = t.map((o, r) => di(o)(o, e[r]));
@@ -343,7 +342,7 @@ function Ss(t, e) {
     return i;
   };
 }
-function Ro(t, e) {
+function Mo(t, e) {
   const i = {
     ...t,
     ...e
@@ -354,31 +353,31 @@ function Ro(t, e) {
     return i;
   };
 }
-function Lo(t, e) {
+function Co(t, e) {
   const i = [], n = {
     color: 0,
     var: 0,
     number: 0
   };
   for (let s = 0; s < e.values.length; s++) {
-    const o = e.types[s], r = t.indexes[o][n[o]];
-    i[s] = t.values[r] ?? 0, n[o]++;
+    const o = e.types[s], r = t.indexes[o][n[o]], a = t.values[r] ?? 0;
+    i[s] = a, n[o]++;
   }
   return i;
 }
-var ko = (t, e) => {
-  const i = G.createTransformer(e), n = bt(t), s = bt(e);
-  return n.indexes.var.length === s.indexes.var.length && n.indexes.color.length === s.indexes.color.length && n.indexes.number.length >= s.indexes.number.length ? ke.has(t) && !s.values.length || ke.has(e) && !n.values.length ? Do(t, e) : Ut(Ss(Lo(n, s), s.values), i) : (Mt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), ne(t, e));
+var Do = (t, e) => {
+  const i = _.createTransformer(e), n = bt(t), s = bt(e);
+  return n.indexes.var.length === s.indexes.var.length && n.indexes.color.length === s.indexes.color.length && n.indexes.number.length >= s.indexes.number.length ? ke.has(t) && !s.values.length || ke.has(e) && !n.values.length ? Ao(t, e) : Ut(Ss(Co(n, s), s.values), i) : (Mt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), ne(t, e));
 };
 function bs(t, e, i) {
   return typeof t == "number" && typeof e == "number" && typeof i == "number" ? V(t, e, i) : di(t)(t, e);
 }
-var Bo = (t) => {
+var Eo = (t) => {
   const e = ({ timestamp: i }) => t(i);
   return {
     start: (i = !0) => M.update(e, i),
     stop: () => rt(e),
-    now: () => I.isProcessing ? I.timestamp : O.now()
+    now: () => F.isProcessing ? F.timestamp : O.now()
   };
 }, As = (t, e, i = 10) => {
   let n = "";
@@ -394,7 +393,7 @@ function pi(t) {
     e += i, n = t.next(e);
   return e >= 2e4 ? 1 / 0 : e;
 }
-function Io(t, e = 100, i) {
+function Ro(t, e = 100, i) {
   const n = i({
     ...t,
     keyframes: [0, e]
@@ -429,14 +428,14 @@ var C = {
 function Be(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-var Fo = 12;
-function Oo(t, e, i) {
+var Lo = 12;
+function ko(t, e, i) {
   let n = i;
-  for (let s = 1; s < Fo; s++) n = n - t(n) / e(n);
+  for (let s = 1; s < Lo; s++) n = n - t(n) / e(n);
   return n;
 }
 var Ni = 1e-3;
-function jo({ duration: t = C.duration, bounce: e = C.bounce, velocity: i = C.velocity, mass: n = C.mass }) {
+function Bo({ duration: t = C.duration, bounce: e = C.bounce, velocity: i = C.velocity, mass: n = C.mass }) {
   let s, o;
   Mt(t <= W(C.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
@@ -447,7 +446,7 @@ function jo({ duration: t = C.duration, bounce: e = C.bounce, velocity: i = C.ve
     const u = c * r * t, h = u * i + i, f = Math.pow(r, 2) * Math.pow(c, 2) * t, p = Math.exp(-u), d = Be(Math.pow(c, 2), r);
     return (-s(c) + Ni > 0 ? -1 : 1) * ((h - f) * p) / d;
   }) : (s = (c) => -1e-3 + Math.exp(-c * t) * ((c - i) * t + 1), o = (c) => Math.exp(-c * t) * ((i - c) * (t * t)));
-  const a = 5 / t, l = Oo(s, o, a);
+  const a = 5 / t, l = ko(s, o, a);
   if (t = W(t), isNaN(l)) return {
     stiffness: C.stiffness,
     damping: C.damping,
@@ -462,7 +461,7 @@ function jo({ duration: t = C.duration, bounce: e = C.bounce, velocity: i = C.ve
     };
   }
 }
-var No = ["duration", "bounce"], Uo = [
+var Fo = ["duration", "bounce"], Io = [
   "stiffness",
   "damping",
   "mass"
@@ -470,7 +469,7 @@ var No = ["duration", "bounce"], Uo = [
 function Ui(t, e) {
   return e.some((i) => t[i] !== void 0);
 }
-function Wo(t) {
+function Oo(t) {
   let e = {
     velocity: C.velocity,
     stiffness: C.stiffness,
@@ -479,7 +478,7 @@ function Wo(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Ui(t, Uo) && Ui(t, No))
+  if (!Ui(t, Io) && Ui(t, Fo))
     if (e.velocity = 0, t.visualDuration) {
       const i = t.visualDuration, n = 2 * Math.PI / (i * 1.2), s = n * n, o = 2 * Q(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
@@ -489,7 +488,7 @@ function Wo(t) {
         damping: o
       };
     } else {
-      const i = jo({
+      const i = Bo({
         ...t,
         velocity: 0
       });
@@ -511,31 +510,31 @@ function se(t = C.visualDuration, e = C.bounce) {
   const o = i.keyframes[0], r = i.keyframes[i.keyframes.length - 1], a = {
     done: !1,
     value: o
-  }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: p } = Wo({
+  }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: p } = Oo({
     ...i,
     velocity: -K(i.velocity || 0)
-  }), d = f || 0, m = c / (2 * Math.sqrt(l * u)), v = r - o, g = K(Math.sqrt(l / u)), T = Math.abs(v) < 5;
+  }), d = f || 0, m = c / (2 * Math.sqrt(l * u)), g = r - o, v = K(Math.sqrt(l / u)), T = Math.abs(g) < 5;
   n || (n = T ? C.restSpeed.granular : C.restSpeed.default), s || (s = T ? C.restDelta.granular : C.restDelta.default);
   let x, w, P, A, D, S;
   if (m < 1)
-    P = Be(g, m), A = (d + m * g * v) / P, x = (b) => {
-      const k = Math.exp(-m * g * b);
-      return r - k * (A * Math.sin(P * b) + v * Math.cos(P * b));
-    }, D = m * g * A + v * P, S = m * g * v - A * P, w = (b) => Math.exp(-m * g * b) * (D * Math.sin(P * b) + S * Math.cos(P * b));
+    P = Be(v, m), A = (d + m * v * g) / P, x = (b) => {
+      const k = Math.exp(-m * v * b);
+      return r - k * (A * Math.sin(P * b) + g * Math.cos(P * b));
+    }, D = m * v * A + g * P, S = m * v * g - A * P, w = (b) => Math.exp(-m * v * b) * (D * Math.sin(P * b) + S * Math.cos(P * b));
   else if (m === 1) {
-    x = (k) => r - Math.exp(-g * k) * (v + (d + g * v) * k);
-    const b = d + g * v;
-    w = (k) => Math.exp(-g * k) * (g * b * k - d);
+    x = (k) => r - Math.exp(-v * k) * (g + (d + v * g) * k);
+    const b = d + v * g;
+    w = (k) => Math.exp(-v * k) * (v * b * k - d);
   } else {
-    const b = g * Math.sqrt(m * m - 1);
+    const b = v * Math.sqrt(m * m - 1);
     x = (X) => {
-      const tt = Math.exp(-m * g * X), Y = Math.min(b * X, 300);
-      return r - tt * ((d + m * g * v) * Math.sinh(Y) + b * v * Math.cosh(Y)) / b;
+      const et = Math.exp(-m * v * X), Y = Math.min(b * X, 300);
+      return r - et * ((d + m * v * g) * Math.sinh(Y) + b * g * Math.cosh(Y)) / b;
     };
-    const k = (d + m * g * v) / b, N = m * g * k - v * b, at = m * g * v - k * b;
+    const k = (d + m * v * g) / b, N = m * v * k - g * b, at = m * v * g - k * b;
     w = (X) => {
-      const tt = Math.exp(-m * g * X), Y = Math.min(b * X, 300);
-      return tt * (N * Math.sinh(Y) + at * Math.cosh(Y));
+      const et = Math.exp(-m * v * X), Y = Math.min(b * X, 300);
+      return et * (N * Math.sinh(Y) + at * Math.cosh(Y));
     };
   }
   const E = {
@@ -543,8 +542,8 @@ function se(t = C.visualDuration, e = C.bounce) {
     velocity: (b) => W(w(b)),
     next: (b) => {
       if (!p && m < 1) {
-        const N = Math.exp(-m * g * b), at = Math.sin(P * b), X = Math.cos(P * b), tt = r - N * (A * at + v * X), Y = W(N * (D * at + S * X));
-        return a.done = Math.abs(Y) <= n && Math.abs(r - tt) <= s, a.value = a.done ? r : tt, a;
+        const N = Math.exp(-m * v * b), at = Math.sin(P * b), X = Math.cos(P * b), et = r - N * (A * at + g * X), Y = W(N * (D * at + S * X));
+        return a.done = Math.abs(Y) <= n && Math.abs(r - et) <= s, a.value = a.done ? r : et, a;
       }
       const k = x(b);
       if (p)
@@ -565,25 +564,25 @@ function se(t = C.visualDuration, e = C.bounce) {
   return E;
 }
 se.applyToOptions = (t) => {
-  const e = Io(t, 100, se);
+  const e = Ro(t, 100, se);
   return t.ease = e.ease, t.duration = W(e.duration), t.type = "keyframes", t;
 };
-var $o = 5;
+var jo = 5;
 function Ms(t, e, i) {
-  const n = Math.max(e - $o, 0);
+  const n = Math.max(e - jo, 0);
   return rs(i - t(n), e - n);
 }
-function Ie({ keyframes: t, velocity: e = 0, power: i = 0.8, timeConstant: n = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
+function Fe({ keyframes: t, velocity: e = 0, power: i = 0.8, timeConstant: n = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
   const h = t[0], f = {
     done: !1,
     value: h
   }, p = (S) => a !== void 0 && S < a || l !== void 0 && S > l, d = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
   let m = i * e;
-  const v = h + m, g = r === void 0 ? v : r(v);
-  g !== v && (m = g - h);
-  const T = (S) => -m * Math.exp(-S / n), x = (S) => g + T(S), w = (S) => {
+  const g = h + m, v = r === void 0 ? g : r(g);
+  v !== g && (m = v - h);
+  const T = (S) => -m * Math.exp(-S / n), x = (S) => v + T(S), w = (S) => {
     const E = T(S), b = x(S);
-    f.done = Math.abs(E) <= c, f.value = f.done ? g : b;
+    f.done = Math.abs(E) <= c, f.value = f.done ? v : b;
   };
   let P, A;
   const D = (S) => {
@@ -604,71 +603,75 @@ function Ie({ keyframes: t, velocity: e = 0, power: i = 0.8, timeConstant: n = 3
     }
   };
 }
-function Ko(t, e, i) {
+function No(t, e, i) {
   const n = [], s = i || st.mix || bs, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
-    e && (a = Ut(Array.isArray(e) ? e[r] || _ : e, a)), n.push(a);
+    if (e) {
+      const l = Array.isArray(e) ? e[r] || z : e;
+      a = Ut(l, a);
+    }
+    n.push(a);
   }
   return n;
 }
-function _o(t, e, { clamp: i = !0, ease: n, mixer: s } = {}) {
+function Uo(t, e, { clamp: i = !0, ease: n, mixer: s } = {}) {
   const o = t.length;
-  if (it(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1) return () => e[0];
+  if (tt(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1) return () => e[0];
   if (o === 2 && e[0] === e[1]) return () => e[1];
   const r = t[0] === t[1];
   t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Ko(e, n, s), l = a.length, c = (u) => {
+  const a = No(e, n, s), l = a.length, c = (u) => {
     if (r && u < t[0]) return e[0];
     let h = 0;
     if (l > 1)
       for (; h < t.length - 2 && !(u < t[h + 1]); h++) ;
-    const f = Ft(t[h], t[h + 1], u);
+    const f = It(t[h], t[h + 1], u);
     return a[h](f);
   };
   return i ? (u) => c(Q(t[0], t[o - 1], u)) : c;
 }
-function zo(t, e) {
+function Wo(t, e) {
   const i = t[t.length - 1];
   for (let n = 1; n <= e; n++) {
-    const s = Ft(0, e, n);
+    const s = It(0, e, n);
     t.push(V(i, 1, s));
   }
 }
-function Ho(t) {
+function $o(t) {
   const e = [0];
-  return zo(e, t.length - 1), e;
+  return Wo(e, t.length - 1), e;
 }
-function Go(t, e) {
+function Ko(t, e) {
   return t.map((i) => i * e);
 }
-function Xo(t, e) {
+function zo(t, e) {
   return t.map(() => e || ps).splice(0, t.length - 1);
 }
 function wt({ duration: t = 300, keyframes: e, times: i, ease: n = "easeInOut" }) {
-  const s = io(n) ? n.map(ki) : ki(n), o = {
+  const s = Jr(n) ? n.map(ki) : ki(n), o = {
     done: !1,
     value: e[0]
-  }, r = _o(Go(i && i.length === e.length ? i : Ho(e), t), e, { ease: Array.isArray(s) ? s : Xo(e, s) });
+  }, r = Ko(i && i.length === e.length ? i : $o(e), t), a = Uo(r, e, { ease: Array.isArray(s) ? s : zo(e, s) });
   return {
     calculatedDuration: t,
-    next: (a) => (o.value = r(a), o.done = a >= t, o)
+    next: (l) => (o.value = a(l), o.done = l >= t, o)
   };
 }
-var Yo = (t) => t !== null;
+var Ho = (t) => t !== null;
 function fe(t, { repeat: e, repeatType: i = "loop" }, n, s = 1) {
-  const o = t.filter(Yo), r = s < 0 || e && i !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
+  const o = t.filter(Ho), r = s < 0 || e && i !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !r || n === void 0 ? o[r] : n;
 }
-var qo = {
-  decay: Ie,
-  inertia: Ie,
+var Go = {
+  decay: Fe,
+  inertia: Fe,
   tween: wt,
   keyframes: wt,
   spring: se
 };
 function Cs(t) {
-  typeof t.type == "string" && (t.type = qo[t.type]);
+  typeof t.type == "string" && (t.type = Go[t.type]);
 }
 var mi = class {
   constructor() {
@@ -688,7 +691,7 @@ var mi = class {
   then(t, e) {
     return this.finished.then(t, e);
   }
-}, Zo = (t) => t / 100, re = class extends mi {
+}, _o = (t) => t / 100, re = class extends mi {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.delayState = {
       done: !1,
@@ -704,7 +707,7 @@ var mi = class {
     const { type: e = wt, repeat: i = 0, repeatDelay: n = 0, repeatType: s, velocity: o = 0 } = t;
     let { keyframes: r } = t;
     const a = e || wt;
-    process.env.NODE_ENV !== "production" && a !== wt && it(r.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${r}`, "spring-two-frames"), a !== wt && typeof r[0] != "number" && (this.mixKeyframes = Ut(Zo, bs(r[0], r[1])), r = [0, 100]);
+    process.env.NODE_ENV !== "production" && a !== wt && tt(r.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${r}`, "spring-two-frames"), a !== wt && typeof r[0] != "number" && (this.mixKeyframes = Ut(_o, bs(r[0], r[1])), r = [0, 100]);
     const l = a({
       ...t,
       keyframes: r
@@ -726,8 +729,8 @@ var mi = class {
     if (this.startTime === null) return i.next(0);
     const { delay: l = 0, keyframes: c, repeat: u, repeatType: h, repeatDelay: f, type: p, onUpdate: d, finalKeyframe: m } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - n / this.speed, this.startTime)), e ? this.currentTime = t : this.updateTime(t);
-    const v = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), g = this.playbackSpeed >= 0 ? v < 0 : v > n;
-    this.currentTime = Math.max(v, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = n);
+    const g = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), v = this.playbackSpeed >= 0 ? g < 0 : g > n;
+    this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = n);
     let T = this.currentTime, x = i;
     if (u) {
       const D = Math.min(this.currentTime, n) / r;
@@ -735,11 +738,11 @@ var mi = class {
       !E && D >= 1 && (E = 1), E === 1 && S--, S = Math.min(S, u + 1), S % 2 && (h === "reverse" ? (E = 1 - E, f && (E -= f / r)) : h === "mirror" && (x = o)), T = Q(0, 1, E) * r;
     }
     let w;
-    g ? (this.delayState.value = c[0], w = this.delayState) : w = x.next(T), s && !g && (w.value = s(w.value));
+    v ? (this.delayState.value = c[0], w = this.delayState) : w = x.next(T), s && !v && (w.value = s(w.value));
     let { done: P } = w;
-    !g && a !== null && (P = this.playbackSpeed >= 0 ? this.currentTime >= n : this.currentTime <= 0);
+    !v && a !== null && (P = this.playbackSpeed >= 0 ? this.currentTime >= n : this.currentTime <= 0);
     const A = this.holdTime === null && (this.state === "finished" || this.state === "running" && P);
-    return A && p !== Ie && (w.value = fe(c, this.options, m, this.speed)), d && d(w.value), A && this.finish(), w;
+    return A && p !== Fe && (w.value = fe(c, this.options, m, this.speed)), d && d(w.value), A && this.finish(), w;
   }
   then(t, e) {
     return this.finished.then(t, e);
@@ -773,7 +776,7 @@ var mi = class {
   }
   play() {
     if (this.isStopped) return;
-    const { driver: t = Bo, startTime: e } = this.options;
+    const { driver: t = Eo, startTime: e } = this.options;
     this.driver || (this.driver = t((n) => this.tick(n))), this.options.onPlay?.();
     const i = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = i) : this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime || (this.startTime = e ?? i), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -803,13 +806,13 @@ var mi = class {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), t.observe(this);
   }
 };
-function Jo(t) {
+function Xo(t) {
   for (let e = 1; e < t.length; e++) t[e] ?? (t[e] = t[e - 1]);
 }
-var pt = (t) => t * 180 / Math.PI, Fe = (t) => {
+var pt = (t) => t * 180 / Math.PI, Ie = (t) => {
   const e = pt(Math.atan2(t[1], t[0]));
   return Oe(e);
-}, Qo = {
+}, Yo = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -817,12 +820,12 @@ var pt = (t) => t * 180 / Math.PI, Fe = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: Fe,
-  rotateZ: Fe,
+  rotate: Ie,
+  rotateZ: Ie,
   skewX: (t) => pt(Math.atan(t[1])),
   skewY: (t) => pt(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Oe = (t) => (t = t % 360, t < 0 && (t += 360), t), Wi = Fe, $i = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Ki = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ta = {
+}, Oe = (t) => (t = t % 360, t < 0 && (t += 360), t), Wi = Ie, $i = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Ki = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), qo = {
   x: 12,
   y: 13,
   z: 14,
@@ -848,20 +851,20 @@ function Ne(t, e) {
   const i = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let n, s;
   if (i)
-    n = ta, s = i;
+    n = qo, s = i;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    n = Qo, s = a;
+    n = Yo, s = a;
   }
   if (!s) return je(e);
-  const o = n[e], r = s[1].split(",").map(ia);
+  const o = n[e], r = s[1].split(",").map(Jo);
   return typeof o == "function" ? o(r) : r[o];
 }
-var ea = (t, e) => {
+var Zo = (t, e) => {
   const { transform: i = "none" } = getComputedStyle(t);
   return Ne(i, e);
 };
-function ia(t) {
+function Jo(t) {
   return parseFloat(t.trim());
 }
 var Dt = [
@@ -882,14 +885,14 @@ var Dt = [
   "skew",
   "skewX",
   "skewY"
-], Et = /* @__PURE__ */ new Set([...Dt, "pathRotation"]), _i = (t) => t === Ct || t === y, na = /* @__PURE__ */ new Set([
+], Et = /* @__PURE__ */ new Set([...Dt, "pathRotation"]), zi = (t) => t === Ct || t === y, Qo = /* @__PURE__ */ new Set([
   "x",
   "y",
   "z"
-]), sa = Dt.filter((t) => !na.has(t));
-function ra(t) {
+]), ta = Dt.filter((t) => !Qo.has(t));
+function ea(t) {
   const e = [];
-  return sa.forEach((i) => {
+  return ta.forEach((i) => {
     const n = t.getValue(i);
     n !== void 0 && (e.push([i, n.get()]), n.set(i.startsWith("scale") ? 1 : 0));
   }), e;
@@ -917,7 +920,7 @@ function Ds() {
   if (We) {
     const t = Array.from(mt).filter((n) => n.needsMeasurement), e = new Set(t.map((n) => n.element)), i = /* @__PURE__ */ new Map();
     e.forEach((n) => {
-      const s = ra(n);
+      const s = ea(n);
       s.length && (i.set(n, s), n.render());
     }), t.forEach((n) => n.measureInitialState()), e.forEach((n) => {
       n.render();
@@ -936,7 +939,7 @@ function Es() {
     t.readKeyframes(), t.needsMeasurement && (We = !0);
   });
 }
-function oa() {
+function ia() {
   $e = !0, Es(), Ds(), $e = !1;
 }
 var vi = class {
@@ -957,7 +960,7 @@ var vi = class {
       }
       t[0] === void 0 && (t[0] = o), n && s === void 0 && n.set(t[0]);
     }
-    Jo(t);
+    Xo(t);
   }
   setFinalKeyframe() {
   }
@@ -976,23 +979,23 @@ var vi = class {
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
-}, aa = (t) => t.startsWith("--");
+}, na = (t) => t.startsWith("--");
 function Rs(t, e, i) {
-  aa(e) ? t.style.setProperty(e, i) : t.style[e] = i;
+  na(e) ? t.style.setProperty(e, i) : t.style[e] = i;
 }
-var la = {};
+var sa = {};
 function Ls(t, e) {
   const i = /* @__PURE__ */ ss(t);
-  return () => la[e] ?? i();
+  return () => sa[e] ?? i();
 }
-var ua = /* @__PURE__ */ Ls(() => window.ScrollTimeline !== void 0, "scrollTimeline"), ks = /* @__PURE__ */ Ls(() => {
+var ra = /* @__PURE__ */ Ls(() => window.ScrollTimeline !== void 0, "scrollTimeline"), ks = /* @__PURE__ */ Ls(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), Lt = ([t, e, i, n]) => `cubic-bezier(${t}, ${e}, ${i}, ${n})`, zi = {
+}, "linearEasing"), Lt = ([t, e, i, n]) => `cubic-bezier(${t}, ${e}, ${i}, ${n})`, Hi = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1024,9 +1027,9 @@ var ua = /* @__PURE__ */ Ls(() => window.ScrollTimeline !== void 0, "scrollTimel
   ])
 };
 function Bs(t, e) {
-  if (t) return typeof t == "function" ? ks() ? As(t, e) : "ease-out" : ms(t) ? Lt(t) : Array.isArray(t) ? t.map((i) => Bs(i, e) || zi.easeOut) : zi[t];
+  if (t) return typeof t == "function" ? ks() ? As(t, e) : "ease-out" : ms(t) ? Lt(t) : Array.isArray(t) ? t.map((i) => Bs(i, e) || Hi.easeOut) : Hi[t];
 }
-function ca(t, e, i, { delay: n = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
+function oa(t, e, i, { delay: n = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
   const u = { [e]: i };
   l && (u.offset = l);
   const h = Bs(a, s);
@@ -1041,19 +1044,19 @@ function ca(t, e, i, { delay: n = 0, duration: s = 300, repeat: o = 0, repeatTyp
   };
   return c && (f.pseudoElement = c), t.animate(u, f);
 }
-function Is(t) {
+function Fs(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function ha({ type: t, ...e }) {
-  return Is(t) && ks() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+function aa({ type: t, ...e }) {
+  return Fs(t) && ks() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-var Fs = class extends mi {
+var Is = class extends mi {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !t) return;
     const { element: e, name: i, keyframes: n, pseudoElement: s, allowFlatten: o = !1, finalKeyframe: r, onComplete: a } = t;
-    this.isPseudoElement = !!s, this.allowFlatten = o, this.options = t, it(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const l = ha(t);
-    this.animation = ca(e, i, n, l, s), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!s, this.allowFlatten = o, this.options = t, tt(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const l = aa(t);
+    this.animation = oa(e, i, n, l, s), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !s) {
         const c = fe(n, this.options, r, this.speed);
         this.updateMotionValue && this.updateMotionValue(c), Rs(e, i, c), this.animation.cancel();
@@ -1117,22 +1120,22 @@ var Fs = class extends mi {
     this.manualStartTime = this.animation.startTime = t;
   }
   attachTimeline({ timeline: t, rangeStart: e, rangeEnd: i, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && ua() ? (this.animation.timeline = t, e && (this.animation.rangeStart = e), i && (this.animation.rangeEnd = i), _) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && ra() ? (this.animation.timeline = t, e && (this.animation.rangeStart = e), i && (this.animation.rangeEnd = i), z) : n(this);
   }
 }, Os = {
   anticipate: hs,
   backInOut: cs,
   circInOut: ds
 };
-function fa(t) {
+function la(t) {
   return t in Os;
 }
-function da(t) {
-  typeof t.ease == "string" && fa(t.ease) && (t.ease = Os[t.ease]);
+function ua(t) {
+  typeof t.ease == "string" && la(t.ease) && (t.ease = Os[t.ease]);
 }
-var xe = 10, pa = class extends Fs {
+var xe = 10, ca = class extends Is {
   constructor(t) {
-    da(t), Cs(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
+    ua(t), Cs(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
   }
   updateMotionValue(t) {
     const { motionValue: e, onUpdate: i, onComplete: n, element: s, ...o } = this.options;
@@ -1147,18 +1150,18 @@ var xe = 10, pa = class extends Fs {
     }), a = Math.max(xe, O.now() - this.startTime), l = Q(0, xe, a - xe), c = r.sample(a).value, { name: u } = this.options;
     s && u && Rs(s, u, c), e.setWithVelocity(r.sample(Math.max(0, a - l)).value, c, l), r.stop();
   }
-}, Hi = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && (G.test(t) || t === "0") && !t.startsWith("url("));
-function ma(t) {
+}, Gi = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && (_.test(t) || t === "0") && !t.startsWith("url("));
+function ha(t) {
   const e = t[0];
   if (t.length === 1) return !0;
   for (let i = 0; i < t.length; i++) if (t[i] !== e) return !0;
 }
-function va(t, e, i, n) {
+function fa(t, e, i, n) {
   const s = t[0];
   if (s === null) return !1;
   if (e === "display" || e === "visibility") return !0;
-  const o = t[t.length - 1], r = Hi(s, e), a = Hi(o, e);
-  return Mt(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : ma(t) || (i === "spring" || Is(i)) && n;
+  const o = t[t.length - 1], r = Gi(s, e), a = Gi(o, e);
+  return Mt(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : ha(t) || (i === "spring" || Fs(i)) && n;
 }
 function Ke(t) {
   t.duration = 0, t.type = "keyframes";
@@ -1167,13 +1170,14 @@ var js = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
-  "transform"
-]), ga = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
-function ya(t) {
-  for (let e = 0; e < t.length; e++) if (typeof t[e] == "string" && ga.test(t[e])) return !0;
+  "transform",
+  "backgroundColor"
+]), da = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
+function pa(t) {
+  for (let e = 0; e < t.length; e++) if (typeof t[e] == "string" && da.test(t[e])) return !0;
   return !1;
 }
-var Ta = /* @__PURE__ */ new Set([
+var ma = /* @__PURE__ */ new Set([
   "color",
   "backgroundColor",
   "outlineColor",
@@ -1184,14 +1188,14 @@ var Ta = /* @__PURE__ */ new Set([
   "borderRightColor",
   "borderBottomColor",
   "borderLeftColor"
-]), xa = /* @__PURE__ */ ss(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function wa(t) {
-  const { motionValue: e, name: i, repeatDelay: n, repeatType: s, damping: o, type: r, keyframes: a } = t;
-  if (!(e?.owner?.current instanceof HTMLElement)) return !1;
-  const { onUpdate: l, transformTemplate: c } = e.owner.getProps();
-  return xa() && i && (js.has(i) || Ta.has(i) && ya(a)) && (i !== "transform" || !c) && !l && !n && s !== "mirror" && o !== 0 && r !== "inertia";
-}
-var Pa = 40, Sa = class extends mi {
+]), va = /* @__PURE__ */ ss(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function ga(t) {
+  const { motionValue: e, name: i, repeatDelay: n, repeatType: s, damping: o, type: r, keyframes: a } = t, l = e?.owner?.current;
+  if (!(l instanceof HTMLElement) && !(l instanceof SVGElement)) return !1;
+  const { onUpdate: c, transformTemplate: u } = e.owner.getProps();
+  return va() && i && (js.has(i) || ma.has(i) && pa(a)) && (i !== "transform" || !u) && !c && !n && s !== "mirror" && o !== 0 && r !== "inertia";
+}
+var ya = 40, Ta = class extends mi {
   constructor({ autoplay: t = !0, delay: e = 0, type: i = "keyframes", repeat: n = 0, repeatDelay: s = 0, repeatType: o = "loop", keyframes: r, name: a, motionValue: l, element: c, ...u }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
@@ -1215,16 +1219,16 @@ var Pa = 40, Sa = class extends mi {
     const { name: s, type: o, velocity: r, delay: a, isHandoff: l, onUpdate: c } = i;
     this.resolvedAt = O.now();
     let u = !0;
-    va(t, s, o, r) || (u = !1, (st.instantAnimations || !a) && c?.(fe(t, i, e)), t[0] = t[t.length - 1], Ke(i), i.repeat = 0);
+    fa(t, s, o, r) || (u = !1, (st.instantAnimations || !a) && c?.(fe(t, i, e)), t[0] = t[t.length - 1], Ke(i), i.repeat = 0);
     const h = {
-      startTime: n ? this.resolvedAt ? this.resolvedAt - this.createdAt > Pa ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: n ? this.resolvedAt ? this.resolvedAt - this.createdAt > ya ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: e,
       ...i,
       keyframes: t
-    }, f = u && !l && wa(h), p = h.motionValue?.owner?.current;
+    }, f = u && !l && ga(h), p = h.motionValue?.owner?.current;
     let d;
     if (f) try {
-      d = new pa({
+      d = new ca({
         ...h,
         element: p
       });
@@ -1234,7 +1238,7 @@ var Pa = 40, Sa = class extends mi {
     else d = new re(h);
     d.finished.then(() => {
       this.notifyFinished();
-    }).catch(_), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
+    }).catch(z), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1244,7 +1248,7 @@ var Pa = 40, Sa = class extends mi {
     });
   }
   get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), oa()), this._animation;
+    return this._animation || (this.keyframeResolver?.resume(), ia()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1290,7 +1294,7 @@ function Ns(t, e, i, n = 0, s = 1) {
   const o = Array.from(t).sort((l, c) => l.sortNodePosition(c)).indexOf(e), r = t.size, a = (r - 1) * n;
   return typeof i == "function" ? i(o, r) : s === 1 ? o * n : a - o * n;
 }
-var Gi = 30, ba = (t) => !isNaN(parseFloat(t)), Xi = { current: void 0 }, Aa = class {
+var _i = 30, xa = (t) => !isNaN(parseFloat(t)), Xi = { current: void 0 }, wa = class {
   constructor(t, e = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
       const n = O.now();
@@ -1299,7 +1303,7 @@ var Gi = 30, ba = (t) => !isNaN(parseFloat(t)), Xi = { current: void 0 }, Aa = c
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = O.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = ba(this.current));
+    this.current = t, this.updatedAt = O.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = xa(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1348,8 +1352,8 @@ var Gi = 30, ba = (t) => !isNaN(parseFloat(t)), Xi = { current: void 0 }, Aa = c
   }
   getVelocity() {
     const t = O.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Gi) return 0;
-    const e = Math.min(this.updatedAt - this.prevUpdatedAt, Gi);
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > _i) return 0;
+    const e = Math.min(this.updatedAt - this.prevUpdatedAt, _i);
     return rs(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
   }
   start(t) {
@@ -1373,7 +1377,7 @@ var Gi = 30, ba = (t) => !isNaN(parseFloat(t)), Xi = { current: void 0 }, Aa = c
   }
 };
 function At(t, e) {
-  return new Aa(t, e);
+  return new wa(t, e);
 }
 function Us(t, e) {
   if (t?.inherit && e) {
@@ -1389,20 +1393,20 @@ function gi(t, e) {
   const i = t?.[e] ?? t?.default ?? t;
   return i !== t ? Us(i, t) : i;
 }
-var Va = {
+var Pa = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Ma = (t) => ({
+}, Sa = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ca = {
+}), ba = {
   type: "keyframes",
   duration: 0.8
-}, Da = {
+}, Aa = {
   type: "keyframes",
   ease: [
     0.25,
@@ -1411,7 +1415,7 @@ var Va = {
     1
   ],
   duration: 0.3
-}, Ea = (t, { keyframes: e }) => e.length > 2 ? Ca : Et.has(t) ? t.startsWith("scale") ? Ma(e[1]) : Va : Da, Ra = /* @__PURE__ */ new Set([
+}, Va = (t, { keyframes: e }) => e.length > 2 ? ba : Et.has(t) ? t.startsWith("scale") ? Sa(e[1]) : Pa : Aa, Ma = /* @__PURE__ */ new Set([
   "when",
   "delay",
   "delayChildren",
@@ -1423,8 +1427,8 @@ var Va = {
   "from",
   "elapsed"
 ]);
-function La(t) {
-  for (const e in t) if (!Ra.has(e)) return !0;
+function Ca(t) {
+  for (const e in t) if (!Ma.has(e)) return !0;
   return !1;
 }
 var yi = (t, e, i, n = {}, s, o) => (r) => {
@@ -1447,7 +1451,7 @@ var yi = (t, e, i, n = {}, s, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : s
   };
-  La(a) || Object.assign(u, Ea(t, u)), u.duration && (u.duration = W(u.duration)), u.repeatDelay && (u.repeatDelay = W(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Ca(a) || Object.assign(u, Va(t, u)), u.duration && (u.duration = W(u.duration)), u.repeatDelay && (u.repeatDelay = W(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Ke(u), u.delay === 0 && (h = !0)), (st.instantAnimations || st.skipAnimations || s?.shouldSkipAnimations || a.skipAnimations) && (h = !0, Ke(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
     const f = fe(u.keyframes, a);
@@ -1458,18 +1462,18 @@ var yi = (t, e, i, n = {}, s, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new re(u) : new Sa(u);
-}, ka = /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;
-function Ba(t) {
-  const e = ka.exec(t);
+  return a.isSync ? new re(u) : new Ta(u);
+}, Da = /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;
+function Ea(t) {
+  const e = Da.exec(t);
   if (!e) return [,];
   const [, i, n, s] = e;
   return [`--${i ?? n}`, s];
 }
-var Ia = 4;
+var Ra = 4;
 function Ws(t, e, i = 1) {
-  it(i <= Ia, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [n, s] = Ba(t);
+  tt(i <= Ra, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [n, s] = Ea(t);
   if (!n) return;
   const o = window.getComputedStyle(e).getPropertyValue(n);
   if (o) {
@@ -1507,28 +1511,28 @@ var $s = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...Dt
-]), _e = (t) => Array.isArray(t);
-function Fa(t, e, i) {
+]), ze = (t) => Array.isArray(t);
+function La(t, e, i) {
   t.hasValue(e) ? t.getValue(e).set(i) : t.addValue(e, At(i));
 }
-function Oa(t) {
-  return _e(t) ? t[t.length - 1] || 0 : t;
+function ka(t) {
+  return ze(t) ? t[t.length - 1] || 0 : t;
 }
-function ja(t, e) {
+function Ba(t, e) {
   let { transitionEnd: i = {}, transition: n = {}, ...s } = vt(t, e) || {};
   s = {
     ...s,
     ...i
   };
-  for (const o in s) Fa(t, o, Oa(s[o]));
+  for (const o in s) La(t, o, ka(s[o]));
 }
-var F = (t) => !!(t && t.getVelocity);
-function Na(t) {
-  return !!(F(t) && t.add);
+var I = (t) => !!(t && t.getVelocity);
+function Fa(t) {
+  return !!(I(t) && t.add);
 }
-function ze(t, e) {
+function He(t, e) {
   const i = t.getValue("willChange");
-  if (Na(i)) return i.add(e);
+  if (Fa(i)) return i.add(e);
   if (!i && st.WillChange) {
     const n = new st.WillChange("auto");
     t.addValue("willChange", n), n.add(e);
@@ -1537,15 +1541,16 @@ function ze(t, e) {
 function xi(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-var Ua = "framerAppearId", Ks = "data-" + xi(Ua);
-function _s(t) {
+var Ia = "framerAppearId", Ks = "data-" + xi(Ia);
+function zs(t) {
   return t.props[Ks];
 }
-function Wa({ protectedKeys: t, needsAnimating: e }, i) {
+var Oa = typeof window < "u";
+function ja({ protectedKeys: t, needsAnimating: e }, i) {
   const n = t.hasOwnProperty(i) && e[i] !== !0;
   return e[i] = !1, n;
 }
-function zs(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
+function Hs(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
   let { transition: o, transitionEnd: r, ...a } = e;
   const l = t.getDefaultTransition();
   o = o ? Us(o, l) : l;
@@ -1554,118 +1559,118 @@ function zs(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
   const h = [], f = s && t.animationState && t.animationState.getState()[s], p = o?.path;
   p && p.animateVisualElement(t, a, o, i, h);
   for (const d in a) {
-    const m = t.getValue(d, t.latestValues[d] ?? null), v = a[d];
-    if (v === void 0 || f && Wa(f, d)) continue;
-    const g = {
+    const m = t.getValue(d, t.latestValues[d] ?? null), g = a[d];
+    if (g === void 0 || f && ja(f, d)) continue;
+    const v = {
       delay: i,
       ...gi(o || {}, d)
     };
-    u && (g.skipAnimations = !0);
+    u && (v.skipAnimations = !0);
     const T = m.get();
-    if (T !== void 0 && !m.isAnimating() && !Array.isArray(v) && v === T && !g.velocity) {
-      M.update(() => m.set(v));
+    if (T !== void 0 && !m.isAnimating() && !Array.isArray(g) && g === T && !v.velocity) {
+      M.update(() => m.set(g));
       continue;
     }
     let x = !1;
-    if (window.MotionHandoffAnimation) {
-      const A = _s(t);
+    if (Oa && window.MotionHandoffAnimation) {
+      const A = zs(t);
       if (A) {
         const D = window.MotionHandoffAnimation(A, d, M);
-        D !== null && (g.startTime = D, x = !0);
+        D !== null && (v.startTime = D, x = !0);
       }
     }
-    ze(t, d);
+    He(t, d);
     const w = c ?? t.shouldReduceMotion;
-    m.start(yi(d, m, v, w && $s.has(d) ? { type: !1 } : g, t, x));
+    m.start(yi(d, m, g, w && $s.has(d) ? { type: !1 } : v, t, x));
     const P = m.animation;
     P && h.push(P);
   }
   if (r) {
     const d = () => M.update(() => {
-      r && ja(t, r);
+      r && Ba(t, r);
     });
     h.length ? Promise.all(h).then(d) : d();
   }
   return h;
 }
-function He(t, e, i = {}) {
+function Ge(t, e, i = {}) {
   const n = vt(t, e, i.type === "exit" ? t.presenceContext?.custom : void 0);
   let { transition: s = t.getDefaultTransition() || {} } = n || {};
   i.transitionOverride && (s = i.transitionOverride);
-  const o = n ? () => Promise.all(zs(t, n, i)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
+  const o = n ? () => Promise.all(Hs(t, n, i)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = s;
-    return $a(t, e, l, c, u, h, i);
+    return Na(t, e, l, c, u, h, i);
   } : () => Promise.resolve(), { when: a } = s;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [o, r] : [r, o];
     return l().then(() => c());
   } else return Promise.all([o(), r(i.delay)]);
 }
-function $a(t, e, i = 0, n = 0, s = 0, o = 1, r) {
+function Na(t, e, i = 0, n = 0, s = 0, o = 1, r) {
   const a = [];
   for (const l of t.variantChildren)
-    l.notify("AnimationStart", e), a.push(He(l, e, {
+    l.notify("AnimationStart", e), a.push(Ge(l, e, {
       ...r,
       delay: i + (typeof n == "function" ? 0 : n) + Ns(t.variantChildren, l, n, s, o)
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function Ka(t, e, i = {}) {
+function Ua(t, e, i = {}) {
   t.notify("AnimationStart", e);
   let n;
   if (Array.isArray(e)) {
-    const s = e.map((o) => He(t, o, i));
+    const s = e.map((o) => Ge(t, o, i));
     n = Promise.all(s);
-  } else if (typeof e == "string") n = He(t, e, i);
+  } else if (typeof e == "string") n = Ge(t, e, i);
   else {
     const s = typeof e == "function" ? vt(t, e, i.custom) : e;
-    n = Promise.all(zs(t, s, i));
+    n = Promise.all(Hs(t, s, i));
   }
   return n.then(() => {
     t.notify("AnimationComplete", e);
   });
 }
-var _a = {
+var Wa = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Hs = (t) => (e) => e.test(t), Gs = [
+}, Gs = (t) => (e) => e.test(t), _s = [
   Ct,
   y,
   J,
-  et,
-  mo,
-  po,
-  _a
-], qi = (t) => Gs.find(Hs(t));
-function za(t) {
+  it,
+  co,
+  uo,
+  Wa
+], qi = (t) => _s.find(Gs(t));
+function $a(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ns(t) : !0;
 }
-var Ha = /* @__PURE__ */ new Set([
+var Ka = /* @__PURE__ */ new Set([
   "brightness",
   "contrast",
   "saturate",
   "opacity"
 ]);
-function Ga(t) {
+function za(t) {
   const [e, i] = t.slice(0, -1).split("(");
   if (e === "drop-shadow") return t;
   const [n] = i.match(hi) || [];
   if (!n) return t;
   const s = i.replace(n, "");
-  let o = Ha.has(e) ? 1 : 0;
+  let o = Ka.has(e) ? 1 : 0;
   return n !== i && (o *= 100), e + "(" + o + s + ")";
 }
-var Xa = /\b([a-z-]*)\(.*?\)/gu, Ge = {
-  ...G,
+var Ha = /\b([a-z-]*)\(.*?\)/gu, _e = {
+  ..._,
   getAnimatableNone: (t) => {
-    const e = t.match(Xa);
-    return e ? e.map(Ga).join(" ") : t;
+    const e = t.match(Ha);
+    return e ? e.map(za).join(" ") : t;
   }
 }, Xe = {
-  ...G,
+  ..._,
   getAnimatableNone: (t) => {
-    const e = G.parse(t);
-    return G.createTransformer(t)(e.map((i) => typeof i == "number" ? 0 : typeof i == "object" ? {
+    const e = _.parse(t);
+    return _.createTransformer(t)(e.map((i) => typeof i == "number" ? 0 : typeof i == "object" ? {
       ...i,
       alpha: 1
     } : i));
@@ -1673,19 +1678,19 @@ var Xa = /\b([a-z-]*)\(.*?\)/gu, Ge = {
 }, Zi = {
   ...Ct,
   transform: Math.round
-}, Ya = {
-  rotate: et,
-  pathRotation: et,
-  rotateX: et,
-  rotateY: et,
-  rotateZ: et,
-  scale: zt,
-  scaleX: zt,
-  scaleY: zt,
-  scaleZ: zt,
-  skew: et,
-  skewX: et,
-  skewY: et,
+}, Ga = {
+  rotate: it,
+  pathRotation: it,
+  rotateX: it,
+  rotateY: it,
+  rotateZ: it,
+  scale: Ht,
+  scaleX: Ht,
+  scaleY: Ht,
+  scaleZ: Ht,
+  skew: it,
+  skewX: it,
+  skewY: it,
   distance: y,
   translateX: y,
   translateY: y,
@@ -1696,8 +1701,8 @@ var Xa = /\b([a-z-]*)\(.*?\)/gu, Ge = {
   perspective: y,
   transformPerspective: y,
   opacity: Ot,
-  originX: Ii,
-  originY: Ii,
+  originX: Fi,
+  originY: Fi,
   originZ: y
 }, oe = {
   borderWidth: y,
@@ -1750,12 +1755,12 @@ var Xa = /\b([a-z-]*)\(.*?\)/gu, Ge = {
   fontSize: y,
   backgroundPositionX: y,
   backgroundPositionY: y,
-  ...Ya,
+  ...Ga,
   zIndex: Zi,
   fillOpacity: Ot,
   strokeOpacity: Ot,
   numOctaves: Zi
-}, qa = {
+}, _a = {
   ...oe,
   color: R,
   backgroundColor: R,
@@ -1767,29 +1772,29 @@ var Xa = /\b([a-z-]*)\(.*?\)/gu, Ge = {
   borderRightColor: R,
   borderBottomColor: R,
   borderLeftColor: R,
-  filter: Ge,
-  WebkitFilter: Ge,
+  filter: _e,
+  WebkitFilter: _e,
   mask: Xe,
   WebkitMask: Xe
-}, Xs = (t) => qa[t], Za = /* @__PURE__ */ new Set([Ge, Xe]);
+}, Xs = (t) => _a[t], Xa = /* @__PURE__ */ new Set([_e, Xe]);
 function Ys(t, e) {
   let i = Xs(t);
-  return Za.has(i) || (i = G), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
+  return Xa.has(i) || (i = _), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
 }
-var Ja = /* @__PURE__ */ new Set([
+var Ya = /* @__PURE__ */ new Set([
   "auto",
   "none",
   "0"
 ]);
-function Qa(t, e, i) {
+function qa(t, e, i) {
   let n = 0, s;
   for (; n < t.length && !s; ) {
     const o = t[n];
-    typeof o == "string" && !Ja.has(o) && bt(o).values.length && (s = t[n]), n++;
+    typeof o == "string" && !Ya.has(o) && bt(o).values.length && (s = t[n]), n++;
   }
   if (s && i) for (const o of e) t[o] = Ys(i, s);
 }
-var tl = class extends vi {
+var Za = class extends vi {
   constructor(t, e, i, n, s) {
     super(t, e, i, n, s, !0);
   }
@@ -1811,7 +1816,7 @@ var tl = class extends vi {
       return;
     }
     if (o !== r)
-      if (_i(o) && _i(r)) for (let a = 0; a < t.length; a++) {
+      if (zi(o) && zi(r)) for (let a = 0; a < t.length; a++) {
         const l = t[a];
         typeof l == "string" && (t[a] = parseFloat(l));
       }
@@ -1819,8 +1824,8 @@ var tl = class extends vi {
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: e } = this, i = [];
-    for (let n = 0; n < t.length; n++) (t[n] === null || za(t[n])) && i.push(n);
-    i.length && Qa(t, i, e);
+    for (let n = 0; n < t.length; n++) (t[n] === null || $a(t[n])) && i.push(n);
+    i.length && qa(t, i, e);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: e, name: i } = this;
@@ -1857,21 +1862,21 @@ function qs(t, e, i) {
   return Array.from(t).filter((n) => n != null);
 }
 var Ye = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function el(t) {
+function Ja(t) {
   return is(t) && "offsetHeight" in t && !("ownerSVGElement" in t);
 }
-var { schedule: Pi, cancel: qc } = /* @__PURE__ */ vs(queueMicrotask, !1), H = {
+var { schedule: Pi, cancel: Kc } = /* @__PURE__ */ vs(queueMicrotask, !1), G = {
   x: !1,
   y: !1
 };
 function Zs() {
-  return H.x || H.y;
+  return G.x || G.y;
 }
-function il(t) {
-  return t === "x" || t === "y" ? H[t] ? null : (H[t] = !0, () => {
-    H[t] = !1;
-  }) : H.x || H.y ? null : (H.x = H.y = !0, () => {
-    H.x = H.y = !1;
+function Qa(t) {
+  return t === "x" || t === "y" ? G[t] ? null : (G[t] = !0, () => {
+    G[t] = !1;
+  }) : G.x || G.y ? null : (G.x = G.y = !0, () => {
+    G.x = G.y = !1;
   });
 }
 function Js(t, e) {
@@ -1886,55 +1891,55 @@ function Js(t, e) {
     () => n.abort()
   ];
 }
-function nl(t) {
+function tl(t) {
   return !(t.pointerType === "touch" || Zs());
 }
-function sl(t, e, i = {}) {
+function el(t, e, i = {}) {
   const [n, s, o] = Js(t, i);
   return n.forEach((r) => {
     let a = !1, l = !1, c;
     const u = () => {
       r.removeEventListener("pointerleave", d);
-    }, 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));
+    }, h = (g) => {
+      c && (c(g), c = void 0), u();
+    }, f = (g) => {
+      a = !1, window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f), l && (l = !1, h(g));
     }, p = () => {
       a = !0, window.addEventListener("pointerup", f, s), window.addEventListener("pointercancel", f, s);
-    }, d = (v) => {
-      if (v.pointerType !== "touch") {
+    }, d = (g) => {
+      if (g.pointerType !== "touch") {
         if (a) {
           l = !0;
           return;
         }
-        h(v);
+        h(g);
       }
-    }, m = (v) => {
-      if (!nl(v)) return;
+    }, m = (g) => {
+      if (!tl(g)) return;
       l = !1;
-      const g = e(r, v);
-      typeof g == "function" && (c = g, r.addEventListener("pointerleave", d, s));
+      const v = e(r, g);
+      typeof v == "function" && (c = v, r.addEventListener("pointerleave", d, s));
     };
     r.addEventListener("pointerenter", m, s), r.addEventListener("pointerdown", p, s);
   }), o;
 }
-var Qs = (t, e) => e ? t === e ? !0 : Qs(t, e.parentElement) : !1, Si = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, rl = /* @__PURE__ */ new Set([
+var Qs = (t, e) => e ? t === e ? !0 : Qs(t, e.parentElement) : !1, Si = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, il = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function ol(t) {
-  return rl.has(t.tagName) || t.isContentEditable === !0;
+function nl(t) {
+  return il.has(t.tagName) || t.isContentEditable === !0;
 }
-var al = /* @__PURE__ */ new Set([
+var sl = /* @__PURE__ */ new Set([
   "INPUT",
   "SELECT",
   "TEXTAREA"
 ]);
-function ll(t) {
-  return al.has(t.tagName) || t.isContentEditable === !0;
+function rl(t) {
+  return sl.has(t.tagName) || t.isContentEditable === !0;
 }
 var Yt = /* @__PURE__ */ new WeakSet();
 function Ji(t) {
@@ -1948,7 +1953,7 @@ function we(t, e) {
     bubbles: !0
   }));
 }
-var ul = (t, e) => {
+var ol = (t, e) => {
   const i = t.currentTarget;
   if (!i) return;
   const n = Ji(() => {
@@ -1965,7 +1970,7 @@ function Qi(t) {
   return Si(t) && !Zs();
 }
 var tn = /* @__PURE__ */ new WeakSet();
-function cl(t, e, i = {}) {
+function al(t, e, i = {}) {
   const [n, s, o] = Js(t, i), r = (a) => {
     const l = a.currentTarget;
     if (!Qi(a) || tn.has(a)) return;
@@ -1983,33 +1988,33 @@ function cl(t, e, i = {}) {
     window.addEventListener("pointerup", f, u), window.addEventListener("pointercancel", p, u);
   };
   return n.forEach((a) => {
-    (i.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), el(a) && (a.addEventListener("focus", (l) => ul(l, s)), !ol(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (i.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Ja(a) && (a.addEventListener("focus", (l) => ol(l, s)), !nl(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function bi(t) {
   return is(t) && "ownerSVGElement" in t;
 }
-var qt = /* @__PURE__ */ new WeakMap(), Zt, tr = (t, e, i) => (n, s) => s && s[0] ? s[0][t + "Size"] : bi(n) && "getBBox" in n ? n.getBBox()[e] : n[i], hl = /* @__PURE__ */ tr("inline", "width", "offsetWidth"), fl = /* @__PURE__ */ tr("block", "height", "offsetHeight");
-function dl({ target: t, borderBoxSize: e }) {
+var qt = /* @__PURE__ */ new WeakMap(), Zt, tr = (t, e, i) => (n, s) => s && s[0] ? s[0][t + "Size"] : bi(n) && "getBBox" in n ? n.getBBox()[e] : n[i], ll = /* @__PURE__ */ tr("inline", "width", "offsetWidth"), ul = /* @__PURE__ */ tr("block", "height", "offsetHeight");
+function cl({ target: t, borderBoxSize: e }) {
   qt.get(t)?.forEach((i) => {
     i(t, {
       get width() {
-        return hl(t, e);
+        return ll(t, e);
       },
       get height() {
-        return fl(t, e);
+        return ul(t, e);
       }
     });
   });
 }
-function pl(t) {
-  t.forEach(dl);
+function hl(t) {
+  t.forEach(cl);
 }
-function ml() {
-  typeof ResizeObserver > "u" || (Zt = new ResizeObserver(pl));
+function fl() {
+  typeof ResizeObserver > "u" || (Zt = new ResizeObserver(hl));
 }
-function vl(t, e) {
-  Zt || ml();
+function dl(t, e) {
+  Zt || fl();
   const i = qs(t);
   return i.forEach((n) => {
     let s = qt.get(n);
@@ -2022,7 +2027,7 @@ function vl(t, e) {
   };
 }
 var Jt = /* @__PURE__ */ new Set(), Pt;
-function gl() {
+function pl() {
   Pt = () => {
     const t = {
       get width() {
@@ -2035,26 +2040,26 @@ function gl() {
     Jt.forEach((e) => e(t));
   }, window.addEventListener("resize", Pt);
 }
-function yl(t) {
-  return Jt.add(t), Pt || gl(), () => {
+function ml(t) {
+  return Jt.add(t), Pt || pl(), () => {
     Jt.delete(t), !Jt.size && typeof Pt == "function" && (window.removeEventListener("resize", Pt), Pt = void 0);
   };
 }
 function en(t, e) {
-  return typeof t == "function" ? yl(t) : vl(t, e);
+  return typeof t == "function" ? ml(t) : dl(t, e);
 }
 var yt = {
   value: null,
   addProjectionMetrics: null
 };
-function Tl(t) {
+function vl(t) {
   return bi(t) && t.tagName === "svg";
 }
-var xl = [
-  ...Gs,
+var gl = [
+  ..._s,
   R,
-  G
-], wl = (t) => xl.find(Hs(t)), nn = () => ({
+  _
+], yl = (t) => gl.find(Gs(t)), nn = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2068,7 +2073,7 @@ var xl = [
 }), L = () => ({
   x: sn(),
   y: sn()
-}), Pl = /* @__PURE__ */ new WeakMap();
+}), Tl = /* @__PURE__ */ new WeakMap();
 function de(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
@@ -2090,25 +2095,26 @@ function pe(t) {
 function er(t) {
   return !!(pe(t) || t.variants);
 }
-function Sl(t, e, i) {
+function xl(t, e, i) {
   for (const n in e) {
     const s = e[n], o = i[n];
-    if (F(s)) t.addValue(n, s);
-    else if (F(o)) t.addValue(n, At(s, { owner: t }));
-    else if (o !== s) if (t.hasValue(n)) {
-      const r = t.getValue(n);
-      r.liveStyle === !0 ? r.jump(s) : r.hasAnimated || r.set(s);
-    } else {
-      const r = t.getStaticValue(n);
-      t.addValue(n, At(r !== void 0 ? r : s, { owner: t }));
-    }
+    if (I(s)) t.addValue(n, s);
+    else if (I(o)) t.addValue(n, At(s, { owner: t }));
+    else if (o !== s)
+      if (t.hasValue(n)) {
+        const r = t.getValue(n);
+        r.liveStyle === !0 ? r.jump(s) : r.hasAnimated || r.set(s);
+      } else {
+        const r = t.getStaticValue(n);
+        t.addValue(n, At(r !== void 0 ? r : s, { owner: t }));
+      }
   }
   for (const n in i) e[n] === void 0 && t.removeValue(n);
   return e;
 }
-var qe = { current: null }, ir = { current: !1 }, bl = typeof window < "u";
-function Al() {
-  if (ir.current = !0, !!bl)
+var qe = { current: null }, ir = { current: !1 }, wl = typeof window < "u";
+function Pl() {
+  if (ir.current = !0, !!wl)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => qe.current = t.matches;
       t.addEventListener("change", e), e();
@@ -2126,10 +2132,10 @@ var rn = [
 function nr(t) {
   ae = t;
 }
-function Vl() {
+function Sl() {
   return ae;
 }
-var Ml = class {
+var bl = class {
   scrapeMotionValuesFromProps(t, e, i) {
     return {};
   }
@@ -2145,13 +2151,13 @@ var Ml = class {
     const { willChange: u, ...h } = this.scrapeMotionValuesFromProps(e, {}, this);
     for (const f in h) {
       const p = h[f];
-      l[f] !== void 0 && F(p) && p.set(l[f]);
+      l[f] !== void 0 && I(p) && p.set(l[f]);
     }
   }
   mount(t) {
     if (this.hasBeenMounted) for (const e in this.initialValues)
       this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
-    this.current = t, Pl.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ir.current || Al(), this.shouldReduceMotion = qe.current), process.env.NODE_ENV !== "production" && ai(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 = t, Tl.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ir.current || Pl(), this.shouldReduceMotion = qe.current), process.env.NODE_ENV !== "production" && ai(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(), rt(this.notifyUpdate), rt(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -2170,7 +2176,7 @@ var Ml = class {
   }
   bindToMotionValue(t, e) {
     if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), e.accelerate && js.has(t) && this.current instanceof HTMLElement) {
-      const { factory: o, keyframes: r, times: a, ease: l, duration: c } = e.accelerate, u = new Fs({
+      const { factory: o, keyframes: r, times: a, ease: l, duration: c } = e.accelerate, u = new Is({
         element: this.current,
         name: t,
         keyframes: r,
@@ -2228,7 +2234,7 @@ var Ml = class {
       const s = t["on" + n];
       s && (this.propEventSubscriptions[n] = this.on(n, s));
     }
-    this.prevMotionValues = Sl(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = xl(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2269,7 +2275,7 @@ var Ml = class {
   }
   readValue(t, e) {
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (es(i) || ns(i)) ? i = parseFloat(i) : !wl(i) && G.test(e) && (i = Ys(t, e)), this.setBaseTarget(t, F(i) ? i.get() : i)), F(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (es(i) || ns(i)) ? i = parseFloat(i) : !yl(i) && _.test(e) && (i = Ys(t, e)), this.setBaseTarget(t, I(i) ? i.get() : i)), I(i) ? i.get() : i;
   }
   setBaseTarget(t, e) {
     this.baseTarget[t] = e;
@@ -2283,7 +2289,7 @@ var Ml = class {
     }
     if (e && i !== void 0) return i;
     const n = this.getBaseTargetFromProps(this.props, t);
-    return n !== void 0 && !F(n) ? n : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    return n !== void 0 && !I(n) ? n : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, e) {
     return this.events[t] || (this.events[t] = new oi()), this.events[t].add(e);
@@ -2294,9 +2300,9 @@ var Ml = class {
   scheduleRenderMicrotask() {
     Pi.render(this.render);
   }
-}, sr = class extends Ml {
+}, sr = class extends bl {
   constructor() {
-    super(...arguments), this.KeyframeResolver = tl;
+    super(...arguments), this.KeyframeResolver = Za;
   }
   sortInstanceNodePosition(t, e) {
     return t.compareDocumentPosition(e) & 2 ? 1 : -1;
@@ -2311,7 +2317,7 @@ var Ml = class {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    F(t) && (this.childSubscription = t.on("change", (e) => {
+    I(t) && (this.childSubscription = t.on("change", (e) => {
       this.current && (this.current.textContent = `${e}`);
     }));
   }
@@ -2334,7 +2340,7 @@ function rr({ top: t, left: e, right: i, bottom: n }) {
     }
   };
 }
-function Cl({ x: t, y: e }) {
+function Al({ x: t, y: e }) {
   return {
     top: e.min,
     right: t.max,
@@ -2342,7 +2348,7 @@ function Cl({ x: t, y: e }) {
     left: t.min
   };
 }
-function Dl(t, e) {
+function Vl(t, e) {
   if (!e) return t;
   const i = e({
     x: t.left,
@@ -2386,7 +2392,7 @@ function ar(t, { x: e, y: i }) {
   Je(t.x, e.translate, e.scale, e.originPoint), Je(t.y, i.translate, i.scale, i.originPoint);
 }
 var ln = 0.999999999999, un = 1.0000000000001;
-function El(t, e, i, n = !1) {
+function Ml(t, e, i, n = !1) {
   const s = i.length;
   if (!s) return;
   e.x = e.y = 1;
@@ -2412,21 +2418,21 @@ function Qt(t, e, i) {
   cn(t.x, hn(e.x, n.x), e.scaleX, e.scale, e.originX), cn(t.y, hn(e.y, n.y), e.scaleY, e.scale, e.originY);
 }
 function lr(t, e) {
-  return rr(Dl(t.getBoundingClientRect(), e));
+  return rr(Vl(t.getBoundingClientRect(), e));
 }
-function Rl(t, e, i) {
+function Cl(t, e, i) {
   const n = lr(t, i), { scroll: s } = e;
   return s && (Z(n.x, s.offset.x), Z(n.y, s.offset.y)), n;
 }
-var Ll = {
+var Dl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, kl = Dt.length;
-function Bl(t, e, i) {
+}, El = Dt.length;
+function Rl(t, e, i) {
   let n = "", s = !0;
-  for (let r = 0; r < kl; r++) {
+  for (let r = 0; r < El; r++) {
     const a = Dt[r], l = t[a];
     if (l === void 0) continue;
     let c = !0;
@@ -2439,7 +2445,7 @@ function Bl(t, e, i) {
       const u = Ye(l, oe[a]);
       if (!c) {
         s = !1;
-        const h = Ll[a] || a;
+        const h = Dl[a] || a;
         n += `${h}(${u}) `;
       }
       i && (e[a] = u);
@@ -2464,7 +2470,7 @@ function Mi(t, e, i) {
       l.startsWith("origin") ? (a = !0, o[l] = u) : n[l] = u;
     }
   }
-  if (e.transform || (r || i ? n.transform = Bl(e, t.transform, i) : n.transform && (n.transform = "none")), a) {
+  if (e.transform || (r || i ? n.transform = Rl(e, t.transform, i) : n.transform && (n.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
     n.transformOrigin = `${l} ${c} ${u}`;
   }
@@ -2481,13 +2487,14 @@ function fn(t, e) {
 }
 var Rt = { correct: (t, e) => {
   if (!e.target) return t;
-  if (typeof t == "string") if (y.test(t)) t = parseFloat(t);
-  else return t;
+  if (typeof t == "string")
+    if (y.test(t)) t = parseFloat(t);
+    else return t;
   return `${fn(t, e.target.x)}% ${fn(t, e.target.y)}%`;
-} }, Il = { correct: (t, { treeScale: e, projectionDelta: i }) => {
-  const n = t, s = G.parse(t);
+} }, Ll = { correct: (t, { treeScale: e, projectionDelta: i }) => {
+  const n = t, s = _.parse(t);
   if (s.length > 5) return n;
-  const o = G.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = i.x.scale * e.x, l = i.y.scale * e.y;
+  const o = _.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = i.x.scale * e.x, l = i.y.scale * e.y;
   s[0 + r] /= a, s[1 + r] /= l;
   const c = V(a, l, 0.5);
   return typeof s[2 + r] == "number" && (s[2 + r] /= c), typeof s[3 + r] == "number" && (s[3 + r] /= c), o(s);
@@ -2500,7 +2507,7 @@ var Rt = { correct: (t, e) => {
   borderTopRightRadius: Rt,
   borderBottomLeftRadius: Rt,
   borderBottomRightRadius: Rt,
-  boxShadow: Il
+  boxShadow: Ll
 };
 function cr(t, { layout: e, layoutId: i }) {
   return Et.has(t) || t.startsWith("origin") || (e || i !== void 0) && (!!Qe[t] || t === "opacity");
@@ -2508,20 +2515,23 @@ function cr(t, { layout: e, layoutId: i }) {
 function Ci(t, e, i) {
   const n = t.style, s = e?.style, o = {};
   if (!n) return o;
-  for (const r in n) (F(n[r]) || s && F(s[r]) || cr(r, t) || i?.getValue(r)?.liveStyle !== void 0) && (o[r] = n[r]);
+  for (const r in n) (I(n[r]) || s && I(s[r]) || cr(r, t) || i?.getValue(r)?.liveStyle !== void 0) && (o[r] = n[r]);
   return o;
 }
-function Fl(t) {
+function kl(t) {
   return window.getComputedStyle(t);
 }
-var Ol = class extends sr {
+var Bl = class extends sr {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = ur;
   }
+  mount(t) {
+    tt(!!t.style, "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref"), super.mount(t);
+  }
   readValueFromInstance(t, e) {
-    if (Et.has(e)) return this.projection?.isProjecting ? je(e) : ea(t, e);
+    if (Et.has(e)) return this.projection?.isProjecting ? je(e) : Zo(t, e);
     {
-      const i = Fl(t), n = (ys(e) ? i.getPropertyValue(e) : i[e]) || 0;
+      const i = kl(t), n = (ys(e) ? i.getPropertyValue(e) : i[e]) || 0;
       return typeof n == "string" ? n.trim() : n;
     }
   }
@@ -2534,36 +2544,37 @@ var Ol = class extends sr {
   scrapeMotionValuesFromProps(t, e, i) {
     return Ci(t, e, i);
   }
-}, jl = {
+}, Fl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Nl = {
+}, Il = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Ul(t, e, i = 1, n = 0, s = !0) {
+function Ol(t, e, i = 1, n = 0, s = !0) {
   t.pathLength = 1;
-  const o = s ? jl : Nl;
+  const o = s ? Fl : Il;
   t[o.offset] = `${-n}`, t[o.array] = `${e} ${i}`;
 }
-var Wl = [
+var hr = [
+  "transform",
+  "opacity",
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
   "offsetAnchor"
 ];
-function hr(t, { attrX: e, attrY: i, attrScale: n, pathLength: s, pathSpacing: o = 1, pathOffset: r = 0, ...a }, l, c, u) {
+function fr(t, { attrX: e, attrY: i, attrScale: n, pathLength: s, pathSpacing: o = 1, pathOffset: r = 0, ...a }, l, c, u) {
   if (Mi(t, a, c), l) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     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 p of Wl) h[p] !== void 0 && (f[p] = h[p], delete h[p]);
-  e !== void 0 && (h.x = e), i !== void 0 && (h.y = i), n !== void 0 && (h.scale = n), s !== void 0 && Ul(h, s, o, r, !1);
+  for (const p of hr) h[p] !== void 0 && (f[p] = h[p], delete h[p]);
+  (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), i !== void 0 && (h.y = i), n !== void 0 && (h.scale = n), s !== void 0 && Ol(h, s, o, r, !1);
 }
-var fr = /* @__PURE__ */ new Set([
+var dr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2587,20 +2598,20 @@ var fr = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), dr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function $l(t, e, i, n) {
+]), pr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function jl(t, e, i, n) {
   ur(t, e, void 0, n);
-  for (const s in e.attrs) t.setAttribute(fr.has(s) ? s : xi(s), e.attrs[s]);
+  for (const s in e.attrs) t.setAttribute(dr.has(s) ? s : xi(s), e.attrs[s]);
 }
-function pr(t, e, i) {
+function mr(t, e, i) {
   const n = Ci(t, e, i);
-  for (const s in t) if (F(t[s]) || F(e[s])) {
+  for (const s in t) if (I(t[s]) || I(e[s])) {
     const o = Dt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
     n[o] = t[s];
   }
   return n;
 }
-var Kl = class extends sr {
+var Nl = class extends sr {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = L;
   }
@@ -2612,47 +2623,51 @@ var Kl = class extends sr {
       const i = Xs(e);
       return i && i.default || 0;
     }
-    return e = fr.has(e) ? e : xi(e), t.getAttribute(e);
+    if (hr.includes(e)) {
+      const i = getComputedStyle(t)[e];
+      if (typeof i == "string" && i) return i.trim();
+    }
+    return e = dr.has(e) ? e : xi(e), t.getAttribute(e);
   }
   scrapeMotionValuesFromProps(t, e, i) {
-    return pr(t, e, i);
+    return mr(t, e, i);
   }
   build(t, e, i) {
-    hr(t, e, this.isSVGTag, i.transformTemplate, i.style);
+    fr(t, e, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(t, e, i, n) {
-    $l(t, e, i, n);
+    jl(t, e, i, n);
   }
   mount(t) {
-    this.isSVGTag = dr(t.tagName), super.mount(t);
+    this.isSVGTag = pr(t.tagName), super.mount(t);
   }
-}, _l = Vi.length;
-function mr(t) {
+}, Ul = Vi.length;
+function vr(t) {
   if (!t) return;
   if (!t.isControllingVariants) {
-    const i = t.parent ? mr(t.parent) || {} : {};
+    const i = t.parent ? vr(t.parent) || {} : {};
     return t.props.initial !== void 0 && (i.initial = t.props.initial), i;
   }
   const e = {};
-  for (let i = 0; i < _l; i++) {
+  for (let i = 0; i < Ul; i++) {
     const n = Vi[i], s = t.props[n];
     (jt(s) || s === !1) && (e[n] = s);
   }
   return e;
 }
-function vr(t, e) {
+function gr(t, e) {
   if (!Array.isArray(e)) return !1;
   const i = e.length;
   if (i !== t.length) return !1;
   for (let n = 0; n < i; n++) if (e[n] !== t[n]) return !1;
   return !0;
 }
-var zl = [...Ai].reverse(), Hl = Ai.length;
-function Gl(t) {
-  return (e) => Promise.all(e.map(({ animation: i, options: n }) => Ka(t, i, n)));
+var Wl = [...Ai].reverse(), $l = Ai.length;
+function Kl(t) {
+  return (e) => Promise.all(e.map(({ animation: i, options: n }) => Ua(t, i, n)));
 }
-function Xl(t) {
-  let e = Gl(t), i = dn(), n = !0, s = !1;
+function zl(t) {
+  let e = Kl(t), i = dn(), n = !0, s = !1;
   const o = (c) => (u, h) => {
     const f = vt(t, h, c === "exit" ? t.presenceContext?.custom : void 0);
     if (f) {
@@ -2669,11 +2684,11 @@ function Xl(t) {
     e = c(t);
   }
   function a(c) {
-    const { props: u } = t, h = mr(t.parent) || {}, f = [], p = /* @__PURE__ */ new Set();
+    const { props: u } = t, h = vr(t.parent) || {}, f = [], p = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
-    for (let g = 0; g < Hl; g++) {
-      const T = zl[g], x = i[T], w = u[T] !== void 0 ? u[T] : h[T], P = jt(w), A = T === c ? x.isActive : null;
-      A === !1 && (m = g);
+    for (let v = 0; v < $l; v++) {
+      const T = Wl[v], x = i[T], w = u[T] !== void 0 ? u[T] : h[T], P = jt(w), A = T === c ? x.isActive : null;
+      A === !1 && (m = v);
       let D = w === h[T] && w !== u[T] && P;
       if (D && (n || s) && t.manuallyAnimateOnMount && (D = !1), x.protectedKeys = { ...d }, !x.isActive && A === null || !w && !x.prevProp || de(w) || typeof w == "boolean") continue;
       if (T === "exit" && x.isActive && A !== !0) {
@@ -2683,15 +2698,15 @@ function Xl(t) {
         });
         continue;
       }
-      const S = Yl(x.prevProp, w);
-      let E = S || T === c && x.isActive && !D && P || g > m && P, b = !1;
+      const S = Hl(x.prevProp, w);
+      let E = S || T === c && x.isActive && !D && P || v > m && P, b = !1;
       const k = Array.isArray(w) ? w : [w];
       let N = k.reduce(o(T), {});
       A === !1 && (N = {});
       const { prevResolvedValues: at = {} } = x, X = {
         ...at,
         ...N
-      }, tt = (B) => {
+      }, et = (B) => {
         E = !0, p.has(B) && (b = !0, p.delete(B)), x.needsAnimating[B] = !0;
         const $ = t.getValue(B);
         $ && ($.liveStyle = !1);
@@ -2700,7 +2715,7 @@ function Xl(t) {
         const $ = N[B], lt = at[B];
         if (d.hasOwnProperty(B)) continue;
         let gt = !1;
-        _e($) && _e(lt) ? gt = !vr($, lt) || S : gt = $ !== lt, gt ? $ != null ? tt(B) : p.add(B) : $ !== void 0 && p.has(B) ? tt(B) : x.protectedKeys[B] = !0;
+        ze($) && ze(lt) ? gt = !gr($, lt) || S : gt = $ !== lt, gt ? $ != null ? et(B) : p.add(B) : $ !== void 0 && p.has(B) ? et(B) : x.protectedKeys[B] = !0;
       }
       x.prevProp = w, x.prevResolvedValues = N, x.isActive && (d = {
         ...d,
@@ -2712,8 +2727,8 @@ function Xl(t) {
         if (typeof B == "string" && (n || s) && !Y && t.manuallyAnimateOnMount && t.parent) {
           const { parent: lt } = t, gt = vt(lt, B);
           if (lt.enteringChildren && gt) {
-            const { delayChildren: jr } = gt.transition || {};
-            $.delay = Ns(lt.enteringChildren, t, jr);
+            const { delayChildren: Or } = gt.transition || {};
+            $.delay = Ns(lt.enteringChildren, t, Or);
           }
         }
         return {
@@ -2723,18 +2738,18 @@ function Xl(t) {
       }));
     }
     if (p.size) {
-      const g = {};
+      const v = {};
       if (typeof u.initial != "boolean") {
         const T = vt(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        T && T.transition && (g.transition = T.transition);
+        T && T.transition && (v.transition = T.transition);
       }
       p.forEach((T) => {
         const x = t.getBaseTarget(T), w = t.getValue(T);
-        w && (w.liveStyle = !0), g[T] = x ?? null;
-      }), f.push({ animation: g });
+        w && (w.liveStyle = !0), v[T] = x ?? null;
+      }), f.push({ animation: v });
     }
-    let v = !!f.length;
-    return n && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (v = !1), n = !1, s = !1, v ? e(f) : Promise.resolve();
+    let g = !!f.length;
+    return n && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (g = !1), n = !1, s = !1, g ? e(f) : Promise.resolve();
   }
   function l(c, u) {
     if (i[c].isActive === u) return Promise.resolve();
@@ -2753,8 +2768,8 @@ function Xl(t) {
     }
   };
 }
-function Yl(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !vr(e, t) : !1;
+function Hl(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !gr(e, t) : !1;
 }
 function ut(t = !1) {
   return {
@@ -2778,21 +2793,21 @@ function dn() {
 function ti(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function z(t, e) {
+function H(t, e) {
   ti(t.x, e.x), ti(t.y, e.y);
 }
 function pn(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-var ql = 0.9999, Zl = 1.0001, Jl = -0.01, Ql = 0.01;
+var Gl = 0.9999, _l = 1.0001, Xl = -0.01, Yl = 0.01;
 function j(t) {
   return t.max - t.min;
 }
-function tu(t, e, i) {
+function ql(t, e, i) {
   return Math.abs(t - e) <= i;
 }
 function mn(t, e, i, n = 0.5) {
-  t.origin = n, t.originPoint = V(e.min, e.max, t.origin), t.scale = j(i) / j(e), t.translate = V(i.min, i.max, t.origin) - t.originPoint, (t.scale >= ql && t.scale <= Zl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Jl && t.translate <= Ql || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = n, t.originPoint = V(e.min, e.max, t.origin), t.scale = j(i) / j(e), t.translate = V(i.min, i.max, t.origin) - t.originPoint, (t.scale >= Gl && t.scale <= _l || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Xl && t.translate <= Yl || isNaN(t.translate)) && (t.translate = 0);
 }
 function Bt(t, e, i, n) {
   mn(t.x, e.x, i.x, n ? n.originX : void 0), mn(t.y, e.y, i.y, n ? n.originY : void 0);
@@ -2800,7 +2815,7 @@ function Bt(t, e, i, n) {
 function vn(t, e, i, n = 0) {
   t.min = (n ? V(i.min, i.max, n) : i.min) + e.min, t.max = t.min + j(e);
 }
-function eu(t, e, i, n) {
+function Zl(t, e, i, n) {
   vn(t.x, e.x, i.x, n?.x), vn(t.y, e.y, i.y, n?.y);
 }
 function gn(t, e, i, n = 0) {
@@ -2813,42 +2828,42 @@ function ue(t, e, i, n) {
 function yn(t, e, i, n, s) {
   return t -= e, t = le(t, 1 / i, n), s !== void 0 && (t = le(t, 1 / s, n)), t;
 }
-function iu(t, e = 0, i = 1, n = 0.5, s, o = t, r = t) {
+function Jl(t, e = 0, i = 1, n = 0.5, s, o = t, r = t) {
   if (J.test(e) && (e = parseFloat(e), e = V(r.min, r.max, e / 100) - r.min), typeof e != "number") return;
   let a = V(o.min, o.max, n);
   t === o && (a -= e), t.min = yn(t.min, e, i, a, s), t.max = yn(t.max, e, i, a, s);
 }
 function Tn(t, e, [i, n, s], o, r) {
-  iu(t, e[i], e[n], e[s], e.scale, o, r);
+  Jl(t, e[i], e[n], e[s], e.scale, o, r);
 }
-var nu = [
+var Ql = [
   "x",
   "scaleX",
   "originX"
-], su = [
+], tu = [
   "y",
   "scaleY",
   "originY"
 ];
 function xn(t, e, i, n) {
-  Tn(t.x, e, nu, i ? i.x : void 0, n ? n.x : void 0), Tn(t.y, e, su, i ? i.y : void 0, n ? n.y : void 0);
+  Tn(t.x, e, Ql, i ? i.x : void 0, n ? n.x : void 0), Tn(t.y, e, tu, i ? i.y : void 0, n ? n.y : void 0);
 }
 function wn(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function gr(t) {
+function yr(t) {
   return wn(t.x) && wn(t.y);
 }
 function Pn(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function ru(t, e) {
+function eu(t, e) {
   return Pn(t.x, e.x) && Pn(t.y, e.y);
 }
 function Sn(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function yr(t, e) {
+function Tr(t, e) {
   return Sn(t.x, e.x) && Sn(t.y, e.y);
 }
 function bn(t) {
@@ -2860,7 +2875,7 @@ function An(t, e) {
 function q(t) {
   return [t("x"), t("y")];
 }
-function ou(t, e, i) {
+function iu(t, e, i) {
   let n = "";
   const s = t.x.translate / e.x, o = t.y.translate / e.y, r = i?.z || 0;
   if ((s || o || r) && (n = `translate3d(${s}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (n += `scale(${1 / e.x}, ${1 / e.y}) `), i) {
@@ -2870,10 +2885,10 @@ function ou(t, e, i) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (n += `scale(${a}, ${l})`), n || "none";
 }
-var au = wi.length, Vn = (t) => typeof t == "string" ? parseFloat(t) : t, Mn = (t) => typeof t == "number" || y.test(t);
-function lu(t, e, i, n, s, o) {
-  s ? (t.opacity = V(0, i.opacity ?? 1, uu(n)), t.opacityExit = V(e.opacity ?? 1, 0, cu(n))) : o && (t.opacity = V(e.opacity ?? 1, i.opacity ?? 1, n));
-  for (let r = 0; r < au; r++) {
+var nu = wi.length, Vn = (t) => typeof t == "string" ? parseFloat(t) : t, Mn = (t) => typeof t == "number" || y.test(t);
+function su(t, e, i, n, s, o) {
+  s ? (t.opacity = V(0, i.opacity ?? 1, ru(n)), t.opacityExit = V(e.opacity ?? 1, 0, ou(n))) : o && (t.opacity = V(e.opacity ?? 1, i.opacity ?? 1, n));
+  for (let r = 0; r < nu; r++) {
     const a = wi[r];
     let l = Cn(e, a), c = Cn(i, a);
     l === void 0 && c === void 0 || (l || (l = 0), c || (c = 0), l === 0 || c === 0 || Mn(l) === Mn(c) ? (t[a] = Math.max(V(Vn(l), Vn(c), n), 0), (J.test(c) || J.test(l)) && (t[a] += "%")) : t[a] = c);
@@ -2883,18 +2898,18 @@ function lu(t, e, i, n, s, o) {
 function Cn(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-var uu = /* @__PURE__ */ Tr(0, 0.5, fs), cu = /* @__PURE__ */ Tr(0.5, 0.95, _);
-function Tr(t, e, i) {
-  return (n) => n < t ? 0 : n > e ? 1 : i(Ft(t, e, n));
+var ru = /* @__PURE__ */ xr(0, 0.5, fs), ou = /* @__PURE__ */ xr(0.5, 0.95, z);
+function xr(t, e, i) {
+  return (n) => n < t ? 0 : n > e ? 1 : i(It(t, e, n));
 }
-function hu(t, e, i) {
-  const n = F(t) ? t : At(t);
+function au(t, e, i) {
+  const n = I(t) ? t : At(t);
   return n.start(yi("", n, e, i)), n.animation;
 }
 function Nt(t, e, i, n = { passive: !0 }) {
   return t.addEventListener(e, i, n), () => t.removeEventListener(e, i, n);
 }
-var fu = (t, e) => t.depth - e.depth, du = class {
+var lu = (t, e) => t.depth - e.depth, uu = class {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -2905,10 +2920,10 @@ var fu = (t, e) => t.depth - e.depth, du = class {
     ie(this.children, t), this.isDirty = !0;
   }
   forEach(t) {
-    this.isDirty && this.children.sort(fu), this.isDirty = !1, this.children.forEach(t);
+    this.isDirty && this.children.sort(lu), this.isDirty = !1, this.children.forEach(t);
   }
 };
-function pu(t, e) {
+function cu(t, e) {
   const i = O.now(), n = ({ timestamp: s }) => {
     const o = s - i;
     o >= e && (rt(n), t(o - e));
@@ -2916,9 +2931,9 @@ function pu(t, e) {
   return M.setup(n, !0), () => rt(n);
 }
 function te(t) {
-  return F(t) ? t.get() : t;
+  return I(t) ? t.get() : t;
 }
-var mu = class {
+var hu = class {
   constructor() {
     this.members = [];
   }
@@ -2977,36 +2992,36 @@ var mu = class {
   "X",
   "Y",
   "Z"
-], vu = 1e3, gu = 0;
+], fu = 1e3, du = 0;
 function be(t, e, i, n) {
   const { latestValues: s } = e;
   s[t] && (i[t] = s[t], e.setStaticValue(t, 0), n && (n[t] = 0));
 }
-function xr(t) {
+function wr(t) {
   if (t.hasCheckedOptimisedAppear = !0, t.root === t) return;
   const { visualElement: e } = t.options;
   if (!e) return;
-  const i = _s(e);
+  const i = zs(e);
   if (window.MotionHasOptimisedAnimation(i, "transform")) {
     const { layout: s, layoutId: o } = t.options;
     window.MotionCancelOptimisedAnimation(i, "transform", M, !(s || o));
   }
   const { parent: n } = t;
-  n && !n.hasCheckedOptimisedAppear && xr(n);
+  n && !n.hasCheckedOptimisedAppear && wr(n);
 }
-function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: n, resetTransform: s }) {
+function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: n, resetTransform: s }) {
   return class {
     constructor(r = {}, a = e?.()) {
-      this.id = gu++, 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 = {
+      this.id = du++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = {
         x: 1,
         y: 1
       }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, yt.value && (ht.nodes = ht.calculatedTargetDeltas = ht.calculatedProjections = 0), this.nodes.forEach(xu), this.nodes.forEach(Vu), this.nodes.forEach(Mu), this.nodes.forEach(wu), yt.addProjectionMetrics && yt.addProjectionMetrics(ht);
+        this.projectionUpdateScheduled = !1, yt.value && (ht.nodes = ht.calculatedTargetDeltas = ht.calculatedProjections = 0), this.nodes.forEach(vu), this.nodes.forEach(Pu), this.nodes.forEach(Su), this.nodes.forEach(gu), yt.addProjectionMetrics && yt.addProjectionMetrics(ht);
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++) this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new du());
+      this.root === this && (this.nodes = new uu());
     }
     addEventListener(r, a) {
       return this.eventHandlers.has(r) || this.eventHandlers.set(r, new oi()), this.eventHandlers.get(r).add(a);
@@ -3020,7 +3035,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
     mount(r) {
       if (this.instance) return;
-      this.isSVG = bi(r) && !Tl(r), this.instance = r;
+      this.isSVG = bi(r) && !vl(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
@@ -3029,7 +3044,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
           h = window.innerWidth;
         }), t(r, () => {
           const p = window.innerWidth;
-          p !== h && (h = p, this.root.updateBlockedByResize = !0, u && u(), u = pu(f, 250), ee.hasAnimatedSinceResize && (ee.hasAnimatedSinceResize = !1, this.nodes.forEach(Rn)));
+          p !== h && (h = p, this.root.updateBlockedByResize = !0, u && u(), u = cu(f, 250), ee.hasAnimatedSinceResize && (ee.hasAnimatedSinceResize = !1, this.nodes.forEach(Rn)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: p }) => {
@@ -3037,13 +3052,13 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const d = this.options.transition || c.getDefaultTransition() || Lu, { onLayoutAnimationStart: m, onLayoutAnimationComplete: v } = c.getProps(), g = !this.targetLayout || !yr(this.targetLayout, p), T = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || T || h && (g || !this.currentAnimation)) {
+        const d = this.options.transition || c.getDefaultTransition() || Cu, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), v = !this.targetLayout || !Tr(this.targetLayout, p), T = !h && f;
+        if (this.options.layoutRoot || this.resumeFrom || T || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
             ...gi(d, "layout"),
             onPlay: m,
-            onComplete: v
+            onComplete: g
           };
           (c.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x), this.setAnimationOrigin(u, T, x.path);
         } else
@@ -3069,7 +3084,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
     }
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Cu), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(bu), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -3080,7 +3095,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && xr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty) return;
+      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++) {
         const h = this.path[u];
@@ -3094,22 +3109,22 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
         const a = this.updateBlockedByResize;
-        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), a && this.nodes.forEach(Su), this.nodes.forEach(Dn);
+        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), a && this.nodes.forEach(Tu), this.nodes.forEach(Dn);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
         this.nodes.forEach(En);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(bu), this.nodes.forEach(Au), this.nodes.forEach(yu), this.nodes.forEach(Tu)) : this.nodes.forEach(En), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(xu), this.nodes.forEach(wu), this.nodes.forEach(pu), this.nodes.forEach(mu)) : this.nodes.forEach(En), this.clearAllSnapshots();
       const r = O.now();
-      I.delta = Q(0, 1e3 / 60, r - I.timestamp), I.timestamp = r, I.isProcessing = !0, ve.update.process(I), ve.preRender.process(I), ve.render.process(I), I.isProcessing = !1;
+      F.delta = Q(0, 1e3 / 60, r - F.timestamp), F.timestamp = r, F.isProcessing = !0, ve.update.process(F), ve.preRender.process(F), ve.render.process(F), F.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Pi.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Pu), this.sharedNodes.forEach(Du);
+      this.nodes.forEach(yu), this.sharedNodes.forEach(Au);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, M.preRender(this.updateProjection, !1, !0));
@@ -3145,13 +3160,13 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
     resetTransform() {
       if (!s) return;
-      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !gr(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 && !yr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       r && this.instance && (a || ct(this.latestValues) || u) && (s(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), ku(l), {
+      return r && (l = this.removeTransform(l)), Du(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3163,7 +3178,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       const { visualElement: r } = this.options;
       if (!r) return L();
       const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(Bu))) {
+      if (!(this.scroll?.wasRoot || this.path.some(Eu))) {
         const { scroll: l } = this.root;
         l && (Z(a.x, l.offset.x), Z(a.y, l.offset.y));
       }
@@ -3171,16 +3186,16 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
     removeElementScroll(r) {
       const a = L();
-      if (z(a, r), this.scroll?.wasRoot) return a;
+      if (H(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 && z(a, r), Z(a.x, u.offset.x), Z(a.y, u.offset.y));
+        c !== this.root && u && h.layoutScroll && (u.wasRoot && H(a, r), Z(a.x, u.offset.x), Z(a.y, u.offset.y));
       }
       return a;
     }
     applyTransform(r, a = !1, l) {
       const c = l || L();
-      z(c, r);
+      H(c, r);
       for (let u = 0; u < this.path.length; u++) {
         const h = this.path[u];
         !a && h.options.layoutScroll && h.scroll && h !== h.root && (Z(c.x, -h.scroll.offset.x), Z(c.y, -h.scroll.offset.y)), ct(h.latestValues) && Qt(c, h.latestValues, h.layout?.layoutBox);
@@ -3189,12 +3204,12 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
     removeTransform(r) {
       const a = L();
-      z(a, r);
+      H(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!ct(c.latestValues)) continue;
         let u;
-        c.instance && (Ze(c.latestValues) && c.updateSnapshot(), u = L(), z(u, c.measurePageBox())), xn(a, c.latestValues, c.snapshot?.layoutBox, u);
+        c.instance && (Ze(c.latestValues) && c.updateSnapshot(), u = L(), H(u, c.measurePageBox())), xn(a, c.latestValues, c.snapshot?.layoutBox, u);
       }
       return ct(this.latestValues) && xn(a, this.latestValues), a;
     }
@@ -3212,7 +3227,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== I.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== F.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(r = !1) {
       const a = this.getLead();
@@ -3221,9 +3236,9 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       if (!(r || l && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize)) return;
       const { layout: c, layoutId: u } = this.options;
       if (!this.layout || !(c || u)) return;
-      this.resolvedRelativeTargetAt = I.timestamp;
+      this.resolvedRelativeTargetAt = F.timestamp;
       const h = this.getClosestProjectingParent();
-      h && this.linkedParentVersion !== h.layoutVersion && !h.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), eu(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : z(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : z(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0), yt.value && ht.calculatedTargetDeltas++);
+      h && this.linkedParentVersion !== h.layoutVersion && !h.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Zl(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : H(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : H(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0), yt.value && ht.calculatedTargetDeltas++);
     }
     getClosestProjectingParent() {
       if (!(!this.parent || Ze(this.parent.latestValues) || or(this.parent.latestValues)))
@@ -3233,7 +3248,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(r, a, l) {
-      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), ue(this.relativeTargetOrigin, a, l, this.options.layoutAnchor || void 0), z(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), ue(this.relativeTargetOrigin, a, l, this.options.layoutAnchor || void 0), H(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -3241,12 +3256,12 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     calcProjection() {
       const r = this.getLead(), a = !!this.resumingFrom || this !== r;
       let l = !0;
-      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === I.timestamp && (l = !1), l) return;
+      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === F.timestamp && (l = !1), l) return;
       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;
-      z(this.layoutCorrected, this.layout.layoutBox);
+      H(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      El(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 = L());
+      Ml(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 = L());
       const { target: p } = r;
       if (!p) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -3273,18 +3288,18 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     setAnimationOrigin(r, a = !1, l) {
       const c = this.snapshot, u = c ? c.latestValues : {}, h = { ...this.latestValues }, f = St();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const p = L(), d = (c ? c.source : void 0) !== (this.layout ? this.layout.source : void 0), m = this.getStack(), v = !m || m.members.length <= 1, g = !!(d && !v && this.options.crossfade === !0 && !this.path.some(Ru));
+      const p = L(), d = (c ? c.source : void 0) !== (this.layout ? this.layout.source : void 0), m = this.getStack(), g = !m || m.members.length <= 1, v = !!(d && !g && this.options.crossfade === !0 && !this.path.some(Mu));
       this.animationProgress = 0;
       let T;
       const x = l?.interpolateProjection(r);
       this.mixTargetDelta = (w) => {
         const P = w / 1e3, A = x?.(P);
-        A ? (f.x.translate = A.x, f.x.scale = V(r.x.scale, 1, P), f.x.origin = r.x.origin, f.x.originPoint = r.x.originPoint, f.y.translate = A.y, f.y.scale = V(r.y.scale, 1, P), f.y.origin = r.y.origin, f.y.originPoint = r.y.originPoint) : (Ln(f.x, r.x, P), Ln(f.y, r.y, P)), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Eu(this.relativeTarget, this.relativeTargetOrigin, p, P), T && ru(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = L()), z(T, this.relativeTarget)), d && (this.animationValues = h, lu(h, u, this.latestValues, P, g, v)), A && A.rotate !== void 0 && (this.animationValues || (this.animationValues = h), this.animationValues.pathRotation = A.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+        A ? (f.x.translate = A.x, f.x.scale = V(r.x.scale, 1, P), f.x.origin = r.x.origin, f.x.originPoint = r.x.originPoint, f.y.translate = A.y, f.y.scale = V(r.y.scale, 1, P), f.y.origin = r.y.origin, f.y.originPoint = r.y.originPoint) : (Ln(f.x, r.x, P), Ln(f.y, r.y, P)), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Vu(this.relativeTarget, this.relativeTargetOrigin, p, P), T && eu(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = L()), H(T, this.relativeTarget)), d && (this.animationValues = h, su(h, u, this.latestValues, P, v, g)), A && A.rotate !== void 0 && (this.animationValues || (this.animationValues = h), this.animationValues.pathRotation = A.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (rt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = M.update(() => {
-        ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = At(0)), this.motionValue.jump(0, !1), this.currentAnimation = hu(this.motionValue, [0, 1e3], {
+        ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = At(0)), this.motionValue.jump(0, !1), this.currentAnimation = au(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -3303,24 +3318,24 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(vu), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(fu), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
       if (!(!a || !l || !c)) {
-        if (this !== r && this.layout && c && Pr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+        if (this !== r && this.layout && c && Sr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || L();
           const h = j(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
           const f = j(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        z(a, l), Qt(a, u), Bt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        H(a, l), Qt(a, u), Bt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new mu()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new hu()), this.sharedNodes.get(r).add(a);
       const l = a.options.initialPromotionConfig;
       a.promote({
         transition: l ? l.transition : void 0,
@@ -3385,17 +3400,17 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       r.visibility = "";
       const u = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let h = ou(this.projectionDeltaWithTransform, this.treeScale, u);
+      let h = iu(this.projectionDeltaWithTransform, this.treeScale, u);
       l && (h = l(u, h)), r.transform = h;
       const { x: f, y: p } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${p.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 Qe) {
         if (u[d] === void 0) continue;
-        const { correct: m, applyTo: v, isCSSVariable: g } = Qe[d], T = h === "none" ? u[d] : m(u[d], c);
-        if (v) {
-          const x = v.length;
-          for (let w = 0; w < x; w++) r[v[w]] = T;
-        } else g ? this.options.visualElement.renderState.vars[d] = T : r[d] = T;
+        const { correct: m, applyTo: g, isCSSVariable: v } = Qe[d], T = h === "none" ? u[d] : m(u[d], c);
+        if (g) {
+          const x = g.length;
+          for (let w = 0; w < x; w++) r[g[w]] = T;
+        } else v ? this.options.visualElement.renderState.vars[d] = T : r[d] = T;
       }
       this.options.layoutId && (r.pointerEvents = c === this ? te(a?.pointerEvents) || "" : "none");
     }
@@ -3407,10 +3422,10 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
   };
 }
-function yu(t) {
+function pu(t) {
   t.updateLayout();
 }
-function Tu(t) {
+function mu(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: i, measuredBox: n } = t.layout, { animationType: s } = t.options, o = e.source !== t.layout.source;
@@ -3421,7 +3436,7 @@ function Tu(t) {
     else if (s === "x" || s === "y") {
       const u = s === "x" ? "y" : "x";
       ti(o ? e.measuredBox[u] : e.layoutBox[u], i[u]);
-    } else Pr(s, e.layoutBox, i) && q((u) => {
+    } else Sr(s, e.layoutBox, i) && q((u) => {
       const h = o ? e.measuredBox[u] : e.layoutBox[u], f = j(i[u]);
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[u].max = t.relativeTarget[u].min + f);
     });
@@ -3429,7 +3444,7 @@ function Tu(t) {
     Bt(r, i, e.layoutBox);
     const a = St();
     o ? Bt(a, t.applyTransform(n, !0), e.measuredBox) : Bt(a, i, e.layoutBox);
-    const l = !gr(r);
+    const l = !yr(r);
     let c = !1;
     if (!t.resumeFrom) {
       const u = t.getClosestProjectingParent();
@@ -3439,7 +3454,7 @@ function Tu(t) {
           const p = t.options.layoutAnchor || void 0, d = L();
           ue(d, e.layoutBox, h.layoutBox, p);
           const m = L();
-          ue(m, i, f.layoutBox, p), yr(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
+          ue(m, i, f.layoutBox, p), Tr(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
         }
       }
     }
@@ -3457,44 +3472,44 @@ function Tu(t) {
   }
   t.options.transition = void 0;
 }
-function xu(t) {
+function vu(t) {
   yt.value && ht.nodes++, t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function wu(t) {
+function gu(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function Pu(t) {
+function yu(t) {
   t.clearSnapshot();
 }
 function Dn(t) {
   t.clearMeasurements();
 }
-function Su(t) {
+function Tu(t) {
   t.isLayoutDirty = !0, t.updateLayout();
 }
 function En(t) {
   t.isLayoutDirty = !1;
 }
-function bu(t) {
+function xu(t) {
   t.isAnimationBlocked && t.layout && !t.isLayoutDirty && (t.snapshot = t.layout, t.isLayoutDirty = !0);
 }
-function Au(t) {
+function wu(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function Rn(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function Vu(t) {
+function Pu(t) {
   t.resolveTargetDelta();
 }
-function Mu(t) {
+function Su(t) {
   t.calcProjection();
 }
-function Cu(t) {
+function bu(t) {
   t.resetSkewAndRotation();
 }
-function Du(t) {
+function Au(t) {
   t.removeLeadSnapshot();
 }
 function Ln(t, e, i) {
@@ -3503,13 +3518,13 @@ function Ln(t, e, i) {
 function kn(t, e, i, n) {
   t.min = V(e.min, i.min, n), t.max = V(e.max, i.max, n);
 }
-function Eu(t, e, i, n) {
+function Vu(t, e, i, n) {
   kn(t.x, e.x, i.x, n), kn(t.y, e.y, i.y, n);
 }
-function Ru(t) {
+function Mu(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-var Lu = {
+var Cu = {
   duration: 0.45,
   ease: [
     0.4,
@@ -3517,34 +3532,34 @@ var Lu = {
     0.1,
     1
   ]
-}, Bn = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), In = Bn("applewebkit/") && !Bn("chrome/") ? Math.round : _;
-function Fn(t) {
-  t.min = In(t.min), t.max = In(t.max);
+}, Bn = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Fn = Bn("applewebkit/") && !Bn("chrome/") ? Math.round : z;
+function In(t) {
+  t.min = Fn(t.min), t.max = Fn(t.max);
 }
-function ku(t) {
-  Fn(t.x), Fn(t.y);
+function Du(t) {
+  In(t.x), In(t.y);
 }
-function Pr(t, e, i) {
-  return t === "position" || t === "preserve-aspect" && !tu(bn(e), bn(i), 0.2);
+function Sr(t, e, i) {
+  return t === "position" || t === "preserve-aspect" && !ql(bn(e), bn(i), 0.2);
 }
-function Bu(t) {
+function Eu(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
-var Iu = wr({
+var Ru = Pr({
   attachResizeListener: (t, e) => Nt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
     y: document.documentElement.scrollTop || document.body?.scrollTop || 0
   }),
   checkIsScrollRoot: () => !0
-}), Ae = { current: void 0 }, Sr = wr({
+}), Ae = { current: void 0 }, br = Pr({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
     if (!Ae.current) {
-      const t = new Iu({});
+      const t = new Ru({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), Ae.current = t;
     }
     return Ae.current;
@@ -3553,15 +3568,15 @@ var Iu = wr({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), br = Vt({
+}), Ar = Vt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function Fu(t = !0) {
+function Lu(t = !0) {
   const e = U(si);
   if (e === null) return [!0, null];
-  const { isPresent: i, onExitComplete: n, register: s } = e, o = zr();
+  const { isPresent: i, onExitComplete: n, register: s } = e, o = Wr();
   ni(() => {
     if (t) return s(o);
   }, [t]);
@@ -3572,7 +3587,7 @@ function Fu(t = !0) {
   ]);
   return !i && n ? [!1, r] : [!0];
 }
-var Ar = Vt({ strict: !1 }), On = {
+var Vr = Vt({ strict: !1 }), On = {
   animation: [
     "animate",
     "variants",
@@ -3610,77 +3625,25 @@ var Ar = Vt({ strict: !1 }), On = {
   ],
   layout: ["layout", "layoutId"]
 }, jn = !1;
-function Ou() {
+function ku() {
   if (jn) return;
   const t = {};
   for (const e in On) t[e] = { isEnabled: (i) => On[e].some((n) => !!i[n]) };
   nr(t), jn = !0;
 }
-function Vr() {
-  return Ou(), Vl();
+function Mr() {
+  return ku(), Sl();
 }
-function ju(t) {
-  const e = Vr();
+function Bu(t) {
+  const e = Mr();
   for (const i in t) e[i] = {
     ...e[i],
     ...t[i]
   };
   nr(e);
 }
-var Nu = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "custom",
-  "inherit",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "globalTapTarget",
-  "propagate",
-  "ignoreStrict",
-  "viewport"
-]);
-function ce(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Nu.has(t);
-}
-var Uu = /* @__PURE__ */ Wr({ default: () => Mr }), Mr, Wu = Ur((() => {
-  throw Mr = {}, new Error('Could not resolve "@emotion/is-prop-valid" imported by "framer-motion". Is it installed?');
-})), Cr = (t) => !ce(t);
-function $u(t) {
-  typeof t == "function" && (Cr = (e) => e.startsWith("on") ? !ce(e) : t(e));
-}
-try {
-  $u((Wu(), Nr(Uu)).default);
-} catch {
-}
-function Ku(t, e, i) {
-  const n = {};
-  for (const s in t)
-    s === "values" && typeof t.values == "object" || F(t[s]) || (Cr(s) || i === !0 && ce(s) || !e && !ce(s) || t.draggable && s.startsWith("onDrag")) && (n[s] = t[s]);
-  return n;
-}
 var me = /* @__PURE__ */ Vt({});
-function _u(t, e) {
+function Fu(t, e) {
   if (pe(t)) {
     const { initial: i, animate: n } = t;
     return {
@@ -3690,8 +3653,8 @@ function _u(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function zu(t) {
-  const { initial: e, animate: i } = _u(t, U(me));
+function Iu(t) {
+  const { initial: e, animate: i } = Fu(t, U(me));
   return he(() => ({
     initial: e,
     animate: i
@@ -3706,45 +3669,90 @@ var Di = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Dr(t, e, i) {
-  for (const n in e) !F(e[n]) && !cr(n, i) && (t[n] = e[n]);
+function Cr(t, e, i) {
+  for (const n in e) !I(e[n]) && !cr(n, i) && (t[n] = e[n]);
 }
-function Hu({ transformTemplate: t }, e) {
+function Ou({ transformTemplate: t }, e) {
   return he(() => {
     const i = Di();
     return Mi(i, e, t), Object.assign({}, i.vars, i.style);
   }, [e]);
 }
-function Gu(t, e) {
+function ju(t, e) {
   const i = t.style || {}, n = {};
-  return Dr(n, i, t), Object.assign(n, Hu(t, e)), n;
+  return Cr(n, i, t), Object.assign(n, Ou(t, e)), n;
 }
-function Xu(t, e) {
-  const i = {}, n = Gu(t, e);
+function Nu(t, e) {
+  const i = {}, n = ju(t, e);
   return t.drag && t.dragListener !== !1 && (i.draggable = !1, n.userSelect = n.WebkitUserSelect = n.WebkitTouchCallout = "none", n.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (i.tabIndex = 0), i.style = n, i;
 }
-var Er = () => ({
+var Dr = () => ({
   ...Di(),
   attrs: {}
 });
-function Yu(t, e, i, n) {
+function Uu(t, e, i, n) {
   const s = he(() => {
-    const o = Er();
-    return hr(o, e, dr(n), t.transformTemplate, t.style), {
+    const o = Dr();
+    return fr(o, e, pr(n), t.transformTemplate, t.style), {
       ...o.attrs,
       style: { ...o.style }
     };
   }, [e]);
   if (t.style) {
     const o = {};
-    Dr(o, t.style, t), s.style = {
+    Cr(o, t.style, t), s.style = {
       ...o,
       ...s.style
     };
   }
   return s;
 }
-var qu = [
+var Wu = /* @__PURE__ */ new Set([
+  "animate",
+  "exit",
+  "variants",
+  "initial",
+  "style",
+  "values",
+  "variants",
+  "transition",
+  "transformTemplate",
+  "custom",
+  "inherit",
+  "onBeforeLayoutMeasure",
+  "onAnimationStart",
+  "onAnimationComplete",
+  "onUpdate",
+  "onDragStart",
+  "onDrag",
+  "onDragEnd",
+  "onMeasureDragConstraints",
+  "onDirectionLock",
+  "onDragTransitionEnd",
+  "_dragX",
+  "_dragY",
+  "onHoverStart",
+  "onHoverEnd",
+  "onViewportEnter",
+  "onViewportLeave",
+  "globalTapTarget",
+  "propagate",
+  "ignoreStrict",
+  "viewport"
+]);
+function ce(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Wu.has(t);
+}
+function $u(t, e) {
+  return t.startsWith("on") ? !ce(t) : e?.(t) ?? !ce(t);
+}
+function Ku(t, e, i, n) {
+  const s = {};
+  for (const o in t)
+    o === "values" && typeof t.values == "object" || I(t[o]) || ($u(o, n) || i === !0 && ce(o) || !e && !ce(o) || t.draggable && o.startsWith("onDrag")) && (s[o] = t[o]);
+  return s;
+}
+var zu = [
   "animate",
   "circle",
   "defs",
@@ -3772,26 +3780,26 @@ var qu = [
   "view"
 ];
 function Ei(t) {
-  return typeof t != "string" || t.includes("-") ? !1 : !!(qu.indexOf(t) > -1 || /[A-Z]/u.test(t));
+  return typeof t != "string" || t.includes("-") ? !1 : !!(zu.indexOf(t) > -1 || /[A-Z]/u.test(t));
 }
-function Zu(t, e, i, { latestValues: n }, s, o = !1, r) {
-  const a = (r ?? Ei(t) ? Yu : Xu)(e, n, s, t), l = Ku(e, typeof t == "string", o), c = t !== qn ? {
+function Hu(t, e, i, { latestValues: n }, s, o = !1, r, a) {
+  const l = (r ?? Ei(t) ? Uu : Nu)(e, n, s, t), c = Ku(e, typeof t == "string", o, a), u = t !== qn ? {
+    ...c,
     ...l,
-    ...a,
     ref: i
-  } : {}, { children: u } = e, h = he(() => F(u) ? u.get() : u, [u]);
-  return Kr(t, {
-    ...c,
-    children: h
+  } : {}, { children: h } = e, f = he(() => I(h) ? h.get() : h, [h]);
+  return Nr(t, {
+    ...u,
+    children: f
   });
 }
-function Ju({ scrapeMotionValuesFromProps: t, createRenderState: e }, i, n, s) {
+function Gu({ scrapeMotionValuesFromProps: t, createRenderState: e }, i, n, s) {
   return {
-    latestValues: Qu(i, n, s, t),
+    latestValues: _u(i, n, s, t),
     renderState: e()
   };
 }
-function Qu(t, e, i, n) {
+function _u(t, e, i, n) {
   const s = {}, o = n(t, {});
   for (const f in o) s[f] = te(o[f]);
   let { initial: r, animate: a } = t;
@@ -3805,9 +3813,9 @@ function Qu(t, e, i, n) {
     for (let p = 0; p < f.length; p++) {
       const d = Ti(t, f[p]);
       if (d) {
-        const { transitionEnd: m, transition: v, ...g } = d;
-        for (const T in g) {
-          let x = g[T];
+        const { transitionEnd: m, transition: g, ...v } = d;
+        for (const T in v) {
+          let x = v[T];
           if (Array.isArray(x)) {
             const w = u ? x.length - 1 : 0;
             x = x[w];
@@ -3820,17 +3828,17 @@ function Qu(t, e, i, n) {
   }
   return s;
 }
-var Rr = (t) => (e, i) => {
-  const n = U(me), s = U(si), o = () => Ju(t, e, n, s);
-  return i ? o() : Xr(o);
-}, tc = /* @__PURE__ */ Rr({
+var Er = (t) => (e, i) => {
+  const n = U(me), s = U(si), o = () => Gu(t, e, n, s);
+  return i ? o() : zr(o);
+}, Xu = /* @__PURE__ */ Er({
   scrapeMotionValuesFromProps: Ci,
   createRenderState: Di
-}), ec = /* @__PURE__ */ Rr({
-  scrapeMotionValuesFromProps: pr,
-  createRenderState: Er
-}), ic = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
-function nc(t, e, i) {
+}), Yu = /* @__PURE__ */ Er({
+  scrapeMotionValuesFromProps: mr,
+  createRenderState: Dr
+}), qu = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
+function Zu(t, e, i) {
   const n = ft(i);
   Jn(() => {
     n.current = i;
@@ -3839,19 +3847,20 @@ function nc(t, e, i) {
   return Zn((o) => {
     o && t.onMount?.(o), e && (o ? e.mount(o) : e.unmount());
     const r = n.current;
-    if (typeof r == "function") if (o) {
-      const a = r(o);
-      typeof a == "function" && (s.current = a);
-    } else s.current ? (s.current(), s.current = null) : r(o);
+    if (typeof r == "function")
+      if (o) {
+        const a = r(o);
+        typeof a == "function" && (s.current = a);
+      } else s.current ? (s.current(), s.current = null) : r(o);
     else r && (r.current = o);
   }, [e]);
 }
-var Lr = Vt({});
+var Rr = Vt({});
 function Tt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function sc(t, e, i, n, s, o) {
-  const { visualElement: r } = U(me), a = U(Ar), l = U(si), c = U(br), u = c.reducedMotion, h = c.skipAnimations, f = ft(null), p = ft(!1);
+function Ju(t, e, i, n, s, o) {
+  const { visualElement: r } = U(me), a = U(Vr), l = U(si), c = U(Ar), u = c.reducedMotion, h = c.skipAnimations, f = ft(null), p = ft(!1);
   n = n || a.renderer, !f.current && n && (f.current = n(t, {
     visualState: e,
     parent: r,
@@ -3862,24 +3871,24 @@ function sc(t, e, i, n, s, o) {
     skipAnimations: h,
     isSVG: o
   }), p.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const d = f.current, m = U(Lr);
-  d && !d.projection && s && (d.type === "html" || d.type === "svg") && rc(f.current, i, s, m);
-  const v = ft(!1);
+  const d = f.current, m = U(Rr);
+  d && !d.projection && s && (d.type === "html" || d.type === "svg") && Qu(f.current, i, s, m);
+  const g = ft(!1);
   Jn(() => {
-    d && v.current && d.update(i, l);
+    d && g.current && d.update(i, l);
   });
-  const g = i[Ks], T = ft(!!g && typeof window < "u" && !window.MotionHandoffIsComplete?.(g) && window.MotionHasOptimisedAnimation?.(g));
-  return qr(() => {
-    p.current = !0, d && (v.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), T.current && d.animationState && d.animationState.animateChanges());
+  const v = i[Ks], T = ft(!!v && typeof window < "u" && !window.MotionHandoffIsComplete?.(v) && window.MotionHasOptimisedAnimation?.(v));
+  return Gr(() => {
+    p.current = !0, d && (g.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), T.current && d.animationState && d.animationState.animateChanges());
   }), ni(() => {
     d && (!T.current && d.animationState && d.animationState.animateChanges(), T.current && (queueMicrotask(() => {
-      window.MotionHandoffMarkAsComplete?.(g);
+      window.MotionHandoffMarkAsComplete?.(v);
     }), T.current = !1), d.enteringChildren = void 0);
   }), d;
 }
-function rc(t, e, i, n) {
+function Qu(t, e, i, n) {
   const { layoutId: s, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: c, layoutAnchor: u, layoutCrossfade: h } = e;
-  t.projection = new i(t.latestValues, e["data-framer-portal-id"] ? void 0 : kr(t.parent)), t.projection.setOptions({
+  t.projection = new i(t.latestValues, e["data-framer-portal-id"] ? void 0 : Lr(t.parent)), t.projection.setOptions({
     layoutId: s,
     layout: o,
     alwaysMeasureLayout: !!r || a && Tt(a),
@@ -3892,50 +3901,50 @@ function rc(t, e, i, n) {
     layoutAnchor: u
   });
 }
-function kr(t) {
+function Lr(t) {
   if (t)
-    return t.options.allowProjection !== !1 ? t.projection : kr(t.parent);
+    return t.options.allowProjection !== !1 ? t.projection : Lr(t.parent);
 }
 function Ve(t, { forwardMotionProps: e = !1, type: i } = {}, n, s) {
-  n && ju(n);
-  const o = i ? i === "svg" : Ei(t), r = o ? ec : tc;
+  n && Bu(n);
+  const o = i ? i === "svg" : Ei(t), r = o ? Yu : Xu;
   function a(c, u) {
     let h;
     const f = {
-      ...U(br),
+      ...U(Ar),
       ...c,
-      layoutId: oc(c)
-    }, { isStatic: p } = f, d = zu(c), m = r(c, p);
+      layoutId: tc(c)
+    }, { isStatic: p, isValidProp: d } = f, m = Iu(c), g = r(c, p);
     if (!p && typeof window < "u") {
-      ac(f, n);
-      const v = lc(f);
-      h = v.MeasureLayout, d.visualElement = sc(t, m, f, s, v.ProjectionNode, o);
+      ec(f, n);
+      const v = ic(f);
+      h = v.MeasureLayout, m.visualElement = Ju(t, g, f, s, v.ProjectionNode, o);
     }
-    return Gr(me.Provider, {
-      value: d,
-      children: [h && d.visualElement ? Qn(h, {
-        visualElement: d.visualElement,
+    return Kr(me.Provider, {
+      value: m,
+      children: [h && m.visualElement ? Qn(h, {
+        visualElement: m.visualElement,
         ...f
-      }) : null, Zu(t, c, nc(m, d.visualElement, u), m, p, e, o)]
+      }) : null, Hu(t, c, Zu(g, m.visualElement, u), g, p, e, o, d)]
     });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = _r(a);
-  return l[ic] = t, l;
+  const l = Ur(a);
+  return l[qu] = t, l;
 }
-function oc({ layoutId: t }) {
+function tc({ layoutId: t }) {
   const e = U(ts).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function ac(t, e) {
-  const i = U(Ar).strict;
+function ec(t, e) {
+  const i = U(Vr).strict;
   if (process.env.NODE_ENV !== "production" && e && i) {
     const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? Mt(!1, n, "lazy-strict-mode") : it(!1, n, "lazy-strict-mode");
+    t.ignoreStrict ? Mt(!1, n, "lazy-strict-mode") : tt(!1, n, "lazy-strict-mode");
   }
 }
-function lc(t) {
-  const { drag: e, layout: i } = Vr();
+function ic(t) {
+  const { drag: e, layout: i } = Mr();
   if (!e && !i) return {};
   const n = {
     ...e,
@@ -3946,14 +3955,14 @@ function lc(t) {
     ProjectionNode: n.ProjectionNode
   };
 }
-function uc(t, e) {
+function nc(t, e) {
   if (typeof Proxy > "u") return Ve;
   const i = /* @__PURE__ */ new Map(), n = (o, r) => Ve(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && ai(!1, "motion() is deprecated. Use motion.create() instead."), n(o, r));
   return new Proxy(s, { get: (o, r) => r === "create" ? n : (i.has(r) || i.set(r, Ve(r, void 0, t, e)), i.get(r)) });
 }
-var cc = (t, e) => e.isSVG ?? Ei(t) ? new Kl(e) : new Ol(e, { allowProjection: t !== qn }), hc = class extends ot {
+var sc = (t, e) => e.isSVG ?? Ei(t) ? new Nl(e) : new Bl(e, { allowProjection: t !== qn }), rc = class extends ot {
   constructor(t) {
-    super(t), t.animationState || (t.animationState = Xl(t));
+    super(t), t.animationState || (t.animationState = zl(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3969,9 +3978,9 @@ var cc = (t, e) => e.isSVG ?? Ei(t) ? new Kl(e) : new Ol(e, { allowProjection: t
   unmount() {
     this.node.animationState.reset(), this.unmountControls?.();
   }
-}, fc = 0, dc = class extends ot {
+}, oc = 0, ac = class extends ot {
   constructor() {
-    super(...arguments), this.id = fc++, this.isExitComplete = !1;
+    super(...arguments), this.id = oc++, this.isExitComplete = !1;
   }
   update() {
     if (!this.node.presenceContext) return;
@@ -4003,9 +4012,9 @@ var cc = (t, e) => e.isSVG ?? Ei(t) ? new Kl(e) : new Ol(e, { allowProjection: t
   }
   unmount() {
   }
-}, pc = {
-  animation: { Feature: hc },
-  exit: { Feature: dc }
+}, lc = {
+  animation: { Feature: rc },
+  exit: { Feature: ac }
 };
 function Kt(t) {
   return { point: {
@@ -4013,16 +4022,16 @@ function Kt(t) {
     y: t.pageY
   } };
 }
-var mc = (t) => (e) => Si(e) && t(e, Kt(e));
-function It(t, e, i, n) {
-  return Nt(t, e, mc(i), n);
+var uc = (t) => (e) => Si(e) && t(e, Kt(e));
+function Ft(t, e, i, n) {
+  return Nt(t, e, uc(i), n);
 }
-var Br = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Un = (t, e) => Math.abs(t - e);
-function vc(t, e) {
+var kr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Un = (t, e) => Math.abs(t - e);
+function cc(t, e) {
   const i = Un(t.x, e.x), n = Un(t.y, e.y);
   return Math.sqrt(i ** 2 + n ** 2);
 }
-var Wn = /* @__PURE__ */ new Set(["auto", "scroll"]), Ir = class {
+var Wn = /* @__PURE__ */ new Set(["auto", "scroll"]), Br = class {
   constructor(t, e, { transformPagePoint: i, contextWindow: n = window, dragSnapToOrigin: s = !1, distanceThreshold: o = 3, element: r } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (f) => {
       this.handleScroll(f.target);
@@ -4030,30 +4039,30 @@ var Wn = /* @__PURE__ */ new Set(["auto", "scroll"]), Ir = class {
       this.handleScroll(window);
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo)) return;
-      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = Ht(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const f = Me(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, d = vc(f.offset, {
+      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = Gt(this.lastRawMoveEventInfo, this.transformPagePoint));
+      const f = Me(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, d = cc(f.offset, {
         x: 0,
         y: 0
       }) >= this.distanceThreshold;
       if (!p && !d) return;
-      const { point: m } = f, { timestamp: v } = I;
+      const { point: m } = f, { timestamp: g } = F;
       this.history.push({
         ...m,
-        timestamp: v
+        timestamp: g
       });
-      const { onStart: g, onMove: T } = this.handlers;
-      p || (g && g(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), T && T(this.lastMoveEvent, f);
+      const { onStart: v, onMove: T } = this.handlers;
+      p || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), T && T(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, p) => {
-      this.lastMoveEvent = f, this.lastRawMoveEventInfo = p, this.lastMoveEventInfo = Ht(p, this.transformPagePoint), M.update(this.updatePoint, !0);
+      this.lastMoveEvent = f, this.lastRawMoveEventInfo = p, this.lastMoveEventInfo = Gt(p, this.transformPagePoint), M.update(this.updatePoint, !0);
     }, this.handlePointerUp = (f, p) => {
       this.end();
-      const { onEnd: d, onSessionEnd: m, resumeAnimation: v } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo)) return;
-      const g = Me(f.type === "pointercancel" ? this.lastMoveEventInfo : Ht(p, this.transformPagePoint), this.history);
-      this.startEvent && d && d(f, g), m && m(f, g);
+      const { onEnd: d, onSessionEnd: m, resumeAnimation: g } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && g && g(), !(this.lastMoveEvent && this.lastMoveEventInfo)) return;
+      const v = Me(f.type === "pointercancel" ? this.lastMoveEventInfo : Gt(p, this.transformPagePoint), this.history);
+      this.startEvent && d && d(f, v), m && m(f, v);
     }, !Si(t)) return;
     this.dragSnapToOrigin = s, this.handlers = e, this.transformPagePoint = i, this.distanceThreshold = o, this.contextWindow = n || window;
-    const a = Ht(Kt(t), this.transformPagePoint), { point: l } = a, { timestamp: c } = I;
+    const a = Gt(Kt(t), this.transformPagePoint), { point: l } = a, { timestamp: c } = F;
     this.history = [{
       ...l,
       timestamp: c
@@ -4064,7 +4073,7 @@ var Wn = /* @__PURE__ */ new Set(["auto", "scroll"]), Ir = class {
       passive: !0,
       capture: !0
     };
-    this.removeListeners = Ut(It(this.contextWindow, "pointermove", this.handlePointerMove, h), It(this.contextWindow, "pointerup", this.handlePointerUp, h), It(this.contextWindow, "pointercancel", this.handlePointerUp, h)), r && this.startScrollTracking(r);
+    this.removeListeners = Ut(Ft(this.contextWindow, "pointermove", this.handlePointerMove, h), Ft(this.contextWindow, "pointerup", this.handlePointerUp, h), Ft(this.contextWindow, "pointercancel", this.handlePointerUp, h)), r && this.startScrollTracking(r);
   }
   startScrollTracking(t) {
     let e = t.parentElement;
@@ -4104,7 +4113,7 @@ var Wn = /* @__PURE__ */ new Set(["auto", "scroll"]), Ir = class {
     this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), rt(this.updatePoint);
   }
 };
-function Ht(t, e) {
+function Gt(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function $n(t, e) {
@@ -4117,17 +4126,17 @@ function Me({ point: t }, e) {
   return {
     point: t,
     delta: $n(t, Fr(e)),
-    offset: $n(t, gc(e)),
-    velocity: yc(e, 0.1)
+    offset: $n(t, hc(e)),
+    velocity: fc(e, 0.1)
   };
 }
-function gc(t) {
+function hc(t) {
   return t[0];
 }
 function Fr(t) {
   return t[t.length - 1];
 }
-function yc(t, e) {
+function fc(t, e) {
   if (t.length < 2) return {
     x: 0,
     y: 0
@@ -4152,7 +4161,7 @@ function yc(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function Tc(t, { min: e, max: i }, n) {
+function dc(t, { min: e, max: i }, n) {
   return e !== void 0 && t < e ? t = n ? V(e, t, n.min) : Math.max(t, e) : i !== void 0 && t > i && (t = n ? V(i, t, n.max) : Math.min(t, i)), t;
 }
 function Kn(t, e, i) {
@@ -4161,51 +4170,51 @@ function Kn(t, e, i) {
     max: i !== void 0 ? t.max + i - (t.max - t.min) : void 0
   };
 }
-function xc(t, { top: e, left: i, bottom: n, right: s }) {
+function pc(t, { top: e, left: i, bottom: n, right: s }) {
   return {
     x: Kn(t.x, i, s),
     y: Kn(t.y, e, n)
   };
 }
-function _n(t, e) {
+function zn(t, e) {
   let i = e.min - t.min, n = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([i, n] = [n, i]), {
     min: i,
     max: n
   };
 }
-function wc(t, e) {
+function mc(t, e) {
   return {
-    x: _n(t.x, e.x),
-    y: _n(t.y, e.y)
+    x: zn(t.x, e.x),
+    y: zn(t.y, e.y)
   };
 }
-function Pc(t, e) {
+function vc(t, e) {
   let i = 0.5;
   const n = j(t), s = j(e);
-  return s > n ? i = Ft(e.min, e.max - n, t.min) : n > s && (i = Ft(t.min, t.max - s, e.min)), Q(0, 1, i);
+  return s > n ? i = It(e.min, e.max - n, t.min) : n > s && (i = It(t.min, t.max - s, e.min)), Q(0, 1, i);
 }
-function Sc(t, e) {
+function gc(t, e) {
   const i = {};
   return e.min !== void 0 && (i.min = e.min - t.min), e.max !== void 0 && (i.max = e.max - t.min), i;
 }
 var ei = 0.35;
-function bc(t = ei) {
+function yc(t = ei) {
   return t === !1 ? t = 0 : t === !0 && (t = ei), {
-    x: zn(t, "left", "right"),
-    y: zn(t, "top", "bottom")
+    x: Hn(t, "left", "right"),
+    y: Hn(t, "top", "bottom")
   };
 }
-function zn(t, e, i) {
+function Hn(t, e, i) {
   return {
-    min: Hn(t, e),
-    max: Hn(t, i)
+    min: Gn(t, e),
+    max: Gn(t, i)
   };
 }
-function Hn(t, e) {
+function Gn(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
+var Tc = /* @__PURE__ */ new WeakMap(), xc = class {
   constructor(t) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = {
       x: 0,
@@ -4219,31 +4228,31 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
       e && this.snapToCursor(Kt(u).point), this.stopAnimation();
     }, o = (u, h) => {
       const { drag: f, dragPropagation: p, onDragStart: d } = this.getProps();
-      if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = il(f), !this.openDragLock))
+      if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = Qa(f), !this.openDragLock))
         return;
-      this.latestPointerEvent = u, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), q((v) => {
-        let g = this.getAxisMotionValue(v).get() || 0;
-        if (J.test(g)) {
+      this.latestPointerEvent = u, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), q((g) => {
+        let v = this.getAxisMotionValue(g).get() || 0;
+        if (J.test(v)) {
           const { projection: T } = this.visualElement;
           if (T && T.layout) {
-            const x = T.layout.layoutBox[v];
-            x && (g = j(x) * (parseFloat(g) / 100));
+            const x = T.layout.layoutBox[g];
+            x && (v = j(x) * (parseFloat(v) / 100));
           }
         }
-        this.originPoint[v] = g;
-      }), d && M.update(() => d(u, h), !1, !0), ze(this.visualElement, "transform");
+        this.originPoint[g] = v;
+      }), d && M.update(() => d(u, h), !1, !0), He(this.visualElement, "transform");
       const { animationState: m } = this.visualElement;
       m && m.setActive("whileDrag", !0);
     }, r = (u, h) => {
       this.latestPointerEvent = u, this.latestPanInfo = h;
       const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: d, onDrag: m } = this.getProps();
       if (!f && !this.openDragLock) return;
-      const { offset: v } = h;
+      const { offset: g } = h;
       if (p && this.currentDirection === null) {
-        this.currentDirection = Cc(v), this.currentDirection !== null && d && d(this.currentDirection);
+        this.currentDirection = Pc(g), this.currentDirection !== null && d && d(this.currentDirection);
         return;
       }
-      this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), m && M.update(() => m(u, h), !1, !0);
+      this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), m && M.update(() => m(u, h), !1, !0);
     }, a = (u, h) => {
       this.latestPointerEvent = u, this.latestPanInfo = h, this.stop(u, h), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, l = () => {
@@ -4253,7 +4262,7 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
         y: 0
       });
     }, { dragSnapToOrigin: c } = this.getProps();
-    this.panSession = new Ir(t, {
+    this.panSession = new Br(t, {
       onSessionStart: s,
       onStart: o,
       onMove: r,
@@ -4263,7 +4272,7 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: c,
       distanceThreshold: i,
-      contextWindow: Br(this.visualElement),
+      contextWindow: kr(this.visualElement),
       element: this.visualElement.current
     });
   }
@@ -4287,36 +4296,36 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
   }
   updateAxis(t, e, i) {
     const { drag: n } = this.getProps();
-    if (!i || !Gt(t, n, this.currentDirection)) return;
+    if (!i || !_t(t, n, this.currentDirection)) return;
     const s = this.getAxisMotionValue(t);
     let o = this.originPoint[t] + i[t];
-    this.constraints && this.constraints[t] && (o = Tc(o, this.constraints[t], this.elastic[t])), s.set(o);
+    this.constraints && this.constraints[t] && (o = dc(o, this.constraints[t], this.elastic[t])), s.set(o);
   }
   resolveConstraints() {
     const { dragConstraints: t, dragElastic: e } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, n = this.constraints;
-    t && Tt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = xc(i.layoutBox, t) : this.constraints = !1, this.elastic = bc(e), n !== this.constraints && !Tt(t) && i && this.constraints && !this.hasMutatedConstraints && q((s) => {
-      this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = Sc(i.layoutBox[s], this.constraints[s]));
+    t && Tt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = pc(i.layoutBox, t) : this.constraints = !1, this.elastic = yc(e), n !== this.constraints && !Tt(t) && i && this.constraints && !this.hasMutatedConstraints && q((s) => {
+      this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = gc(i.layoutBox[s], this.constraints[s]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: t, onMeasureDragConstraints: e } = this.getProps();
     if (!t || !Tt(t)) return !1;
     const i = t.current;
-    it(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    tt(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: n } = this.visualElement;
     if (!n || !n.layout) return !1;
     n.root && (n.root.scroll = void 0, n.root.updateScroll());
-    const s = Rl(i, n.root, this.visualElement.getTransformPagePoint());
-    let o = wc(n.layout.layoutBox, s);
+    const s = Cl(i, n.root, this.visualElement.getTransformPagePoint());
+    let o = mc(n.layout.layoutBox, s);
     if (e) {
-      const r = e(Cl(o));
+      const r = e(Al(o));
       this.hasMutatedConstraints = !!r, r && (o = rr(r));
     }
     return o;
   }
   startAnimation(t) {
     const { drag: e, dragMomentum: i, dragElastic: n, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: r } = this.getProps(), a = this.constraints || {}, l = q((c) => {
-      if (!Gt(c, e, this.currentDirection)) return;
+      if (!_t(c, e, this.currentDirection)) return;
       let u = a && a[c] || {};
       (o === !0 || o === c) && (u = {
         min: 0,
@@ -4339,7 +4348,7 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
   }
   startAxisValueAnimation(t, e) {
     const i = this.getAxisMotionValue(t);
-    return ze(this.visualElement, t), i.start(yi(t, i, 0, e, this.visualElement, !1));
+    return He(this.visualElement, t), i.start(yi(t, i, 0, e, this.visualElement, !1));
   }
   stopAnimation() {
     q((t) => this.getAxisMotionValue(t).stop());
@@ -4351,7 +4360,7 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
   snapToCursor(t) {
     q((e) => {
       const { drag: i } = this.getProps();
-      if (!Gt(e, i, this.currentDirection)) return;
+      if (!_t(e, i, this.currentDirection)) return;
       const { projection: n } = this.visualElement, s = this.getAxisMotionValue(e);
       if (n && n.layout) {
         const { min: o, max: r } = n.layout.layoutBox[e], a = s.get() || 0;
@@ -4372,7 +4381,7 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
       const r = this.getAxisMotionValue(o);
       if (r && this.constraints !== !1) {
         const a = r.get();
-        n[o] = Pc({
+        n[o] = vc({
           min: a,
           max: a
         }, this.constraints[o]);
@@ -4380,22 +4389,22 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
     });
     const { transformTemplate: s } = this.visualElement.getProps();
     this.visualElement.current.style.transform = s ? s({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.constraints = !1, this.resolveConstraints(), q((o) => {
-      if (!Gt(o, t, null)) return;
+      if (!_t(o, t, null)) return;
       const r = this.getAxisMotionValue(o), { min: a, max: l } = this.constraints[o];
       r.set(V(a, l, n[o]));
     }), this.visualElement.render();
   }
   addListeners() {
     if (!this.visualElement.current) return;
-    Ac.set(this.visualElement, this);
-    const t = this.visualElement.current, e = It(t, "pointerdown", (l) => {
-      const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== t && ll(h);
+    Tc.set(this.visualElement, this);
+    const t = this.visualElement.current, e = Ft(t, "pointerdown", (l) => {
+      const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== t && rl(h);
       c && u && !f && this.start(l);
     });
     let i;
     const n = () => {
       const { dragConstraints: l } = this.getProps();
-      Tt(l) && l.current && (this.constraints = this.resolveRefConstraints(), i || (i = Mc(t, l.current, () => this.scalePositionWithinConstraints())));
+      Tt(l) && l.current && (this.constraints = this.resolveRefConstraints(), i || (i = wc(t, l.current, () => this.scalePositionWithinConstraints())));
     }, { projection: s } = this.visualElement, o = s.addEventListener("measure", n);
     s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), M.read(n);
     const r = Nt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: c }) => {
@@ -4421,7 +4430,7 @@ var Ac = /* @__PURE__ */ new WeakMap(), Vc = class {
     };
   }
 };
-function Gn(t) {
+function _n(t) {
   let e = !0;
   return () => {
     if (e) {
@@ -4431,26 +4440,26 @@ function Gn(t) {
     t();
   };
 }
-function Mc(t, e, i) {
-  const n = en(t, Gn(i)), s = en(e, Gn(i));
+function wc(t, e, i) {
+  const n = en(t, _n(i)), s = en(e, _n(i));
   return () => {
     n(), s();
   };
 }
-function Gt(t, e, i) {
+function _t(t, e, i) {
   return (e === !0 || e === t) && (i === null || i === t);
 }
-function Cc(t, e = 10) {
+function Pc(t, e = 10) {
   let i = null;
   return Math.abs(t.y) > e ? i = "y" : Math.abs(t.x) > e && (i = "x"), i;
 }
-var Dc = class extends ot {
+var Sc = class extends ot {
   constructor(t) {
-    super(t), this.removeGroupControls = _, this.removeListeners = _, this.controls = new Vc(t);
+    super(t), this.removeGroupControls = z, this.removeListeners = z, this.controls = new xc(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || _;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || z;
   }
   update() {
     const { dragControls: t } = this.node.getProps(), { dragControls: e } = this.node.prevProps || {};
@@ -4461,14 +4470,14 @@ var Dc = class extends ot {
   }
 }, Ce = (t) => (e, i) => {
   t && M.update(() => t(e, i), !1, !0);
-}, Ec = class extends ot {
+}, bc = class extends ot {
   constructor() {
-    super(...arguments), this.removePointerDownListener = _;
+    super(...arguments), this.removePointerDownListener = z;
   }
   onPointerDown(t) {
-    this.session = new Ir(t, this.createPanHandlers(), {
+    this.session = new Br(t, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Br(this.node)
+      contextWindow: kr(this.node)
     });
   }
   createPanHandlers() {
@@ -4483,7 +4492,7 @@ var Dc = class extends ot {
     };
   }
   mount() {
-    this.removePointerDownListener = It(this.node.current, "pointerdown", (t) => this.onPointerDown(t));
+    this.removePointerDownListener = Ft(this.node.current, "pointerdown", (t) => this.onPointerDown(t));
   }
   update() {
     this.session && this.session.updateHandlers(this.createPanHandlers());
@@ -4491,7 +4500,7 @@ var Dc = class extends ot {
   unmount() {
     this.removePointerDownListener(), this.session && this.session.end();
   }
-}, De = !1, Rc = class extends $r {
+}, De = !1, Ac = class extends jr {
   componentDidMount() {
     const { visualElement: t, layoutGroup: e, switchLayoutGroup: i, layoutId: n } = this.props, { projection: s } = t;
     s && (e.group && e.group.add(s), i && i.register && n && i.register(s), De && s.root.didUpdate(), s.addEventListener("animationComplete", () => {
@@ -4530,22 +4539,22 @@ var Dc = class extends ot {
     return null;
   }
 };
-function Or(t) {
-  const [e, i] = Fu(), n = U(ts);
-  return Qn(Rc, {
+function Ir(t) {
+  const [e, i] = Lu(), n = U(ts);
+  return Qn(Ac, {
     ...t,
     layoutGroup: n,
-    switchLayoutGroup: U(Lr),
+    switchLayoutGroup: U(Rr),
     isPresent: e,
     safeToRemove: i
   });
 }
-var Lc = {
-  pan: { Feature: Ec },
+var Vc = {
+  pan: { Feature: bc },
   drag: {
-    Feature: Dc,
-    ProjectionNode: Sr,
-    MeasureLayout: Or
+    Feature: Sc,
+    ProjectionNode: br,
+    MeasureLayout: Ir
   }
 };
 function Xn(t, e, i) {
@@ -4554,14 +4563,14 @@ function Xn(t, e, i) {
   const s = n["onHover" + i];
   s && M.postRender(() => s(e, Kt(e)));
 }
-var kc = class extends ot {
+var Mc = class extends ot {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = sl(t, (e, i) => (Xn(this.node, i, "Start"), (n) => Xn(this.node, n, "End"))));
+    t && (this.unmount = el(t, (e, i) => (Xn(this.node, i, "Start"), (n) => Xn(this.node, n, "End"))));
   }
   unmount() {
   }
-}, Bc = class extends ot {
+}, Cc = class extends ot {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4590,43 +4599,43 @@ function Yn(t, e, i) {
   const s = n["onTap" + (i === "End" ? "" : i)];
   s && M.postRender(() => s(e, Kt(e)));
 }
-var Ic = class extends ot {
+var Dc = class extends ot {
   mount() {
     const { current: t } = this.node;
     if (!t) return;
     const { globalTapTarget: e, propagate: i } = this.node.props;
-    this.unmount = cl(t, (n, s) => (Yn(this.node, s, "Start"), (o, { success: r }) => Yn(this.node, o, r ? "End" : "Cancel")), {
+    this.unmount = al(t, (n, s) => (Yn(this.node, s, "Start"), (o, { success: r }) => Yn(this.node, o, r ? "End" : "Cancel")), {
       useGlobalTarget: e,
       stopPropagation: i?.tap === !1
     });
   }
   unmount() {
   }
-}, ii = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Fc = (t) => {
+}, ii = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Ec = (t) => {
   const e = ii.get(t.target);
   e && e(t);
-}, Oc = (t) => {
-  t.forEach(Fc);
+}, Rc = (t) => {
+  t.forEach(Ec);
 };
-function jc({ root: t, ...e }) {
+function Lc({ root: t, ...e }) {
   const i = t || document;
   Ee.has(i) || Ee.set(i, {});
   const n = Ee.get(i), s = JSON.stringify(e);
-  return n[s] || (n[s] = new IntersectionObserver(Oc, {
+  return n[s] || (n[s] = new IntersectionObserver(Rc, {
     root: t,
     ...e
   })), n[s];
 }
-function Nc(t, e, i) {
-  const n = jc(e);
+function kc(t, e, i) {
+  const n = Lc(e);
   return ii.set(t, i), n.observe(t), () => {
     ii.delete(t), n.unobserve(t);
   };
 }
-var Uc = {
+var Bc = {
   some: 0,
   all: 1
-}, Wc = class extends ot {
+}, Fc = class extends ot {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4635,7 +4644,7 @@ var Uc = {
     const { viewport: t = {} } = this.node.getProps(), { root: e, margin: i, amount: n = "some", once: s } = t, o = {
       root: e ? e.current : void 0,
       rootMargin: i,
-      threshold: typeof n == "number" ? n : Uc[n]
+      threshold: typeof n == "number" ? n : Bc[n]
     }, r = (a) => {
       const { isIntersecting: l } = a;
       if (this.isInView === l || (this.isInView = l, s && !l && this.hasEnteredView)) return;
@@ -4643,7 +4652,7 @@ var Uc = {
       const { onViewportEnter: c, onViewportLeave: u } = this.node.getProps(), h = l ? c : u;
       h && h(a);
     };
-    this.stopObserver = Nc(this.node.current, o, r);
+    this.stopObserver = kc(this.node.current, o, r);
   }
   mount() {
     this.startObserver();
@@ -4655,29 +4664,29 @@ var Uc = {
       "amount",
       "margin",
       "root"
-    ].some($c(t, e)) && this.startObserver();
+    ].some(Ic(t, e)) && this.startObserver();
   }
   unmount() {
     this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
   }
 };
-function $c({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Ic({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (i) => t[i] !== e[i];
 }
-var Kc = {
-  inView: { Feature: Wc },
-  tap: { Feature: Ic },
-  focus: { Feature: Bc },
-  hover: { Feature: kc }
-}, _c = { layout: {
-  ProjectionNode: Sr,
-  MeasureLayout: Or
-} }, zc = {
-  ...pc,
-  ...Kc,
-  ...Lc,
-  ..._c
-}, Hc = /* @__PURE__ */ uc(zc, cc), Jc = Hc;
+var Oc = {
+  inView: { Feature: Fc },
+  tap: { Feature: Dc },
+  focus: { Feature: Cc },
+  hover: { Feature: Mc }
+}, jc = { layout: {
+  ProjectionNode: br,
+  MeasureLayout: Ir
+} }, Nc = {
+  ...lc,
+  ...Oc,
+  ...Vc,
+  ...jc
+}, Uc = /* @__PURE__ */ nc(Nc, sc), Hc = Uc;
 export {
-  Jc as t
+  Hc as t
 };