@spear-ai/spectral 1.4.18 → 1.4.22

package/dist/Tray.js

@@ -67,11 +67,11 @@ import "./Icons/ZoomYIcon.js";
 import { cn as rt } from "./utils/twUtils.js";
 import { c as $r } from "./index-D29mdTf5.js";
 import * as re from "react";
-import { createContext as mt, useRef as z, useLayoutEffect as zr, useEffect as nt, useId as Ye, useContext as O, useInsertionEffect as Zi, useMemo as Y, useCallback as Ji, Children as Hr, isValidElement as _r, useState as Ae, Fragment as Qi, createElement as Gr, forwardRef as q, Component as Xr } from "react";
+import { createContext as mt, useRef as $, useLayoutEffect as zr, useEffect as nt, useId as Ye, useContext as I, useInsertionEffect as Zi, useMemo as Y, useCallback as Ji, Children as Hr, isValidElement as _r, useState as Ae, Fragment as Qi, createElement as Gr, forwardRef as q, Component as Xr } from "react";
 import { D as Pt } from "./index-jgQ7sgLl.js";
 const qe = mt({});
 function Ze(t) {
-  const e = z(null);
+  const e = $(null);
   return e.current === null && (e.current = t()), e.current;
 }
 const Je = typeof window < "u", ts = Je ? zr : nt, oe = /* @__PURE__ */ mt(null);
@@ -105,7 +105,7 @@ function en(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const H = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Yr = (t, e) => (n) => e(t(n)), Wt = (...t) => t.reduce(Yr), Ot = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const z = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Yr = (t, e) => (n) => e(t(n)), Kt = (...t) => t.reduce(Yr), Ft = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
@@ -134,7 +134,7 @@ class nn {
     this.subscriptions.length = 0;
   }
 }
