@clubmed/usg-chat-ui 1.5.1 → 1.6.0

package/organisms/canvas/CanvasLayout.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as C, Fragment as Zi, jsxs as Q } from "react/jsx-runtime";
+import { jsx as M, Fragment as Ji, jsxs as Q } from "react/jsx-runtime";
 import { useCanvasStore as jr } from "../../utils/canvas-store.js";
 import { cn as Nr } from "../../utils/cn.js";
-import * as se from "react";
-import { createContext as bt, useRef as U, useLayoutEffect as Ur, useEffect as kt, useId as qe, useContext as B, useInsertionEffect as Ze, useMemo as ht, useCallback as Ji, Children as Wr, isValidElement as $r, useState as Ln, Fragment as Qi, createElement as Kr, forwardRef as zr, Component as _r } from "react";
+import * as re from "react";
+import { createContext as bt, useRef as W, useLayoutEffect as Wr, useEffect as Ft, useId as Ze, useContext as B, useInsertionEffect as Je, useMemo as ft, useCallback as Qi, Children as Ur, isValidElement as $r, useState as kn, Fragment as ts, createElement as Kr, forwardRef as zr, Component as _r } from "react";
 import { useChatLabels as Gr } from "../../contexts/ChatLabelsContext.js";
 import { c as Hr } from "../../chunks/createLucideIcon.js";
 import { M as Xr } from "../../chunks/maximize-2.js";
@@ -19,53 +19,53 @@ const qr = [
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
-], Zr = Hr("minimize-2", qr), Je = bt({});
-function Qe(t) {
-  const e = U(null);
+], Zr = Hr("minimize-2", qr), Qe = bt({});
+function tn(t) {
+  const e = W(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const ts = typeof window < "u", es = ts ? Ur : kt, re = /* @__PURE__ */ bt(null);
-function tn(t, e) {
+const es = typeof window < "u", ns = es ? Wr : Ft, oe = /* @__PURE__ */ bt(null);
+function en(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function en(t, e) {
+function nn(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
 const q = (t, e, n) => n > e ? e : n < t ? t : n;
-function Me(t, e) {
+function Ce(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let St = () => {
 }, Z = () => {
 };
-var qi;
-typeof process < "u" && ((qi = process.env) == null ? void 0 : qi.NODE_ENV) !== "production" && (St = (t, e, n) => {
-  !t && typeof console < "u" && console.warn(Me(e, n));
+var Zi;
+typeof process < "u" && ((Zi = process.env) == null ? void 0 : Zi.NODE_ENV) !== "production" && (St = (t, e, n) => {
+  !t && typeof console < "u" && console.warn(Ce(e, n));
 }, Z = (t, e, n) => {
   if (!t)
-    throw new Error(Me(e, n));
+    throw new Error(Ce(e, n));
 });
-const J = {}, ns = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
-function is(t) {
+const J = {}, is = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function ss(t) {
   return typeof t == "object" && t !== null;
 }
-const ss = (t) => /^0[^.\s]+$/u.test(t);
+const rs = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function nn(t) {
+function sn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const z = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Jr = (t, e) => (n) => e(t(n)), Nt = (...t) => t.reduce(Jr), Ft = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Jr = (t, e) => (n) => e(t(n)), Wt = (...t) => t.reduce(Jr), It = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
-class sn {
+class rn {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return tn(this.subscriptions, e), () => en(this.subscriptions, e);
+    return en(this.subscriptions, e), () => nn(this.subscriptions, e);
   }
   notify(e, n, i) {
     const s = this.subscriptions.length;
@@ -85,49 +85,49 @@ class sn {
     this.subscriptions.length = 0;
   }
 }
-const X = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, K = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function rs(t, e) {
+const X = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, z = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+function os(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const kn = /* @__PURE__ */ new Set();
-function rn(t, e, n) {
-  t || kn.has(e) || (console.warn(Me(e, n)), kn.add(e));
+const Fn = /* @__PURE__ */ new Set();
+function on(t, e, n) {
+  t || Fn.has(e) || (console.warn(Ce(e, n)), Fn.add(e));
 }
-const os = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Qr = 1e-7, to = 12;
+const as = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Qr = 1e-7, to = 12;
 function eo(t, e, n, i, s) {
   let o, r, a = 0;
   do
-    r = e + (n - e) / 2, o = os(r, i, s) - t, o > 0 ? n = r : e = r;
+    r = e + (n - e) / 2, o = as(r, i, s) - t, o > 0 ? n = r : e = r;
   while (Math.abs(o) > Qr && ++a < to);
   return r;
 }
 function Ut(t, e, n, i) {
   if (t === e && n === i)
-    return z;
+    return _;
   const s = (o) => eo(o, 0, 1, t, n);
-  return (o) => o === 0 || o === 1 ? o : os(s(o), e, i);
+  return (o) => o === 0 || o === 1 ? o : as(s(o), e, i);
 }
-const as = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ls = (t) => (e) => 1 - t(1 - e), cs = /* @__PURE__ */ Ut(0.33, 1.53, 0.69, 0.99), on = /* @__PURE__ */ ls(cs), us = /* @__PURE__ */ as(on), hs = (t) => (t *= 2) < 1 ? 0.5 * on(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), an = (t) => 1 - Math.sin(Math.acos(t)), fs = ls(an), ds = as(an), no = /* @__PURE__ */ Ut(0.42, 0, 1, 1), io = /* @__PURE__ */ Ut(0, 0, 0.58, 1), ms = /* @__PURE__ */ Ut(0.42, 0, 0.58, 1), so = (t) => Array.isArray(t) && typeof t[0] != "number", ps = (t) => Array.isArray(t) && typeof t[0] == "number", Fn = {
-  linear: z,
+const ls = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, cs = (t) => (e) => 1 - t(1 - e), us = /* @__PURE__ */ Ut(0.33, 1.53, 0.69, 0.99), an = /* @__PURE__ */ cs(us), hs = /* @__PURE__ */ ls(an), fs = (t) => (t *= 2) < 1 ? 0.5 * an(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ln = (t) => 1 - Math.sin(Math.acos(t)), ds = cs(ln), ms = ls(ln), no = /* @__PURE__ */ Ut(0.42, 0, 1, 1), io = /* @__PURE__ */ Ut(0, 0, 0.58, 1), ps = /* @__PURE__ */ Ut(0.42, 0, 0.58, 1), so = (t) => Array.isArray(t) && typeof t[0] != "number", gs = (t) => Array.isArray(t) && typeof t[0] == "number", In = {
+  linear: _,
   easeIn: no,
-  easeInOut: ms,
+  easeInOut: ps,
   easeOut: io,
-  circIn: an,
-  circInOut: ds,
-  circOut: fs,
-  backIn: on,
-  backInOut: us,
-  backOut: cs,
-  anticipate: hs
-}, ro = (t) => typeof t == "string", In = (t) => {
-  if (ps(t)) {
+  circIn: ln,
+  circInOut: ms,
+  circOut: ds,
+  backIn: an,
+  backInOut: hs,
+  backOut: us,
+  anticipate: fs
+}, ro = (t) => typeof t == "string", Bn = (t) => {
+  if (gs(t)) {
     Z(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
     return Ut(e, n, i, s);
   } else if (ro(t))
-    return Z(Fn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Fn[t];
+    return Z(In[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), In[t];
   return t;
-}, Kt = [
+}, zt = [
   "setup",
   // Compute
   "read",
@@ -184,58 +184,58 @@ function oo(t, e) {
   return u;
 }
 const ao = 40;
-function gs(t, e) {
+function ys(t, e) {
   let n = !1, i = !0;
   const s = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = Kt.reduce((y, S) => (y[S] = oo(o), y), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: f, render: d, postRender: m } = r, p = () => {
-    const y = J.useManualTiming ? s.timestamp : performance.now();
-    n = !1, J.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(y - s.timestamp, ao), 1)), s.timestamp = y, s.isProcessing = !0, a.process(s), l.process(s), u.process(s), c.process(s), h.process(s), f.process(s), d.process(s), m.process(s), s.isProcessing = !1, n && e && (i = !1, t(p));
-  }, v = () => {
+  }, o = () => n = !0, r = zt.reduce((v, S) => (v[S] = oo(o), v), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: f, render: d, postRender: m } = r, p = () => {
+    const v = J.useManualTiming ? s.timestamp : performance.now();
+    n = !1, J.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(v - s.timestamp, ao), 1)), s.timestamp = v, s.isProcessing = !0, a.process(s), l.process(s), u.process(s), c.process(s), h.process(s), f.process(s), d.process(s), m.process(s), s.isProcessing = !1, n && e && (i = !1, t(p));
+  }, y = () => {
     n = !0, i = !0, s.isProcessing || t(p);
   };
-  return { schedule: Kt.reduce((y, S) => {
-    const b = r[S];
-    return y[S] = (A, P = !1, w = !1) => (n || v(), b.schedule(A, P, w)), y;
-  }, {}), cancel: (y) => {
-    for (let S = 0; S < Kt.length; S++)
-      r[Kt[S]].cancel(y);
+  return { schedule: zt.reduce((v, S) => {
+    const w = r[S];
+    return v[S] = (A, V = !1, b = !1) => (n || y(), w.schedule(A, V, b)), v;
+  }, {}), cancel: (v) => {
+    for (let S = 0; S < zt.length; S++)
+      r[zt[S]].cancel(v);
   }, state: s, steps: r };
 }
-const { schedule: V, cancel: nt, state: I, steps: ue } = /* @__PURE__ */ gs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : z, !0);
-let Ht;
+const { schedule: C, cancel: nt, state: I, steps: ue } = /* @__PURE__ */ ys(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0);
+let Xt;
 function lo() {
-  Ht = void 0;
+  Xt = void 0;
 }
 const j = {
-  now: () => (Ht === void 0 && j.set(I.isProcessing || J.useManualTiming ? I.timestamp : performance.now()), Ht),
+  now: () => (Xt === void 0 && j.set(I.isProcessing || J.useManualTiming ? I.timestamp : performance.now()), Xt),
   set: (t) => {
-    Ht = t, queueMicrotask(lo);
+    Xt = t, queueMicrotask(lo);
   }
-}, ys = (t) => (e) => typeof e == "string" && e.startsWith(t), vs = /* @__PURE__ */ ys("--"), co = /* @__PURE__ */ ys("var(--"), ln = (t) => co(t) ? uo.test(t.split("/*")[0].trim()) : !1, uo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function Bn(t) {
+}, vs = (t) => (e) => typeof e == "string" && e.startsWith(t), xs = /* @__PURE__ */ vs("--"), co = /* @__PURE__ */ vs("var(--"), cn = (t) => co(t) ? uo.test(t.split("/*")[0].trim()) : !1, uo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+function On(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
 const Pt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, It = {
+}, Bt = {
   ...Pt,
   transform: (t) => q(0, 1, t)
-}, zt = {
+}, _t = {
   ...Pt,
   default: 1
-}, Et = (t) => Math.round(t * 1e5) / 1e5, cn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, Rt = (t) => Math.round(t * 1e5) / 1e5, un = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function ho(t) {
   return t == null;
 }
-const fo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, un = (t, e) => (n) => !!(typeof n == "string" && fo.test(n) && n.startsWith(t) || e && !ho(n) && Object.prototype.hasOwnProperty.call(n, e)), xs = (t, e, n) => (i) => {
+const fo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, hn = (t, e) => (n) => !!(typeof n == "string" && fo.test(n) && n.startsWith(t) || e && !ho(n) && Object.prototype.hasOwnProperty.call(n, e)), Ts = (t, e, n) => (i) => {
   if (typeof i != "string")
     return i;
-  const [s, o, r, a] = i.match(cn);
+  const [s, o, r, a] = i.match(un);
   return {
     [t]: parseFloat(s),
     [e]: parseFloat(o),
@@ -245,10 +245,10 @@ const fo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, mo = (t) => q(0, 255, t), he = {
   ...Pt,
   transform: (t) => Math.round(mo(t))
-}, lt = {
-  test: /* @__PURE__ */ un("rgb", "red"),
-  parse: /* @__PURE__ */ xs("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + he.transform(t) + ", " + he.transform(e) + ", " + he.transform(n) + ", " + Et(It.transform(i)) + ")"
+}, ct = {
+  test: /* @__PURE__ */ hn("rgb", "red"),
+  parse: /* @__PURE__ */ Ts("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + he.transform(t) + ", " + he.transform(e) + ", " + he.transform(n) + ", " + Rt(Bt.transform(i)) + ")"
 };
 function po(t) {
   let e = "", n = "", i = "", s = "";
@@ -259,70 +259,70 @@ function po(t) {
     alpha: s ? parseInt(s, 16) / 255 : 1
   };
 }
-const Ce = {
-  test: /* @__PURE__ */ un("#"),
+const Me = {
+  test: /* @__PURE__ */ hn("#"),
   parse: po,
-  transform: lt.transform
-}, Wt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+  transform: ct.transform
+}, $t = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), tt = /* @__PURE__ */ Wt("deg"), Y = /* @__PURE__ */ Wt("%"), x = /* @__PURE__ */ Wt("px"), go = /* @__PURE__ */ Wt("vh"), yo = /* @__PURE__ */ Wt("vw"), On = {
+}), tt = /* @__PURE__ */ $t("deg"), Y = /* @__PURE__ */ $t("%"), x = /* @__PURE__ */ $t("px"), go = /* @__PURE__ */ $t("vh"), yo = /* @__PURE__ */ $t("vw"), jn = {
   ...Y,
   parse: (t) => Y.parse(t) / 100,
   transform: (t) => Y.transform(t * 100)
 }, pt = {
-  test: /* @__PURE__ */ un("hsl", "hue"),
-  parse: /* @__PURE__ */ xs("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + Y.transform(Et(e)) + ", " + Y.transform(Et(n)) + ", " + Et(It.transform(i)) + ")"
-}, R = {
-  test: (t) => lt.test(t) || Ce.test(t) || pt.test(t),
-  parse: (t) => lt.test(t) ? lt.parse(t) : pt.test(t) ? pt.parse(t) : Ce.parse(t),
-  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? lt.transform(t) : pt.transform(t),
+  test: /* @__PURE__ */ hn("hsl", "hue"),
+  parse: /* @__PURE__ */ Ts("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + Y.transform(Rt(e)) + ", " + Y.transform(Rt(n)) + ", " + Rt(Bt.transform(i)) + ")"
+}, L = {
+  test: (t) => ct.test(t) || Me.test(t) || pt.test(t),
+  parse: (t) => ct.test(t) ? ct.parse(t) : pt.test(t) ? pt.parse(t) : Me.parse(t),
+  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ct.transform(t) : pt.transform(t),
   getAnimatableNone: (t) => {
-    const e = R.parse(t);
-    return e.alpha = 0, R.transform(e);
+    const e = L.parse(t);
+    return e.alpha = 0, L.transform(e);
   }
 }, vo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function xo(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(cn)) == null ? void 0 : e.length) || 0) + (((n = t.match(vo)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(un)) == null ? void 0 : e.length) || 0) + (((n = t.match(vo)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Ts = "number", ws = "color", To = "var", wo = "var(", jn = "${}", bo = /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 ws = "number", bs = "color", To = "var", wo = "var(", Nn = "${}", bo = /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 Ot(t) {
   const e = t.toString(), n = [], i = {
     color: [],
     number: [],
     var: []
   }, s = [];
   let o = 0;
-  const a = e.replace(bo, (l) => (R.test(l) ? (i.color.push(o), s.push(ws), n.push(R.parse(l))) : l.startsWith(wo) ? (i.var.push(o), s.push(To), n.push(l)) : (i.number.push(o), s.push(Ts), n.push(parseFloat(l))), ++o, jn)).split(jn);
+  const a = e.replace(bo, (l) => (L.test(l) ? (i.color.push(o), s.push(bs), n.push(L.parse(l))) : l.startsWith(wo) ? (i.var.push(o), s.push(To), n.push(l)) : (i.number.push(o), s.push(ws), n.push(parseFloat(l))), ++o, Nn)).split(Nn);
   return { values: n, split: a, indexes: i, types: s };
 }
-function bs(t) {
-  return Bt(t).values;
-}
 function Ss(t) {
-  const { split: e, types: n } = Bt(t), i = e.length;
+  return Ot(t).values;
+}
+function Ps(t) {
+  const { split: e, types: n } = Ot(t), i = e.length;
   return (s) => {
     let o = "";
     for (let r = 0; r < i; r++)
       if (o += e[r], s[r] !== void 0) {
         const a = n[r];
-        a === Ts ? o += Et(s[r]) : a === ws ? o += R.transform(s[r]) : o += s[r];
+        a === ws ? o += Rt(s[r]) : a === bs ? o += L.transform(s[r]) : o += s[r];
       }
     return o;
   };
 }
-const So = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t;
+const So = (t) => typeof t == "number" ? 0 : L.test(t) ? L.getAnimatableNone(t) : t;
 function Po(t) {
-  const e = bs(t);
-  return Ss(t)(e.map(So));
+  const e = Ss(t);
+  return Ps(t)(e.map(So));
 }
 const it = {
   test: xo,
-  parse: bs,
-  createTransformer: Ss,
+  parse: Ss,
+  createTransformer: Ps,
   getAnimatableNone: Po
 };
 function fe(t, e, n) {
@@ -344,38 +344,38 @@ function Ao({ hue: t, saturation: e, lightness: n, alpha: i }) {
     alpha: i
   };
 }
-function Zt(t, e) {
+function Jt(t, e) {
   return (n) => n > 0 ? e : t;
 }
 const E = (t, e, n) => t + (e - t) * n, de = (t, e, n) => {
   const i = t * t, s = n * (e * e - i) + i;
   return s < 0 ? 0 : Math.sqrt(s);
-}, Vo = [Ce, lt, pt], Mo = (t) => Vo.find((e) => e.test(t));
-function Nn(t) {
-  const e = Mo(t);
+}, Vo = [Me, ct, pt], Co = (t) => Vo.find((e) => e.test(t));
+function Wn(t) {
+  const e = Co(t);
   if (St(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
   let n = e.parse(t);
   return e === pt && (n = Ao(n)), n;
 }
 const Un = (t, e) => {
-  const n = Nn(t), i = Nn(e);
+  const n = Wn(t), i = Wn(e);
   if (!n || !i)
-    return Zt(t, e);
+    return Jt(t, e);
   const s = { ...n };
-  return (o) => (s.red = de(n.red, i.red, o), s.green = de(n.green, i.green, o), s.blue = de(n.blue, i.blue, o), s.alpha = E(n.alpha, i.alpha, o), lt.transform(s));
+  return (o) => (s.red = de(n.red, i.red, o), s.green = de(n.green, i.green, o), s.blue = de(n.blue, i.blue, o), s.alpha = E(n.alpha, i.alpha, o), ct.transform(s));
 }, De = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Co(t, e) {
+function Mo(t, e) {
   return De.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function Do(t, e) {
   return (n) => E(t, e, n);
 }
-function hn(t) {
-  return typeof t == "number" ? Do : typeof t == "string" ? ln(t) ? Zt : R.test(t) ? Un : Lo : Array.isArray(t) ? Ps : typeof t == "object" ? R.test(t) ? Un : Eo : Zt;
+function fn(t) {
+  return typeof t == "number" ? Do : typeof t == "string" ? cn(t) ? Jt : L.test(t) ? Un : Lo : Array.isArray(t) ? As : typeof t == "object" ? L.test(t) ? Un : Eo : Jt;
 }
-function Ps(t, e) {
-  const n = [...t], i = n.length, s = t.map((o, r) => hn(o)(o, e[r]));
+function As(t, e) {
+  const n = [...t], i = n.length, s = t.map((o, r) => fn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < i; r++)
       n[r] = s[r](o);
@@ -385,7 +385,7 @@ function Ps(t, e) {
 function Eo(t, e) {
   const n = { ...t, ...e }, i = {};
   for (const s in n)
-    t[s] !== void 0 && e[s] !== void 0 && (i[s] = hn(t[s])(t[s], e[s]));
+    t[s] !== void 0 && e[s] !== void 0 && (i[s] = fn(t[s])(t[s], e[s]));
   return (s) => {
     for (const o in i)
       n[o] = i[o](s);
@@ -401,16 +401,16 @@ function Ro(t, e) {
   return n;
 }
 const Lo = (t, e) => {
-  const n = it.createTransformer(e), i = Bt(t), s = Bt(e);
-  return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? De.has(t) && !s.values.length || De.has(e) && !i.values.length ? Co(t, e) : Nt(Ps(Ro(i, s), s.values), n) : (St(!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"), Zt(t, e));
+  const n = it.createTransformer(e), i = Ot(t), s = Ot(e);
+  return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? De.has(t) && !s.values.length || De.has(e) && !i.values.length ? Mo(t, e) : Wt(As(Ro(i, s), s.values), n) : (St(!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"), Jt(t, e));
 };
-function As(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? E(t, e, n) : hn(t)(t, e);
+function Vs(t, e, n) {
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? E(t, e, n) : fn(t)(t, e);
 }
 const ko = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
-    start: (n = !0) => V.update(e, n),
+    start: (n = !0) => C.update(e, n),
     stop: () => nt(e),
     /**
      * If we're processing this frame we can use the
@@ -418,33 +418,33 @@ const ko = (t) => {
      */
     now: () => I.isProcessing ? I.timestamp : j.now()
   };
-}, Vs = (t, e, n = 10) => {
+}, Cs = (t, e, n = 10) => {
   let i = "";
   const s = Math.max(Math.round(e / n), 2);
   for (let o = 0; o < s; o++)
     i += Math.round(t(o / (s - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
-}, Jt = 2e4;
-function fn(t) {
+}, Qt = 2e4;
+function dn(t) {
   let e = 0;
   const n = 50;
   let i = t.next(e);
-  for (; !i.done && e < Jt; )
+  for (; !i.done && e < Qt; )
     e += n, i = t.next(e);
-  return e >= Jt ? 1 / 0 : e;
+  return e >= Qt ? 1 / 0 : e;
 }
 function Fo(t, e = 100, n) {
-  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(fn(i), Jt);
+  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(dn(i), Qt);
   return {
     type: "keyframes",
     ease: (o) => i.next(s * o).value / e,
-    duration: /* @__PURE__ */ K(s)
+    duration: /* @__PURE__ */ z(s)
   };
 }
 const Io = 5;
 function Ms(t, e, n) {
   const i = Math.max(e - Io, 0);
-  return rs(n - t(i), e - i);
+  return os(n - t(i), e - i);
 }
 const D = {
   // Default spring physics
@@ -479,7 +479,7 @@ function Bo({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.ve
   let s, o;
   St(t <= /* @__PURE__ */ X(D.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = q(D.minDamping, D.maxDamping, r), t = q(D.minDuration, D.maxDuration, /* @__PURE__ */ K(t)), r < 1 ? (s = (u) => {
+  r = q(D.minDamping, D.maxDamping, r), t = q(D.minDuration, D.maxDuration, /* @__PURE__ */ z(t)), r < 1 ? (s = (u) => {
     const c = u * r, h = c * t, f = c - n, d = Ee(u, r), m = Math.exp(-h);
     return me - f / d * m;
   }, o = (u) => {
@@ -518,11 +518,11 @@ function jo(t, e, n) {
 function Ee(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const No = ["duration", "bounce"], Uo = ["stiffness", "damping", "mass"];
-function Wn(t, e) {
+const No = ["duration", "bounce"], Wo = ["stiffness", "damping", "mass"];
+function $n(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Wo(t) {
+function Uo(t) {
   let e = {
     velocity: D.velocity,
     stiffness: D.stiffness,
@@ -531,7 +531,7 @@ function Wo(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Wn(t, Uo) && Wn(t, No))
+  if (!$n(t, Wo) && $n(t, No))
     if (t.visualDuration) {
       const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, o = 2 * q(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
@@ -550,78 +550,78 @@ function Wo(t) {
     }
   return e;
 }
-function Qt(t = D.visualDuration, e = D.bounce) {
+function te(t = D.visualDuration, e = D.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
     bounce: e
   } : t;
   let { restSpeed: i, restDelta: s } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: u, mass: c, duration: h, velocity: f, isResolvedFromDuration: d } = Wo({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: u, mass: c, duration: h, velocity: f, isResolvedFromDuration: d } = Uo({
     ...n,
-    velocity: -/* @__PURE__ */ K(n.velocity || 0)
-  }), m = f || 0, p = u / (2 * Math.sqrt(l * c)), v = r - o, g = /* @__PURE__ */ K(Math.sqrt(l / c)), T = Math.abs(v) < 5;
+    velocity: -/* @__PURE__ */ z(n.velocity || 0)
+  }), m = f || 0, p = u / (2 * Math.sqrt(l * c)), y = r - o, g = /* @__PURE__ */ z(Math.sqrt(l / c)), T = Math.abs(y) < 5;
   i || (i = T ? D.restSpeed.granular : D.restSpeed.default), s || (s = T ? D.restDelta.granular : D.restDelta.default);
-  let y;
+  let v;
   if (p < 1) {
-    const b = Ee(g, p);
-    y = (A) => {
-      const P = Math.exp(-p * g * A);
-      return r - P * ((m + p * g * v) / b * Math.sin(b * A) + v * Math.cos(b * A));
+    const w = Ee(g, p);
+    v = (A) => {
+      const V = Math.exp(-p * g * A);
+      return r - V * ((m + p * g * y) / w * Math.sin(w * A) + y * Math.cos(w * A));
     };
   } else if (p === 1)
-    y = (b) => r - Math.exp(-g * b) * (v + (m + g * v) * b);
+    v = (w) => r - Math.exp(-g * w) * (y + (m + g * y) * w);
   else {
-    const b = g * Math.sqrt(p * p - 1);
-    y = (A) => {
-      const P = Math.exp(-p * g * A), w = Math.min(b * A, 300);
-      return r - P * ((m + p * g * v) * Math.sinh(w) + b * v * Math.cosh(w)) / b;
+    const w = g * Math.sqrt(p * p - 1);
+    v = (A) => {
+      const V = Math.exp(-p * g * A), b = Math.min(w * A, 300);
+      return r - V * ((m + p * g * y) * Math.sinh(b) + w * y * Math.cosh(b)) / w;
     };
   }
   const S = {
     calculatedDuration: d && h || null,
-    next: (b) => {
-      const A = y(b);
+    next: (w) => {
+      const A = v(w);
       if (d)
-        a.done = b >= h;
+        a.done = w >= h;
       else {
-        let P = b === 0 ? m : 0;
-        p < 1 && (P = b === 0 ? /* @__PURE__ */ X(m) : Ms(y, b, A));
-        const w = Math.abs(P) <= i, M = Math.abs(r - A) <= s;
-        a.done = w && M;
+        let V = w === 0 ? m : 0;
+        p < 1 && (V = w === 0 ? /* @__PURE__ */ X(m) : Ms(v, w, A));
+        const b = Math.abs(V) <= i, P = Math.abs(r - A) <= s;
+        a.done = b && P;
       }
       return a.value = a.done ? r : A, a;
     },
     toString: () => {
-      const b = Math.min(fn(S), Jt), A = Vs((P) => S.next(b * P).value, b, 30);
-      return b + "ms " + A;
+      const w = Math.min(dn(S), Qt), A = Cs((V) => S.next(w * V).value, w, 30);
+      return w + "ms " + A;
     },
     toTransition: () => {
     }
   };
   return S;
 }
-Qt.applyToOptions = (t) => {
-  const e = Fo(t, 100, Qt);
+te.applyToOptions = (t) => {
+  const e = Fo(t, 100, te);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ X(e.duration), t.type = "keyframes", t;
 };
 function Re({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
   const h = t[0], f = {
     done: !1,
     value: h
-  }, d = (w) => a !== void 0 && w < a || l !== void 0 && w > l, m = (w) => a === void 0 ? l : l === void 0 || Math.abs(a - w) < Math.abs(l - w) ? a : l;
+  }, d = (b) => a !== void 0 && b < a || l !== void 0 && b > l, m = (b) => a === void 0 ? l : l === void 0 || Math.abs(a - b) < Math.abs(l - b) ? a : l;
   let p = n * e;
-  const v = h + p, g = r === void 0 ? v : r(v);
-  g !== v && (p = g - h);
-  const T = (w) => -p * Math.exp(-w / i), y = (w) => g + T(w), S = (w) => {
-    const M = T(w), L = y(w);
-    f.done = Math.abs(M) <= u, f.value = f.done ? g : L;
+  const y = h + p, g = r === void 0 ? y : r(y);
+  g !== y && (p = g - h);
+  const T = (b) => -p * Math.exp(-b / i), v = (b) => g + T(b), S = (b) => {
+    const P = T(b), R = v(b);
+    f.done = Math.abs(P) <= u, f.value = f.done ? g : R;
   };
-  let b, A;
-  const P = (w) => {
-    d(f.value) && (b = w, A = Qt({
+  let w, A;
+  const V = (b) => {
+    d(f.value) && (w = b, A = te({
       keyframes: [f.value, m(f.value)],
-      velocity: Ms(y, w, f.value),
+      velocity: Ms(v, b, f.value),
       // TODO: This should be passing * 1000
       damping: s,
       stiffness: o,
@@ -629,21 +629,21 @@ function Re({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
       restSpeed: c
     }));
   };
-  return P(0), {
+  return V(0), {
     calculatedDuration: null,
-    next: (w) => {
-      let M = !1;
-      return !A && b === void 0 && (M = !0, S(w), P(w)), b !== void 0 && w >= b ? A.next(w - b) : (!M && S(w), f);
+    next: (b) => {
+      let P = !1;
+      return !A && w === void 0 && (P = !0, S(b), V(b)), w !== void 0 && b >= w ? A.next(b - w) : (!P && S(b), f);
     }
   };
 }
 function $o(t, e, n) {
-  const i = [], s = n || J.mix || As, o = t.length - 1;
+  const i = [], s = n || J.mix || Vs, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[r] || z : e;
-      a = Nt(l, a);
+      const l = Array.isArray(e) ? e[r] || _ : e;
+      a = Wt(l, a);
     }
     i.push(a);
   }
@@ -664,7 +664,7 @@ function Ko(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
     if (l > 1)
       for (; h < t.length - 2 && !(c < t[h + 1]); h++)
         ;
-    const f = /* @__PURE__ */ Ft(t[h], t[h + 1], c);
+    const f = /* @__PURE__ */ It(t[h], t[h + 1], c);
     return a[h](f);
   };
   return n ? (c) => u(q(t[0], t[o - 1], c)) : u;
@@ -672,7 +672,7 @@ function Ko(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
 function zo(t, e) {
   const n = t[t.length - 1];
   for (let i = 1; i <= e; i++) {
-    const s = /* @__PURE__ */ Ft(0, e, i);
+    const s = /* @__PURE__ */ It(0, e, i);
     t.push(E(n, 1, s));
   }
 }
@@ -684,10 +684,10 @@ function Go(t, e) {
   return t.map((n) => n * e);
 }
 function Ho(t, e) {
-  return t.map(() => e || ms).splice(0, t.length - 1);
+  return t.map(() => e || ps).splice(0, t.length - 1);
 }
 function gt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
-  const s = so(i) ? i.map(In) : In(i), o = {
+  const s = so(i) ? i.map(Bn) : Bn(i), o = {
     done: !1,
     value: e[0]
   }, r = Go(
@@ -704,7 +704,7 @@ function gt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
   };
 }
 const Xo = (t) => t !== null;
-function dn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
+function mn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
   const o = t.filter(Xo), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || i === void 0 ? o[a] : i;
 }
@@ -713,12 +713,12 @@ const Yo = {
   inertia: Re,
   tween: gt,
   keyframes: gt,
-  spring: Qt
+  spring: te
 };
-function Cs(t) {
+function Ds(t) {
   typeof t.type == "string" && (t.type = Yo[t.type]);
 }
-class mn {
+class pn {
   constructor() {
     this.updateFinished();
   }
@@ -743,7 +743,7 @@ class mn {
   }
 }
 const qo = (t) => t / 100;
-class pn extends mn {
+class gn extends pn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var i, s;
@@ -753,17 +753,17 @@ class pn extends mn {
   }
   initAnimation() {
     const { options: e } = this;
-    Cs(e);
+    Ds(e);
     const { type: n = gt, repeat: i = 0, repeatDelay: s = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || gt;
-    process.env.NODE_ENV !== "production" && l !== gt && Z(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== gt && typeof a[0] != "number" && (this.mixKeyframes = Nt(qo, As(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== gt && Z(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== gt && typeof a[0] != "number" && (this.mixKeyframes = Wt(qo, Vs(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
       keyframes: [...a].reverse(),
       velocity: -r
-    })), u.calculatedDuration === null && (u.calculatedDuration = fn(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = dn(u));
     const { calculatedDuration: c } = u;
     this.calculatedDuration = c, this.resolvedDuration = c + s, this.totalDuration = this.resolvedDuration * (i + 1) - s, this.generator = u;
   }
@@ -775,22 +775,22 @@ class pn extends mn {
     const { generator: i, totalDuration: s, mixKeyframes: o, mirroredGenerator: r, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return i.next(0);
-    const { delay: u = 0, keyframes: c, repeat: h, repeatType: f, repeatDelay: d, type: m, onUpdate: p, finalKeyframe: v } = this.options;
+    const { delay: u = 0, keyframes: c, repeat: h, repeatType: f, repeatDelay: d, type: m, onUpdate: p, finalKeyframe: y } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - s / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
     const g = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), T = this.playbackSpeed >= 0 ? g < 0 : g > s;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
-    let y = this.currentTime, S = i;
+    let v = this.currentTime, S = i;
     if (h) {
-      const w = Math.min(this.currentTime, s) / a;
-      let M = Math.floor(w), L = w % 1;
-      !L && w >= 1 && (L = 1), L === 1 && M--, M = Math.min(M, h + 1), !!(M % 2) && (f === "reverse" ? (L = 1 - L, d && (L -= d / a)) : f === "mirror" && (S = r)), y = q(0, 1, L) * a;
+      const b = Math.min(this.currentTime, s) / a;
+      let P = Math.floor(b), R = b % 1;
+      !R && b >= 1 && (R = 1), R === 1 && P--, P = Math.min(P, h + 1), !!(P % 2) && (f === "reverse" ? (R = 1 - R, d && (R -= d / a)) : f === "mirror" && (S = r)), v = q(0, 1, R) * a;
     }
-    const b = T ? { done: !1, value: c[0] } : S.next(y);
-    o && (b.value = o(b.value));
-    let { done: A } = b;
+    const w = T ? { done: !1, value: c[0] } : S.next(v);
+    o && (w.value = o(w.value));
+    let { done: A } = w;
     !T && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
-    const P = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return P && m !== Re && (b.value = dn(c, this.options, v, this.speed)), p && p(b.value), P && this.finish(), b;
+    const V = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
+    return V && m !== Re && (w.value = mn(c, this.options, y, this.speed)), p && p(w.value), V && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -801,14 +801,14 @@ class pn extends mn {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ K(this.calculatedDuration);
+    return /* @__PURE__ */ z(this.calculatedDuration);
   }
   get iterationDuration() {
     const { delay: e = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ K(e);
+    return this.duration + /* @__PURE__ */ z(e);
   }
   get time() {
-    return /* @__PURE__ */ K(this.currentTime);
+    return /* @__PURE__ */ z(this.currentTime);
   }
   set time(e) {
     var n;
@@ -820,7 +820,7 @@ class pn extends mn {
   set speed(e) {
     this.updateTime(j.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ K(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ z(this.currentTime));
   }
   play() {
     var s, o;
@@ -863,8 +863,8 @@ function Zo(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const ct = (t) => t * 180 / Math.PI, Le = (t) => {
-  const e = ct(Math.atan2(t[1], t[0]));
+const ut = (t) => t * 180 / Math.PI, Le = (t) => {
+  const e = ut(Math.atan2(t[1], t[0]));
   return ke(e);
 }, Jo = {
   x: 4,
@@ -876,25 +876,25 @@ const ct = (t) => t * 180 / Math.PI, Le = (t) => {
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
   rotate: Le,
   rotateZ: Le,
-  skewX: (t) => ct(Math.atan(t[1])),
-  skewY: (t) => ct(Math.atan(t[2])),
+  skewX: (t) => ut(Math.atan(t[1])),
+  skewY: (t) => ut(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, ke = (t) => (t = t % 360, t < 0 && (t += 360), t), $n = Le, Kn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), zn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Qo = {
+}, ke = (t) => (t = t % 360, t < 0 && (t += 360), t), Kn = Le, zn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), _n = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Qo = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Kn,
-  scaleY: zn,
-  scale: (t) => (Kn(t) + zn(t)) / 2,
-  rotateX: (t) => ke(ct(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => ke(ct(Math.atan2(-t[2], t[0]))),
-  rotateZ: $n,
-  rotate: $n,
-  skewX: (t) => ct(Math.atan(t[4])),
-  skewY: (t) => ct(Math.atan(t[1])),
+  scaleX: zn,
+  scaleY: _n,
+  scale: (t) => (zn(t) + _n(t)) / 2,
+  rotateX: (t) => ke(ut(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => ke(ut(Math.atan2(-t[2], t[0]))),
+  rotateZ: Kn,
+  rotate: Kn,
+  skewX: (t) => ut(Math.atan(t[4])),
+  skewY: (t) => ut(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
 function Fe(t) {
@@ -941,7 +941,7 @@ const At = [
   "skew",
   "skewX",
   "skewY"
-], Vt = new Set(At), _n = (t) => t === Pt || t === x, na = /* @__PURE__ */ new Set(["x", "y", "z"]), ia = At.filter((t) => !na.has(t));
+], Vt = new Set(At), Gn = (t) => t === Pt || t === x, na = /* @__PURE__ */ new Set(["x", "y", "z"]), ia = At.filter((t) => !na.has(t));
 function sa(t) {
   const e = [];
   return ia.forEach((n) => {
@@ -963,11 +963,11 @@ const et = {
 };
 et.translateX = et.x;
 et.translateY = et.y;
-const ut = /* @__PURE__ */ new Set();
+const ht = /* @__PURE__ */ new Set();
 let Be = !1, Oe = !1, je = !1;
-function Ds() {
+function Es() {
   if (Oe) {
-    const t = Array.from(ut).filter((i) => i.needsMeasurement), e = new Set(t.map((i) => i.element)), n = /* @__PURE__ */ new Map();
+    const t = Array.from(ht).filter((i) => i.needsMeasurement), e = new Set(t.map((i) => i.element)), n = /* @__PURE__ */ new Map();
     e.forEach((i) => {
       const s = sa(i);
       s.length && (n.set(i, s), i.render());
@@ -982,22 +982,22 @@ function Ds() {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  Oe = !1, Be = !1, ut.forEach((t) => t.complete(je)), ut.clear();
+  Oe = !1, Be = !1, ht.forEach((t) => t.complete(je)), ht.clear();
 }
-function Es() {
-  ut.forEach((t) => {
+function Rs() {
+  ht.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && (Oe = !0);
   });
 }
 function ra() {
-  je = !0, Es(), Ds(), je = !1;
+  je = !0, Rs(), Es(), je = !1;
 }
-class gn {
+class yn {
   constructor(e, n, i, s, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = i, this.motionValue = s, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (ut.add(this), Be || (Be = !0, V.read(Es), V.resolveKeyframes(Ds))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (ht.add(this), Be || (Be = !0, C.read(Rs), C.resolveKeyframes(Es))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: i, motionValue: s } = this;
@@ -1022,10 +1022,10 @@ class gn {
   measureEndState() {
   }
   complete(e = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), ut.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), ht.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (ut.delete(this), this.state = "pending");
+    this.state === "scheduled" && (ht.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
@@ -1035,39 +1035,39 @@ const oa = (t) => t.startsWith("--");
 function aa(t, e, n) {
   oa(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const la = /* @__PURE__ */ nn(() => window.ScrollTimeline !== void 0), ca = {};
+const la = /* @__PURE__ */ sn(() => window.ScrollTimeline !== void 0), ca = {};
 function ua(t, e) {
-  const n = /* @__PURE__ */ nn(t);
+  const n = /* @__PURE__ */ sn(t);
   return () => ca[e] ?? n();
 }
-const Rs = /* @__PURE__ */ ua(() => {
+const Ls = /* @__PURE__ */ ua(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), Ct = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Gn = {
+}, "linearEasing"), Dt = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Hn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ Ct([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ Ct([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ Ct([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ Ct([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ Dt([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ Dt([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ Dt([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ Dt([0.33, 1.53, 0.69, 0.99])
 };
-function Ls(t, e) {
+function ks(t, e) {
   if (t)
-    return typeof t == "function" ? Rs() ? Vs(t, e) : "ease-out" : ps(t) ? Ct(t) : Array.isArray(t) ? t.map((n) => Ls(n, e) || Gn.easeOut) : Gn[t];
+    return typeof t == "function" ? Ls() ? Cs(t, e) : "ease-out" : gs(t) ? Dt(t) : Array.isArray(t) ? t.map((n) => ks(n, e) || Hn.easeOut) : Hn[t];
 }
 function ha(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
     [e]: n
   };
   l && (c.offset = l);
-  const h = Ls(a, s);
+  const h = ks(a, s);
   Array.isArray(h) && (c.easing = h);
   const f = {
     delay: i,
@@ -1079,13 +1079,13 @@ function ha(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatTyp
   };
   return u && (f.pseudoElement = u), t.animate(c, f);
 }
-function ks(t) {
+function Fs(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
 function fa({ type: t, ...e }) {
-  return ks(t) && Rs() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+  return Fs(t) && Ls() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class da extends mn {
+class da extends pn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
@@ -1094,7 +1094,7 @@ class da extends mn {
     const u = fa(e);
     this.animation = ha(n, i, s, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
-        const c = dn(s, this.options, a, this.speed);
+        const c = mn(s, this.options, a, this.speed);
         this.updateMotionValue ? this.updateMotionValue(c) : aa(n, i, c), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
@@ -1142,14 +1142,14 @@ class da extends mn {
   get duration() {
     var n, i;
     const e = ((i = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : i.call(n).duration) || 0;
-    return /* @__PURE__ */ K(Number(e));
+    return /* @__PURE__ */ z(Number(e));
   }
   get iterationDuration() {
     const { delay: e = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ K(e);
+    return this.duration + /* @__PURE__ */ z(e);
   }
   get time() {
-    return /* @__PURE__ */ K(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ z(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
     this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ X(e);
@@ -1178,24 +1178,24 @@ class da extends mn {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var i;
-    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && la() ? (this.animation.timeline = e, z) : n(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && la() ? (this.animation.timeline = e, _) : n(this);
   }
 }
-const Fs = {
-  anticipate: hs,
-  backInOut: us,
-  circInOut: ds
+const Is = {
+  anticipate: fs,
+  backInOut: hs,
+  circInOut: ms
 };
 function ma(t) {
-  return t in Fs;
+  return t in Is;
 }
 function pa(t) {
-  typeof t.ease == "string" && ma(t.ease) && (t.ease = Fs[t.ease]);
+  typeof t.ease == "string" && ma(t.ease) && (t.ease = Is[t.ease]);
 }
 const pe = 10;
 class ga extends da {
   constructor(e) {
-    pa(e), Cs(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
+    pa(e), Ds(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1213,14 +1213,14 @@ class ga extends da {
       n.set(e);
       return;
     }
-    const a = new pn({
+    const a = new gn({
       ...r,
       autoplay: !1
     }), l = Math.max(pe, j.now() - this.startTime), u = q(0, pe, l - pe);
     n.setWithVelocity(a.sample(Math.max(0, l - u)).value, a.sample(l).value, u), a.stop();
   }
 }
-const Hn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+const Xn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (it.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function ya(t) {
@@ -1237,8 +1237,8 @@ function va(t, e, n, i) {
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const o = t[t.length - 1], r = Hn(s, e), a = Hn(o, e);
-  return St(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 : ya(t) || (n === "spring" || ks(n)) && i;
+  const o = t[t.length - 1], r = Xn(s, e), a = Xn(o, e);
+  return St(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 : ya(t) || (n === "spring" || Fs(n)) && i;
 }
 function Ne(t) {
   t.duration = 0, t.type = "keyframes";
@@ -1250,7 +1250,7 @@ const xa = /* @__PURE__ */ new Set([
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Ta = /* @__PURE__ */ nn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+]), Ta = /* @__PURE__ */ sn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function wa(t) {
   var c;
   const { motionValue: e, name: n, repeatDelay: i, repeatType: s, damping: o, type: r } = t;
@@ -1264,12 +1264,12 @@ function wa(t) {
   !l && !i && s !== "mirror" && o !== 0 && r !== "inertia";
 }
 const ba = 40;
-class Sa extends mn {
+class Sa extends pn {
   constructor({ autoplay: e = !0, delay: n = 0, type: i = "keyframes", repeat: s = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: u, element: c, ...h }) {
     var m;
     super(), this.stop = () => {
-      var p, v;
-      this._animation && (this._animation.stop(), (p = this.stopTimeline) == null || p.call(this)), (v = this.keyframeResolver) == null || v.cancel();
+      var p, y;
+      this._animation && (this._animation.stop(), (p = this.stopTimeline) == null || p.call(this)), (y = this.keyframeResolver) == null || y.cancel();
     }, this.createdAt = j.now();
     const f = {
       autoplay: e,
@@ -1282,23 +1282,26 @@ class Sa extends mn {
       motionValue: u,
       element: c,
       ...h
-    }, d = (c == null ? void 0 : c.KeyframeResolver) || gn;
-    this.keyframeResolver = new d(a, (p, v, g) => this.onKeyframesResolved(p, v, f, !g), l, u, c), (m = this.keyframeResolver) == null || m.scheduleResolve();
+    }, d = (c == null ? void 0 : c.KeyframeResolver) || yn;
+    this.keyframeResolver = new d(a, (p, y, g) => this.onKeyframesResolved(p, y, f, !g), l, u, c), (m = this.keyframeResolver) == null || m.scheduleResolve();
   }
   onKeyframesResolved(e, n, i, s) {
+    var y, g;
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: u, onUpdate: c } = i;
-    this.resolvedAt = j.now(), va(e, o, r, a) || ((J.instantAnimations || !l) && (c == null || c(dn(e, i, n))), e[0] = e[e.length - 1], Ne(i), i.repeat = 0);
+    this.resolvedAt = j.now(), va(e, o, r, a) || ((J.instantAnimations || !l) && (c == null || c(mn(e, i, n))), e[0] = e[e.length - 1], Ne(i), i.repeat = 0);
     const f = {
       startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > ba ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...i,
       keyframes: e
-    }, d = !u && wa(f) ? new ga({
+    }, d = !u && wa(f), m = (g = (y = f.motionValue) == null ? void 0 : y.owner) == null ? void 0 : g.current, p = d ? new ga({
       ...f,
-      element: f.motionValue.owner.current
-    }) : new pn(f);
-    d.finished.then(() => this.notifyFinished()).catch(z), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
+      element: m
+    }) : new gn(f);
+    p.finished.then(() => {
+      this.notifyFinished();
+    }).catch(_), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1352,6 +1355,10 @@ class Sa extends mn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
+function Bs(t, e, n, i = 0, s = 1) {
+  const o = Array.from(t).sort((u, c) => u.sortNodePosition(c)).indexOf(e), r = t.size, a = (r - 1) * i;
+  return typeof n == "function" ? n(o, r) : s === 1 ? o * i : a - o * i;
+}
 const Pa = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
@@ -1364,7 +1371,7 @@ function Aa(t) {
   return [`--${n ?? i}`, s];
 }
 const Va = 4;
-function Is(t, e, n = 1) {
+function Os(t, e, n = 1) {
   Z(n <= Va, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [i, s] = Aa(t);
   if (!i)
@@ -1372,19 +1379,16 @@ function Is(t, e, n = 1) {
   const o = window.getComputedStyle(e).getPropertyValue(i);
   if (o) {
     const r = o.trim();
-    return ns(r) ? parseFloat(r) : r;
+    return is(r) ? parseFloat(r) : r;
   }
-  return ln(s) ? Is(s, e, n + 1) : s;
+  return cn(s) ? Os(s, e, n + 1) : s;
 }
-function yn(t, e) {
-  return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
-}
-const Ma = {
+const Ca = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Ca = (t) => ({
+}, Ma = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
@@ -1396,21 +1400,19 @@ const Ma = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ra = (t, { keyframes: e }) => e.length > 2 ? Da : Vt.has(t) ? t.startsWith("scale") ? Ca(e[1]) : Ma : Ea;
-function La({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
-  return !!Object.keys(c).length;
-}
-const ka = (t) => t !== null;
-function Fa(t, { repeat: e, repeatType: n = "loop" }, i) {
-  const s = t.filter(ka), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
+}, Ra = (t, { keyframes: e }) => e.length > 2 ? Da : Vt.has(t) ? t.startsWith("scale") ? Ma(e[1]) : Ca : Ea, La = (t) => t !== null;
+function ka(t, { repeat: e, repeatType: n = "loop" }, i) {
+  const s = t.filter(La), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return s[o];
 }
-function Bs(t, e, n, i = 0, s = 1) {
-  const o = Array.from(t).sort((u, c) => u.sortNodePosition(c)).indexOf(e), r = t.size, a = (r - 1) * i;
-  return typeof n == "function" ? n(o, r) : s === 1 ? o * i : a - o * i;
+function vn(t, e) {
+  return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
+}
+function Fa({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
+  return !!Object.keys(c).length;
 }
-const vn = (t, e, n, i = {}, s, o) => (r) => {
-  const a = yn(i, t) || {}, l = a.delay || i.delay || 0;
+const xn = (t, e, n, i = {}, s, o) => (r) => {
+  const a = vn(i, t) || {}, l = a.delay || i.delay || 0;
   let { elapsed: u = 0 } = i;
   u = u - /* @__PURE__ */ X(l);
   const c = {
@@ -1429,19 +1431,41 @@ const vn = (t, e, n, i = {}, s, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : s
   };
-  La(a) || Object.assign(c, Ra(t, c)), c.duration && (c.duration = /* @__PURE__ */ X(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ X(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+  Fa(a) || Object.assign(c, Ra(t, c)), c.duration && (c.duration = /* @__PURE__ */ X(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ X(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let h = !1;
   if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (Ne(c), c.delay === 0 && (h = !0)), (J.instantAnimations || J.skipAnimations) && (h = !0, Ne(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = Fa(c.keyframes, a);
+    const f = ka(c.keyframes, a);
     if (f !== void 0) {
-      V.update(() => {
+      C.update(() => {
         c.onUpdate(f), c.onComplete();
       });
       return;
     }
   }
-  return a.isSync ? new pn(c) : new Sa(c);
-}, Os = /* @__PURE__ */ new Set([
+  return a.isSync ? new gn(c) : new Sa(c);
+};
+function Yn(t) {
+  const e = [{}, {}];
+  return t == null || t.values.forEach((n, i) => {
+    e[0][i] = n.get(), e[1][i] = n.getVelocity();
+  }), e;
+}
+function Tn(t, e, n, i) {
+  if (typeof e == "function") {
+    const [s, o] = Yn(i);
+    e = e(n !== void 0 ? n : t.custom, s, o);
+  }
+  if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
+    const [s, o] = Yn(i);
+    e = e(n !== void 0 ? n : t.custom, s, o);
+  }
+  return e;
+}
+function Tt(t, e, n) {
+  const i = t.getProps();
+  return Tn(i, e, n !== void 0 ? n : i.custom, t);
+}
+const js = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1449,7 +1473,7 @@ const vn = (t, e, n, i = {}, s, o) => (r) => {
   "right",
   "bottom",
   ...At
-]), Xn = 30, Ia = (t) => !isNaN(parseFloat(t));
+]), qn = 30, Ia = (t) => !isNaN(parseFloat(t));
 class Ba {
   /**
    * @param init - The initiating value
@@ -1513,13 +1537,13 @@ class Ba {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && rn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && on(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new sn());
+    this.events[e] || (this.events[e] = new rn());
     const i = this.events[e].add(n);
     return e === "change" ? () => {
-      i(), V.read(() => {
+      i(), C.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : i;
@@ -1597,10 +1621,10 @@ class Ba {
    */
   getVelocity() {
     const e = j.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Xn)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > qn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Xn);
-    return rs(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, qn);
+    return os(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1655,33 +1679,12 @@ class Ba {
 function wt(t, e) {
   return new Ba(t, e);
 }
-function Yn(t) {
-  const e = [{}, {}];
-  return t == null || t.values.forEach((n, i) => {
-    e[0][i] = n.get(), e[1][i] = n.getVelocity();
-  }), e;
-}
-function xn(t, e, n, i) {
-  if (typeof e == "function") {
-    const [s, o] = Yn(i);
-    e = e(n !== void 0 ? n : t.custom, s, o);
-  }
-  if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [s, o] = Yn(i);
-    e = e(n !== void 0 ? n : t.custom, s, o);
-  }
-  return e;
-}
-function Tt(t, e, n) {
-  const i = t.getProps();
-  return xn(i, e, n !== void 0 ? n : i.custom, t);
-}
-const Ue = (t) => Array.isArray(t);
+const We = (t) => Array.isArray(t);
 function Oa(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, wt(n));
 }
 function ja(t) {
-  return Ue(t) ? t[t.length - 1] || 0 : t;
+  return We(t) ? t[t.length - 1] || 0 : t;
 }
 function Na(t, e) {
   const n = Tt(t, e);
@@ -1693,24 +1696,24 @@ function Na(t, e) {
   }
 }
 const O = (t) => !!(t && t.getVelocity);
-function Ua(t) {
+function Wa(t) {
   return !!(O(t) && t.add);
 }
-function We(t, e) {
+function Ue(t, e) {
   const n = t.getValue("willChange");
-  if (Ua(n))
+  if (Wa(n))
     return n.add(e);
   if (!n && J.WillChange) {
     const i = new J.WillChange("auto");
     t.addValue("willChange", i), i.add(e);
   }
 }
-function Tn(t) {
+function wn(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const Wa = "framerAppearId", js = "data-" + Tn(Wa);
-function Ns(t) {
-  return t.props[js];
+const Ua = "framerAppearId", Ns = "data-" + wn(Ua);
+function Ws(t) {
+  return t.props[Ns];
 }
 function $a({ protectedKeys: t, needsAnimating: e }, n) {
   const i = t.hasOwnProperty(n) && e[n] !== !0;
@@ -1726,24 +1729,24 @@ function Us(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
       continue;
     const d = {
       delay: n,
-      ...yn(o || {}, c)
+      ...vn(o || {}, c)
     }, m = h.get();
     if (m !== void 0 && !h.isAnimating && !Array.isArray(f) && f === m && !d.velocity)
       continue;
     let p = !1;
     if (window.MotionHandoffAnimation) {
-      const g = Ns(t);
+      const g = Ws(t);
       if (g) {
-        const T = window.MotionHandoffAnimation(g, c, V);
+        const T = window.MotionHandoffAnimation(g, c, C);
         T !== null && (d.startTime = T, p = !0);
       }
     }
-    We(t, c), h.start(vn(c, h, f, t.shouldReduceMotion && Os.has(c) ? { type: !1 } : d, t, p));
-    const v = h.animation;
-    v && l.push(v);
+    Ue(t, c), h.start(xn(c, h, f, t.shouldReduceMotion && js.has(c) ? { type: !1 } : d, t, p));
+    const y = h.animation;
+    y && l.push(y);
   }
   return r && Promise.all(l).then(() => {
-    V.update(() => {
+    C.update(() => {
       r && Na(t, r);
     });
   }), l;
@@ -1791,16 +1794,16 @@ function za(t, e, n = {}) {
 const _a = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ws = (t) => (e) => e.test(t), $s = [Pt, x, Y, tt, yo, go, _a], qn = (t) => $s.find(Ws(t));
+}, $s = (t) => (e) => e.test(t), Ks = [Pt, x, Y, tt, yo, go, _a], Zn = (t) => Ks.find($s(t));
 function Ga(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ss(t) : !0;
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || rs(t) : !0;
 }
 const Ha = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Xa(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [i] = n.match(cn) || [];
+  const [i] = n.match(un) || [];
   if (!i)
     return t;
   const s = n.replace(i, "");
@@ -1813,7 +1816,7 @@ const Ya = /\b([a-z-]*)\(.*?\)/gu, Ke = {
     const e = t.match(Ya);
     return e ? e.map(Xa).join(" ") : t;
   }
-}, Zn = {
+}, Jn = {
   ...Pt,
   transform: Math.round
 }, qa = {
@@ -1821,10 +1824,10 @@ const Ya = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   rotateX: tt,
   rotateY: tt,
   rotateZ: tt,
-  scale: zt,
-  scaleX: zt,
-  scaleY: zt,
-  scaleZ: zt,
+  scale: _t,
+  scaleX: _t,
+  scaleY: _t,
+  scaleZ: _t,
   skew: tt,
   skewX: tt,
   skewY: tt,
@@ -1837,11 +1840,11 @@ const Ya = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   z: x,
   perspective: x,
   transformPerspective: x,
-  opacity: It,
-  originX: On,
-  originY: On,
+  opacity: Bt,
+  originX: jn,
+  originY: jn,
   originZ: x
-}, wn = {
+}, bn = {
   // Border props
   borderWidth: x,
   borderTopWidth: x,
@@ -1897,30 +1900,30 @@ const Ya = /\b([a-z-]*)\(.*?\)/gu, Ke = {
   backgroundPositionX: x,
   backgroundPositionY: x,
   ...qa,
-  zIndex: Zn,
+  zIndex: Jn,
   // SVG
-  fillOpacity: It,
-  strokeOpacity: It,
-  numOctaves: Zn
+  fillOpacity: Bt,
+  strokeOpacity: Bt,
+  numOctaves: Jn
 }, Za = {
-  ...wn,
+  ...bn,
   // Color props
-  color: R,
-  backgroundColor: R,
-  outlineColor: R,
-  fill: R,
-  stroke: R,
+  color: L,
+  backgroundColor: L,
+  outlineColor: L,
+  fill: L,
+  stroke: L,
   // Border props
-  borderColor: R,
-  borderTopColor: R,
-  borderRightColor: R,
-  borderBottomColor: R,
-  borderLeftColor: R,
+  borderColor: L,
+  borderTopColor: L,
+  borderRightColor: L,
+  borderBottomColor: L,
+  borderLeftColor: L,
   filter: Ke,
   WebkitFilter: Ke
-}, Ks = (t) => Za[t];
-function zs(t, e) {
-  let n = Ks(t);
+}, zs = (t) => Za[t];
+function _s(t, e) {
+  let n = zs(t);
   return n !== Ke && (n = it), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Ja = /* @__PURE__ */ new Set(["auto", "none", "0"]);
@@ -1928,13 +1931,13 @@ function Qa(t, e, n) {
   let i = 0, s;
   for (; i < t.length && !s; ) {
     const o = t[i];
-    typeof o == "string" && !Ja.has(o) && Bt(o).values.length && (s = t[i]), i++;
+    typeof o == "string" && !Ja.has(o) && Ot(o).values.length && (s = t[i]), i++;
   }
   if (s && n)
     for (const o of e)
-      t[o] = zs(n, s);
+      t[o] = _s(n, s);
 }
-class tl extends gn {
+class tl extends yn {
   constructor(e, n, i, s, o) {
     super(e, n, i, s, o, !0);
   }
@@ -1945,20 +1948,20 @@ class tl extends gn {
     super.readKeyframes();
     for (let c = 0; c < e.length; c++) {
       let h = e[c];
-      if (typeof h == "string" && (h = h.trim(), ln(h))) {
-        const f = Is(h, n.current);
+      if (typeof h == "string" && (h = h.trim(), cn(h))) {
+        const f = Os(h, n.current);
         f !== void 0 && (e[c] = f), c === e.length - 1 && (this.finalKeyframe = h);
       }
     }
-    if (this.resolveNoneKeyframes(), !Os.has(i) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !js.has(i) || e.length !== 2)
       return;
-    const [s, o] = e, r = qn(s), a = qn(o), l = Bn(s), u = Bn(o);
+    const [s, o] = e, r = Zn(s), a = Zn(o), l = On(s), u = On(o);
     if (l !== u && et[i]) {
       this.needsMeasurement = !0;
       return;
     }
     if (r !== a)
-      if (_n(r) && _n(a))
+      if (Gn(r) && Gn(a))
         for (let c = 0; c < e.length; c++) {
           const h = e[c];
           typeof h == "string" && (e[c] = parseFloat(h));
@@ -1993,6 +1996,8 @@ class tl extends gn {
   }
 }
 function el(t, e, n) {
+  if (t == null)
+    return [];
   if (t instanceof EventTarget)
     return [t];
   if (typeof t == "string") {
@@ -2000,13 +2005,13 @@ function el(t, e, n) {
     const s = (n == null ? void 0 : n[t]) ?? i.querySelectorAll(t);
     return s ? Array.from(s) : [];
   }
-  return Array.from(t);
+  return Array.from(t).filter((i) => i != null);
 }
-const _s = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function Gs(t) {
-  return is(t) && "offsetHeight" in t;
+const Gs = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+function ze(t) {
+  return ss(t) && "offsetHeight" in t;
 }
-const { schedule: bn } = /* @__PURE__ */ gs(queueMicrotask, !1), H = {
+const { schedule: Sn } = /* @__PURE__ */ ys(queueMicrotask, !1), H = {
   x: !1,
   y: !1
 };
@@ -2028,18 +2033,18 @@ function Xs(t, e) {
   };
   return [n, s, () => i.abort()];
 }
-function Jn(t) {
+function Qn(t) {
   return !(t.pointerType === "touch" || Hs());
 }
 function il(t, e, n = {}) {
   const [i, s, o] = Xs(t, n), r = (a) => {
-    if (!Jn(a))
+    if (!Qn(a))
       return;
     const { target: l } = a, u = e(l, a);
     if (typeof u != "function" || !l)
       return;
     const c = (h) => {
-      Jn(h) && (u(h), l.removeEventListener("pointerleave", c));
+      Qn(h) && (u(h), l.removeEventListener("pointerleave", c));
     };
     l.addEventListener("pointerleave", c, s);
   };
@@ -2047,7 +2052,7 @@ function il(t, e, n = {}) {
     a.addEventListener("pointerenter", r, s);
   }), o;
 }
-const Ys = (t, e) => e ? t === e ? !0 : Ys(t, e.parentElement) : !1, Sn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, sl = /* @__PURE__ */ new Set([
+const Ys = (t, e) => e ? t === e ? !0 : Ys(t, e.parentElement) : !1, Pn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, sl = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -2057,8 +2062,8 @@ const Ys = (t, e) => e ? t === e ? !0 : Ys(t, e.parentElement) : !1, Sn = (t) =>
 function qs(t) {
   return sl.has(t.tagName) || t.isContentEditable === !0;
 }
-const Xt = /* @__PURE__ */ new WeakSet();
-function Qn(t) {
+const Yt = /* @__PURE__ */ new WeakSet();
+function ti(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
@@ -2070,28 +2075,28 @@ const rl = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const i = Qn(() => {
-    if (Xt.has(n))
+  const i = ti(() => {
+    if (Yt.has(n))
       return;
     ge(n, "down");
-    const s = Qn(() => {
+    const s = ti(() => {
       ge(n, "up");
     }), o = () => ge(n, "cancel");
     n.addEventListener("keyup", s, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", i, e), n.addEventListener("blur", () => n.removeEventListener("keydown", i), e);
 };
-function ti(t) {
-  return Sn(t) && !Hs();
+function ei(t) {
+  return Pn(t) && !Hs();
 }
 function ol(t, e, n = {}) {
   const [i, s, o] = Xs(t, n), r = (a) => {
     const l = a.currentTarget;
-    if (!ti(a))
+    if (!ei(a))
       return;
-    Xt.add(l);
+    Yt.add(l);
     const u = e(l, a), c = (d, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Xt.has(l) && Xt.delete(l), ti(d) && typeof u == "function" && u(d, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Yt.has(l) && Yt.delete(l), ei(d) && typeof u == "function" && u(d, { success: m });
     }, h = (d) => {
       c(d, l === window || l === document || n.useGlobalTarget || Ys(l, d.target));
     }, f = (d) => {
@@ -2100,43 +2105,43 @@ function ol(t, e, n = {}) {
     window.addEventListener("pointerup", h, s), window.addEventListener("pointercancel", f, s);
   };
   return i.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Gs(a) && (a.addEventListener("focus", (u) => rl(u, s)), !qs(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), ze(a) && (a.addEventListener("focus", (u) => rl(u, s)), !qs(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function Zs(t) {
-  return is(t) && "ownerSVGElement" in t;
+  return ss(t) && "ownerSVGElement" in t;
 }
 function al(t) {
   return Zs(t) && t.tagName === "svg";
 }
-const ll = [...$s, R, it], cl = (t) => ll.find(Ws(t)), ei = () => ({
+const ll = [...Ks, L, it], cl = (t) => ll.find($s(t)), ni = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
 }), yt = () => ({
-  x: ei(),
-  y: ei()
-}), ni = () => ({ min: 0, max: 0 }), k = () => ({
   x: ni(),
   y: ni()
-}), ze = { current: null }, Js = { current: !1 }, ul = typeof window < "u";
+}), ii = () => ({ min: 0, max: 0 }), k = () => ({
+  x: ii(),
+  y: ii()
+}), _e = { current: null }, Js = { current: !1 }, ul = typeof window < "u";
 function hl() {
   if (Js.current = !0, !!ul)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ze.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => _e.current = t.matches;
       t.addEventListener("change", e), e();
     } else
-      ze.current = !1;
+      _e.current = !1;
 }
 const fl = /* @__PURE__ */ new WeakMap();
-function oe(t) {
+function ae(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function Ot(t) {
+function jt(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const Pn = [
+const An = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2144,12 +2149,12 @@ const Pn = [
   "whileTap",
   "whileDrag",
   "exit"
-], An = ["initial", ...Pn];
-function ae(t) {
-  return oe(t.animate) || An.some((e) => Ot(t[e]));
+], Vn = ["initial", ...An];
+function le(t) {
+  return ae(t.animate) || Vn.some((e) => jt(t[e]));
 }
 function Qs(t) {
-  return !!(ae(t) || t.variants);
+  return !!(le(t) || t.variants);
 }
 function dl(t, e, n) {
   for (const i in e) {
@@ -2171,7 +2176,7 @@ function dl(t, e, n) {
     e[i] === void 0 && t.removeValue(i);
   return e;
 }
-const ii = [
+const si = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2180,12 +2185,12 @@ const ii = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-let te = {};
+let ee = {};
 function tr(t) {
-  te = t;
+  ee = t;
 }
 function ml() {
-  return te;
+  return ee;
 }
 class pl {
   /**
@@ -2199,14 +2204,14 @@ class pl {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: i, reducedMotionConfig: s, blockInitialAnimation: o, visualState: r }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = gn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = yn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = j.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, V.render(this.render, !1, !0));
+      this.renderScheduledAt < f && (this.renderScheduledAt = f, C.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = r;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = ae(n), this.isVariantNode = Qs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = le(n), this.isVariantNode = Qs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: c, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const d = h[f];
@@ -2215,7 +2220,7 @@ class pl {
   }
   mount(e) {
     var n;
-    this.current = e, fl.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, s) => this.bindToMotionValue(s, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Js.current || hl(), this.shouldReduceMotion = ze.current), process.env.NODE_ENV !== "production" && rn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = e, fl.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, s) => this.bindToMotionValue(s, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Js.current || hl(), this.shouldReduceMotion = _e.current), process.env.NODE_ENV !== "production" && on(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     var e;
@@ -2239,7 +2244,7 @@ class pl {
     const i = Vt.has(e);
     i && this.onBindTransform && this.onBindTransform();
     const s = n.on("change", (r) => {
-      this.latestValues[e] = r, this.props.onUpdate && V.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[e] = r, this.props.onUpdate && C.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let o;
     typeof window < "u" && window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
@@ -2251,8 +2256,8 @@ class pl {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in te) {
-      const n = te[e];
+    for (e in ee) {
+      const n = ee[e];
       if (!n)
         continue;
       const { isEnabled: i, Feature: s } = n;
@@ -2285,8 +2290,8 @@ class pl {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let i = 0; i < ii.length; i++) {
-      const s = ii[i];
+    for (let i = 0; i < si.length; i++) {
+      const s = si[i];
       this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
       const o = "on" + s, r = e[o];
       r && (this.propEventSubscriptions[s] = this.on(s, r));
@@ -2356,7 +2361,7 @@ class pl {
    */
   readValue(e, n) {
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (ns(i) || ss(i)) ? i = parseFloat(i) : !cl(i) && it.test(n) && (i = zs(e, n)), this.setBaseTarget(e, O(i) ? i.get() : i)), O(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (is(i) || rs(i)) ? i = parseFloat(i) : !cl(i) && it.test(n) && (i = _s(e, n)), this.setBaseTarget(e, O(i) ? i.get() : i)), O(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2374,7 +2379,7 @@ class pl {
     const { initial: n } = this.props;
     let i;
     if (typeof n == "string" || typeof n == "object") {
-      const r = xn(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
+      const r = Tn(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
       r && (i = r[e]);
     }
     if (n && i !== void 0)
@@ -2383,20 +2388,13 @@ class pl {
     return s !== void 0 && !O(s) ? s : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new sn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new rn()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    bn.render(this.render);
-  }
-}
-class st {
-  constructor(e) {
-    this.isMounted = !1, this.node = e;
-  }
-  update() {
+    Sn.render(this.render);
   }
 }
 class er extends pl {
@@ -2421,6 +2419,13 @@ class er extends pl {
     }));
   }
 }
+class st {
+  constructor(e) {
+    this.isMounted = !1, this.node = e;
+  }
+  update() {
+  }
+}
 function nr({ top: t, left: e, right: n, bottom: i }) {
   return {
     x: { min: e, max: n },
@@ -2444,32 +2449,32 @@ function yl(t, e) {
 function ye(t) {
   return t === void 0 || t === 1;
 }
-function _e({ scale: t, scaleX: e, scaleY: n }) {
+function Ge({ scale: t, scaleX: e, scaleY: n }) {
   return !ye(t) || !ye(e) || !ye(n);
 }
-function at(t) {
-  return _e(t) || ir(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+function lt(t) {
+  return Ge(t) || ir(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function ir(t) {
-  return si(t.x) || si(t.y);
+  return ri(t.x) || ri(t.y);
 }
-function si(t) {
+function ri(t) {
   return t && t !== "0%";
 }
-function ee(t, e, n) {
+function ne(t, e, n) {
   const i = t - n, s = e * i;
   return n + s;
 }
-function ri(t, e, n, i, s) {
-  return s !== void 0 && (t = ee(t, s, i)), ee(t, n, i) + e;
+function oi(t, e, n, i, s) {
+  return s !== void 0 && (t = ne(t, s, i)), ne(t, n, i) + e;
 }
-function Ge(t, e = 0, n = 1, i, s) {
-  t.min = ri(t.min, e, n, i, s), t.max = ri(t.max, e, n, i, s);
+function He(t, e = 0, n = 1, i, s) {
+  t.min = oi(t.min, e, n, i, s), t.max = oi(t.max, e, n, i, s);
 }
 function sr(t, { x: e, y: n }) {
-  Ge(t.x, e.translate, e.scale, e.originPoint), Ge(t.y, n.translate, n.scale, n.originPoint);
+  He(t.x, e.translate, e.scale, e.originPoint), He(t.y, n.translate, n.scale, n.originPoint);
 }
-const oi = 0.999999999999, ai = 1.0000000000001;
+const ai = 0.999999999999, li = 1.0000000000001;
 function vl(t, e, n, i = !1) {
   const s = n.length;
   if (!s)
@@ -2482,19 +2487,19 @@ function vl(t, e, n, i = !1) {
     l && l.props.style && l.props.style.display === "contents" || (i && o.options.layoutScroll && o.scroll && o !== o.root && xt(t, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, sr(t, r)), i && at(o.latestValues) && xt(t, o.latestValues));
+    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, sr(t, r)), i && lt(o.latestValues) && xt(t, o.latestValues));
   }
-  e.x < ai && e.x > oi && (e.x = 1), e.y < ai && e.y > oi && (e.y = 1);
+  e.x < li && e.x > ai && (e.x = 1), e.y < li && e.y > ai && (e.y = 1);
 }
 function vt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function li(t, e, n, i, s = 0.5) {
+function ci(t, e, n, i, s = 0.5) {
   const o = E(t.min, t.max, s);
-  Ge(t, e, n, o, i);
+  He(t, e, n, o, i);
 }
 function xt(t, e) {
-  li(t.x, e.x, e.scaleX, e.scale, e.originX), li(t.y, e.y, e.scaleY, e.scale, e.originY);
+  ci(t.x, e.x, e.scaleX, e.scale, e.originX), ci(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function rr(t, e) {
   return nr(yl(t.getBoundingClientRect(), e));
@@ -2516,8 +2521,14 @@ function bl(t, e, n) {
     if (a === void 0)
       continue;
     let l = !0;
-    if (typeof a == "number" ? l = a === (r.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = _s(a, wn[r]);
+    if (typeof a == "number")
+      l = a === (r.startsWith("scale") ? 1 : 0);
+    else {
+      const u = parseFloat(a);
+      l = r.startsWith("scale") ? u === 1 : u === 0;
+    }
+    if (!l || n) {
+      const u = Gs(a, bn[r]);
       if (!l) {
         s = !1;
         const c = Tl[r] || r;
@@ -2528,7 +2539,7 @@ function bl(t, e, n) {
   }
   return i = i.trim(), n ? i = n(e, s ? "" : i) : s && (i = "none"), i;
 }
-function Vn(t, e, n) {
+function Cn(t, e, n) {
   const { style: i, vars: s, transformOrigin: o } = t;
   let r = !1, a = !1;
   for (const l in e) {
@@ -2536,11 +2547,11 @@ function Vn(t, e, n) {
     if (Vt.has(l)) {
       r = !0;
       continue;
-    } else if (vs(l)) {
+    } else if (xs(l)) {
       s[l] = u;
       continue;
     } else {
-      const c = _s(u, wn[l]);
+      const c = Gs(u, bn[l]);
       l.startsWith("origin") ? (a = !0, o[l] = c) : i[l] = c;
     }
   }
@@ -2558,7 +2569,7 @@ function or(t, { style: e, vars: n }, i, s) {
   for (r in n)
     o.setProperty(r, n[r]);
 }
-function ci(t, e) {
+function ui(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
 const Mt = {
@@ -2570,7 +2581,7 @@ const Mt = {
         t = parseFloat(t);
       else
         return t;
-    const n = ci(t, e.target.x), i = ci(t, e.target.y);
+    const n = ui(t, e.target.x), i = ui(t, e.target.y);
     return `${n}% ${i}%`;
   }
 }, Sl = {
@@ -2583,7 +2594,7 @@ const Mt = {
     const u = E(a, l, 0.5);
     return typeof s[2 + r] == "number" && (s[2 + r] /= u), typeof s[3 + r] == "number" && (s[3 + r] /= u), o(s);
   }
-}, He = {
+}, Xe = {
   borderRadius: {
     ...Mt,
     applyTo: [
@@ -2600,7 +2611,7 @@ const Mt = {
   boxShadow: Sl
 };
 function ar(t, { layout: e, layoutId: n }) {
-  return Vt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!He[t] || t === "opacity");
+  return Vt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Xe[t] || t === "opacity");
 }
 function Mn(t, e, n) {
   var r;
@@ -2623,7 +2634,7 @@ class Al extends er {
     if (Vt.has(n))
       return (i = this.projection) != null && i.isProjecting ? Fe(n) : ta(e, n);
     {
-      const s = Pl(e), o = (vs(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Pl(e), o = (xs(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof o == "string" ? o.trim() : o;
     }
   }
@@ -2631,7 +2642,7 @@ class Al extends er {
     return rr(e, n);
   }
   build(e, n, i) {
-    Vn(e, n, i.transformTemplate);
+    Cn(e, n, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, i) {
     return Mn(e, n, i);
@@ -2640,16 +2651,14 @@ class Al extends er {
 const Vl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Ml = {
+}, Cl = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Cl(t, e, n = 1, i = 0, s = !0) {
+function Ml(t, e, n = 1, i = 0, s = !0) {
   t.pathLength = 1;
-  const o = s ? Vl : Ml;
-  t[o.offset] = x.transform(-i);
-  const r = x.transform(e), a = x.transform(n);
-  t[o.array] = `${r} ${a}`;
+  const o = s ? Vl : Cl;
+  t[o.offset] = `${-i}`, t[o.array] = `${e} ${n}`;
 }
 const Dl = [
   "offsetDistance",
@@ -2667,7 +2676,7 @@ function lr(t, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, l, u, c) {
-  if (Vn(t, a, u), l) {
+  if (Cn(t, a, u), l) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
@@ -2676,7 +2685,7 @@ function lr(t, {
   h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete h.transformBox);
   for (const d of Dl)
     h[d] !== void 0 && (f[d] = h[d], delete h[d]);
-  e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), i !== void 0 && (h.scale = i), s !== void 0 && Cl(h, s, o, r, !1);
+  e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), i !== void 0 && (h.scale = i), s !== void 0 && Ml(h, s, o, r, !1);
 }
 const cr = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -2706,7 +2715,7 @@ const cr = /* @__PURE__ */ new Set([
 function El(t, e, n, i) {
   or(t, e, void 0, i);
   for (const s in e.attrs)
-    t.setAttribute(cr.has(s) ? s : Tn(s), e.attrs[s]);
+    t.setAttribute(cr.has(s) ? s : wn(s), e.attrs[s]);
 }
 function hr(t, e, n) {
   const i = Mn(t, e, n);
@@ -2726,10 +2735,10 @@ class Rl extends er {
   }
   readValueFromInstance(e, n) {
     if (Vt.has(n)) {
-      const i = Ks(n);
+      const i = zs(n);
       return i && i.default || 0;
     }
-    return n = cr.has(n) ? n : Tn(n), e.getAttribute(n);
+    return n = cr.has(n) ? n : wn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, i) {
     return hr(e, n, i);
@@ -2744,7 +2753,7 @@ class Rl extends er {
     this.isSVGTag = ur(e.tagName), super.mount(e);
   }
 }
-const Ll = An.length;
+const Ll = Vn.length;
 function fr(t) {
   if (!t)
     return;
@@ -2754,8 +2763,8 @@ function fr(t) {
   }
   const e = {};
   for (let n = 0; n < Ll; n++) {
-    const i = An[n], s = t.props[i];
-    (Ot(s) || s === !1) && (e[i] = s);
+    const i = Vn[n], s = t.props[i];
+    (jt(s) || s === !1) && (e[i] = s);
   }
   return e;
 }
@@ -2770,12 +2779,12 @@ function dr(t, e) {
       return !1;
   return !0;
 }
-const kl = [...Pn].reverse(), Fl = Pn.length;
+const kl = [...An].reverse(), Fl = An.length;
 function Il(t) {
   return (e) => Promise.all(e.map(({ animation: n, options: i }) => za(t, n, i)));
 }
 function Bl(t) {
-  let e = Il(t), n = ui(), i = !0;
+  let e = Il(t), n = hi(), i = !0;
   const s = (l) => (u, c) => {
     var f;
     const h = Tt(t, c, l === "exit" ? (f = t.presenceContext) == null ? void 0 : f.custom : void 0);
@@ -2791,64 +2800,64 @@ function Bl(t) {
   function r(l) {
     const { props: u } = t, c = fr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
-    for (let v = 0; v < Fl; v++) {
-      const g = kl[v], T = n[g], y = u[g] !== void 0 ? u[g] : c[g], S = Ot(y), b = g === l ? T.isActive : null;
-      b === !1 && (m = v);
-      let A = y === c[g] && y !== u[g] && S;
+    for (let y = 0; y < Fl; y++) {
+      const g = kl[y], T = n[g], v = u[g] !== void 0 ? u[g] : c[g], S = jt(v), w = g === l ? T.isActive : null;
+      w === !1 && (m = y);
+      let A = v === c[g] && v !== u[g] && S;
       if (A && i && t.manuallyAnimateOnMount && (A = !1), T.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
-      !T.isActive && b === null || // If we didn't and don't have any defined prop for this animation type
-      !y && !T.prevProp || // Or if the prop doesn't define an animation
-      oe(y) || typeof y == "boolean")
+      !T.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
+      !v && !T.prevProp || // Or if the prop doesn't define an animation
+      ae(v) || typeof v == "boolean")
         continue;
-      const P = Ol(T.prevProp, y);
-      let w = P || // If we're making this variant active, we want to always make it active
+      const V = Ol(T.prevProp, v);
+      let b = V || // If we're making this variant active, we want to always make it active
       g === l && T.isActive && !A && S || // If we removed a higher-priority variant (i is in reverse order)
-      v > m && S, M = !1;
-      const L = Array.isArray(y) ? y : [y];
-      let _ = L.reduce(s(g), {});
-      b === !1 && (_ = {});
-      const { prevResolvedValues: ft = {} } = T, ce = {
-        ...ft,
-        ..._
+      y > m && S, P = !1;
+      const R = Array.isArray(v) ? v : [v];
+      let U = R.reduce(s(g), {});
+      w === !1 && (U = {});
+      const { prevResolvedValues: rt = {} } = T, Ct = {
+        ...rt,
+        ...U
       }, dt = (F) => {
-        w = !0, f.has(F) && (M = !0, f.delete(F)), T.needsAnimating[F] = !0;
-        const W = t.getValue(F);
-        W && (W.liveStyle = !1);
+        b = !0, f.has(F) && (P = !0, f.delete(F)), T.needsAnimating[F] = !0;
+        const $ = t.getValue(F);
+        $ && ($.liveStyle = !1);
       };
-      for (const F in ce) {
-        const W = _[F], rt = ft[F];
+      for (const F in Ct) {
+        const $ = U[F], ot = rt[F];
         if (d.hasOwnProperty(F))
           continue;
         let mt = !1;
-        Ue(W) && Ue(rt) ? mt = !dr(W, rt) : mt = W !== rt, mt ? W != null ? dt(F) : f.add(F) : W !== void 0 && f.has(F) ? dt(F) : T.protectedKeys[F] = !0;
+        We($) && We(ot) ? mt = !dr($, ot) : mt = $ !== ot, mt ? $ != null ? dt(F) : f.add(F) : $ !== void 0 && f.has(F) ? dt(F) : T.protectedKeys[F] = !0;
       }
-      T.prevProp = y, T.prevResolvedValues = _, T.isActive && (d = { ...d, ..._ }), i && t.blockInitialAnimation && (w = !1);
-      const Rn = A && P;
-      w && (!Rn || M) && h.push(...L.map((F) => {
-        const W = { type: g };
-        if (typeof F == "string" && i && !Rn && t.manuallyAnimateOnMount && t.parent) {
-          const { parent: rt } = t, mt = Tt(rt, F);
-          if (rt.enteringChildren && mt) {
+      T.prevProp = v, T.prevResolvedValues = U, T.isActive && (d = { ...d, ...U }), i && t.blockInitialAnimation && (b = !1);
+      const Ln = A && V;
+      b && (!Ln || P) && h.push(...R.map((F) => {
+        const $ = { type: g };
+        if (typeof F == "string" && i && !Ln && t.manuallyAnimateOnMount && t.parent) {
+          const { parent: ot } = t, mt = Tt(ot, F);
+          if (ot.enteringChildren && mt) {
             const { delayChildren: Or } = mt.transition || {};
-            W.delay = Bs(rt.enteringChildren, t, Or);
+            $.delay = Bs(ot.enteringChildren, t, Or);
           }
         }
         return {
           animation: F,
-          options: W
+          options: $
         };
       }));
     }
     if (f.size) {
-      const v = {};
+      const y = {};
       if (typeof u.initial != "boolean") {
         const g = Tt(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        g && g.transition && (v.transition = g.transition);
+        g && g.transition && (y.transition = g.transition);
       }
       f.forEach((g) => {
-        const T = t.getBaseTarget(g), y = t.getValue(g);
-        y && (y.liveStyle = !0), v[g] = T ?? null;
-      }), h.push({ animation: v });
+        const T = t.getBaseTarget(g), v = t.getValue(g);
+        v && (v.liveStyle = !0), y[g] = T ?? null;
+      }), h.push({ animation: y });
     }
     let p = !!h.length;
     return i && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (p = !1), i = !1, p ? e(h) : Promise.resolve();
@@ -2872,14 +2881,14 @@ function Bl(t) {
     setAnimateFunction: o,
     getState: () => n,
     reset: () => {
-      n = ui();
+      n = hi();
     }
   };
 }
 function Ol(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !dr(e, t) : !1;
 }
-function ot(t = !1) {
+function at(t = !1) {
   return {
     isActive: t,
     protectedKeys: {},
@@ -2887,92 +2896,92 @@ function ot(t = !1) {
     prevResolvedValues: {}
   };
 }
-function ui() {
+function hi() {
   return {
-    animate: ot(!0),
-    whileInView: ot(),
-    whileHover: ot(),
-    whileTap: ot(),
-    whileDrag: ot(),
-    whileFocus: ot(),
-    exit: ot()
+    animate: at(!0),
+    whileInView: at(),
+    whileHover: at(),
+    whileTap: at(),
+    whileDrag: at(),
+    whileFocus: at(),
+    exit: at()
   };
 }
-const mr = 1e-4, jl = 1 - mr, Nl = 1 + mr, pr = 0.01, Ul = 0 - pr, Wl = 0 + pr;
+function fi(t, e) {
+  t.min = e.min, t.max = e.max;
+}
+function G(t, e) {
+  fi(t.x, e.x), fi(t.y, e.y);
+}
+function di(t, e) {
+  t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
+}
+const mr = 1e-4, jl = 1 - mr, Nl = 1 + mr, pr = 0.01, Wl = 0 - pr, Ul = 0 + pr;
 function N(t) {
   return t.max - t.min;
 }
 function $l(t, e, n) {
   return Math.abs(t - e) <= n;
 }
-function hi(t, e, n, i = 0.5) {
-  t.origin = i, t.originPoint = E(e.min, e.max, t.origin), t.scale = N(n) / N(e), t.translate = E(n.min, n.max, t.origin) - t.originPoint, (t.scale >= jl && t.scale <= Nl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Ul && t.translate <= Wl || isNaN(t.translate)) && (t.translate = 0);
+function mi(t, e, n, i = 0.5) {
+  t.origin = i, t.originPoint = E(e.min, e.max, t.origin), t.scale = N(n) / N(e), t.translate = E(n.min, n.max, t.origin) - t.originPoint, (t.scale >= jl && t.scale <= Nl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Wl && t.translate <= Ul || isNaN(t.translate)) && (t.translate = 0);
 }
-function Rt(t, e, n, i) {
-  hi(t.x, e.x, n.x, i ? i.originX : void 0), hi(t.y, e.y, n.y, i ? i.originY : void 0);
+function Lt(t, e, n, i) {
+  mi(t.x, e.x, n.x, i ? i.originX : void 0), mi(t.y, e.y, n.y, i ? i.originY : void 0);
 }
-function fi(t, e, n) {
+function pi(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + N(e);
 }
 function Kl(t, e, n) {
-  fi(t.x, e.x, n.x), fi(t.y, e.y, n.y);
+  pi(t.x, e.x, n.x), pi(t.y, e.y, n.y);
 }
-function di(t, e, n) {
+function gi(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + N(e);
 }
-function ne(t, e, n) {
-  di(t.x, e.x, n.x), di(t.y, e.y, n.y);
+function ie(t, e, n) {
+  gi(t.x, e.x, n.x), gi(t.y, e.y, n.y);
 }
-function mi(t, e, n, i, s) {
-  return t -= e, t = ee(t, 1 / n, i), s !== void 0 && (t = ee(t, 1 / s, i)), t;
+function yi(t, e, n, i, s) {
+  return t -= e, t = ne(t, 1 / n, i), s !== void 0 && (t = ne(t, 1 / s, i)), t;
 }
 function zl(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
   if (Y.test(e) && (e = parseFloat(e), e = E(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = E(o.min, o.max, i);
-  t === o && (a -= e), t.min = mi(t.min, e, n, a, s), t.max = mi(t.max, e, n, a, s);
+  t === o && (a -= e), t.min = yi(t.min, e, n, a, s), t.max = yi(t.max, e, n, a, s);
 }
-function pi(t, e, [n, i, s], o, r) {
+function vi(t, e, [n, i, s], o, r) {
   zl(t, e[n], e[i], e[s], e.scale, o, r);
 }
 const _l = ["x", "scaleX", "originX"], Gl = ["y", "scaleY", "originY"];
-function gi(t, e, n, i) {
-  pi(t.x, e, _l, n ? n.x : void 0, i ? i.x : void 0), pi(t.y, e, Gl, n ? n.y : void 0, i ? i.y : void 0);
+function xi(t, e, n, i) {
+  vi(t.x, e, _l, n ? n.x : void 0, i ? i.x : void 0), vi(t.y, e, Gl, n ? n.y : void 0, i ? i.y : void 0);
 }
-function yi(t, e) {
-  t.min = e.min, t.max = e.max;
-}
-function G(t, e) {
-  yi(t.x, e.x), yi(t.y, e.y);
-}
-function vi(t, e) {
-  t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
-}
-function xi(t) {
+function Ti(t) {
   return t.translate === 0 && t.scale === 1;
 }
 function gr(t) {
-  return xi(t.x) && xi(t.y);
+  return Ti(t.x) && Ti(t.y);
 }
-function Ti(t, e) {
+function wi(t, e) {
   return t.min === e.min && t.max === e.max;
 }
 function Hl(t, e) {
-  return Ti(t.x, e.x) && Ti(t.y, e.y);
+  return wi(t.x, e.x) && wi(t.y, e.y);
 }
-function wi(t, e) {
+function bi(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
 function yr(t, e) {
-  return wi(t.x, e.x) && wi(t.y, e.y);
+  return bi(t.x, e.x) && bi(t.y, e.y);
 }
-function bi(t) {
+function Si(t) {
   return N(t.x) / N(t.y);
 }
-function Si(t, e) {
+function Pi(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-function $(t) {
+function K(t) {
   return [t("x"), t("y")];
 }
 function Xl(t, e, n) {
@@ -2985,66 +2994,66 @@ function Xl(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
 }
-const vr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Yl = vr.length, Pi = (t) => typeof t == "string" ? parseFloat(t) : t, Ai = (t) => typeof t == "number" || x.test(t);
+const vr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Yl = vr.length, Ai = (t) => typeof t == "string" ? parseFloat(t) : t, Vi = (t) => typeof t == "number" || x.test(t);
 function ql(t, e, n, i, s, o) {
   s ? (t.opacity = E(0, n.opacity ?? 1, Zl(i)), t.opacityExit = E(e.opacity ?? 1, 0, Jl(i))) : o && (t.opacity = E(e.opacity ?? 1, n.opacity ?? 1, i));
   for (let r = 0; r < Yl; r++) {
     const a = `border${vr[r]}Radius`;
-    let l = Vi(e, a), u = Vi(n, a);
+    let l = Ci(e, a), u = Ci(n, a);
     if (l === void 0 && u === void 0)
       continue;
-    l || (l = 0), u || (u = 0), l === 0 || u === 0 || Ai(l) === Ai(u) ? (t[a] = Math.max(E(Pi(l), Pi(u), i), 0), (Y.test(u) || Y.test(l)) && (t[a] += "%")) : t[a] = u;
+    l || (l = 0), u || (u = 0), l === 0 || u === 0 || Vi(l) === Vi(u) ? (t[a] = Math.max(E(Ai(l), Ai(u), i), 0), (Y.test(u) || Y.test(l)) && (t[a] += "%")) : t[a] = u;
   }
   (e.rotate || n.rotate) && (t.rotate = E(e.rotate || 0, n.rotate || 0, i));
 }
-function Vi(t, e) {
+function Ci(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Zl = /* @__PURE__ */ xr(0, 0.5, fs), Jl = /* @__PURE__ */ xr(0.5, 0.95, z);
+const Zl = /* @__PURE__ */ xr(0, 0.5, ds), Jl = /* @__PURE__ */ xr(0.5, 0.95, _);
 function xr(t, e, n) {
-  return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ Ft(t, e, i));
+  return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ It(t, e, i));
 }
-function Ql(t, e) {
-  const n = j.now(), i = ({ timestamp: s }) => {
-    const o = s - n;
-    o >= e && (nt(i), t(o - e));
-  };
-  return V.setup(i, !0), () => nt(i);
+function Ql(t, e, n) {
+  const i = O(t) ? t : wt(t);
+  return i.start(xn("", i, e, n)), i.animation;
 }
-function jt(t, e, n, i = { passive: !0 }) {
+function Nt(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
 }
-function Yt(t) {
-  return O(t) ? t.get() : t;
-}
-function tc(t, e, n) {
-  const i = O(t) ? t : wt(t);
-  return i.start(vn("", i, e, n)), i.animation;
-}
-const ec = (t, e) => t.depth - e.depth;
-class nc {
+const tc = (t, e) => t.depth - e.depth;
+class ec {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    tn(this.children, e), this.isDirty = !0;
+    en(this.children, e), this.isDirty = !0;
   }
   remove(e) {
-    en(this.children, e), this.isDirty = !0;
+    nn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(ec), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(tc), this.isDirty = !1, this.children.forEach(e);
   }
 }
+function nc(t, e) {
+  const n = j.now(), i = ({ timestamp: s }) => {
+    const o = s - n;
+    o >= e && (nt(i), t(o - e));
+  };
+  return C.setup(i, !0), () => nt(i);
+}
+function qt(t) {
+  return O(t) ? t.get() : t;
+}
 class ic {
   constructor() {
     this.members = [];
   }
   add(e) {
-    tn(this.members, e), e.scheduleRender();
+    en(this.members, e), e.scheduleRender();
   }
   remove(e) {
-    if (en(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+    if (nn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
       const n = this.members[this.members.length - 1];
       n && this.promote(n);
     }
@@ -3090,7 +3099,7 @@ class ic {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-const qt = {
+const Zt = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3113,10 +3122,10 @@ function Tr(t) {
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = Ns(e);
+  const n = Ws(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: s, layoutId: o } = t.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", V, !(s || o));
+    window.MotionCancelOptimisedAnimation(n, "transform", C, !(s || o));
   }
   const { parent: i } = t;
   i && !i.hasCheckedOptimisedAppear && Tr(i);
@@ -3131,10 +3140,10 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new nc());
+      this.root === this && (this.nodes = new ec());
     }
     addEventListener(r, a) {
-      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new sn()), this.eventHandlers.get(r).add(a);
+      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new rn()), this.eventHandlers.get(r).add(a);
     }
     notifyListeners(r, ...a) {
       const l = this.eventHandlers.get(r);
@@ -3154,11 +3163,11 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (u && !u.current && u.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let c, h = 0;
         const f = () => this.root.updateBlockedByResize = !1;
-        V.read(() => {
+        C.read(() => {
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = Ql(f, 250), qt.hasAnimatedSinceResize && (qt.hasAnimatedSinceResize = !1, this.nodes.forEach(Di)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = nc(f, 250), Zt.hasAnimatedSinceResize && (Zt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ei)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -3166,17 +3175,17 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || vc, { onLayoutAnimationStart: p, onLayoutAnimationComplete: v } = u.getProps(), g = !this.targetLayout || !yr(this.targetLayout, d), T = !h && f;
+        const m = this.options.transition || u.getDefaultTransition() || vc, { onLayoutAnimationStart: p, onLayoutAnimationComplete: y } = u.getProps(), g = !this.targetLayout || !yr(this.targetLayout, d), T = !h && f;
         if (this.options.layoutRoot || this.resumeFrom || T || h && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const y = {
-            ...yn(m, "layout"),
+          const v = {
+            ...vn(m, "layout"),
             onPlay: p,
-            onComplete: v
+            onComplete: y
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (y.delay = 0, y.type = !1), this.startAnimation(y), this.setAnimationOrigin(c, T);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(c, T);
         } else
-          h || Di(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          h || Ei(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = d;
       });
     }
@@ -3230,24 +3239,24 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Ci);
+        this.nodes.forEach(Di);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(hc), this.nodes.forEach(oc), this.nodes.forEach(ac)) : this.nodes.forEach(Ci), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(hc), this.nodes.forEach(oc), this.nodes.forEach(ac)) : this.nodes.forEach(Di), this.clearAllSnapshots();
       const a = j.now();
       I.delta = q(0, 1e3 / 60, a - I.timestamp), I.timestamp = a, I.isProcessing = !0, ue.update.process(I), ue.preRender.process(I), ue.render.process(I), I.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, bn.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, Sn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
       this.nodes.forEach(uc), this.sharedNodes.forEach(pc);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, V.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, C.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      V.postRender(() => {
+      C.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -3285,7 +3294,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!s)
         return;
       const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !gr(this.projectionDelta), l = this.getTransformTemplate(), u = l ? l(this.latestValues, "") : void 0, c = u !== this.prevTransformTemplateValue;
-      r && this.instance && (a || at(this.latestValues) || c) && (s(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
+      r && this.instance && (a || lt(this.latestValues) || c) && (s(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
       const a = this.measurePageBox();
@@ -3329,22 +3338,22 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         !a && c.options.layoutScroll && c.scroll && c !== c.root && xt(l, {
           x: -c.scroll.offset.x,
           y: -c.scroll.offset.y
-        }), at(c.latestValues) && xt(l, c.latestValues);
+        }), lt(c.latestValues) && xt(l, c.latestValues);
       }
-      return at(this.latestValues) && xt(l, this.latestValues), l;
+      return lt(this.latestValues) && xt(l, this.latestValues), l;
     }
     removeTransform(r) {
       const a = k();
       G(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l];
-        if (!u.instance || !at(u.latestValues))
+        if (!u.instance || !lt(u.latestValues))
           continue;
-        _e(u.latestValues) && u.updateSnapshot();
+        Ge(u.latestValues) && u.updateSnapshot();
         const c = k(), h = u.measurePageBox();
-        G(c, h), gi(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        G(c, h), xi(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
-      return at(this.latestValues) && gi(a, this.latestValues), a;
+      return lt(this.latestValues) && xi(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -3377,14 +3386,14 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = k(), this.targetWithTransforms = k()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Kl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : G(this.target, this.layout.layoutBox), sr(this.target, this.targetDelta)) : G(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || _e(this.parent.latestValues) || ir(this.parent.latestValues)))
+      if (!(!this.parent || Ge(this.parent.latestValues) || ir(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(r, a, l) {
-      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = k(), this.relativeTargetOrigin = k(), ne(this.relativeTargetOrigin, a, l), G(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = k(), this.relativeTargetOrigin = k(), ie(this.relativeTargetOrigin, a, l), G(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -3406,7 +3415,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (vi(this.prevProjectionDelta.x, this.projectionDelta.x), vi(this.prevProjectionDelta.y, this.projectionDelta.y)), Rt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Si(this.projectionDelta.x, this.prevProjectionDelta.x) || !Si(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (di(this.prevProjectionDelta.x, this.projectionDelta.x), di(this.prevProjectionDelta.y, this.projectionDelta.y)), Lt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Pi(this.projectionDelta.x, this.prevProjectionDelta.x) || !Pi(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
     }
     hide() {
       this.isVisible = !1;
@@ -3428,18 +3437,18 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, c = { ...this.latestValues }, h = yt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = k(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, p = d !== m, v = this.getStack(), g = !v || v.members.length <= 1, T = !!(p && !g && this.options.crossfade === !0 && !this.path.some(yc));
+      const f = k(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, p = d !== m, y = this.getStack(), g = !y || y.members.length <= 1, T = !!(p && !g && this.options.crossfade === !0 && !this.path.some(yc));
       this.animationProgress = 0;
-      let y;
+      let v;
       this.mixTargetDelta = (S) => {
-        const b = S / 1e3;
-        Ei(h.x, r.x, b), Ei(h.y, r.y, b), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ne(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gc(this.relativeTarget, this.relativeTargetOrigin, f, b), y && Hl(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = k()), G(y, this.relativeTarget)), p && (this.animationValues = c, ql(c, u, this.latestValues, b, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = b;
+        const w = S / 1e3;
+        Ri(h.x, r.x, w), Ri(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ie(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gc(this.relativeTarget, this.relativeTargetOrigin, f, w), v && Hl(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = k()), G(v, this.relativeTarget)), p && (this.animationValues = c, ql(c, u, this.latestValues, w, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       var a, l, u;
-      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (u = (l = this.resumingFrom) == null ? void 0 : l.currentAnimation) == null || u.stop(), this.pendingAnimation && (nt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = V.update(() => {
-        qt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = wt(0)), this.currentAnimation = tc(this.motionValue, [0, 1e3], {
+      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (u = (l = this.resumingFrom) == null ? void 0 : l.currentAnimation) == null || u.stop(), this.pendingAnimation && (nt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = C.update(() => {
+        Zt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = wt(0)), this.currentAnimation = Ql(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -3473,7 +3482,7 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           const f = N(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        G(a, l), xt(a, c), Rt(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
+        G(a, l), xt(a, c), Lt(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
       }
     }
     registerSharedNode(r, a) {
@@ -3537,12 +3546,12 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const l = this.getTransformTemplate();
       if (this.needsReset) {
-        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Yt(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
+        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = qt(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
         return;
       }
       const u = this.getLead();
       if (!this.projectionDelta || !this.layout || !u.target) {
-        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = Yt(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !at(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = qt(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !lt(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       r.visibility = "";
@@ -3552,18 +3561,18 @@ function wr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       l && (h = l(c, h)), r.transform = h;
       const { x: f, y: d } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${d.origin * 100}% 0`, u.animationValues ? r.opacity = u === this ? c.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : c.opacityExit : r.opacity = u === this ? c.opacity !== void 0 ? c.opacity : "" : c.opacityExit !== void 0 ? c.opacityExit : 0;
-      for (const m in He) {
+      for (const m in Xe) {
         if (c[m] === void 0)
           continue;
-        const { correct: p, applyTo: v, isCSSVariable: g } = He[m], T = h === "none" ? c[m] : p(c[m], u);
-        if (v) {
-          const y = v.length;
-          for (let S = 0; S < y; S++)
-            r[v[S]] = T;
+        const { correct: p, applyTo: y, isCSSVariable: g } = Xe[m], T = h === "none" ? c[m] : p(c[m], u);
+        if (y) {
+          const v = y.length;
+          for (let S = 0; S < v; S++)
+            r[y[S]] = T;
         } else
           g ? this.options.visualElement.renderState.vars[m] = T : r[m] = T;
       }
-      this.options.layoutId && (r.pointerEvents = u === this ? Yt(a == null ? void 0 : a.pointerEvents) || "" : "none");
+      this.options.layoutId && (r.pointerEvents = u === this ? qt(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -3585,17 +3594,17 @@ function ac(t) {
   const e = ((n = t.resumeFrom) == null ? void 0 : n.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: i, measuredBox: s } = t.layout, { animationType: o } = t.options, r = e.source !== t.layout.source;
-    o === "size" ? $((h) => {
+    o === "size" ? K((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = N(f);
       f.min = i[h].min, f.max = f.min + d;
-    }) : br(o, e.layoutBox, i) && $((h) => {
+    }) : br(o, e.layoutBox, i) && K((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = N(i[h]);
       f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
     });
     const a = yt();
-    Rt(a, i, e.layoutBox);
+    Lt(a, i, e.layoutBox);
     const l = yt();
-    r ? Rt(l, t.applyTransform(s, !0), e.measuredBox) : Rt(l, i, e.layoutBox);
+    r ? Lt(l, t.applyTransform(s, !0), e.measuredBox) : Lt(l, i, e.layoutBox);
     const u = !gr(a);
     let c = !1;
     if (!t.resumeFrom) {
@@ -3604,9 +3613,9 @@ function ac(t) {
         const { snapshot: f, layout: d } = h;
         if (f && d) {
           const m = k();
-          ne(m, e.layoutBox, f.layoutBox);
+          ie(m, e.layoutBox, f.layoutBox);
           const p = k();
-          ne(p, i, d.layoutBox), yr(m, p) || (c = !0), h.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = m, t.relativeParent = h);
+          ie(p, i, d.layoutBox), yr(m, p) || (c = !0), h.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = m, t.relativeParent = h);
         }
       }
     }
@@ -3636,14 +3645,14 @@ function uc(t) {
 function Mi(t) {
   t.clearMeasurements();
 }
-function Ci(t) {
+function Di(t) {
   t.isLayoutDirty = !1;
 }
 function hc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Di(t) {
+function Ei(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
 function fc(t) {
@@ -3658,14 +3667,14 @@ function mc(t) {
 function pc(t) {
   t.removeLeadSnapshot();
 }
-function Ei(t, e, n) {
+function Ri(t, e, n) {
   t.translate = E(e.translate, 0, n), t.scale = E(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function Ri(t, e, n, i) {
+function Li(t, e, n, i) {
   t.min = E(e.min, n.min, i), t.max = E(e.max, n.max, i);
 }
 function gc(t, e, n, i) {
-  Ri(t.x, e.x, n.x, i), Ri(t.y, e.y, n.y, i);
+  Li(t.x, e.x, n.x, i), Li(t.y, e.y, n.y, i);
 }
 function yc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
@@ -3673,26 +3682,29 @@ function yc(t) {
 const vc = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Li = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), ki = Li("applewebkit/") && !Li("chrome/") ? Math.round : z;
-function Fi(t) {
-  t.min = ki(t.min), t.max = ki(t.max);
+}, ki = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Fi = ki("applewebkit/") && !ki("chrome/") ? Math.round : _;
+function Ii(t) {
+  t.min = Fi(t.min), t.max = Fi(t.max);
 }
 function xc(t) {
-  Fi(t.x), Fi(t.y);
+  Ii(t.x), Ii(t.y);
 }
 function br(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !$l(bi(e), bi(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !$l(Si(e), Si(n), 0.2);
 }
 function Tc(t) {
   var e;
   return t !== t.root && ((e = t.scroll) == null ? void 0 : e.wasRoot);
 }
 const wc = wr({
-  attachResizeListener: (t, e) => jt(t, "resize", e),
-  measureScroll: () => ({
-    x: document.documentElement.scrollLeft || document.body.scrollLeft,
-    y: document.documentElement.scrollTop || document.body.scrollTop
-  }),
+  attachResizeListener: (t, e) => Nt(t, "resize", e),
+  measureScroll: () => {
+    var t, e;
+    return {
+      x: document.documentElement.scrollLeft || ((t = document.body) == null ? void 0 : t.scrollLeft) || 0,
+      y: document.documentElement.scrollTop || ((e = document.body) == null ? void 0 : e.scrollTop) || 0
+    };
+  },
   checkIsScrollRoot: () => !0
 }), Te = {
   current: void 0
@@ -3712,12 +3724,12 @@ const wc = wr({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Cn = bt({
+}), Dn = bt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function Ii(t, e) {
+function Bi(t, e) {
   if (typeof t == "function")
     return t(e);
   t != null && (t.current = e);
@@ -3726,27 +3738,27 @@ function bc(...t) {
   return (e) => {
     let n = !1;
     const i = t.map((s) => {
-      const o = Ii(s, e);
+      const o = Bi(s, e);
       return !n && typeof o == "function" && (n = !0), o;
     });
     if (n)
       return () => {
         for (let s = 0; s < i.length; s++) {
           const o = i[s];
-          typeof o == "function" ? o() : Ii(t[s], null);
+          typeof o == "function" ? o() : Bi(t[s], null);
         }
       };
   };
 }
 function Sc(...t) {
-  return se.useCallback(bc(...t), t);
+  return re.useCallback(bc(...t), t);
 }
-class Pc extends se.Component {
+class Pc extends re.Component {
   getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
     if (n && e.isPresent && !this.props.isPresent) {
-      const i = n.offsetParent, s = Gs(i) && i.offsetWidth || 0, o = this.props.sizeRef.current;
-      o.height = n.offsetHeight || 0, o.width = n.offsetWidth || 0, o.top = n.offsetTop, o.left = n.offsetLeft, o.right = s - o.width - o.left;
+      const i = n.offsetParent, s = ze(i) && i.offsetWidth || 0, o = ze(i) && i.offsetHeight || 0, r = this.props.sizeRef.current;
+      r.height = n.offsetHeight || 0, r.width = n.offsetWidth || 0, r.top = n.offsetTop, r.left = n.offsetLeft, r.right = s - r.width - r.left, r.bottom = o - r.height - r.top;
     }
     return null;
   }
@@ -3759,117 +3771,118 @@ class Pc extends se.Component {
     return this.props.children;
   }
 }
-function Ac({ children: t, isPresent: e, anchorX: n, root: i }) {
-  var c;
-  const s = qe(), o = U(null), r = U({
+function Ac({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s }) {
+  var h;
+  const o = Ze(), r = W(null), a = W({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
-    right: 0
-  }), { nonce: a } = B(Cn), l = ((c = t.props) == null ? void 0 : c.ref) ?? (t == null ? void 0 : t.ref), u = Sc(o, l);
-  return Ze(() => {
-    const { width: h, height: f, top: d, left: m, right: p } = r.current;
-    if (e || !o.current || !h || !f)
+    right: 0,
+    bottom: 0
+  }), { nonce: l } = B(Dn), u = ((h = t.props) == null ? void 0 : h.ref) ?? (t == null ? void 0 : t.ref), c = Sc(r, u);
+  return Je(() => {
+    const { width: f, height: d, top: m, left: p, right: y, bottom: g } = a.current;
+    if (e || !r.current || !f || !d)
       return;
-    const v = n === "left" ? `left: ${m}` : `right: ${p}`;
-    o.current.dataset.motionPopId = s;
-    const g = document.createElement("style");
-    a && (g.nonce = a);
-    const T = i ?? document.head;
-    return T.appendChild(g), g.sheet && g.sheet.insertRule(`
-          [data-motion-pop-id="${s}"] {
+    const T = n === "left" ? `left: ${p}` : `right: ${y}`, v = i === "bottom" ? `bottom: ${g}` : `top: ${m}`;
+    r.current.dataset.motionPopId = o;
+    const S = document.createElement("style");
+    l && (S.nonce = l);
+    const w = s ?? document.head;
+    return w.appendChild(S), S.sheet && S.sheet.insertRule(`
+          [data-motion-pop-id="${o}"] {
             position: absolute !important;
-            width: ${h}px !important;
-            height: ${f}px !important;
+            width: ${f}px !important;
+            height: ${d}px !important;
+            ${T}px !important;
             ${v}px !important;
-            top: ${d}px !important;
           }
         `), () => {
-      T.contains(g) && T.removeChild(g);
+      w.contains(S) && w.removeChild(S);
     };
-  }, [e]), C(Pc, { isPresent: e, childRef: o, sizeRef: r, children: se.cloneElement(t, { ref: u }) });
+  }, [e]), M(Pc, { isPresent: e, childRef: r, sizeRef: a, children: re.cloneElement(t, { ref: c }) });
 }
-const Vc = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r, anchorX: a, root: l }) => {
-  const u = Qe(Mc), c = qe();
-  let h = !0, f = ht(() => (h = !1, {
-    id: c,
+const Vc = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r, anchorX: a, anchorY: l, root: u }) => {
+  const c = tn(Cc), h = Ze();
+  let f = !0, d = ft(() => (f = !1, {
+    id: h,
     initial: e,
     isPresent: n,
     custom: s,
-    onExitComplete: (d) => {
-      u.set(d, !0);
-      for (const m of u.values())
-        if (!m)
+    onExitComplete: (m) => {
+      c.set(m, !0);
+      for (const p of c.values())
+        if (!p)
           return;
       i && i();
     },
-    register: (d) => (u.set(d, !1), () => u.delete(d))
-  }), [n, u, i]);
-  return o && h && (f = { ...f }), ht(() => {
-    u.forEach((d, m) => u.set(m, !1));
-  }, [n]), se.useEffect(() => {
-    !n && !u.size && i && i();
-  }, [n]), r === "popLayout" && (t = C(Ac, { isPresent: n, anchorX: a, root: l, children: t })), C(re.Provider, { value: f, children: t });
+    register: (m) => (c.set(m, !1), () => c.delete(m))
+  }), [n, c, i]);
+  return o && f && (d = { ...d }), ft(() => {
+    c.forEach((m, p) => c.set(p, !1));
+  }, [n]), re.useEffect(() => {
+    !n && !c.size && i && i();
+  }, [n]), r === "popLayout" && (t = M(Ac, { isPresent: n, anchorX: a, anchorY: l, root: u, children: t })), M(oe.Provider, { value: d, children: t });
 };
-function Mc() {
+function Cc() {
   return /* @__PURE__ */ new Map();
 }
 function Pr(t = !0) {
-  const e = B(re);
+  const e = B(oe);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: i, register: s } = e, o = qe();
-  kt(() => {
+  const { isPresent: n, onExitComplete: i, register: s } = e, o = Ze();
+  Ft(() => {
     if (t)
       return s(o);
   }, [t]);
-  const r = Ji(() => t && i && i(o), [o, i, t]);
+  const r = Qi(() => t && i && i(o), [o, i, t]);
   return !n && i ? [!1, r] : [!0];
 }
-const _t = (t) => t.key || "";
-function Bi(t) {
+const Gt = (t) => t.key || "";
+function Oi(t) {
   const e = [];
-  return Wr.forEach(t, (n) => {
+  return Ur.forEach(t, (n) => {
     $r(n) && e.push(n);
   }), e;
 }
-const Cc = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", root: l }) => {
-  const [u, c] = Pr(r), h = ht(() => Bi(t), [t]), f = r && !u ? [] : h.map(_t), d = U(!0), m = U(h), p = Qe(() => /* @__PURE__ */ new Map()), v = U(/* @__PURE__ */ new Set()), [g, T] = Ln(h), [y, S] = Ln(h);
-  es(() => {
-    d.current = !1, m.current = h;
-    for (let P = 0; P < y.length; P++) {
-      const w = _t(y[P]);
-      f.includes(w) ? (p.delete(w), v.current.delete(w)) : p.get(w) !== !0 && p.set(w, !1);
+const Mc = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", anchorY: l = "top", root: u }) => {
+  const [c, h] = Pr(r), f = ft(() => Oi(t), [t]), d = r && !c ? [] : f.map(Gt), m = W(!0), p = W(f), y = tn(() => /* @__PURE__ */ new Map()), g = W(/* @__PURE__ */ new Set()), [T, v] = kn(f), [S, w] = kn(f);
+  ns(() => {
+    m.current = !1, p.current = f;
+    for (let b = 0; b < S.length; b++) {
+      const P = Gt(S[b]);
+      d.includes(P) ? (y.delete(P), g.current.delete(P)) : y.get(P) !== !0 && y.set(P, !1);
     }
-  }, [y, f.length, f.join("-")]);
-  const b = [];
-  if (h !== g) {
-    let P = [...h];
-    for (let w = 0; w < y.length; w++) {
-      const M = y[w], L = _t(M);
-      f.includes(L) || (P.splice(w, 0, M), b.push(M));
+  }, [S, d.length, d.join("-")]);
+  const A = [];
+  if (f !== T) {
+    let b = [...f];
+    for (let P = 0; P < S.length; P++) {
+      const R = S[P], U = Gt(R);
+      d.includes(U) || (b.splice(P, 0, R), A.push(R));
     }
-    return o === "wait" && b.length && (P = b), S(Bi(P)), T(h), null;
+    return o === "wait" && A.length && (b = A), w(Oi(b)), v(f), null;
   }
-  process.env.NODE_ENV !== "production" && o === "wait" && y.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: A } = B(Je);
-  return C(Zi, { children: y.map((P) => {
-    const w = _t(P), M = r && !u ? !1 : h === y || f.includes(w), L = () => {
-      if (v.current.has(w))
+  process.env.NODE_ENV !== "production" && o === "wait" && S.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: V } = B(Qe);
+  return M(Ji, { children: S.map((b) => {
+    const P = Gt(b), R = r && !c ? !1 : f === S || d.includes(P), U = () => {
+      if (g.current.has(P))
         return;
-      if (v.current.add(w), p.has(w))
-        p.set(w, !0);
+      if (g.current.add(P), y.has(P))
+        y.set(P, !0);
       else
         return;
-      let _ = !0;
-      p.forEach((ft) => {
-        ft || (_ = !1);
-      }), _ && (A == null || A(), S(m.current), r && (c == null || c()), i && i());
+      let rt = !0;
+      y.forEach((Ct) => {
+        Ct || (rt = !1);
+      }), rt && (V == null || V(), w(p.current), r && (h == null || h()), i && i());
     };
-    return C(Vc, { isPresent: M, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: l, onExitComplete: M ? void 0 : L, anchorX: a, children: P }, w);
+    return M(Vc, { isPresent: R, initial: !m.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: u, onExitComplete: R ? void 0 : U, anchorX: a, anchorY: l, children: b }, P);
   }) });
-}, Ar = bt({ strict: !1 }), Oi = {
+}, Ar = bt({ strict: !1 }), ji = {
   animation: [
     "animate",
     "variants",
@@ -3889,16 +3902,16 @@ const Cc = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 };
-let ji = !1;
+let Ni = !1;
 function Dc() {
-  if (ji)
+  if (Ni)
     return;
   const t = {};
-  for (const e in Oi)
+  for (const e in ji)
     t[e] = {
-      isEnabled: (n) => Oi[e].some((i) => !!n[i])
+      isEnabled: (n) => ji[e].some((i) => !!n[i])
     };
-  tr(t), ji = !0;
+  tr(t), Ni = !0;
 }
 function Vr() {
   return Dc(), ml();
@@ -3944,12 +3957,12 @@ const Rc = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function ie(t) {
+function se(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Rc.has(t);
 }
-let Mr = (t) => !ie(t);
+let Cr = (t) => !se(t);
 function Lc(t) {
-  typeof t == "function" && (Mr = (e) => e.startsWith("on") ? !ie(e) : t(e));
+  typeof t == "function" && (Cr = (e) => e.startsWith("on") ? !se(e) : t(e));
 }
 try {
   Lc(require("@emotion/is-prop-valid").default);
@@ -3958,58 +3971,58 @@ try {
 function kc(t, e, n) {
   const i = {};
   for (const s in t)
-    s === "values" && typeof t.values == "object" || (Mr(s) || n === !0 && ie(s) || !e && !ie(s) || // If trying to use native HTML drag events, forward drag listeners
+    s === "values" && typeof t.values == "object" || (Cr(s) || n === !0 && se(s) || !e && !se(s) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && s.startsWith("onDrag")) && (i[s] = t[s]);
   return i;
 }
-const le = /* @__PURE__ */ bt({});
+const ce = /* @__PURE__ */ bt({});
 function Fc(t, e) {
-  if (ae(t)) {
+  if (le(t)) {
     const { initial: n, animate: i } = t;
     return {
-      initial: n === !1 || Ot(n) ? n : void 0,
-      animate: Ot(i) ? i : void 0
+      initial: n === !1 || jt(n) ? n : void 0,
+      animate: jt(i) ? i : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
 function Ic(t) {
-  const { initial: e, animate: n } = Fc(t, B(le));
-  return ht(() => ({ initial: e, animate: n }), [Ni(e), Ni(n)]);
+  const { initial: e, animate: n } = Fc(t, B(ce));
+  return ft(() => ({ initial: e, animate: n }), [Wi(e), Wi(n)]);
 }
-function Ni(t) {
+function Wi(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Dn = () => ({
+const En = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Cr(t, e, n) {
+function Mr(t, e, n) {
   for (const i in e)
     !O(e[i]) && !ar(i, n) && (t[i] = e[i]);
 }
 function Bc({ transformTemplate: t }, e) {
-  return ht(() => {
-    const n = Dn();
-    return Vn(n, e, t), Object.assign({}, n.vars, n.style);
+  return ft(() => {
+    const n = En();
+    return Cn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
 function Oc(t, e) {
   const n = t.style || {}, i = {};
-  return Cr(i, n, t), Object.assign(i, Bc(t, e)), i;
+  return Mr(i, n, t), Object.assign(i, Bc(t, e)), i;
 }
 function jc(t, e) {
   const n = {}, i = Oc(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = i, n;
 }
 const Dr = () => ({
-  ...Dn(),
+  ...En(),
   attrs: {}
 });
 function Nc(t, e, n, i) {
-  const s = ht(() => {
+  const s = ft(() => {
     const o = Dr();
     return lr(o, e, ur(i), t.transformTemplate, t.style), {
       ...o.attrs,
@@ -4018,11 +4031,11 @@ function Nc(t, e, n, i) {
   }, [e]);
   if (t.style) {
     const o = {};
-    Cr(o, t.style, t), s.style = { ...o, ...s.style };
+    Mr(o, t.style, t), s.style = { ...o, ...s.style };
   }
   return s;
 }
-const Uc = [
+const Wc = [
   "animate",
   "circle",
   "defs",
@@ -4049,7 +4062,7 @@ const Uc = [
   "use",
   "view"
 ];
-function En(t) {
+function Rn(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -4062,15 +4075,15 @@ function En(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Uc.indexOf(t) > -1 || /**
+      !!(Wc.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
     )
   );
 }
-function Wc(t, e, n, { latestValues: i }, s, o = !1, r) {
-  const l = (r ?? En(t) ? Nc : jc)(e, i, s, t), u = kc(e, typeof t == "string", o), c = t !== Qi ? { ...u, ...l, ref: n } : {}, { children: h } = e, f = ht(() => O(h) ? h.get() : h, [h]);
+function Uc(t, e, n, { latestValues: i }, s, o = !1, r) {
+  const l = (r ?? Rn(t) ? Nc : jc)(e, i, s, t), u = kc(e, typeof t == "string", o), c = t !== ts ? { ...u, ...l, ref: n } : {}, { children: h } = e, f = ft(() => O(h) ? h.get() : h, [h]);
   return Kr(t, {
     ...c,
     children: f
@@ -4085,26 +4098,26 @@ function $c({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
 function Kc(t, e, n, i) {
   const s = {}, o = i(t, {});
   for (const f in o)
-    s[f] = Yt(o[f]);
+    s[f] = qt(o[f]);
   let { initial: r, animate: a } = t;
-  const l = ae(t), u = Qs(t);
+  const l = le(t), u = Qs(t);
   e && u && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || r === !1;
   const h = c ? a : r;
-  if (h && typeof h != "boolean" && !oe(h)) {
+  if (h && typeof h != "boolean" && !ae(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let d = 0; d < f.length; d++) {
-      const m = xn(t, f[d]);
+      const m = Tn(t, f[d]);
       if (m) {
-        const { transitionEnd: p, transition: v, ...g } = m;
+        const { transitionEnd: p, transition: y, ...g } = m;
         for (const T in g) {
-          let y = g[T];
-          if (Array.isArray(y)) {
-            const S = c ? y.length - 1 : 0;
-            y = y[S];
+          let v = g[T];
+          if (Array.isArray(v)) {
+            const S = c ? v.length - 1 : 0;
+            v = v[S];
           }
-          y !== null && (s[T] = y);
+          v !== null && (s[T] = v);
         }
         for (const T in p)
           s[T] = p[T];
@@ -4114,22 +4127,22 @@ function Kc(t, e, n, i) {
   return s;
 }
 const Er = (t) => (e, n) => {
-  const i = B(le), s = B(re), o = () => $c(t, e, i, s);
-  return n ? o() : Qe(o);
+  const i = B(ce), s = B(oe), o = () => $c(t, e, i, s);
+  return n ? o() : tn(o);
 }, zc = /* @__PURE__ */ Er({
   scrapeMotionValuesFromProps: Mn,
-  createRenderState: Dn
+  createRenderState: En
 }), _c = /* @__PURE__ */ Er({
   scrapeMotionValuesFromProps: hr,
   createRenderState: Dr
 }), Gc = Symbol.for("motionComponentSymbol");
 function Hc(t, e, n) {
-  const i = U(n);
-  Ze(() => {
+  const i = W(n);
+  Je(() => {
     i.current = n;
   });
-  const s = U(null);
-  return Ji((o) => {
+  const s = W(null);
+  return Qi((o) => {
     var a;
     o && ((a = t.onMount) == null || a.call(t, o)), e && (o ? e.mount(o) : e.unmount());
     const r = i.current;
@@ -4142,12 +4155,12 @@ function Hc(t, e, n) {
   }, [e]);
 }
 const Rr = bt({});
-function Dt(t) {
+function Et(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 function Xc(t, e, n, i, s, o) {
-  var v, g;
-  const { visualElement: r } = B(le), a = B(Ar), l = B(re), u = B(Cn).reducedMotion, c = U(null);
+  var y, g;
+  const { visualElement: r } = B(ce), a = B(Ar), l = B(oe), u = B(Dn).reducedMotion, c = W(null);
   i = i || a.renderer, !c.current && i && (c.current = i(t, {
     visualState: e,
     parent: r,
@@ -4159,14 +4172,14 @@ function Xc(t, e, n, i, s, o) {
   }));
   const h = c.current, f = B(Rr);
   h && !h.projection && s && (h.type === "html" || h.type === "svg") && Yc(c.current, n, s, f);
-  const d = U(!1);
-  Ze(() => {
+  const d = W(!1);
+  Je(() => {
     h && d.current && h.update(n, l);
   });
-  const m = n[js], p = U(!!m && !((v = window.MotionHandoffIsComplete) != null && v.call(window, m)) && ((g = window.MotionHasOptimisedAnimation) == null ? void 0 : g.call(window, m)));
-  return es(() => {
+  const m = n[Ns], p = W(!!m && !((y = window.MotionHandoffIsComplete) != null && y.call(window, m)) && ((g = window.MotionHasOptimisedAnimation) == null ? void 0 : g.call(window, m)));
+  return ns(() => {
     h && (d.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), h.scheduleRenderMicrotask(), p.current && h.animationState && h.animationState.animateChanges());
-  }), kt(() => {
+  }), Ft(() => {
     h && (!p.current && h.animationState && h.animationState.animateChanges(), p.current && (queueMicrotask(() => {
       var T;
       (T = window.MotionHandoffMarkAsComplete) == null || T.call(window, m);
@@ -4178,7 +4191,7 @@ function Yc(t, e, n, i) {
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Lr(t.parent)), t.projection.setOptions({
     layoutId: s,
     layout: o,
-    alwaysMeasureLayout: !!r || a && Dt(a),
+    alwaysMeasureLayout: !!r || a && Et(a),
     visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -4200,27 +4213,27 @@ function Lr(t) {
 }
 function we(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
   i && Ec(i);
-  const o = n ? n === "svg" : En(t), r = o ? _c : zc;
+  const o = n ? n === "svg" : Rn(t), r = o ? _c : zc;
   function a(u, c) {
     let h;
     const f = {
-      ...B(Cn),
+      ...B(Dn),
       ...u,
       layoutId: qc(u)
     }, { isStatic: d } = f, m = Ic(u), p = r(u, d);
-    if (!d && ts) {
+    if (!d && es) {
       Zc(f, i);
-      const v = Jc(f);
-      h = v.MeasureLayout, m.visualElement = Xc(t, p, f, s, v.ProjectionNode, o);
+      const y = Jc(f);
+      h = y.MeasureLayout, m.visualElement = Xc(t, p, f, s, y.ProjectionNode, o);
     }
-    return Q(le.Provider, { value: m, children: [h && m.visualElement ? C(h, { visualElement: m.visualElement, ...f }) : null, Wc(t, u, Hc(p, m.visualElement, c), p, d, e, o)] });
+    return Q(ce.Provider, { value: m, children: [h && m.visualElement ? M(h, { visualElement: m.visualElement, ...f }) : null, Uc(t, u, Hc(p, m.visualElement, c), p, d, e, o)] });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const l = zr(a);
   return l[Gc] = t, l;
 }
 function qc({ layoutId: t }) {
-  const e = B(Je).id;
+  const e = B(Qe).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Zc(t, e) {
@@ -4243,7 +4256,7 @@ function Jc(t) {
 function Qc(t, e) {
   if (typeof Proxy > "u")
     return we;
-  const n = /* @__PURE__ */ new Map(), i = (o, r) => we(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && rn(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
+  const n = /* @__PURE__ */ new Map(), i = (o, r) => we(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && on(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
   return new Proxy(s, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
@@ -4253,8 +4266,8 @@ function Qc(t, e) {
     get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, we(r, void 0, t, e)), n.get(r))
   });
 }
-const tu = (t, e) => e.isSVG ?? En(t) ? new Rl(e) : new Al(e, {
-  allowProjection: t !== Qi
+const tu = (t, e) => e.isSVG ?? Rn(t) ? new Rl(e) : new Al(e, {
+  allowProjection: t !== ts
 });
 class eu extends st {
   /**
@@ -4267,7 +4280,7 @@ class eu extends st {
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    oe(e) && (this.unmountControls = e.subscribe(this.node));
+    ae(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -4315,7 +4328,7 @@ const su = {
     Feature: iu
   }
 };
-function $t(t) {
+function Kt(t) {
   return {
     point: {
       x: t.pageX,
@@ -4323,16 +4336,16 @@ function $t(t) {
     }
   };
 }
-const ru = (t) => (e) => Sn(e) && t(e, $t(e));
-function Lt(t, e, n, i) {
-  return jt(t, e, ru(n), i);
+const ru = (t) => (e) => Pn(e) && t(e, Kt(e));
+function kt(t, e, n, i) {
+  return Nt(t, e, ru(n), i);
 }
 const kr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ui = (t, e) => Math.abs(t - e);
 function ou(t, e) {
   const n = Ui(t.x, e.x), i = Ui(t.y, e.y);
   return Math.sqrt(n ** 2 + i ** 2);
 }
-const Wi = /* @__PURE__ */ new Set(["auto", "scroll"]);
+const $i = /* @__PURE__ */ new Set(["auto", "scroll"]);
 class Fr {
   constructor(e, n, { transformPagePoint: i, contextWindow: s = window, dragSnapToOrigin: o = !1, distanceThreshold: r = 3, element: a } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (d) => {
@@ -4345,26 +4358,26 @@ class Fr {
       const d = Se(this.lastMoveEventInfo, this.history), m = this.startEvent !== null, p = ou(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!m && !p)
         return;
-      const { point: v } = d, { timestamp: g } = I;
-      this.history.push({ ...v, timestamp: g });
-      const { onStart: T, onMove: y } = this.handlers;
-      m || (T && T(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, d);
+      const { point: y } = d, { timestamp: g } = I;
+      this.history.push({ ...y, timestamp: g });
+      const { onStart: T, onMove: v } = this.handlers;
+      m || (T && T(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), v && v(this.lastMoveEvent, d);
     }, this.handlePointerMove = (d, m) => {
-      this.lastMoveEvent = d, this.lastMoveEventInfo = be(m, this.transformPagePoint), V.update(this.updatePoint, !0);
+      this.lastMoveEvent = d, this.lastMoveEventInfo = be(m, this.transformPagePoint), C.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, m) => {
       this.end();
-      const { onEnd: p, onSessionEnd: v, resumeAnimation: g } = this.handlers;
+      const { onEnd: p, onSessionEnd: y, resumeAnimation: g } = this.handlers;
       if ((this.dragSnapToOrigin || !this.startEvent) && g && g(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       const T = Se(d.type === "pointercancel" ? this.lastMoveEventInfo : be(m, this.transformPagePoint), this.history);
-      this.startEvent && p && p(d, T), v && v(d, T);
-    }, !Sn(e))
+      this.startEvent && p && p(d, T), y && y(d, T);
+    }, !Pn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = r, this.contextWindow = s || window;
-    const l = $t(e), u = be(l, this.transformPagePoint), { point: c } = u, { timestamp: h } = I;
+    const l = Kt(e), u = be(l, this.transformPagePoint), { point: c } = u, { timestamp: h } = I;
     this.history = [{ ...c, timestamp: h }];
     const { onSessionStart: f } = n;
-    f && f(e, Se(u, this.history)), this.removeListeners = Nt(Lt(this.contextWindow, "pointermove", this.handlePointerMove), Lt(this.contextWindow, "pointerup", this.handlePointerUp), Lt(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
+    f && f(e, Se(u, this.history)), this.removeListeners = Wt(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
   }
   /**
    * Start tracking scroll on ancestors and window.
@@ -4373,7 +4386,7 @@ class Fr {
     let n = e.parentElement;
     for (; n; ) {
       const i = getComputedStyle(n);
-      (Wi.has(i.overflowX) || Wi.has(i.overflowY)) && this.scrollPositions.set(n, {
+      ($i.has(i.overflowX) || $i.has(i.overflowY)) && this.scrollPositions.set(n, {
         x: n.scrollLeft,
         y: n.scrollTop
       }), n = n.parentElement;
@@ -4406,7 +4419,7 @@ class Fr {
       x: e.scrollLeft,
       y: e.scrollTop
     }, o = { x: s.x - n.x, y: s.y - n.y };
-    o.x === 0 && o.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(e, s), V.update(this.updatePoint, !0));
+    o.x === 0 && o.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(e, s), C.update(this.updatePoint, !0));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -4418,14 +4431,14 @@ class Fr {
 function be(t, e) {
   return e ? { point: e(t.point) } : t;
 }
-function $i(t, e) {
+function Ki(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
 function Se({ point: t }, e) {
   return {
     point: t,
-    delta: $i(t, Ir(e)),
-    offset: $i(t, au(e)),
+    delta: Ki(t, Ir(e)),
+    offset: Ki(t, au(e)),
     velocity: lu(e, 0.1)
   };
 }
@@ -4444,7 +4457,7 @@ function lu(t, e) {
     n--;
   if (!i)
     return { x: 0, y: 0 };
-  const o = /* @__PURE__ */ K(s.timestamp - i.timestamp);
+  const o = /* @__PURE__ */ z(s.timestamp - i.timestamp);
   if (o === 0)
     return { x: 0, y: 0 };
   const r = {
@@ -4456,7 +4469,7 @@ function lu(t, e) {
 function cu(t, { min: e, max: n }, i) {
   return e !== void 0 && t < e ? t = i ? E(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? E(n, t, i.max) : Math.min(t, n)), t;
 }
-function Ki(t, e, n) {
+function zi(t, e, n) {
   return {
     min: e !== void 0 ? t.min + e : void 0,
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
@@ -4464,43 +4477,43 @@ function Ki(t, e, n) {
 }
 function uu(t, { top: e, left: n, bottom: i, right: s }) {
   return {
-    x: Ki(t.x, n, s),
-    y: Ki(t.y, e, i)
+    x: zi(t.x, n, s),
+    y: zi(t.y, e, i)
   };
 }
-function zi(t, e) {
+function _i(t, e) {
   let n = e.min - t.min, i = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
 }
 function hu(t, e) {
   return {
-    x: zi(t.x, e.x),
-    y: zi(t.y, e.y)
+    x: _i(t.x, e.x),
+    y: _i(t.y, e.y)
   };
 }
 function fu(t, e) {
   let n = 0.5;
   const i = N(t), s = N(e);
-  return s > i ? n = /* @__PURE__ */ Ft(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ Ft(t.min, t.max - s, e.min)), q(0, 1, n);
+  return s > i ? n = /* @__PURE__ */ It(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ It(t.min, t.max - s, e.min)), q(0, 1, n);
 }
 function du(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const Xe = 0.35;
-function mu(t = Xe) {
-  return t === !1 ? t = 0 : t === !0 && (t = Xe), {
-    x: _i(t, "left", "right"),
-    y: _i(t, "top", "bottom")
+const Ye = 0.35;
+function mu(t = Ye) {
+  return t === !1 ? t = 0 : t === !0 && (t = Ye), {
+    x: Gi(t, "left", "right"),
+    y: Gi(t, "top", "bottom")
   };
 }
-function _i(t, e, n) {
+function Gi(t, e, n) {
   return {
-    min: Gi(t, e),
-    max: Gi(t, n)
+    min: Hi(t, e),
+    max: Hi(t, n)
   };
 }
-function Gi(t, e) {
+function Hi(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
 const pu = /* @__PURE__ */ new WeakMap();
@@ -4513,28 +4526,28 @@ class gu {
     if (s && s.isPresent === !1)
       return;
     const o = (h) => {
-      n ? (this.stopAnimation(), this.snapToCursor($t(h).point)) : this.pauseAnimation();
+      n ? (this.stopAnimation(), this.snapToCursor(Kt(h).point)) : this.pauseAnimation();
     }, r = (h, f) => {
       this.stopAnimation();
       const { drag: d, dragPropagation: m, onDragStart: p } = this.getProps();
       if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = nl(d), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), $((g) => {
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), K((g) => {
         let T = this.getAxisMotionValue(g).get() || 0;
         if (Y.test(T)) {
-          const { projection: y } = this.visualElement;
-          if (y && y.layout) {
-            const S = y.layout.layoutBox[g];
+          const { projection: v } = this.visualElement;
+          if (v && v.layout) {
+            const S = v.layout.layoutBox[g];
             S && (T = N(S) * (parseFloat(T) / 100));
           }
         }
         this.originPoint[g] = T;
-      }), p && V.postRender(() => p(h, f)), We(this.visualElement, "transform");
-      const { animationState: v } = this.visualElement;
-      v && v.setActive("whileDrag", !0);
+      }), p && C.postRender(() => p(h, f)), Ue(this.visualElement, "transform");
+      const { animationState: y } = this.visualElement;
+      y && y.setActive("whileDrag", !0);
     }, a = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: d, dragDirectionLock: m, onDirectionLock: p, onDrag: v } = this.getProps();
+      const { dragPropagation: d, dragDirectionLock: m, onDirectionLock: p, onDrag: y } = this.getProps();
       if (!d && !this.openDragLock)
         return;
       const { offset: g } = f;
@@ -4542,10 +4555,10 @@ class gu {
         this.currentDirection = yu(g), this.currentDirection !== null && p && p(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, g), this.updateAxis("y", f.point, g), this.visualElement.render(), v && v(h, f);
+      this.updateAxis("x", f.point, g), this.updateAxis("y", f.point, g), this.visualElement.render(), y && y(h, f);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => $((h) => {
+    }, u = () => K((h) => {
       var f;
       return this.getAnimationState(h) === "paused" && ((f = this.getAxisMotionValue(h).animation) == null ? void 0 : f.play());
     }), { dragSnapToOrigin: c } = this.getProps();
@@ -4573,7 +4586,7 @@ class gu {
     const { velocity: r } = s;
     this.startAnimation(r);
     const { onDragEnd: a } = this.getProps();
-    a && V.postRender(() => a(i, s));
+    a && C.postRender(() => a(i, s));
   }
   /**
    * @internal
@@ -4581,13 +4594,22 @@ class gu {
   cancel() {
     this.isDragging = !1;
     const { projection: e, animationState: n } = this.visualElement;
-    e && (e.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    e && (e.isAnimationBlocked = !1), this.endPanSession();
     const { dragPropagation: i } = this.getProps();
     !i && this.openDragLock && (this.openDragLock(), this.openDragLock = null), n && n.setActive("whileDrag", !1);
   }
+  /**
+   * Clean up the pan session without modifying other drag state.
+   * This is used during unmount to ensure event listeners are removed
+   * without affecting projection animations or drag locks.
+   * @internal
+   */
+  endPanSession() {
+    this.panSession && this.panSession.end(), this.panSession = void 0;
+  }
   updateAxis(e, n, i) {
     const { drag: s } = this.getProps();
-    if (!i || !Gt(e, s, this.currentDirection))
+    if (!i || !Ht(e, s, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + i[e];
@@ -4596,13 +4618,13 @@ class gu {
   resolveConstraints() {
     var o;
     const { dragConstraints: e, dragElastic: n } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (o = this.visualElement.projection) == null ? void 0 : o.layout, s = this.constraints;
-    e && Dt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = uu(i.layoutBox, e) : this.constraints = !1, this.elastic = mu(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && $((r) => {
+    e && Et(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = uu(i.layoutBox, e) : this.constraints = !1, this.elastic = mu(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && K((r) => {
       this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = du(i.layoutBox[r], this.constraints[r]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
-    if (!e || !Dt(e))
+    if (!e || !Et(e))
       return !1;
     const i = e.current;
     Z(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
@@ -4618,8 +4640,8 @@ class gu {
     return r;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: i, dragElastic: s, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = $((c) => {
-      if (!Gt(c, n, this.currentDirection))
+    const { drag: n, dragMomentum: i, dragElastic: s, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = K((c) => {
+      if (!Ht(c, n, this.currentDirection))
         return;
       let h = l && l[c] || {};
       r && (h = { min: 0, max: 0 });
@@ -4640,13 +4662,13 @@ class gu {
   }
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
-    return We(this.visualElement, e), i.start(vn(e, i, 0, n, this.visualElement, !1));
+    return Ue(this.visualElement, e), i.start(xn(e, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    $((e) => this.getAxisMotionValue(e).stop());
+    K((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    $((e) => {
+    K((e) => {
       var n;
       return (n = this.getAxisMotionValue(e).animation) == null ? void 0 : n.pause();
     });
@@ -4666,9 +4688,9 @@ class gu {
     return s || this.visualElement.getValue(e, (i.initial ? i.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    $((n) => {
+    K((n) => {
       const { drag: i } = this.getProps();
-      if (!Gt(n, i, this.currentDirection))
+      if (!Ht(n, i, this.currentDirection))
         return;
       const { projection: s } = this.visualElement, o = this.getAxisMotionValue(n);
       if (s && s.layout) {
@@ -4686,11 +4708,11 @@ class gu {
     if (!this.visualElement.current)
       return;
     const { drag: e, dragConstraints: n } = this.getProps(), { projection: i } = this.visualElement;
-    if (!Dt(n) || !i || !this.constraints)
+    if (!Et(n) || !i || !this.constraints)
       return;
     this.stopAnimation();
     const s = { x: 0, y: 0 };
-    $((r) => {
+    K((r) => {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
@@ -4698,8 +4720,8 @@ class gu {
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), $((r) => {
-      if (!Gt(r, e, null))
+    this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), K((r) => {
+      if (!Ht(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: u } = this.constraints[r];
       a.set(E(l, u, s[r]));
@@ -4709,16 +4731,16 @@ class gu {
     if (!this.visualElement.current)
       return;
     pu.set(this.visualElement, this);
-    const e = this.visualElement.current, n = Lt(e, "pointerdown", (l) => {
-      const { drag: u, dragListener: c = !0 } = this.getProps();
-      u && c && !qs(l.target) && this.start(l);
+    const e = this.visualElement.current, n = kt(e, "pointerdown", (l) => {
+      const { drag: u, dragListener: c = !0 } = this.getProps(), h = l.target, f = h !== e && qs(h);
+      u && c && !f && this.start(l);
     }), i = () => {
       const { dragConstraints: l } = this.getProps();
-      Dt(l) && l.current && (this.constraints = this.resolveRefConstraints());
+      Et(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: s } = this.visualElement, o = s.addEventListener("measure", i);
-    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), V.read(i);
-    const r = jt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: u }) => {
-      this.isDragging && u && ($((c) => {
+    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), C.read(i);
+    const r = Nt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: u }) => {
+      this.isDragging && u && (K((c) => {
         const h = this.getAxisMotionValue(c);
         h && (this.originPoint[c] += l[c].translate, h.set(h.get() + l[c].translate));
       }), this.visualElement.render());
@@ -4728,7 +4750,7 @@ class gu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = Xe, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = Ye, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -4740,7 +4762,7 @@ class gu {
     };
   }
 }
-function Gt(t, e, n) {
+function Ht(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
 function yu(t, e = 10) {
@@ -4749,26 +4771,26 @@ function yu(t, e = 10) {
 }
 class vu extends st {
   constructor(e) {
-    super(e), this.removeGroupControls = z, this.removeListeners = z, this.controls = new gu(e);
+    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new gu(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || z;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || _;
   }
   update() {
     const { dragControls: e } = this.node.getProps(), { dragControls: n } = this.node.prevProps || {};
     e !== n && (this.removeGroupControls(), e && (this.removeGroupControls = e.subscribe(this.controls)));
   }
   unmount() {
-    this.removeGroupControls(), this.removeListeners();
+    this.removeGroupControls(), this.removeListeners(), this.controls.endPanSession();
   }
 }
-const Hi = (t) => (e, n) => {
-  t && V.postRender(() => t(e, n));
+const Xi = (t) => (e, n) => {
+  t && C.postRender(() => t(e, n));
 };
 class xu extends st {
   constructor() {
-    super(...arguments), this.removePointerDownListener = z;
+    super(...arguments), this.removePointerDownListener = _;
   }
   onPointerDown(e) {
     this.session = new Fr(e, this.createPanHandlers(), {
@@ -4779,16 +4801,16 @@ class xu extends st {
   createPanHandlers() {
     const { onPanSessionStart: e, onPanStart: n, onPan: i, onPanEnd: s } = this.node.getProps();
     return {
-      onSessionStart: Hi(e),
-      onStart: Hi(n),
+      onSessionStart: Xi(e),
+      onStart: Xi(n),
       onMove: i,
       onEnd: (o, r) => {
-        delete this.session, s && V.postRender(() => s(o, r));
+        delete this.session, s && C.postRender(() => s(o, r));
       }
     };
   }
   mount() {
-    this.removePointerDownListener = Lt(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
+    this.removePointerDownListener = kt(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
   }
   update() {
     this.session && this.session.updateHandlers(this.createPanHandlers());
@@ -4811,18 +4833,18 @@ class Tu extends _r {
     }), o.setOptions({
       ...o.options,
       onExitComplete: () => this.safeToRemove()
-    })), qt.hasEverUpdated = !0;
+    })), Zt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: i, drag: s, isPresent: o } = this.props, { projection: r } = i;
-    return r && (r.isPresent = o, Pe = !0, s || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || V.postRender(() => {
+    return r && (r.isPresent = o, Pe = !0, s || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || C.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), bn.postRender(() => {
+    e && (e.root.didUpdate(), Sn.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
@@ -4839,8 +4861,8 @@ class Tu extends _r {
   }
 }
 function Br(t) {
-  const [e, n] = Pr(), i = B(Je);
-  return C(Tu, { ...t, layoutGroup: i, switchLayoutGroup: B(Rr), isPresent: e, safeToRemove: n });
+  const [e, n] = Pr(), i = B(Qe);
+  return M(Tu, { ...t, layoutGroup: i, switchLayoutGroup: B(Rr), isPresent: e, safeToRemove: n });
 }
 const wu = {
   pan: {
@@ -4852,16 +4874,16 @@ const wu = {
     MeasureLayout: Br
   }
 };
-function Xi(t, e, n) {
+function Yi(t, e, n) {
   const { props: i } = t;
   t.animationState && i.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const s = "onHover" + n, o = i[s];
-  o && V.postRender(() => o(e, $t(e)));
+  o && C.postRender(() => o(e, Kt(e)));
 }
 class bu extends st {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = il(e, (n, i) => (Xi(this.node, i, "Start"), (s) => Xi(this.node, s, "End"))));
+    e && (this.unmount = il(e, (n, i) => (Yi(this.node, i, "Start"), (s) => Yi(this.node, s, "End"))));
   }
   unmount() {
   }
@@ -4883,43 +4905,43 @@ class Su extends st {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Nt(jt(this.node.current, "focus", () => this.onFocus()), jt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Wt(Nt(this.node.current, "focus", () => this.onFocus()), Nt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function Yi(t, e, n) {
+function qi(t, e, n) {
   const { props: i } = t;
   if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
   t.animationState && i.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const s = "onTap" + (n === "End" ? "" : n), o = i[s];
-  o && V.postRender(() => o(e, $t(e)));
+  o && C.postRender(() => o(e, Kt(e)));
 }
 class Pu extends st {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = ol(e, (n, i) => (Yi(this.node, i, "Start"), (s, { success: o }) => Yi(this.node, s, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    e && (this.unmount = ol(e, (n, i) => (qi(this.node, i, "Start"), (s, { success: o }) => qi(this.node, s, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const Ye = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap(), Au = (t) => {
-  const e = Ye.get(t.target);
+const qe = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap(), Au = (t) => {
+  const e = qe.get(t.target);
   e && e(t);
 }, Vu = (t) => {
   t.forEach(Au);
 };
-function Mu({ root: t, ...e }) {
+function Cu({ root: t, ...e }) {
   const n = t || document;
   Ae.has(n) || Ae.set(n, {});
   const i = Ae.get(n), s = JSON.stringify(e);
   return i[s] || (i[s] = new IntersectionObserver(Vu, { root: t, ...e })), i[s];
 }
-function Cu(t, e, n) {
-  const i = Mu(e);
-  return Ye.set(t, n), i.observe(t), () => {
-    Ye.delete(t), i.unobserve(t);
+function Mu(t, e, n) {
+  const i = Cu(e);
+  return qe.set(t, n), i.observe(t), () => {
+    qe.delete(t), i.unobserve(t);
   };
 }
 const Du = {
@@ -4944,7 +4966,7 @@ class Eu extends st {
       const { onViewportEnter: c, onViewportLeave: h } = this.node.getProps(), f = u ? c : h;
       f && f(l);
     };
-    return Cu(this.node.current, r, a);
+    return Mu(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4998,34 +5020,34 @@ function _u({ children: t }) {
     setIsResizing: u,
     resizeWidth: c,
     setResizeWidth: h
-  } = jr(), f = U(null), d = U(null), { get: m } = Gr(), p = m("canvasReduceAriaLabel", "Réduire le canvas"), v = m("canvasExpandAriaLabel", "Agrandir le canvas"), g = m("canvasCloseAriaLabel", "Fermer le canvas");
-  kt(() => {
-    const P = (M) => {
+  } = jr(), f = W(null), d = W(null), { get: m } = Gr(), p = m("canvasReduceAriaLabel", "Réduire le canvas"), y = m("canvasExpandAriaLabel", "Agrandir le canvas"), g = m("canvasCloseAriaLabel", "Fermer le canvas");
+  Ft(() => {
+    const V = (P) => {
       if (!l) return;
-      const L = window.innerWidth, _ = L - M.clientX, ft = 300, ce = L - 100, dt = Math.max(ft, Math.min(ce, _));
+      const R = window.innerWidth, U = R - P.clientX, rt = 300, Ct = R - 100, dt = Math.max(rt, Math.min(Ct, U));
       d.current && (d.current.style.width = `${dt}px`), h(dt), a(dt);
-    }, w = () => {
+    }, b = () => {
       u(!1), setTimeout(() => {
         h(null);
       }, 50);
     };
-    return l && (document.addEventListener("mousemove", P), document.addEventListener("mouseup", w), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none"), () => {
-      document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", w), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return l && (document.addEventListener("mousemove", V), document.addEventListener("mouseup", b), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none"), () => {
+      document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", b), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-  }, [l, a, h, u]), kt(() => {
+  }, [l, a, h, u]), Ft(() => {
     if (l || !d.current) return;
     if (s) {
       d.current.style.width = "100%";
       return;
     }
-    const P = r !== null ? r : typeof window < "u" ? window.innerWidth / 2 : 0;
-    d.current.style.width = `${P}px`;
+    const V = r !== null ? r : typeof window < "u" ? window.innerWidth / 2 : 0;
+    d.current.style.width = `${V}px`;
   }, [l, r, s]);
-  const T = (P) => {
-    P.preventDefault();
-    const w = r !== null ? r : typeof window < "u" ? window.innerWidth / 2 : 0;
-    h(w), d.current && (d.current.style.width = `${w}px`), u(!0);
-  }, y = () => s ? "100%" : l && c !== null ? `${c}px` : r !== null ? `${r}px` : "50%", S = () => {
+  const T = (V) => {
+    V.preventDefault();
+    const b = r !== null ? r : typeof window < "u" ? window.innerWidth / 2 : 0;
+    h(b), d.current && (d.current.style.width = `${b}px`), u(!0);
+  }, v = () => s ? "100%" : l && c !== null ? `${c}px` : r !== null ? `${r}px` : "50%", S = () => {
     switch (i) {
       case "story":
         return "📝";
@@ -5036,7 +5058,7 @@ function _u({ children: t }) {
       default:
         return "📄";
     }
-  }, b = () => {
+  }, w = () => {
     switch (i) {
       case "story":
         return "User Story";
@@ -5059,8 +5081,8 @@ function _u({ children: t }) {
         return "Content view";
     }
   };
-  return /* @__PURE__ */ C(Cc, { mode: "wait", children: e && /* @__PURE__ */ Q(Zi, { children: [
-    /* @__PURE__ */ C(
+  return /* @__PURE__ */ M(Mc, { mode: "wait", children: e && /* @__PURE__ */ Q(Ji, { children: [
+    /* @__PURE__ */ M(
       Ve.div,
       {
         initial: { opacity: 0 },
@@ -5081,10 +5103,10 @@ function _u({ children: t }) {
         className: "fixed lg:relative right-0 top-0 h-screen w-full bg-card shadow-2xl lg:shadow-none z-50 overflow-hidden flex flex-col lg:border-l border-border",
         ref: d,
         style: {
-          width: e && typeof window < "u" && window.innerWidth >= 1024 ? y() : "100%"
+          width: e && typeof window < "u" && window.innerWidth >= 1024 ? v() : "100%"
         },
         children: [
-          !s && /* @__PURE__ */ C(
+          !s && /* @__PURE__ */ M(
             "div",
             {
               ref: f,
@@ -5094,42 +5116,42 @@ function _u({ children: t }) {
                 "bg-transparent hover:bg-primary/20 group",
                 l && "bg-primary/30"
               ),
-              children: /* @__PURE__ */ C("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-0.5 group-hover:w-1 bg-border group-hover:bg-primary transition-all" })
+              children: /* @__PURE__ */ M("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-0.5 group-hover:w-1 bg-border group-hover:bg-primary transition-all" })
             }
           ),
           /* @__PURE__ */ Q("div", { className: "h-16 flex items-center justify-between border-b border-border bg-card/95 backdrop-blur-xl px-4 sm:px-6", children: [
             /* @__PURE__ */ Q("div", { className: "flex items-center gap-3 sm:gap-4", children: [
               /* @__PURE__ */ Q("div", { className: "relative group", children: [
-                /* @__PURE__ */ C("div", { className: "absolute inset-0 bg-foreground/10 blur-lg opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
-                /* @__PURE__ */ C("div", { className: "relative flex h-9 w-9 sm:h-10 sm:w-10 items-center justify-center rounded-lg bg-foreground shadow-md ring-1 ring-border/40 transition-transform group-hover:scale-105 duration-300", children: /* @__PURE__ */ C("span", { className: "text-base sm:text-lg", children: S() }) })
+                /* @__PURE__ */ M("div", { className: "absolute inset-0 bg-foreground/10 blur-lg opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
+                /* @__PURE__ */ M("div", { className: "relative flex h-9 w-9 sm:h-10 sm:w-10 items-center justify-center rounded-lg bg-foreground shadow-md ring-1 ring-border/40 transition-transform group-hover:scale-105 duration-300", children: /* @__PURE__ */ M("span", { className: "text-base sm:text-lg", children: S() }) })
               ] }),
               /* @__PURE__ */ Q("div", { className: "flex flex-col min-w-0", children: [
-                /* @__PURE__ */ C("h2", { className: "text-sm sm:text-base font-semibold text-foreground tracking-tight truncate", children: b() }),
-                /* @__PURE__ */ C("p", { className: "text-xs text-muted-foreground font-medium hidden sm:block", children: A() })
+                /* @__PURE__ */ M("h2", { className: "text-sm sm:text-base font-semibold text-foreground tracking-tight truncate", children: w() }),
+                /* @__PURE__ */ M("p", { className: "text-xs text-muted-foreground font-medium hidden sm:block", children: A() })
               ] })
             ] }),
             /* @__PURE__ */ Q("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ C(
+              /* @__PURE__ */ M(
                 "button",
                 {
                   onClick: o,
                   className: "group relative flex h-9 w-9 sm:h-10 sm:w-10 items-center justify-center rounded-lg border border-border bg-card hover:bg-muted transition-all duration-200 hover:scale-105 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background",
-                  "aria-label": s ? p : v,
-                  children: s ? /* @__PURE__ */ C(Zr, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:scale-110 transition-transform duration-300" }) : /* @__PURE__ */ C(Xr, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:scale-110 transition-transform duration-300" })
+                  "aria-label": s ? p : y,
+                  children: s ? /* @__PURE__ */ M(Zr, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:scale-110 transition-transform duration-300" }) : /* @__PURE__ */ M(Xr, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:scale-110 transition-transform duration-300" })
                 }
               ),
-              /* @__PURE__ */ C(
+              /* @__PURE__ */ M(
                 "button",
                 {
                   onClick: n,
                   className: "group relative flex h-9 w-9 sm:h-10 sm:w-10 items-center justify-center rounded-lg border border-border bg-card hover:bg-muted transition-all duration-200 hover:scale-105 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background",
                   "aria-label": g,
-                  children: /* @__PURE__ */ C(Yr, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:rotate-90 transition-transform duration-300" })
+                  children: /* @__PURE__ */ M(Yr, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:rotate-90 transition-transform duration-300" })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ C("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ C(
+          /* @__PURE__ */ M("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ M(
             Ve.div,
             {
               initial: { opacity: 0, y: 20 },