-const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, $ = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, W = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function ss(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
@@ -150,14 +150,14 @@ function Jr(t, e, n, i, s) {
   while (Math.abs(o) > qr && ++a < Zr);
   return r;
 }
-function $t(t, e, n, i) {
+function Wt(t, e, n, i) {
   if (t === e && n === i)
-    return H;
+    return z;
   const s = (o) => Jr(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : rs(s(o), e, i);
 }
-const os = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, as = (t) => (e) => 1 - t(1 - e), ls = /* @__PURE__ */ $t(0.33, 1.53, 0.69, 0.99), rn = /* @__PURE__ */ as(ls), cs = /* @__PURE__ */ os(rn), us = (t) => (t *= 2) < 1 ? 0.5 * rn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), on = (t) => 1 - Math.sin(Math.acos(t)), hs = as(on), fs = os(on), Qr = /* @__PURE__ */ $t(0.42, 0, 1, 1), to = /* @__PURE__ */ $t(0, 0, 0.58, 1), ds = /* @__PURE__ */ $t(0.42, 0, 0.58, 1), eo = (t) => Array.isArray(t) && typeof t[0] != "number", ms = (t) => Array.isArray(t) && typeof t[0] == "number", Fn = {
-  linear: H,
+const os = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, as = (t) => (e) => 1 - t(1 - e), ls = /* @__PURE__ */ Wt(0.33, 1.53, 0.69, 0.99), rn = /* @__PURE__ */ as(ls), cs = /* @__PURE__ */ os(rn), us = (t) => (t *= 2) < 1 ? 0.5 * rn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), on = (t) => 1 - Math.sin(Math.acos(t)), hs = as(on), fs = os(on), Qr = /* @__PURE__ */ Wt(0.42, 0, 1, 1), to = /* @__PURE__ */ Wt(0, 0, 0.58, 1), ds = /* @__PURE__ */ Wt(0.42, 0, 0.58, 1), eo = (t) => Array.isArray(t) && typeof t[0] != "number", ms = (t) => Array.isArray(t) && typeof t[0] == "number", Fn = {
+  linear: z,
   easeIn: Qr,
   easeInOut: ds,
   easeOut: to,
@@ -168,15 +168,15 @@ const os = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, as
   backInOut: cs,
   backOut: ls,
   anticipate: us
-}, no = (t) => typeof t == "string", On = (t) => {
+}, no = (t) => typeof t == "string", In = (t) => {
   if (ms(t)) {
     J(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
-    return $t(e, n, i, s);
+    return Wt(e, n, i, s);
   } else if (no(t))
     return J(Fn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Fn[t];
   return t;
-}, _t = [
+}, Ht = [
   "setup",
   // Compute
   "read",
@@ -239,29 +239,29 @@ function ps(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = _t.reduce((y, P) => (y[P] = io(o), y), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: f, render: d, postRender: m } = r, g = () => {
+  }, o = () => n = !0, r = Ht.reduce((y, P) => (y[P] = io(o), y), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: f, render: d, postRender: m } = r, g = () => {
     const y = Q.useManualTiming ? s.timestamp : performance.now();
     n = !1, Q.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(y - s.timestamp, so), 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(g));
   }, v = () => {
     n = !0, i = !0, s.isProcessing || t(g);
   };
-  return { schedule: _t.reduce((y, P) => {
+  return { schedule: Ht.reduce((y, P) => {
     const x = r[P];
     return y[P] = (S, A = !1, b = !1) => (n || v(), x.schedule(S, A, b)), y;
   }, {}), cancel: (y) => {
-    for (let P = 0; P < _t.length; P++)
-      r[_t[P]].cancel(y);
+    for (let P = 0; P < Ht.length; P++)
+      r[Ht[P]].cancel(y);
   }, state: s, steps: r };
 }
-const { schedule: C, cancel: it, state: F, steps: ue } = /* @__PURE__ */ ps(typeof requestAnimationFrame < "u" ? requestAnimationFrame : H, !0);
-let qt;
+const { schedule: C, cancel: it, state: F, steps: ue } = /* @__PURE__ */ ps(typeof requestAnimationFrame < "u" ? requestAnimationFrame : z, !0);
+let Yt;
 function ro() {
-  qt = void 0;
+  Yt = void 0;
 }
 const N = {
-  now: () => (qt === void 0 && N.set(F.isProcessing || Q.useManualTiming ? F.timestamp : performance.now()), qt),
+  now: () => (Yt === void 0 && N.set(F.isProcessing || Q.useManualTiming ? F.timestamp : performance.now()), Yt),
   set: (t) => {
-    qt = t, queueMicrotask(ro);
+    Yt = t, queueMicrotask(ro);
   }
 }, gs = (t) => (e) => typeof e == "string" && e.startsWith(t), an = /* @__PURE__ */ gs("--"), oo = /* @__PURE__ */ gs("var(--"), ln = (t) => oo(t) ? ao.test(t.split("/*")[0].trim()) : !1, ao = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Ct = {
   test: (t) => typeof t == "number",
@@ -270,7 +270,7 @@ const N = {
 }, It = {
   ...Ct,
   transform: (t) => Z(0, 1, t)
-}, Gt = {
+}, _t = {
   ...Ct,
   default: 1
 }, Lt = (t) => Math.round(t * 1e5) / 1e5, cn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
@@ -308,11 +308,11 @@ const Ce = {
   test: /* @__PURE__ */ un("#"),
   parse: ho,
   transform: ut.transform
-}, zt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+}, $t = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), et = /* @__PURE__ */ zt("deg"), X = /* @__PURE__ */ zt("%"), w = /* @__PURE__ */ zt("px"), fo = /* @__PURE__ */ zt("vh"), mo = /* @__PURE__ */ zt("vw"), In = {
+}), et = /* @__PURE__ */ $t("deg"), X = /* @__PURE__ */ $t("%"), w = /* @__PURE__ */ $t("px"), fo = /* @__PURE__ */ $t("vh"), mo = /* @__PURE__ */ $t("vw"), On = {
   ...X,
   parse: (t) => X.parse(t) / 100,
   transform: (t) => X.transform(t * 100)
@@ -320,45 +320,45 @@ const Ce = {
   test: /* @__PURE__ */ un("hsl", "hue"),
   parse: /* @__PURE__ */ ys("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + X.transform(Lt(e)) + ", " + X.transform(Lt(n)) + ", " + Lt(It.transform(i)) + ")"
-}, k = {
+}, L = {
   test: (t) => ut.test(t) || Ce.test(t) || gt.test(t),
   parse: (t) => ut.test(t) ? ut.parse(t) : gt.test(t) ? gt.parse(t) : Ce.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ut.transform(t) : gt.transform(t),
   getAnimatableNone: (t) => {
-    const e = k.parse(t);
-    return e.alpha = 0, k.transform(e);
+    const e = L.parse(t);
+    return e.alpha = 0, L.transform(e);
   }
 }, po = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function go(t) {
   return isNaN(t) && typeof t == "string" && (t.match(cn)?.length || 0) + (t.match(po)?.length || 0) > 0;
 }
 const vs = "number", Ts = "color", yo = "var", vo = "var(", jn = "${}", To = /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 jt(t) {
+function Ot(t) {
   const e = t.toString(), n = [], i = {
     color: [],
     number: [],
     var: []
   }, s = [];
   let o = 0;
-  const a = e.replace(To, (l) => (k.test(l) ? (i.color.push(o), s.push(Ts), n.push(k.parse(l))) : l.startsWith(vo) ? (i.var.push(o), s.push(yo), n.push(l)) : (i.number.push(o), s.push(vs), n.push(parseFloat(l))), ++o, jn)).split(jn);
+  const a = e.replace(To, (l) => (L.test(l) ? (i.color.push(o), s.push(Ts), n.push(L.parse(l))) : l.startsWith(vo) ? (i.var.push(o), s.push(yo), n.push(l)) : (i.number.push(o), s.push(vs), n.push(parseFloat(l))), ++o, jn)).split(jn);
   return { values: n, split: a, indexes: i, types: s };
 }
 function xs(t) {
-  return jt(t).values;
+  return Ot(t).values;
 }
 function ws(t) {
-  const { split: e, types: n } = jt(t), i = e.length;
+  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 === vs ? o += Lt(s[r]) : a === Ts ? o += k.transform(s[r]) : o += s[r];
+        a === vs ? o += Lt(s[r]) : a === Ts ? o += L.transform(s[r]) : o += s[r];
       }
     return o;
   };
 }
-const xo = (t) => typeof t == "number" ? 0 : k.test(t) ? k.getAnimatableNone(t) : t;
+const xo = (t) => typeof t == "number" ? 0 : L.test(t) ? L.getAnimatableNone(t) : t;
 function wo(t) {
   const e = xs(t);
   return ws(t)(e.map(xo));
@@ -388,7 +388,7 @@ function bo({ hue: t, saturation: e, lightness: n, alpha: i }) {
     alpha: i
   };
 }
-function te(t, e) {
+function Qt(t, e) {
   return (n) => n > 0 ? e : t;
 }
 const M = (t, e, n) => t + (e - t) * n, de = (t, e, n) => {
@@ -405,7 +405,7 @@ function Nn(t) {
 const Un = (t, e) => {
   const n = Nn(t), i = Nn(e);
   if (!n || !i)
-    return te(t, e);
+    return Qt(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 = M(n.alpha, i.alpha, o), ut.transform(s));
 }, De = /* @__PURE__ */ new Set(["none", "hidden"]);
@@ -416,7 +416,7 @@ function Vo(t, e) {
   return (n) => M(t, e, n);
 }
 function hn(t) {
-  return typeof t == "number" ? Vo : typeof t == "string" ? ln(t) ? te : k.test(t) ? Un : Mo : Array.isArray(t) ? bs : typeof t == "object" ? k.test(t) ? Un : Co : te;
+  return typeof t == "number" ? Vo : typeof t == "string" ? ln(t) ? Qt : L.test(t) ? Un : Mo : Array.isArray(t) ? bs : typeof t == "object" ? L.test(t) ? Un : Co : Qt;
 }
 function bs(t, e) {
   const n = [...t], i = n.length, s = t.map((o, r) => hn(o)(o, e[r]));
@@ -445,8 +445,8 @@ function Do(t, e) {
   return n;
 }
 const Mo = (t, e) => {
-  const n = st.createTransformer(e), i = jt(t), s = jt(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 ? Ao(t, e) : Wt(bs(Do(i, s), s.values), n) : (Vt(!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"), te(t, e));
+  const n = st.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 ? Ao(t, e) : Kt(bs(Do(i, s), s.values), n) : (Vt(!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"), Qt(t, e));
 };
 function Ps(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? M(t, e, n) : hn(t)(t, e);
@@ -468,21 +468,21 @@ const Eo = (t) => {
   for (let o = 0; o < s; o++)
     i += Math.round(t(o / (s - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
-}, ee = 2e4;
+}, te = 2e4;
 function fn(t) {
   let e = 0;
   const n = 50;
   let i = t.next(e);
-  for (; !i.done && e < ee; )
+  for (; !i.done && e < te; )
     e += n, i = t.next(e);
-  return e >= ee ? 1 / 0 : e;
+  return e >= te ? 1 / 0 : e;
 }
 function Ro(t, e = 100, n) {
-  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(fn(i), ee);
+  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(fn(i), te);
   return {
     type: "keyframes",
     ease: (o) => i.next(s * o).value / e,
-    duration: /* @__PURE__ */ $(s)
+    duration: /* @__PURE__ */ W(s)
   };
 }
 const Lo = 5;
@@ -523,7 +523,7 @@ function ko({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.ve
   let s, o;
   Vt(t <= /* @__PURE__ */ G(D.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = Z(D.minDamping, D.maxDamping, r), t = Z(D.minDuration, D.maxDuration, /* @__PURE__ */ $(t)), r < 1 ? (s = (u) => {
+  r = Z(D.minDamping, D.maxDamping, r), t = Z(D.minDuration, D.maxDuration, /* @__PURE__ */ W(t)), r < 1 ? (s = (u) => {
     const c = u * r, h = c * t, f = c - n, d = Me(u, r), m = Math.exp(-h);
     return me - f / d * m;
   }, o = (u) => {
@@ -562,7 +562,7 @@ function Fo(t, e, n) {
 function Me(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Oo = ["duration", "bounce"], Io = ["stiffness", "damping", "mass"];
+const Io = ["duration", "bounce"], Oo = ["stiffness", "damping", "mass"];
 function Kn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
@@ -575,7 +575,7 @@ function jo(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Kn(t, Io) && Kn(t, Oo))
+  if (!Kn(t, Oo) && Kn(t, Io))
     if (t.visualDuration) {
       const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, o = 2 * Z(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
@@ -594,7 +594,7 @@ function jo(t) {
     }
   return e;
 }
-function ne(t = D.visualDuration, e = D.bounce) {
+function ee(t = D.visualDuration, e = D.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -603,8 +603,8 @@ function ne(t = D.visualDuration, e = D.bounce) {
   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 } = jo({
     ...n,
-    velocity: -/* @__PURE__ */ $(n.velocity || 0)
-  }), m = f || 0, g = u / (2 * Math.sqrt(l * c)), v = r - o, p = /* @__PURE__ */ $(Math.sqrt(l / c)), T = Math.abs(v) < 5;
+    velocity: -/* @__PURE__ */ W(n.velocity || 0)
+  }), m = f || 0, g = u / (2 * Math.sqrt(l * c)), v = r - o, p = /* @__PURE__ */ W(Math.sqrt(l / c)), T = Math.abs(v) < 5;
   i || (i = T ? D.restSpeed.granular : D.restSpeed.default), s || (s = T ? D.restDelta.granular : D.restDelta.default);
   let y;
   if (g < 1) {
@@ -631,13 +631,13 @@ function ne(t = D.visualDuration, e = D.bounce) {
       else {
         let A = x === 0 ? m : 0;
         g < 1 && (A = x === 0 ? /* @__PURE__ */ G(m) : As(y, x, S));
-        const b = Math.abs(A) <= i, L = Math.abs(r - S) <= s;
-        a.done = b && L;
+        const b = Math.abs(A) <= i, R = Math.abs(r - S) <= s;
+        a.done = b && R;
       }
       return a.value = a.done ? r : S, a;
     },
     toString: () => {
-      const x = Math.min(fn(P), ee), S = Ss((A) => P.next(x * A).value, x, 30);
+      const x = Math.min(fn(P), te), S = Ss((A) => P.next(x * A).value, x, 30);
       return x + "ms " + S;
     },
     toTransition: () => {
@@ -645,8 +645,8 @@ function ne(t = D.visualDuration, e = D.bounce) {
   };
   return P;
 }
-ne.applyToOptions = (t) => {
-  const e = Ro(t, 100, ne);
+ee.applyToOptions = (t) => {
+  const e = Ro(t, 100, ee);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ G(e.duration), t.type = "keyframes", t;
 };
 function Ee({ 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 }) {
@@ -658,12 +658,12 @@ function Ee({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   const v = h + g, p = r === void 0 ? v : r(v);
   p !== v && (g = p - h);
   const T = (b) => -g * Math.exp(-b / i), y = (b) => p + T(b), P = (b) => {
-    const L = T(b), E = y(b);
-    f.done = Math.abs(L) <= u, f.value = f.done ? p : E;
+    const R = T(b), E = y(b);
+    f.done = Math.abs(R) <= u, f.value = f.done ? p : E;
   };
   let x, S;
   const A = (b) => {
-    d(f.value) && (x = b, S = ne({
+    d(f.value) && (x = b, S = ee({
       keyframes: [f.value, m(f.value)],
       velocity: As(y, b, f.value),
       // TODO: This should be passing * 1000
@@ -676,8 +676,8 @@ function Ee({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   return A(0), {
     calculatedDuration: null,
     next: (b) => {
-      let L = !1;
-      return !S && x === void 0 && (L = !0, P(b), A(b)), x !== void 0 && b >= x ? S.next(b - x) : (!L && P(b), f);
+      let R = !1;
+      return !S && x === void 0 && (R = !0, P(b), A(b)), x !== void 0 && b >= x ? S.next(b - x) : (!R && P(b), f);
     }
   };
 }
@@ -686,8 +686,8 @@ function No(t, e, n) {
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[r] || H : e;
-      a = Wt(l, a);
+      const l = Array.isArray(e) ? e[r] || z : e;
+      a = Kt(l, a);
     }
     i.push(a);
   }
@@ -708,7 +708,7 @@ function Uo(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__ */ Ot(t[h], t[h + 1], c);
+    const f = /* @__PURE__ */ Ft(t[h], t[h + 1], c);
     return a[h](f);
   };
   return n ? (c) => u(Z(t[0], t[o - 1], c)) : u;
@@ -716,7 +716,7 @@ function Uo(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
 function Ko(t, e) {
   const n = t[t.length - 1];
   for (let i = 1; i <= e; i++) {
-    const s = /* @__PURE__ */ Ot(0, e, i);
+    const s = /* @__PURE__ */ Ft(0, e, i);
     t.push(M(n, 1, s));
   }
 }
@@ -731,7 +731,7 @@ function zo(t, e) {
   return t.map(() => e || ds).splice(0, t.length - 1);
 }
 function yt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
-  const s = eo(i) ? i.map(On) : On(i), o = {
+  const s = eo(i) ? i.map(In) : In(i), o = {
     done: !1,
     value: e[0]
   }, r = $o(
@@ -757,7 +757,7 @@ const _o = {
   inertia: Ee,
   tween: yt,
   keyframes: yt,
-  spring: ne
+  spring: ee
 };
 function Vs(t) {
   typeof t.type == "string" && (t.type = _o[t.type]);
@@ -800,7 +800,7 @@ class pn extends mn {
     const { type: n = yt, repeat: i = 0, repeatDelay: s = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || yt;
-    process.env.NODE_ENV !== "production" && l !== yt && J(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== yt && typeof a[0] != "number" && (this.mixKeyframes = Wt(Go, Ps(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== yt && J(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== yt && typeof a[0] != "number" && (this.mixKeyframes = Kt(Go, Ps(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -825,8 +825,8 @@ class pn extends mn {
     let y = this.currentTime, P = i;
     if (h) {
       const b = Math.min(this.currentTime, s) / a;
-      let L = Math.floor(b), E = b % 1;
-      !E && b >= 1 && (E = 1), E === 1 && L--, L = Math.min(L, h + 1), !!(L % 2) && (f === "reverse" ? (E = 1 - E, d && (E -= d / a)) : f === "mirror" && (P = r)), y = Z(0, 1, E) * a;
+      let R = Math.floor(b), E = b % 1;
+      !E && b >= 1 && (E = 1), E === 1 && R--, R = Math.min(R, h + 1), !!(R % 2) && (f === "reverse" ? (E = 1 - E, d && (E -= d / a)) : f === "mirror" && (P = r)), y = Z(0, 1, E) * a;
     }
     const x = T ? { done: !1, value: c[0] } : P.next(y);
     o && (x.value = o(x.value));
@@ -844,14 +844,14 @@ class pn extends mn {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ $(this.calculatedDuration);
+    return /* @__PURE__ */ W(this.calculatedDuration);
   }
   get iterationDuration() {
     const { delay: e = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ $(e);
+    return this.duration + /* @__PURE__ */ W(e);
   }
   get time() {
-    return /* @__PURE__ */ $(this.currentTime);
+    return /* @__PURE__ */ W(this.currentTime);
   }
   set time(e) {
     e = /* @__PURE__ */ G(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
@@ -862,7 +862,7 @@ class pn extends mn {
   set speed(e) {
     this.updateTime(N.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ $(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ W(this.currentTime));
   }
   play() {
     if (this.isStopped)
@@ -1002,9 +1002,9 @@ const ft = {
 ft.translateX = ft.x;
 ft.translateY = ft.y;
 const dt = /* @__PURE__ */ new Set();
-let Fe = !1, Oe = !1, Ie = !1;
+let Fe = !1, Ie = !1, Oe = !1;
 function Cs() {
-  if (Oe) {
+  if (Ie) {
     const t = Array.from(dt).filter((i) => i.needsMeasurement), e = new Set(t.map((i) => i.element)), n = /* @__PURE__ */ new Map();
     e.forEach((i) => {
       const s = ea(i);
@@ -1019,15 +1019,15 @@ function Cs() {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  Oe = !1, Fe = !1, dt.forEach((t) => t.complete(Ie)), dt.clear();
+  Ie = !1, Fe = !1, dt.forEach((t) => t.complete(Oe)), dt.clear();
 }
 function Ds() {
   dt.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (Oe = !0);
+    t.readKeyframes(), t.needsMeasurement && (Ie = !0);
   });
 }
 function na() {
-  Ie = !0, Ds(), Cs(), Ie = !1;
+  Oe = !0, Ds(), Cs(), Oe = !1;
 }
 class gn {
   constructor(e, n, i, s, o, r = !1) {
@@ -1176,14 +1176,14 @@ class ua extends mn {
   }
   get duration() {
     const e = this.animation.effect?.getComputedTiming?.().duration || 0;
-    return /* @__PURE__ */ $(Number(e));
+    return /* @__PURE__ */ W(Number(e));
   }
   get iterationDuration() {
     const { delay: e = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ $(e);
+    return this.duration + /* @__PURE__ */ W(e);
   }
   get time() {
-    return /* @__PURE__ */ $(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ W(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
     this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ G(e);
@@ -1211,7 +1211,7 @@ class ua extends mn {
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline: e, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && ra() ? (this.animation.timeline = e, H) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && ra() ? (this.animation.timeline = e, z) : n(this);
   }
 }
 const Ls = {
@@ -1328,7 +1328,7 @@ class xa extends mn {
       ...f,
       element: f.motionValue.owner.current
     }) : new pn(f);
-    d.finished.then(() => this.notifyFinished()).catch(H), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
+    d.finished.then(() => this.notifyFinished()).catch(z), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1418,7 +1418,7 @@ const Bs = /* @__PURE__ */ new Set([
 ]), Sa = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Fs = (t) => (e) => e.test(t), Os = [Ct, w, X, et, mo, fo, Sa], Yn = (t) => Os.find(Fs(t));
+}, Fs = (t) => (e) => e.test(t), Is = [Ct, w, X, et, mo, fo, Sa], Yn = (t) => Is.find(Fs(t));
 function Aa(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || is(t) : !0;
 }
@@ -1448,10 +1448,10 @@ const Da = /\b([a-z-]*)\(.*?\)/gu, Ne = {
   rotateX: et,
   rotateY: et,
   rotateZ: et,
-  scale: Gt,
-  scaleX: Gt,
-  scaleY: Gt,
-  scaleZ: Gt,
+  scale: _t,
+  scaleX: _t,
+  scaleY: _t,
+  scaleZ: _t,
   skew: et,
   skewX: et,
   skewY: et,
@@ -1465,8 +1465,8 @@ const Da = /\b([a-z-]*)\(.*?\)/gu, Ne = {
   perspective: w,
   transformPerspective: w,
   opacity: It,
-  originX: In,
-  originY: In,
+  originX: On,
+  originY: On,
   originZ: w
 }, vn = {
   // Border props
@@ -1513,22 +1513,22 @@ const Da = /\b([a-z-]*)\(.*?\)/gu, Ne = {
 }, Ea = {
   ...vn,
   // Color props
-  color: k,
-  backgroundColor: k,
-  outlineColor: k,
-  fill: k,
-  stroke: k,
+  color: L,
+  backgroundColor: L,
+  outlineColor: L,
+  fill: L,
+  stroke: L,
   // Border props
-  borderColor: k,
-  borderTopColor: k,
-  borderRightColor: k,
-  borderBottomColor: k,
-  borderLeftColor: k,
+  borderColor: L,
+  borderTopColor: L,
+  borderRightColor: L,
+  borderBottomColor: L,
+  borderLeftColor: L,
   filter: Ne,
   WebkitFilter: Ne
-}, Is = (t) => Ea[t];
+}, Os = (t) => Ea[t];
 function js(t, e) {
-  let n = Is(t);
+  let n = Os(t);
   return n !== Ne && (n = st), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Ra = /* @__PURE__ */ new Set(["auto", "none", "0"]);
@@ -1536,7 +1536,7 @@ function La(t, e, n) {
   let i = 0, s;
   for (; i < t.length && !s; ) {
     const o = t[i];
-    typeof o == "string" && !Ra.has(o) && jt(o).values.length && (s = t[i]), i++;
+    typeof o == "string" && !Ra.has(o) && Ot(o).values.length && (s = t[i]), i++;
   }
   if (s && n)
     for (const o of e)
@@ -1610,7 +1610,7 @@ function Us(t) {
   return ns(t) && "offsetHeight" in t;
 }
 const Zn = 30, Fa = (t) => !isNaN(parseFloat(t));
-class Oa {
+class Ia {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1810,7 +1810,7 @@ class Oa {
   }
 }
 function St(t, e) {
-  return new Oa(t, e);
+  return new Ia(t, e);
 }
 const { schedule: Tn } = /* @__PURE__ */ ps(queueMicrotask, !1), _ = {
   x: !1,
@@ -1819,7 +1819,7 @@ const { schedule: Tn } = /* @__PURE__ */ ps(queueMicrotask, !1), _ = {
 function Ks() {
   return _.x || _.y;
 }
-function Ia(t) {
+function Oa(t) {
   return t === "x" || t === "y" ? _[t] ? null : (_[t] = !0, () => {
     _[t] = !1;
   }) : _.x || _.y ? null : (_.x = _.y = !0, () => {
@@ -1863,7 +1863,7 @@ const $s = (t, e) => e ? t === e ? !0 : $s(t, e.parentElement) : !1, xn = (t) =>
 function Ua(t) {
   return Na.has(t.tagName) || t.tabIndex !== -1;
 }
-const Zt = /* @__PURE__ */ new WeakSet();
+const qt = /* @__PURE__ */ new WeakSet();
 function Qn(t) {
   return (e) => {
     e.key === "Enter" && t(e);
@@ -1877,7 +1877,7 @@ const Ka = (t, e) => {
   if (!n)
     return;
   const i = Qn(() => {
-    if (Zt.has(n))
+    if (qt.has(n))
       return;
     pe(n, "down");
     const s = Qn(() => {
@@ -1895,9 +1895,9 @@ function Wa(t, e, n = {}) {
     const l = a.currentTarget;
     if (!ti(a))
       return;
-    Zt.add(l);
+    qt.add(l);
     const u = e(l, a), c = (d, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Zt.has(l) && Zt.delete(l), ti(d) && typeof u == "function" && u(d, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), qt.has(l) && qt.delete(l), ti(d) && typeof u == "function" && u(d, { success: m });
     }, h = (d) => {
       c(d, l === window || l === document || n.useGlobalTarget || $s(l, d.target));
     }, f = (d) => {
@@ -1915,7 +1915,7 @@ function zs(t) {
 function $a(t) {
   return zs(t) && t.tagName === "svg";
 }
-const I = (t) => !!(t && t.getVelocity), za = [...Os, k, st], Ha = (t) => za.find(Fs(t)), wn = mt({
+const O = (t) => !!(t && t.getVelocity), za = [...Is, L, st], Ha = (t) => za.find(Fs(t)), wn = mt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -1963,13 +1963,13 @@ class Xa extends re.Component {
   }
 }
 function Ya({ children: t, isPresent: e, anchorX: n, root: i }) {
-  const s = Ye(), o = z(null), r = z({
+  const s = Ye(), o = $(null), r = $({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: a } = O(wn), l = Ga(o, t?.ref);
+  }), { nonce: a } = I(wn), l = Ga(o, t?.ref);
   return Zi(() => {
     const { width: u, height: c, top: h, left: f, right: d } = r.current;
     if (e || !o.current || !u || !c)
@@ -2018,7 +2018,7 @@ function Za() {
   return /* @__PURE__ */ new Map();
 }
 function Hs(t = !0) {
-  const e = O(oe);
+  const e = I(oe);
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: i, register: s } = e, o = Ye();
@@ -2029,7 +2029,7 @@ function Hs(t = !0) {
   const r = Ji(() => t && i && i(o), [o, i, t]);
   return !n && i ? [!1, r] : [!0];
 }
-const Xt = (t) => t.key || "";
+const Gt = (t) => t.key || "";
 function ni(t) {
   const e = [];
   return Hr.forEach(t, (n) => {
@@ -2037,11 +2037,11 @@ function ni(t) {
   }), e;
 }
 const Ja = ({ 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] = Hs(r), h = Y(() => ni(t), [t]), f = r && !u ? [] : h.map(Xt), d = z(!0), m = z(h), g = Ze(() => /* @__PURE__ */ new Map()), [v, p] = Ae(h), [T, y] = Ae(h);
+  const [u, c] = Hs(r), h = Y(() => ni(t), [t]), f = r && !u ? [] : h.map(Gt), d = $(!0), m = $(h), g = Ze(() => /* @__PURE__ */ new Map()), [v, p] = Ae(h), [T, y] = Ae(h);
   ts(() => {
     d.current = !1, m.current = h;
     for (let S = 0; S < T.length; S++) {
-      const A = Xt(T[S]);
+      const A = Gt(T[S]);
       f.includes(A) ? g.delete(A) : g.get(A) !== !0 && g.set(A, !1);
     }
   }, [T, f.length, f.join("-")]);
@@ -2049,15 +2049,15 @@ const Ja = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
   if (h !== v) {
     let S = [...h];
     for (let A = 0; A < T.length; A++) {
-      const b = T[A], L = Xt(b);
-      f.includes(L) || (S.splice(A, 0, b), P.push(b));
+      const b = T[A], R = Gt(b);
+      f.includes(R) || (S.splice(A, 0, b), P.push(b));
     }
     return o === "wait" && P.length && (S = P), y(ni(S)), p(h), null;
   }
   process.env.NODE_ENV !== "production" && o === "wait" && T.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: x } = O(qe);
+  const { forceRender: x } = I(qe);
   return V(Kr, { children: T.map((S) => {
-    const A = Xt(S), b = r && !u ? !1 : h === T || f.includes(A), L = () => {
+    const A = Gt(S), b = r && !u ? !1 : h === T || f.includes(A), R = () => {
       if (g.has(A))
         g.set(A, !0);
       else
@@ -2067,7 +2067,7 @@ const Ja = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
         tt || (E = !1);
       }), E && (x?.(), y(m.current), r && c?.(), i && i());
     };
-    return V(qa, { isPresent: b, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: l, onExitComplete: b ? void 0 : L, anchorX: a, children: S }, A);
+    return V(qa, { isPresent: b, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: l, onExitComplete: b ? void 0 : R, anchorX: a, children: S }, A);
   }) });
 }, _s = mt({ strict: !1 }), ii = {
   animation: [
@@ -2132,12 +2132,12 @@ const tl = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function ie(t) {
+function ne(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || tl.has(t);
 }
-let Gs = (t) => !ie(t);
+let Gs = (t) => !ne(t);
 function el(t) {
-  typeof t == "function" && (Gs = (e) => e.startsWith("on") ? !ie(e) : t(e));
+  typeof t == "function" && (Gs = (e) => e.startsWith("on") ? !ne(e) : t(e));
 }
 try {
   el(require("@emotion/is-prop-valid").default);
@@ -2146,7 +2146,7 @@ try {
 function nl(t, e, n) {
   const i = {};
   for (const s in t)
-    s === "values" && typeof t.values == "object" || (Gs(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" || (Gs(s) || n === !0 && ne(s) || !e && !ne(s) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && s.startsWith("onDrag")) && (i[s] = t[s]);
   return i;
 }
@@ -2154,7 +2154,7 @@ const ae = /* @__PURE__ */ mt({});
 function le(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function Nt(t) {
+function jt(t) {
   return typeof t == "string" || Array.isArray(t);
 }
 const bn = [
@@ -2167,7 +2167,7 @@ const bn = [
   "exit"
 ], Pn = ["initial", ...bn];
 function ce(t) {
-  return le(t.animate) || Pn.some((e) => Nt(t[e]));
+  return le(t.animate) || Pn.some((e) => jt(t[e]));
 }
 function Xs(t) {
   return !!(ce(t) || t.variants);
@@ -2176,26 +2176,26 @@ function il(t, e) {
   if (ce(t)) {
     const { initial: n, animate: i } = t;
     return {
-      initial: n === !1 || Nt(n) ? n : void 0,
-      animate: Nt(i) ? i : void 0
+      initial: n === !1 || jt(n) ? n : void 0,
+      animate: jt(i) ? i : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
 function sl(t) {
-  const { initial: e, animate: n } = il(t, O(ae));
+  const { initial: e, animate: n } = il(t, I(ae));
   return Y(() => ({ initial: e, animate: n }), [si(e), si(n)]);
 }
 function si(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Ut = {};
+const Nt = {};
 function rl(t) {
   for (const e in t)
-    Ut[e] = t[e], an(e) && (Ut[e].isCSSVariable = !0);
+    Nt[e] = t[e], an(e) && (Nt[e].isCSSVariable = !0);
 }
 function Ys(t, { layout: e, layoutId: n }) {
-  return Mt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Ut[t] || t === "opacity");
+  return Mt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Nt[t] || t === "opacity");
 }
 const ol = {
   x: "translateX",
@@ -2251,7 +2251,7 @@ const An = () => ({
 });
 function qs(t, e, n) {
   for (const i in e)
-    !I(e[i]) && !Ys(i, n) && (t[i] = e[i]);
+    !O(e[i]) && !Ys(i, n) && (t[i] = e[i]);
 }
 function cl({ transformTemplate: t }, e) {
   return Y(() => {
@@ -2365,7 +2365,7 @@ function Vn(t) {
   );
 }
 function yl(t, e, n, { latestValues: i }, s, o = !1) {
-  const a = (Vn(t) ? pl : hl)(e, i, s, t), l = nl(e, typeof t == "string", o), u = t !== Qi ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = Y(() => I(c) ? c.get() : c, [c]);
+  const a = (Vn(t) ? pl : hl)(e, i, s, t), l = nl(e, typeof t == "string", o), u = t !== Qi ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = Y(() => O(c) ? c.get() : c, [c]);
   return Gr(t, {
     ...u,
     children: h
@@ -2388,8 +2388,8 @@ function Cn(t, e, n, i) {
   }
   return e;
 }
-function Jt(t) {
-  return I(t) ? t.get() : t;
+function Zt(t) {
+  return O(t) ? t.get() : t;
 }
 function vl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
   return {
@@ -2400,7 +2400,7 @@ function vl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
 function Tl(t, e, n, i) {
   const s = {}, o = i(t, {});
   for (const f in o)
-    s[f] = Jt(o[f]);
+    s[f] = Zt(o[f]);
   let { initial: r, animate: a } = t;
   const l = ce(t), u = Xs(t);
   e && u && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
@@ -2429,13 +2429,13 @@ function Tl(t, e, n, i) {
   return s;
 }
 const tr = (t) => (e, n) => {
-  const i = O(ae), s = O(oe), o = () => vl(t, e, i, s);
+  const i = I(ae), s = I(oe), o = () => vl(t, e, i, s);
   return n ? o() : Ze(o);
 };
 function Dn(t, e, n) {
   const { style: i } = t, s = {};
   for (const o in i)
-    (I(i[o]) || e.style && I(e.style[o]) || Ys(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (s[o] = i[o]);
+    (O(i[o]) || e.style && O(e.style[o]) || Ys(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (s[o] = i[o]);
   return s;
 }
 const xl = /* @__PURE__ */ tr({
@@ -2445,7 +2445,7 @@ const xl = /* @__PURE__ */ tr({
 function er(t, e, n) {
   const i = Dn(t, e, n);
   for (const s in t)
-    if (I(t[s]) || I(e[s])) {
+    if (O(t[s]) || O(e[s])) {
       const o = Dt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
       i[o] = t[s];
     }
@@ -2472,7 +2472,7 @@ function Pl(t, e, n) {
 }
 const Mn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Sl = "framerAppearId", nr = "data-" + Mn(Sl), ir = mt({});
 function Al(t, e, n, i, s) {
-  const { visualElement: o } = O(ae), r = O(_s), a = O(oe), l = O(wn).reducedMotion, u = z(null);
+  const { visualElement: o } = I(ae), r = I(_s), a = I(oe), l = I(wn).reducedMotion, u = $(null);
   i = i || r.renderer, !u.current && i && (u.current = i(t, {
     visualState: e,
     parent: o,
@@ -2481,13 +2481,13 @@ function Al(t, e, n, i, s) {
     blockInitialAnimation: a ? a.initial === !1 : !1,
     reducedMotionConfig: l
   }));
-  const c = u.current, h = O(ir);
+  const c = u.current, h = I(ir);
   c && !c.projection && s && (c.type === "html" || c.type === "svg") && Vl(u.current, n, s, h);
-  const f = z(!1);
+  const f = $(!1);
   Zi(() => {
     c && f.current && c.update(n, a);
   });
-  const d = n[nr], m = z(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
+  const d = n[nr], m = $(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
   return ts(() => {
     c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), m.current && c.animationState && c.animationState.animateChanges());
   }), nt(() => {
@@ -2527,7 +2527,7 @@ function ge(t, { forwardMotionProps: e = !1 } = {}, n, i) {
   function o(a, l) {
     let u;
     const c = {
-      ...O(wn),
+      ...I(wn),
       ...a,
       layoutId: Cl(a)
     }, { isStatic: h } = c, f = sl(a), d = s(a, h);
@@ -2543,11 +2543,11 @@ function ge(t, { forwardMotionProps: e = !1 } = {}, n, i) {
   return r[bl] = t, r;
 }
 function Cl({ layoutId: t }) {
-  const e = O(qe).id;
+  const e = I(qe).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Dl(t, e) {
-  const n = O(_s).strict;
+  const n = I(_s).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? Vt(!1, i, "lazy-strict-mode") : J(!1, i, "lazy-strict-mode");
@@ -2611,12 +2611,12 @@ function or(t) {
 function oi(t) {
   return t && t !== "0%";
 }
-function se(t, e, n) {
+function ie(t, e, n) {
   const i = t - n, s = e * i;
   return n + s;
 }
 function ai(t, e, n, i, s) {
-  return s !== void 0 && (t = se(t, s, i)), se(t, n, i) + e;
+  return s !== void 0 && (t = ie(t, s, i)), ie(t, n, i) + e;
 }
 function Ke(t, e = 0, n = 1, i, s) {
   t.min = ai(t.min, e, n, i, s), t.max = ai(t.max, e, n, i, s);
@@ -2666,7 +2666,7 @@ const hi = () => ({
 }), wt = () => ({
   x: hi(),
   y: hi()
-}), fi = () => ({ min: 0, max: 0 }), R = () => ({
+}), fi = () => ({ min: 0, max: 0 }), k = () => ({
   x: fi(),
   y: fi()
 }), We = { current: null }, cr = { current: !1 };
@@ -2678,13 +2678,13 @@ function Fl() {
     } else
       We.current = !1;
 }
-const Ol = /* @__PURE__ */ new WeakMap();
-function Il(t, e, n) {
+const Il = /* @__PURE__ */ new WeakMap();
+function Ol(t, e, n) {
   for (const i in e) {
     const s = e[i], o = n[i];
-    if (I(s))
+    if (O(s))
       t.addValue(i, s);
-    else if (I(o))
+    else if (O(o))
       t.addValue(i, St(s, { owner: t }));
     else if (o !== s)
       if (t.hasValue(i)) {
@@ -2731,11 +2731,11 @@ class jl {
     const { willChange: c, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const d = h[f];
-      l[f] !== void 0 && I(d) && d.set(l[f]);
+      l[f] !== void 0 && O(d) && d.set(l[f]);
     }
   }
   mount(e) {
-    this.current = e, Ol.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, i) => this.bindToMotionValue(i, n)), cr.current || Fl(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : We.current, process.env.NODE_ENV !== "production" && sn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = e, Il.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, i) => this.bindToMotionValue(i, n)), cr.current || Fl(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : We.current, process.env.NODE_ENV !== "production" && sn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), it(this.notifyUpdate), it(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -2790,7 +2790,7 @@ class jl {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : R();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : k();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -2810,7 +2810,7 @@ class jl {
       const o = "on" + s, r = e[o];
       r && (this.propEventSubscriptions[s] = this.on(s, r));
     }
-    this.prevMotionValues = Il(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Ol(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2875,7 +2875,7 @@ class jl {
    */
   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" && (es(i) || is(i)) ? i = parseFloat(i) : !Ha(i) && st.test(n) && (i = js(e, n)), this.setBaseTarget(e, I(i) ? i.get() : i)), I(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (es(i) || is(i)) ? i = parseFloat(i) : !Ha(i) && st.test(n) && (i = js(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
@@ -2898,7 +2898,7 @@ class jl {
     if (n && i !== void 0)
       return i;
     const s = this.getBaseTargetFromProps(this.props, e);
-    return s !== void 0 && !I(s) ? s : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
+    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 nn()), this.events[e].add(n);
@@ -2926,7 +2926,7 @@ class ur extends jl {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    I(e) && (this.childSubscription = e.on("change", (n) => {
+    O(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -2997,14 +2997,14 @@ function Kl(t, e, n, i) {
 }
 class Wl extends ur {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = R;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = k;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
   }
   readValueFromInstance(e, n) {
     if (Mt.has(n)) {
-      const i = Is(n);
+      const i = Os(n);
       return i && i.default || 0;
     }
     return n = fr.has(n) ? n : Mn(n), e.getAttribute(n);
@@ -3046,7 +3046,7 @@ function _l(t, e) {
   }
 }
 function Gl(t) {
-  return !!(I(t) && t.add);
+  return !!(O(t) && t.add);
 }
 function ze(t, e) {
   const n = t.getValue("willChange");
@@ -3220,7 +3220,7 @@ function yr(t) {
   const e = {};
   for (let n = 0; n < rc; n++) {
     const i = Pn[n], s = t.props[i];
-    (Nt(s) || s === !1) && (e[i] = s);
+    (jt(s) || s === !1) && (e[i] = s);
   }
   return e;
 }
@@ -3245,7 +3245,7 @@ function cc(t) {
     const { props: u } = t, c = yr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
     for (let v = 0; v < ac; v++) {
-      const p = oc[v], T = n[p], y = u[p] !== void 0 ? u[p] : c[p], P = Nt(y), x = p === l ? T.isActive : null;
+      const p = oc[v], T = n[p], y = u[p] !== void 0 ? u[p] : c[p], P = jt(y), x = p === l ? T.isActive : null;
       x === !1 && (m = v);
       let S = y === c[p] && y !== u[p] && P;
       if (S && i && t.manuallyAnimateOnMount && (S = !1), T.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
@@ -3256,7 +3256,7 @@ function cc(t) {
       const A = uc(T.prevProp, y);
       let b = A || // If we're making this variant active, we want to always make it active
       p === l && T.isActive && !S && P || // If we removed a higher-priority variant (i is in reverse order)
-      v > m && P, L = !1;
+      v > m && P, R = !1;
       const E = Array.isArray(y) ? y : [y];
       let tt = E.reduce(s(p), {});
       x === !1 && (tt = {});
@@ -3264,7 +3264,7 @@ function cc(t) {
         ...Rn,
         ...tt
       }, Ln = (B) => {
-        b = !0, f.has(B) && (L = !0, f.delete(B)), T.needsAnimating[B] = !0;
+        b = !0, f.has(B) && (R = !0, f.delete(B)), T.needsAnimating[B] = !0;
         const U = t.getValue(B);
         U && (U.liveStyle = !1);
       };
@@ -3277,7 +3277,7 @@ function cc(t) {
       }
       T.prevProp = y, T.prevResolvedValues = tt, T.isActive && (d = { ...d, ...tt }), i && t.blockInitialAnimation && (b = !1);
       const kn = S && A;
-      b && (!kn || L) && h.push(...E.map((B) => {
+      b && (!kn || R) && h.push(...E.map((B) => {
         const U = { type: p };
         if (typeof B == "string" && i && !kn && t.manuallyAnimateOnMount && t.parent) {
           const { parent: at } = t, pt = bt(at, B);
@@ -3412,10 +3412,10 @@ const mc = {
     Feature: dc
   }
 };
-function Kt(t, e, n, i = { passive: !0 }) {
+function Ut(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
 }
-function Ht(t) {
+function zt(t) {
   return {
     point: {
       x: t.pageX,
@@ -3423,9 +3423,9 @@ function Ht(t) {
     }
   };
 }
-const pc = (t) => (e) => xn(e) && t(e, Ht(e));
+const pc = (t) => (e) => xn(e) && t(e, zt(e));
 function kt(t, e, n, i) {
-  return Kt(t, e, pc(n), i);
+  return Ut(t, e, pc(n), i);
 }
 const vr = 1e-4, gc = 1 - vr, yc = 1 + vr, Tr = 0.01, vc = 0 - Tr, Tc = 0 + Tr;
 function j(t) {
@@ -3449,10 +3449,10 @@ function wc(t, e, n) {
 function yi(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + j(e);
 }
-function Ft(t, e, n) {
+function se(t, e, n) {
   yi(t.x, e.x, n.x), yi(t.y, e.y, n.y);
 }
-function W(t) {
+function K(t) {
   return [t("x"), t("y")];
 }
 const xr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, vi = (t, e) => Math.abs(t - e);
@@ -3484,10 +3484,10 @@ class wr {
     }, !xn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = r, this.contextWindow = s || window;
-    const a = Ht(e), l = ve(a, this.transformPagePoint), { point: u } = l, { timestamp: c } = F;
+    const a = zt(e), l = ve(a, this.transformPagePoint), { point: u } = l, { timestamp: c } = F;
     this.history = [{ ...u, timestamp: c }];
     const { onSessionStart: h } = n;
-    h && h(e, Te(l, this.history)), this.removeListeners = Wt(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp));
+    h && h(e, Te(l, this.history)), this.removeListeners = Kt(kt(this.contextWindow, "pointermove", this.handlePointerMove), kt(this.contextWindow, "pointerup", this.handlePointerUp), kt(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3525,7 +3525,7 @@ function Sc(t, e) {
     n--;
   if (!i)
     return { x: 0, y: 0 };
-  const o = /* @__PURE__ */ $(s.timestamp - i.timestamp);
+  const o = /* @__PURE__ */ W(s.timestamp - i.timestamp);
   if (o === 0)
     return { x: 0, y: 0 };
   const r = {
@@ -3562,7 +3562,7 @@ function Cc(t, e) {
 function Dc(t, e) {
   let n = 0.5;
   const i = j(t), s = j(e);
-  return s > i ? n = /* @__PURE__ */ Ot(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ Ot(t.min, t.max - s, e.min)), Z(0, 1, n);
+  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)), Z(0, 1, n);
 }
 function Mc(t, e) {
   const n = {};
@@ -3587,7 +3587,7 @@ function Pi(t, e) {
 const Rc = /* @__PURE__ */ new WeakMap();
 class Lc {
   constructor(e) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = R(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = k(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: i } = {}) {
     const { presenceContext: s } = this.visualElement;
@@ -3595,12 +3595,12 @@ class Lc {
       return;
     const o = (h) => {
       const { dragSnapToOrigin: f } = this.getProps();
-      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ht(h).point);
+      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(zt(h).point);
     }, r = (h, f) => {
       const { drag: d, dragPropagation: m, onDragStart: g } = this.getProps();
-      if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Ia(d), !this.openDragLock))
+      if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Oa(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), W((p) => {
+      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((p) => {
         let T = this.getAxisMotionValue(p).get() || 0;
         if (X.test(T)) {
           const { projection: y } = this.visualElement;
@@ -3626,7 +3626,7 @@ class Lc {
       this.updateAxis("x", f.point, p), this.updateAxis("y", f.point, p), this.visualElement.render(), v && v(h, f);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => W((h) => this.getAnimationState(h) === "paused" && this.getAxisMotionValue(h).animation?.play()), { dragSnapToOrigin: c } = this.getProps();
+    }, u = () => K((h) => this.getAnimationState(h) === "paused" && this.getAxisMotionValue(h).animation?.play()), { dragSnapToOrigin: c } = this.getProps();
     this.panSession = new wr(e, {
       onSessionStart: o,
       onStart: r,
@@ -3664,7 +3664,7 @@ class Lc {
   }
   updateAxis(e, n, i) {
     const { drag: s } = this.getProps();
-    if (!i || !Yt(e, s, this.currentDirection))
+    if (!i || !Xt(e, s, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + i[e];
@@ -3672,7 +3672,7 @@ class Lc {
   }
   resolveConstraints() {
     const { dragConstraints: e, dragElastic: n } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, s = this.constraints;
-    e && vt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = Vc(i.layoutBox, e) : this.constraints = !1, this.elastic = Ec(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && W((o) => {
+    e && vt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = Vc(i.layoutBox, e) : this.constraints = !1, this.elastic = Ec(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && K((o) => {
       this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Mc(i.layoutBox[o], this.constraints[o]));
     });
   }
@@ -3694,8 +3694,8 @@ class Lc {
     return r;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: i, dragElastic: s, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = W((c) => {
-      if (!Yt(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 (!Xt(c, n, this.currentDirection))
         return;
       let h = l && l[c] || {};
       r && (h = { min: 0, max: 0 });
@@ -3719,10 +3719,10 @@ class Lc {
     return ze(this.visualElement, e), i.start(En(e, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    W((e) => this.getAxisMotionValue(e).stop());
+    K((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    W((e) => this.getAxisMotionValue(e).animation?.pause());
+    K((e) => this.getAxisMotionValue(e).animation?.pause());
   }
   getAnimationState(e) {
     return this.getAxisMotionValue(e).animation?.state;
@@ -3738,9 +3738,9 @@ class Lc {
     return s || this.visualElement.getValue(e, (i.initial ? i.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    W((n) => {
+    K((n) => {
       const { drag: i } = this.getProps();
-      if (!Yt(n, i, this.currentDirection))
+      if (!Xt(n, i, this.currentDirection))
         return;
       const { projection: s } = this.visualElement, o = this.getAxisMotionValue(n);
       if (s && s.layout) {
@@ -3762,7 +3762,7 @@ class Lc {
       return;
     this.stopAnimation();
     const s = { x: 0, y: 0 };
-    W((r) => {
+    K((r) => {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
@@ -3770,8 +3770,8 @@ class Lc {
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), W((r) => {
-      if (!Yt(r, e, null))
+    this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), K((r) => {
+      if (!Xt(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: u } = this.constraints[r];
       a.set(M(l, u, s[r]));
@@ -3789,8 +3789,8 @@ class Lc {
       vt(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()), C.read(i);
-    const r = Kt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
-      this.isDragging && u && (W((c) => {
+    const r = Ut(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());
@@ -3812,7 +3812,7 @@ class Lc {
     };
   }
 }
-function Yt(t, e, n) {
+function Xt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
 function kc(t, e = 10) {
@@ -3821,11 +3821,11 @@ function kc(t, e = 10) {
 }
 class Bc extends ot {
   constructor(e) {
-    super(e), this.removeGroupControls = H, this.removeListeners = H, this.controls = new Lc(e);
+    super(e), this.removeGroupControls = z, this.removeListeners = z, this.controls = new Lc(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || H;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || z;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3836,7 +3836,7 @@ const Si = (t) => (e, n) => {
 };
 class Fc extends ot {
   constructor() {
-    super(...arguments), this.removePointerDownListener = H;
+    super(...arguments), this.removePointerDownListener = z;
   }
   onPointerDown(e) {
     this.session = new wr(e, this.createPanHandlers(), {
@@ -3865,7 +3865,7 @@ class Fc extends ot {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const Qt = {
+const Jt = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3892,7 +3892,7 @@ const Et = {
     const n = Ai(t, e.target.x), i = Ai(t, e.target.y);
     return `${n}% ${i}%`;
   }
-}, Oc = {
+}, Ic = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const i = t, s = st.parse(t);
     if (s.length > 5)
@@ -3904,7 +3904,7 @@ const Et = {
   }
 };
 let xe = !1;
-class Ic extends Xr {
+class Oc extends Xr {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -3917,7 +3917,7 @@ class Ic extends Xr {
     }), o.setOptions({
       ...o.options,
       onExitComplete: () => this.safeToRemove()
-    })), Qt.hasEverUpdated = !0;
+    })), Jt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: i, drag: s, isPresent: o } = this.props, { projection: r } = i;
@@ -3945,8 +3945,8 @@ class Ic extends Xr {
   }
 }
 function Pr(t) {
-  const [e, n] = Hs(), i = O(qe);
-  return V(Ic, { ...t, layoutGroup: i, switchLayoutGroup: O(ir), isPresent: e, safeToRemove: n });
+  const [e, n] = Hs(), i = I(qe);
+  return V(Oc, { ...t, layoutGroup: i, switchLayoutGroup: I(ir), isPresent: e, safeToRemove: n });
 }
 const jc = {
   borderRadius: {
@@ -3962,10 +3962,10 @@ const jc = {
   borderTopRightRadius: Et,
   borderBottomLeftRadius: Et,
   borderBottomRightRadius: Et,
-  boxShadow: Oc
+  boxShadow: Ic
 };
 function Nc(t, e, n) {
-  const i = I(t) ? t : St(t);
+  const i = O(t) ? t : St(t);
   return i.start(En("", i, e, n)), i.animation;
 }
 const Uc = (t, e) => t.depth - e.depth;
@@ -4005,21 +4005,21 @@ function zc(t, e, n, i, s, o) {
 function Di(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Hc = /* @__PURE__ */ Ar(0, 0.5, hs), _c = /* @__PURE__ */ Ar(0.5, 0.95, H);
+const Hc = /* @__PURE__ */ Ar(0, 0.5, hs), _c = /* @__PURE__ */ Ar(0.5, 0.95, z);
 function Ar(t, e, n) {
-  return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ Ot(t, e, i));
+  return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ Ft(t, e, i));
 }
 function Mi(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function K(t, e) {
+function H(t, e) {
   Mi(t.x, e.x), Mi(t.y, e.y);
 }
 function Ei(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
 function Ri(t, e, n, i, s) {
-  return t -= e, t = se(t, 1 / n, i), s !== void 0 && (t = se(t, 1 / s, i)), t;
+  return t -= e, t = ie(t, 1 / n, i), s !== void 0 && (t = ie(t, 1 / s, i)), t;
 }
 function Gc(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
   if (X.test(e) && (e = parseFloat(e), e = M(r.min, r.max, e / 100) - r.min), typeof e != "number")
@@ -4046,13 +4046,13 @@ function Fi(t, e) {
 function qc(t, e) {
   return Fi(t.x, e.x) && Fi(t.y, e.y);
 }
-function Oi(t, e) {
+function Ii(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
 function Cr(t, e) {
-  return Oi(t.x, e.x) && Oi(t.y, e.y);
+  return Ii(t.x, e.x) && Ii(t.y, e.y);
 }
-function Ii(t) {
+function Oi(t) {
   return j(t.x) / j(t.y);
 }
 function ji(t, e) {
@@ -4145,11 +4145,11 @@ function Dr(t) {
 function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
   return class {
     constructor(r = {}, a = e?.()) {
-      this.id = tu++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = tu++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
         this.projectionUpdateScheduled = !1, this.nodes.forEach(iu), this.nodes.forEach(au), this.nodes.forEach(lu), this.nodes.forEach(su);
-      }, this.resolvedRelativeTargetAt = 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;
+      }, 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 Kc());
@@ -4179,7 +4179,7 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = Wc(f, 250), Qt.hasAnimatedSinceResize && (Qt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ki)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = Wc(f, 250), Jt.hasAnimatedSinceResize && (Jt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ki)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -4285,7 +4285,7 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const r = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = R(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = k(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, r ? r.layoutBox : void 0);
     }
@@ -4322,7 +4322,7 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measurePageBox() {
       const { visualElement: r } = this.options;
       if (!r)
-        return R();
+        return k();
       const a = r.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(pu))) {
         const { scroll: u } = this.root;
@@ -4331,18 +4331,18 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     removeElementScroll(r) {
-      const a = R();
-      if (K(a, r), this.scroll?.wasRoot)
+      const a = k();
+      if (H(a, r), this.scroll?.wasRoot)
         return a;
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l], { scroll: c, options: h } = u;
-        u !== this.root && c && h.layoutScroll && (c.wasRoot && K(a, r), Tt(a.x, c.offset.x), Tt(a.y, c.offset.y));
+        u !== this.root && c && h.layoutScroll && (c.wasRoot && H(a, r), Tt(a.x, c.offset.x), Tt(a.y, c.offset.y));
       }
       return a;
     }
     applyTransform(r, a = !1) {
-      const l = R();
-      K(l, r);
+      const l = k();
+      H(l, r);
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u];
         !a && c.options.layoutScroll && c.scroll && c !== c.root && xt(l, {
@@ -4353,15 +4353,15 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return ct(this.latestValues) && xt(l, this.latestValues), l;
     }
     removeTransform(r) {
-      const a = R();
-      K(a, r);
+      const a = k();
+      H(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l];
         if (!u.instance || !ct(u.latestValues))
           continue;
         Ue(u.latestValues) && u.updateSnapshot();
-        const c = R(), h = u.measurePageBox();
-        K(c, h), ki(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        const c = k(), h = u.measurePageBox();
+        H(c, h), ki(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
       return ct(this.latestValues) && ki(a, this.latestValues), a;
     }
@@ -4388,17 +4388,11 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(r || l && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
       const { layout: c, layoutId: h } = this.options;
-      if (!(!this.layout || !(c || h))) {
-        if (this.resolvedRelativeTargetAt = F.timestamp, !this.targetDelta && !this.relativeTarget) {
-          const f = this.getClosestProjectingParent();
-          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = R(), this.relativeTargetOrigin = R(), Ft(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), K(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
-        }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = R(), this.targetWithTransforms = R()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), wc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : K(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : K(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
-          this.attemptToResolveRelativeTarget = !1;
-          const f = this.getClosestProjectingParent();
-          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = R(), this.relativeTargetOrigin = R(), Ft(this.relativeTargetOrigin, this.target, f.target), K(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
-        }
-      }
+      if (!this.layout || !(c || h))
+        return;
+      this.resolvedRelativeTargetAt = F.timestamp;
+      const f = this.getClosestProjectingParent();
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = k(), this.targetWithTransforms = k()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), wc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : H(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : H(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 || Ue(this.parent.latestValues) || or(this.parent.latestValues)))
@@ -4407,6 +4401,12 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     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(), se(this.relativeTargetOrigin, a, l), H(this.relativeTarget, this.relativeTargetOrigin);
+    }
+    removeRelativeTarget() {
+      this.relativeParent = this.relativeTarget = void 0;
+    }
     calcProjection() {
       const r = this.getLead(), a = !!this.resumingFrom || this !== r;
       let l = !0;
@@ -4415,9 +4415,9 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: u, layoutId: c } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || c))
         return;
-      K(this.layoutCorrected, this.layout.layoutBox);
+      H(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      kl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = R());
+      kl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = k());
       const { target: d } = r;
       if (!d) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4444,17 +4444,17 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, c = { ...this.latestValues }, h = wt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = R(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, g = d !== m, v = this.getStack(), p = !v || v.members.length <= 1, T = !!(g && !p && this.options.crossfade === !0 && !this.path.some(fu));
+      const f = k(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, g = d !== m, v = this.getStack(), p = !v || v.members.length <= 1, T = !!(g && !p && this.options.crossfade === !0 && !this.path.some(fu));
       this.animationProgress = 0;
       let y;
       this.mixTargetDelta = (P) => {
         const x = P / 1e3;
-        Wi(h.x, r.x, x), Wi(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ft(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), hu(this.relativeTarget, this.relativeTargetOrigin, f, x), y && qc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = R()), K(y, this.relativeTarget)), g && (this.animationValues = c, zc(c, u, this.latestValues, x, T, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
+        Wi(h.x, r.x, x), Wi(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (se(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), hu(this.relativeTarget, this.relativeTargetOrigin, f, x), y && qc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = k()), H(y, this.relativeTarget)), g && (this.animationValues = c, zc(c, u, this.latestValues, x, T, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (it(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = C.update(() => {
-        Qt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = St(0)), this.currentAnimation = Nc(this.motionValue, [0, 1e3], {
+        Jt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = St(0)), this.currentAnimation = Nc(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -4482,13 +4482,13 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: a, target: l, layout: u, latestValues: c } = r;
       if (!(!a || !l || !u)) {
         if (this !== r && this.layout && u && Er(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          l = this.target || R();
+          l = this.target || k();
           const h = j(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
           const f = j(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        K(a, l), xt(a, c), Bt(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
+        H(a, l), xt(a, c), Bt(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
       }
     }
     registerSharedNode(r, a) {
@@ -4550,12 +4550,12 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const l = this.getTransformTemplate();
       if (this.needsReset) {
-        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Jt(a?.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
+        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Zt(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 = Jt(a?.pointerEvents) || ""), this.hasProjected && !ct(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 = Zt(a?.pointerEvents) || ""), this.hasProjected && !ct(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       r.visibility = "";
@@ -4565,10 +4565,10 @@ function Mr({ 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 Ut) {
+      for (const m in Nt) {
         if (c[m] === void 0)
           continue;
-        const { correct: g, applyTo: v, isCSSVariable: p } = Ut[m], T = h === "none" ? c[m] : g(c[m], u);
+        const { correct: g, applyTo: v, isCSSVariable: p } = Nt[m], T = h === "none" ? c[m] : g(c[m], u);
         if (v) {
           const y = v.length;
           for (let P = 0; P < y; P++)
@@ -4576,7 +4576,7 @@ function Mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         } else
           p ? this.options.visualElement.renderState.vars[m] = T : r[m] = T;
       }
-      this.options.layoutId && (r.pointerEvents = u === this ? Jt(a?.pointerEvents) || "" : "none");
+      this.options.layoutId && (r.pointerEvents = u === this ? Zt(a?.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4594,10 +4594,10 @@ function nu(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: i } = t.layout, { animationType: s } = t.options, o = e.source !== t.layout.source;
-    s === "size" ? W((c) => {
+    s === "size" ? K((c) => {
       const h = o ? e.measuredBox[c] : e.layoutBox[c], f = j(h);
       h.min = n[c].min, h.max = h.min + f;
-    }) : Er(s, e.layoutBox, n) && W((c) => {
+    }) : Er(s, e.layoutBox, n) && K((c) => {
       const h = o ? e.measuredBox[c] : e.layoutBox[c], f = j(n[c]);
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[c].max = t.relativeTarget[c].min + f);
     });
@@ -4612,10 +4612,10 @@ function nu(t) {
       if (c && !c.resumeFrom) {
         const { snapshot: h, layout: f } = c;
         if (h && f) {
-          const d = R();
-          Ft(d, e.layoutBox, h.layoutBox);
-          const m = R();
-          Ft(m, n, f.layoutBox), Cr(d, m) || (u = !0), c.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = c);
+          const d = k();
+          se(d, e.layoutBox, h.layoutBox);
+          const m = k();
+          se(m, n, f.layoutBox), Cr(d, m) || (u = !0), c.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = c);
         }
       }
     }
@@ -4682,7 +4682,7 @@ function fu(t) {
 const du = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, zi = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Hi = zi("applewebkit/") && !zi("chrome/") ? Math.round : H;
+}, zi = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Hi = zi("applewebkit/") && !zi("chrome/") ? Math.round : z;
 function _i(t) {
   t.min = Hi(t.min), t.max = Hi(t.max);
 }
@@ -4690,13 +4690,13 @@ function mu(t) {
   _i(t.x), _i(t.y);
 }
 function Er(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !xc(Ii(e), Ii(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !xc(Oi(e), Oi(n), 0.2);
 }
 function pu(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
 const gu = Mr({
-  attachResizeListener: (t, e) => Kt(t, "resize", e),
+  attachResizeListener: (t, e) => Ut(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
@@ -4734,7 +4734,7 @@ function Gi(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 && C.postRender(() => o(e, Ht(e)));
+  o && C.postRender(() => o(e, zt(e)));
 }
 class vu extends ot {
   mount() {
@@ -4761,7 +4761,7 @@ class Tu extends ot {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Wt(Kt(this.node.current, "focus", () => this.onFocus()), Kt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Kt(Ut(this.node.current, "focus", () => this.onFocus()), Ut(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
@@ -4772,7 +4772,7 @@ function Xi(t, e, n) {
     return;
   t.animationState && i.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const s = "onTap" + (n === "End" ? "" : n), o = i[s];
-  o && C.postRender(() => o(e, Ht(e)));
+  o && C.postRender(() => o(e, zt(e)));
 }
 class xu extends ot {
   mount() {
@@ -4873,12 +4873,12 @@ function kr({ debounce: t, scroll: e, polyfill: n, offsetSize: i } = { debounce:
   const s = n || (typeof window > "u" ? class {
   } : window.ResizeObserver);
   if (!s) throw new Error("This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills");
-  const [o, r] = Ae({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), a = z({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: o, orientationHandler: null }), l = t ? typeof t == "number" ? t : t.scroll : null, u = t ? typeof t == "number" ? t : t.resize : null, c = z(!1);
+  const [o, r] = Ae({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), a = $({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: o, orientationHandler: null }), l = t ? typeof t == "number" ? t : t.scroll : null, u = t ? typeof t == "number" ? t : t.resize : null, c = $(!1);
   nt(() => (c.current = !0, () => void (c.current = !1)));
   const [h, f, d] = Y(() => {
     const p = () => {
       if (!a.current.element) return;
-      const { left: T, top: y, width: P, height: x, bottom: S, right: A, x: b, y: L } = a.current.element.getBoundingClientRect(), E = { left: T, top: y, width: P, height: x, bottom: S, right: A, x: b, y: L };
+      const { left: T, top: y, width: P, height: x, bottom: S, right: A, x: b, y: R } = a.current.element.getBoundingClientRect(), E = { left: T, top: y, width: P, height: x, bottom: S, right: A, x: b, y: R };
       a.current.element instanceof HTMLElement && i && (E.height = a.current.element.offsetHeight, E.width = a.current.element.offsetWidth), Object.freeze(E), c.current && !Bu(a.current.lastBounds, E) && r(a.current.lastBounds = E);
     };
     return [p, u ? Yi(p, u) : p, l ? Yi(p, l) : p];
@@ -4930,13 +4930,13 @@ const ku = ["x", "y", "top", "bottom", "left", "right", "width", "height"], Bu =
   defaultVariants: {
     size: "sm"
   }
-}), Fr = mt(void 0), Or = () => {
-  const t = O(Fr);
+}), Fr = mt(void 0), Ir = () => {
+  const t = I(Fr);
   if (!t)
     throw new Error("Tray components must be used within Tray root");
   return t;
-}, Ou = q(({ size: t = "sm", children: e, ...n }, i) => {
-  const s = z("default"), o = Y(
+}, Iu = q(({ size: t = "sm", children: e, ...n }, i) => {
+  const s = $("default"), o = Y(
     () => ({
       size: t,
       animationKey: s.current,
@@ -4948,15 +4948,15 @@ const ku = ["x", "y", "top", "bottom", "left", "right", "width", "height"], Bu =
   );
   return /* @__PURE__ */ V(Fr.Provider, { value: o, children: /* @__PURE__ */ V(Pt.Root, { "data-testid": "spectral-tray", ...n, children: e }) });
 });
-Ou.displayName = "Tray";
-const Iu = q(({ className: t, ...e }, n) => /* @__PURE__ */ V(Pt.Trigger, { className: rt(t), "data-testid": "spectral-tray-trigger", "data-vaul-no-drag": "", ref: n, ...e }));
-Iu.displayName = "TrayTrigger";
-const Ir = q(({ className: t, ...e }, n) => /* @__PURE__ */ V(Pt.Close, { asChild: !0, className: rt(t), "data-testid": "spectral-tray-close", "data-vaul-no-drag": "", ref: n, ...e, children: /* @__PURE__ */ V(qi, {}) }));
-Ir.displayName = "TrayClose";
+Iu.displayName = "Tray";
+const Ou = q(({ className: t, ...e }, n) => /* @__PURE__ */ V(Pt.Trigger, { className: rt(t), "data-testid": "spectral-tray-trigger", "data-vaul-no-drag": "", ref: n, ...e }));
+Ou.displayName = "TrayTrigger";
+const Or = q(({ className: t, ...e }, n) => /* @__PURE__ */ V(Pt.Close, { asChild: !0, className: rt(t), "data-testid": "spectral-tray-close", "data-vaul-no-drag": "", ref: n, ...e, children: /* @__PURE__ */ V(qi, {}) }));
+Or.displayName = "TrayClose";
 const jr = q(({ className: t, ...e }, n) => /* @__PURE__ */ V(Pt.Overlay, { className: rt("fixed inset-0 z-10 bg-overlay", t), ref: n, ...e }));
 jr.displayName = "TrayOverlay";
 const ju = q(({ className: t, size: e, children: n, ...i }, s) => {
-  const { size: o } = Or(), r = e || o, [a, l] = kr();
+  const { size: o } = Ir(), r = e || o, [a, l] = kr();
   return /* @__PURE__ */ Xe(Pt.Portal, { children: [
     /* @__PURE__ */ V(jr, {}),
     /* @__PURE__ */ V(Pt.Content, { asChild: !0, className: rt(Fu({ size: r }), t), "data-testid": "spectral-tray-content", ref: s, ...i, children: /* @__PURE__ */ V(
@@ -4977,7 +4977,7 @@ const ju = q(({ className: t, size: e, children: n, ...i }, s) => {
 ju.displayName = "TrayContent";
 const Nu = q(({ className: t, children: e, ...n }, i) => /* @__PURE__ */ Xe("div", { className: rt("flex flex-col space-y-1.5 text-start pb-4 relative", t), "data-testid": "spectral-tray-header", ref: i, ...n, children: [
   e,
-  /* @__PURE__ */ V(Ir, { className: "absolute text-neutral-400 right-[-14px] cursor-pointer hover:bg-level-four hover:text-neutral-100 hover:scale-110 rounded-full p-1 top-0 transition-colors z-10", children: /* @__PURE__ */ V(Wr, { icon: /* @__PURE__ */ V(qi, {}), label: "Close tray", shape: "circle" }) })
+  /* @__PURE__ */ V(Or, { className: "absolute text-neutral-400 right-[-14px] cursor-pointer hover:bg-level-four hover:text-neutral-100 hover:scale-110 rounded-full p-1 top-0 transition-colors z-10", children: /* @__PURE__ */ V(Wr, { icon: /* @__PURE__ */ V(qi, {}), label: "Close tray", shape: "circle" }) })
 ] }));
 Nu.displayName = "TrayHeader";
 const Uu = q(({ className: t, children: e, ...n }, i) => /* @__PURE__ */ V("h2", { className: rt("text-xl font-semibold text-text-primary", t), "data-testid": "spectral-tray-title", ref: i, ...n, children: e }));
@@ -4985,7 +4985,7 @@ Uu.displayName = "TrayTitle";
 const Ku = q(({ className: t, ...e }, n) => /* @__PURE__ */ V("p", { className: rt("text-sm text-text-secondary", t), "data-testid": "spectral-tray-subtitle", ref: n, ...e }));
 Ku.displayName = "TraySubtitle";
 const Wu = q(({ className: t, children: e, animationKey: n, ...i }, s) => {
-  const { animationKey: o } = Or(), r = n !== void 0 ? n : o, a = z(null), [l, u] = kr(), c = Y(() => {
+  const { animationKey: o } = Ir(), r = n !== void 0 ? n : o, a = $(null), [l, u] = kr(), c = Y(() => {
     const h = u.height, f = a.current, d = 0.15, m = 0.27;
     if (!a.current)
       return a.current = h, d;
@@ -5010,12 +5010,12 @@ const Wu = q(({ className: t, children: e, animationKey: n, ...i }, s) => {
 });
 Wu.displayName = "TrayBody";
 export {
-  Ou as Tray,
+  Iu as Tray,
   Wu as TrayBody,
-  Ir as TrayClose,
+  Or as TrayClose,
   ju as TrayContent,
   Nu as TrayHeader,
   Ku as TraySubtitle,
   Uu as TrayTitle,
-  Iu as TrayTrigger
+  Ou as TrayTrigger
 };