@undp/data-viz 1.3.0 → 1.4.0

package/dist/{use-in-view-CZPXmTZM.js → proxy-DJxJg1kD.js}

@@ -1,21 +1,21 @@
-import { j as ge } from "./index-BHm2KTjD-2e-Fu8L-.js";
-import { createContext as pt, useRef as Ut, useLayoutEffect as ur, useEffect as qt, useContext as O, useId as cr, useCallback as Rs, useMemo as Zt, useInsertionEffect as hr, forwardRef as fr, Fragment as Ls, createElement as dr, Component as mr, useState as pr } from "react";
+import { j as pe } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { createContext as pt, useRef as Ut, useLayoutEffect as lr, useEffect as Oe, useContext as O, useId as ur, useCallback as Rs, useMemo as qt, useInsertionEffect as cr, forwardRef as hr, Fragment as Ls, createElement as fr, Component as dr } from "react";
 const ks = pt({});
-function gr(t) {
+function mr(t) {
   const e = Ut(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Ie = typeof window < "u", yr = Ie ? ur : qt, je = /* @__PURE__ */ pt(null), Bs = pt({
+const Ie = typeof window < "u", pr = Ie ? lr : Oe, je = /* @__PURE__ */ pt(null), Fs = pt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function vr(t = !0) {
+function gr(t = !0) {
   const e = O(je);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: i } = e, o = cr();
-  qt(() => {
+  const { isPresent: n, onExitComplete: s, register: i } = e, o = ur();
+  Oe(() => {
     if (t)
       return i(o);
   }, [t]);
@@ -42,7 +42,7 @@ const It = [
 ], vn = {
   value: null
 };
-function Tr(t, e) {
+function yr(t, e) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, o = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -80,16 +80,16 @@ function Tr(t, e) {
   };
   return u;
 }
-const z = {}, xr = 40;
-function Fs(t, e) {
+const z = {}, vr = 40;
+function Bs(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = It.reduce((p, b) => (p[b] = Tr(o, e ? b : void 0), p), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: m } = r, y = () => {
+  }, o = () => n = !0, r = It.reduce((p, b) => (p[b] = yr(o, e ? b : void 0), p), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: m } = r, y = () => {
     const p = z.useManualTiming ? i.timestamp : performance.now();
-    n = !1, z.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(p - i.timestamp, xr), 1)), i.timestamp = p, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), f.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
+    n = !1, z.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(p - i.timestamp, vr), 1)), i.timestamp = p, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), f.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
   }, v = () => {
     n = !0, s = !0, i.isProcessing || t(y);
   };
@@ -101,7 +101,7 @@ function Fs(t, e) {
       r[It[b]].cancel(p);
   }, state: i, steps: r };
 }
-const K = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: M, cancel: Z, state: E, steps: se } = /* @__PURE__ */ Fs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0), Os = pt({ strict: !1 }), Tn = {
+const K = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: D, cancel: Z, state: E, steps: ne } = /* @__PURE__ */ Bs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0), Os = pt({ strict: !1 }), Tn = {
   animation: [
     "animate",
     "variants",
@@ -125,14 +125,14 @@ for (const t in Tn)
   dt[t] = {
     isEnabled: (e) => Tn[t].some((n) => !!e[n])
   };
-function Pr(t) {
+function Tr(t) {
   for (const e in t)
     dt[e] = {
       ...dt[e],
       ...t[e]
     };
 }
-const Sr = /* @__PURE__ */ new Set([
+const xr = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -165,17 +165,17 @@ const Sr = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function Gt(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Sr.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || xr.has(t);
 }
 let Is = (t) => !Gt(t);
-function br(t) {
+function Pr(t) {
   t && (Is = (e) => e.startsWith("on") ? !Gt(e) : t(e));
 }
 try {
-  br(require("@emotion/is-prop-valid").default);
+  Pr(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function wr(t, e, n) {
+function Sr(t, e, n) {
   const s = {};
   for (const i in t)
     i === "values" && typeof t.values == "object" || (Is(i) || n === !0 && Gt(i) || !e && !Gt(i) || // If trying to use native HTML drag events, forward drag listeners
@@ -186,7 +186,7 @@ const xn = /* @__PURE__ */ new Set();
 function Ne(t, e, n) {
   t || xn.has(e) || (console.warn(e), xn.add(e));
 }
-function Ar(t) {
+function br(t) {
   if (typeof Proxy > "u")
     return t;
   const e = /* @__PURE__ */ new Map(), n = (...s) => (process.env.NODE_ENV !== "production" && Ne(!1, "motion() is deprecated. Use motion.create() instead."), t(...s));
@@ -199,8 +199,8 @@ function Ar(t) {
     get: (s, i) => i === "create" ? t : (e.has(i) || e.set(i, t(i)), e.get(i))
   });
 }
-const Jt = /* @__PURE__ */ pt({});
-function Qt(t) {
+const Zt = /* @__PURE__ */ pt({});
+function Jt(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
 function Vt(t) {
@@ -215,14 +215,14 @@ const Ue = [
   "whileDrag",
   "exit"
 ], Ke = ["initial", ...Ue];
-function te(t) {
-  return Qt(t.animate) || Ke.some((e) => Vt(t[e]));
+function Qt(t) {
+  return Jt(t.animate) || Ke.some((e) => Vt(t[e]));
 }
 function js(t) {
-  return !!(te(t) || t.variants);
+  return !!(Qt(t) || t.variants);
 }
-function Vr(t, e) {
-  if (te(t)) {
+function wr(t, e) {
+  if (Qt(t)) {
     const { initial: n, animate: s } = t;
     return {
       initial: n === !1 || Vt(n) ? n : void 0,
@@ -231,18 +231,18 @@ function Vr(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function Mr(t) {
-  const { initial: e, animate: n } = Vr(t, O(Jt));
-  return Zt(() => ({ initial: e, animate: n }), [Pn(e), Pn(n)]);
+function Ar(t) {
+  const { initial: e, animate: n } = wr(t, O(Zt));
+  return qt(() => ({ initial: e, animate: n }), [Pn(e), Pn(n)]);
 }
 function Pn(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Dr = Symbol.for("motionComponentSymbol");
+const Vr = Symbol.for("motionComponentSymbol");
 function at(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Cr(t, e, n) {
+function Dr(t, e, n) {
   return Rs(
     (s) => {
       s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : at(n) && (n.current = s));
@@ -255,9 +255,9 @@ function Cr(t, e, n) {
     [e]
   );
 }
-const We = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Er = "framerAppearId", Ns = "data-" + We(Er), Us = pt({}), { schedule: $e } = /* @__PURE__ */ Fs(queueMicrotask, !1);
-function Rr(t, e, n, s, i) {
-  const { visualElement: o } = O(Jt), r = O(Os), a = O(je), l = O(Bs).reducedMotion, c = Ut(null);
+const $e = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Mr = "framerAppearId", Ns = "data-" + $e(Mr), Us = pt({}), { schedule: We } = /* @__PURE__ */ Bs(queueMicrotask, !1);
+function Cr(t, e, n, s, i) {
+  const { visualElement: o } = O(Zt), r = O(Os), a = O(je), l = O(Fs).reducedMotion, c = Ut(null);
   s = s || r.renderer, !c.current && s && (c.current = s(t, {
     visualState: e,
     parent: o,
@@ -267,21 +267,21 @@ function Rr(t, e, n, s, i) {
     reducedMotionConfig: l
   }));
   const u = c.current, h = O(Us);
-  u && !u.projection && i && (u.type === "html" || u.type === "svg") && Lr(c.current, n, i, h);
+  u && !u.projection && i && (u.type === "html" || u.type === "svg") && Er(c.current, n, i, h);
   const f = Ut(!1);
-  hr(() => {
+  cr(() => {
     u && f.current && u.update(n, a);
   });
   const d = n[Ns], m = Ut(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
-  return yr(() => {
-    u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), $e.render(u.render), m.current && u.animationState && u.animationState.animateChanges());
-  }), qt(() => {
+  return pr(() => {
+    u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), We.render(u.render), m.current && u.animationState && u.animationState.animateChanges());
+  }), Oe(() => {
     u && (!m.current && u.animationState && u.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(d);
     }), m.current = !1));
   }), u;
 }
-function Lr(t, e, n, s) {
+function Er(t, e, n, s) {
   const { layoutId: i, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: c, layoutCrossfade: u } = e;
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Ks(t.parent)), t.projection.setOptions({
     layoutId: i,
@@ -315,38 +315,38 @@ process.env.NODE_ENV !== "production" && (gt = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-function kr({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
-  t && Pr(t);
+function Rr({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
+  t && Tr(t);
   function o(a, l) {
     let c;
     const u = {
-      ...O(Bs),
+      ...O(Fs),
       ...a,
-      layoutId: Br(a)
-    }, { isStatic: h } = u, f = Mr(a), d = s(a, h);
+      layoutId: Lr(a)
+    }, { isStatic: h } = u, f = Ar(a), d = s(a, h);
     if (!h && Ie) {
-      Fr(u, t);
-      const m = Or(u);
-      c = m.MeasureLayout, f.visualElement = Rr(i, d, u, e, m.ProjectionNode);
+      kr(u, t);
+      const m = Fr(u);
+      c = m.MeasureLayout, f.visualElement = Cr(i, d, u, e, m.ProjectionNode);
     }
-    return ge.jsxs(Jt.Provider, { value: f, children: [c && f.visualElement ? ge.jsx(c, { visualElement: f.visualElement, ...u }) : null, n(i, a, Cr(d, f.visualElement, l), d, h, f.visualElement)] });
+    return pe.jsxs(Zt.Provider, { value: f, children: [c && f.visualElement ? pe.jsx(c, { visualElement: f.visualElement, ...u }) : null, n(i, a, Dr(d, f.visualElement, l), d, h, f.visualElement)] });
   }
   o.displayName = `motion.${typeof i == "string" ? i : `create(${i.displayName ?? i.name ?? ""})`}`;
-  const r = fr(o);
-  return r[Dr] = i, r;
+  const r = hr(o);
+  return r[Vr] = i, r;
 }
-function Br({ layoutId: t }) {
+function Lr({ layoutId: t }) {
   const e = O(ks).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function Fr(t, e) {
+function kr(t, e) {
   const n = O(Os).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? gt(!1, s) : Y(!1, s);
   }
 }
-function Or(t) {
+function Fr(t) {
   const { drag: e, layout: n } = dt;
   if (!e && !n)
     return {};
@@ -356,10 +356,10 @@ function Or(t) {
     ProjectionNode: s.ProjectionNode
   };
 }
-const Ws = (t) => (e) => typeof e == "string" && e.startsWith(t), _e = /* @__PURE__ */ Ws("--"), Ir = /* @__PURE__ */ Ws("var(--"), Ge = (t) => Ir(t) ? jr.test(t.split("/*")[0].trim()) : !1, jr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Mt = {};
-function Nr(t) {
+const $s = (t) => (e) => typeof e == "string" && e.startsWith(t), _e = /* @__PURE__ */ $s("--"), Br = /* @__PURE__ */ $s("var(--"), Ge = (t) => Br(t) ? Or.test(t.split("/*")[0].trim()) : !1, Or = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Dt = {};
+function Ir(t) {
   for (const e in t)
-    Mt[e] = t[e], _e(e) && (Mt[e].isCSSVariable = !0);
+    Dt[e] = t[e], _e(e) && (Dt[e].isCSSVariable = !0);
 }
 const yt = [
   "transformPerspective",
@@ -380,14 +380,14 @@ const yt = [
   "skewX",
   "skewY"
 ], vt = new Set(yt);
-function $s(t, { layout: e, layoutId: n }) {
-  return vt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Mt[t] || t === "opacity");
+function Ws(t, { layout: e, layoutId: n }) {
+  return vt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Dt[t] || t === "opacity");
 }
 const _s = (t, e) => e && typeof t == "number" ? e.transform(t) : t, X = (t, e, n) => n > e ? e : n < t ? t : n, Tt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, Dt = {
+}, Mt = {
   ...Tt,
   transform: (t) => X(0, 1, t)
 }, jt = {
@@ -400,11 +400,11 @@ const _s = (t, e) => e && typeof t == "number" ? e.transform(t) : t, X = (t, e,
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), q = /* @__PURE__ */ kt("deg"), _ = /* @__PURE__ */ kt("%"), T = /* @__PURE__ */ kt("px"), Ur = /* @__PURE__ */ kt("vh"), Kr = /* @__PURE__ */ kt("vw"), bn = {
+}), q = /* @__PURE__ */ kt("deg"), _ = /* @__PURE__ */ kt("%"), T = /* @__PURE__ */ kt("px"), jr = /* @__PURE__ */ kt("vh"), Nr = /* @__PURE__ */ kt("vw"), bn = {
   ..._,
   parse: (t) => _.parse(t) / 100,
   transform: (t) => _.transform(t * 100)
-}, Wr = {
+}, Ur = {
   rotate: q,
   rotateX: q,
   rotateY: q,
@@ -425,7 +425,7 @@ const _s = (t, e) => e && typeof t == "number" ? e.transform(t) : t, X = (t, e,
   z: T,
   perspective: T,
   transformPerspective: T,
-  opacity: Dt,
+  opacity: Mt,
   originX: bn,
   originY: bn,
   originZ: T
@@ -465,21 +465,21 @@ const _s = (t, e) => e && typeof t == "number" ? e.transform(t) : t, X = (t, e,
   // Misc
   backgroundPositionX: T,
   backgroundPositionY: T,
-  ...Wr,
+  ...Ur,
   zIndex: Sn,
   // SVG
-  fillOpacity: Dt,
-  strokeOpacity: Dt,
+  fillOpacity: Mt,
+  strokeOpacity: Mt,
   numOctaves: Sn
-}, $r = {
+}, Kr = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, _r = yt.length;
-function Gr(t, e, n) {
+}, $r = yt.length;
+function Wr(t, e, n) {
   let s = "", i = !0;
-  for (let o = 0; o < _r; o++) {
+  for (let o = 0; o < $r; o++) {
     const r = yt[o], a = t[r];
     if (a === void 0)
       continue;
@@ -488,7 +488,7 @@ function Gr(t, e, n) {
       const c = _s(a, He[r]);
       if (!l) {
         i = !1;
-        const u = $r[r] || r;
+        const u = Kr[r] || r;
         s += `${u}(${c}) `;
       }
       n && (e[r] = c);
@@ -512,7 +512,7 @@ function ze(t, e, n) {
       l.startsWith("origin") ? (a = !0, o[l] = u) : s[l] = u;
     }
   }
-  if (e.transform || (r || n ? s.transform = Gr(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (e.transform || (r || n ? s.transform = Wr(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
     s.transformOrigin = `${l} ${c} ${u}`;
   }
@@ -525,32 +525,32 @@ const Ye = () => ({
 }), L = (t) => !!(t && t.getVelocity);
 function Gs(t, e, n) {
   for (const s in e)
-    !L(e[s]) && !$s(s, n) && (t[s] = e[s]);
+    !L(e[s]) && !Ws(s, n) && (t[s] = e[s]);
 }
-function Hr({ transformTemplate: t }, e) {
-  return Zt(() => {
+function _r({ transformTemplate: t }, e) {
+  return qt(() => {
     const n = Ye();
     return ze(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function zr(t, e) {
+function Gr(t, e) {
   const n = t.style || {}, s = {};
-  return Gs(s, n, t), Object.assign(s, Hr(t, e)), s;
+  return Gs(s, n, t), Object.assign(s, _r(t, e)), s;
 }
-function Yr(t, e) {
-  const n = {}, s = zr(t, e);
+function Hr(t, e) {
+  const n = {}, s = Gr(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const Xr = {
+const zr = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, qr = {
+}, Yr = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Zr(t, e, n = 1, s = 0, i = !0) {
+function Xr(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
-  const o = i ? Xr : qr;
+  const o = i ? zr : Yr;
   t[o.offset] = T.transform(-s);
   const r = T.transform(e), a = T.transform(n);
   t[o.array] = `${r} ${a}`;
@@ -571,14 +571,14 @@ function Hs(t, {
   }
   t.attrs = t.style, t.style = {};
   const { attrs: h, style: f } = t;
-  h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && Zr(h, i, o, r, !1);
+  h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && Xr(h, i, o, r, !1);
 }
 const zs = () => ({
   ...Ye(),
   attrs: {}
 }), Ys = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Jr(t, e, n, s) {
-  const i = Zt(() => {
+function qr(t, e, n, s) {
+  const i = qt(() => {
     const o = zs();
     return Hs(o, e, Ys(s), t.transformTemplate, t.style), {
       ...o.attrs,
@@ -591,7 +591,7 @@ function Jr(t, e, n, s) {
   }
   return i;
 }
-const Qr = [
+const Zr = [
   "animate",
   "circle",
   "defs",
@@ -631,17 +631,17 @@ function Xe(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Qr.indexOf(t) > -1 || /**
+      !!(Zr.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
     )
   );
 }
-function to(t = !1) {
+function Jr(t = !1) {
   return (n, s, i, { latestValues: o }, r) => {
-    const l = (Xe(n) ? Jr : Yr)(s, o, r, n), c = wr(s, typeof n == "string", t), u = n !== Ls ? { ...c, ...l, ref: i } : {}, { children: h } = s, f = Zt(() => L(h) ? h.get() : h, [h]);
-    return dr(n, {
+    const l = (Xe(n) ? qr : Hr)(s, o, r, n), c = Sr(s, typeof n == "string", t), u = n !== Ls ? { ...c, ...l, ref: i } : {}, { children: h } = s, f = qt(() => L(h) ? h.get() : h, [h]);
+    return fr(n, {
       ...u,
       children: f
     });
@@ -667,27 +667,27 @@ function qe(t, e, n, s) {
 function Kt(t) {
   return L(t) ? t.get() : t;
 }
-function eo({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
+function Qr({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
-    latestValues: no(n, s, i, t),
+    latestValues: to(n, s, i, t),
     renderState: e()
   };
 }
 const Xs = (t) => (e, n) => {
-  const s = O(Jt), i = O(je), o = () => eo(t, e, s, i);
-  return n ? o() : gr(o);
+  const s = O(Zt), i = O(je), o = () => Qr(t, e, s, i);
+  return n ? o() : mr(o);
 };
-function no(t, e, n, s) {
+function to(t, e, n, s) {
   const i = {}, o = s(t, {});
   for (const f in o)
     i[f] = Kt(o[f]);
   let { initial: r, animate: a } = t;
-  const l = te(t), c = js(t);
+  const l = Qt(t), c = js(t);
   e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || r === !1;
   const h = u ? a : r;
-  if (h && typeof h != "boolean" && !Qt(h)) {
+  if (h && typeof h != "boolean" && !Jt(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let d = 0; d < f.length; d++) {
       const m = qe(t, f[d]);
@@ -711,10 +711,10 @@ function no(t, e, n, s) {
 function Ze(t, e, n) {
   const { style: s } = t, i = {};
   for (const o in s)
-    (L(s[o]) || e.style && L(e.style[o]) || $s(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (i[o] = s[o]);
+    (L(s[o]) || e.style && L(e.style[o]) || Ws(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (i[o] = s[o]);
   return i;
 }
-const so = {
+const eo = {
   useVisualState: Xs({
     scrapeMotionValuesFromProps: Ze,
     createRenderState: Ye
@@ -729,37 +729,37 @@ function qs(t, e, n) {
     }
   return s;
 }
-const io = {
+const no = {
   useVisualState: Xs({
     scrapeMotionValuesFromProps: qs,
     createRenderState: zs
   })
 };
-function ro(t, e) {
+function so(t, e) {
   return function(s, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
     const r = {
-      ...Xe(s) ? io : so,
+      ...Xe(s) ? no : eo,
       preloadedFeatures: t,
-      useRender: to(i),
+      useRender: Jr(i),
       createVisualElement: e,
       Component: s
     };
-    return kr(r);
+    return Rr(r);
   };
 }
 function Ct(t, e, n) {
   const s = t.getProps();
   return qe(s, e, n !== void 0 ? n : s.custom, t);
 }
-const ye = (t) => Array.isArray(t);
-let Wt;
-function oo() {
-  Wt = void 0;
+const ge = (t) => Array.isArray(t);
+let $t;
+function io() {
+  $t = void 0;
 }
 const I = {
-  now: () => (Wt === void 0 && I.set(E.isProcessing || z.useManualTiming ? E.timestamp : performance.now()), Wt),
+  now: () => ($t === void 0 && I.set(E.isProcessing || z.useManualTiming ? E.timestamp : performance.now()), $t),
   set: (t) => {
-    Wt = t, queueMicrotask(oo);
+    $t = t, queueMicrotask(io);
   }
 };
 function Je(t, e) {
@@ -797,8 +797,8 @@ class tn {
 function Zs(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const An = 30, ao = (t) => !isNaN(parseFloat(t));
-class lo {
+const An = 30, ro = (t) => !isNaN(parseFloat(t));
+class oo {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -815,7 +815,7 @@ class lo {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = I.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ao(this.current));
+    this.current = e, this.updatedAt = I.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ro(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -867,7 +867,7 @@ class lo {
     this.events[e] || (this.events[e] = new tn());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
-      s(), M.read(() => {
+      s(), D.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -999,29 +999,29 @@ class lo {
   }
 }
 function mt(t, e) {
-  return new lo(t, e);
+  return new oo(t, e);
 }
-function uo(t, e, n) {
+function ao(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, mt(n));
 }
-function co(t) {
-  return ye(t) ? t[t.length - 1] || 0 : t;
+function lo(t) {
+  return ge(t) ? t[t.length - 1] || 0 : t;
 }
-function ho(t, e) {
+function uo(t, e) {
   const n = Ct(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...o } = n || {};
   o = { ...o, ...s };
   for (const r in o) {
-    const a = co(o[r]);
-    uo(t, r, a);
+    const a = lo(o[r]);
+    ao(t, r, a);
   }
 }
-function fo(t) {
+function co(t) {
   return !!(L(t) && t.add);
 }
-function ve(t, e) {
+function ye(t, e) {
   const n = t.getValue("willChange");
-  if (fo(n))
+  if (co(n))
     return n.add(e);
   if (!n && z.WillChange) {
     const s = new z.WillChange("auto");
@@ -1031,40 +1031,40 @@ function ve(t, e) {
 function Js(t) {
   return t.props[Ns];
 }
-const mo = (t) => t !== null;
-function po(t, { repeat: e, repeatType: n = "loop" }, s) {
-  const i = t.filter(mo), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+const ho = (t) => t !== null;
+function fo(t, { repeat: e, repeatType: n = "loop" }, s) {
+  const i = t.filter(ho), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[o];
 }
-const go = {
+const mo = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, yo = (t) => ({
+}, po = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), vo = {
+}), go = {
   type: "keyframes",
   duration: 0.8
-}, To = {
+}, yo = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, xo = (t, { keyframes: e }) => e.length > 2 ? vo : vt.has(t) ? t.startsWith("scale") ? yo(e[1]) : go : To;
-function Po({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
+}, vo = (t, { keyframes: e }) => e.length > 2 ? go : vt.has(t) ? t.startsWith("scale") ? po(e[1]) : mo : yo;
+function To({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
 function en(t, e) {
   return t?.[e] ?? t?.default ?? t;
 }
-const $ = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, G = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, St = (t) => Math.round(t * 1e5) / 1e5, nn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function So(t) {
+const W = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, G = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, St = (t) => Math.round(t * 1e5) / 1e5, nn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function xo(t) {
   return t == null;
 }
-const bo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, sn = (t, e) => (n) => !!(typeof n == "string" && bo.test(n) && n.startsWith(t) || e && !So(n) && Object.prototype.hasOwnProperty.call(n, e)), Qs = (t, e, n) => (s) => {
+const Po = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, sn = (t, e) => (n) => !!(typeof n == "string" && Po.test(n) && n.startsWith(t) || e && !xo(n) && Object.prototype.hasOwnProperty.call(n, e)), Qs = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, o, r, a] = s.match(nn);
@@ -1074,15 +1074,15 @@ const bo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, wo = (t) => X(0, 255, t), ie = {
+}, So = (t) => X(0, 255, t), se = {
   ...Tt,
-  transform: (t) => Math.round(wo(t))
+  transform: (t) => Math.round(So(t))
 }, nt = {
   test: /* @__PURE__ */ sn("rgb", "red"),
   parse: /* @__PURE__ */ Qs("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + ie.transform(t) + ", " + ie.transform(e) + ", " + ie.transform(n) + ", " + St(Dt.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + se.transform(t) + ", " + se.transform(e) + ", " + se.transform(n) + ", " + St(Mt.transform(s)) + ")"
 };
-function Ao(t) {
+function bo(t) {
   let e = "", n = "", s = "", i = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), s = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), s = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, s += s, i += i), {
     red: parseInt(e, 16),
@@ -1091,23 +1091,23 @@ function Ao(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Te = {
+const ve = {
   test: /* @__PURE__ */ sn("#"),
-  parse: Ao,
+  parse: bo,
   transform: nt.transform
 }, lt = {
   test: /* @__PURE__ */ sn("hsl", "hue"),
   parse: /* @__PURE__ */ Qs("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + _.transform(St(e)) + ", " + _.transform(St(n)) + ", " + St(Dt.transform(s)) + ")"
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + _.transform(St(e)) + ", " + _.transform(St(n)) + ", " + St(Mt.transform(s)) + ")"
 }, R = {
-  test: (t) => nt.test(t) || Te.test(t) || lt.test(t),
-  parse: (t) => nt.test(t) ? nt.parse(t) : lt.test(t) ? lt.parse(t) : Te.parse(t),
+  test: (t) => nt.test(t) || ve.test(t) || lt.test(t),
+  parse: (t) => nt.test(t) ? nt.parse(t) : lt.test(t) ? lt.parse(t) : ve.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? nt.transform(t) : lt.transform(t)
-}, Vo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Mo(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(nn)?.length || 0) + (t.match(Vo)?.length || 0) > 0;
+}, wo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Ao(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(nn)?.length || 0) + (t.match(wo)?.length || 0) > 0;
 }
-const ti = "number", ei = "color", Do = "var", Co = "var(", Vn = "${}", Eo = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const ti = "number", ei = "color", Vo = "var", Do = "var(", Vn = "${}", Mo = /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 Et(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -1115,7 +1115,7 @@ function Et(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(Eo, (l) => (R.test(l) ? (s.color.push(o), i.push(ei), n.push(R.parse(l))) : l.startsWith(Co) ? (s.var.push(o), i.push(Do), n.push(l)) : (s.number.push(o), i.push(ti), n.push(parseFloat(l))), ++o, Vn)).split(Vn);
+  const a = e.replace(Mo, (l) => (R.test(l) ? (s.color.push(o), i.push(ei), n.push(R.parse(l))) : l.startsWith(Do) ? (s.var.push(o), i.push(Vo), n.push(l)) : (s.number.push(o), i.push(ti), n.push(parseFloat(l))), ++o, Vn)).split(Vn);
   return { values: n, split: a, indexes: s, types: i };
 }
 function ni(t) {
@@ -1133,28 +1133,28 @@ function si(t) {
     return o;
   };
 }
-const Ro = (t) => typeof t == "number" ? 0 : t;
-function Lo(t) {
+const Co = (t) => typeof t == "number" ? 0 : t;
+function Eo(t) {
   const e = ni(t);
-  return si(t)(e.map(Ro));
+  return si(t)(e.map(Co));
 }
 const J = {
-  test: Mo,
+  test: Ao,
   parse: ni,
   createTransformer: si,
-  getAnimatableNone: Lo
+  getAnimatableNone: Eo
 };
-function re(t, e, n) {
+function ie(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function ko({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function Ro({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, o = 0, r = 0;
   if (!e)
     i = o = r = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    i = re(l, a, t + 1 / 3), o = re(l, a, t), r = re(l, a, t - 1 / 3);
+    i = ie(l, a, t + 1 / 3), o = ie(l, a, t), r = ie(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -1166,33 +1166,33 @@ function ko({ hue: t, saturation: e, lightness: n, alpha: s }) {
 function Ht(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const V = (t, e, n) => t + (e - t) * n, oe = (t, e, n) => {
+const V = (t, e, n) => t + (e - t) * n, re = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Bo = [Te, nt, lt], Fo = (t) => Bo.find((e) => e.test(t));
-function Mn(t) {
-  const e = Fo(t);
+}, Lo = [ve, nt, lt], ko = (t) => Lo.find((e) => e.test(t));
+function Dn(t) {
+  const e = ko(t);
   if (gt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let n = e.parse(t);
-  return e === lt && (n = ko(n)), n;
+  return e === lt && (n = Ro(n)), n;
 }
-const Dn = (t, e) => {
-  const n = Mn(t), s = Mn(e);
+const Mn = (t, e) => {
+  const n = Dn(t), s = Dn(e);
   if (!n || !s)
     return Ht(t, e);
   const i = { ...n };
-  return (o) => (i.red = oe(n.red, s.red, o), i.green = oe(n.green, s.green, o), i.blue = oe(n.blue, s.blue, o), i.alpha = V(n.alpha, s.alpha, o), nt.transform(i));
-}, xe = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Oo(t, e) {
-  return xe.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return (o) => (i.red = re(n.red, s.red, o), i.green = re(n.green, s.green, o), i.blue = re(n.blue, s.blue, o), i.alpha = V(n.alpha, s.alpha, o), nt.transform(i));
+}, Te = /* @__PURE__ */ new Set(["none", "hidden"]);
+function Fo(t, e) {
+  return Te.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-const Io = (t, e) => (n) => e(t(n)), Bt = (...t) => t.reduce(Io);
-function jo(t, e) {
+const Bo = (t, e) => (n) => e(t(n)), Ft = (...t) => t.reduce(Bo);
+function Oo(t, e) {
   return (n) => V(t, e, n);
 }
 function rn(t) {
-  return typeof t == "number" ? jo : typeof t == "string" ? Ge(t) ? Ht : R.test(t) ? Dn : Ko : Array.isArray(t) ? ii : typeof t == "object" ? R.test(t) ? Dn : No : Ht;
+  return typeof t == "number" ? Oo : typeof t == "string" ? Ge(t) ? Ht : R.test(t) ? Mn : No : Array.isArray(t) ? ii : typeof t == "object" ? R.test(t) ? Mn : Io : Ht;
 }
 function ii(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => rn(o)(o, e[r]));
@@ -1202,7 +1202,7 @@ function ii(t, e) {
     return n;
   };
 }
-function No(t, e) {
+function Io(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
     t[i] !== void 0 && e[i] !== void 0 && (s[i] = rn(t[i])(t[i], e[i]));
@@ -1212,7 +1212,7 @@ function No(t, e) {
     return n;
   };
 }
-function Uo(t, e) {
+function jo(t, e) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < e.values.length; i++) {
     const o = e.types[i], r = t.indexes[o][s[o]], a = t.values[r] ?? 0;
@@ -1220,17 +1220,17 @@ function Uo(t, e) {
   }
   return n;
 }
-const Ko = (t, e) => {
+const No = (t, e) => {
   const n = J.createTransformer(e), s = Et(t), i = Et(e);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? xe.has(t) && !i.values.length || xe.has(e) && !s.values.length ? Oo(t, e) : Bt(ii(Uo(s, i), i.values), n) : (gt(!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.`), Ht(t, e));
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Te.has(t) && !i.values.length || Te.has(e) && !s.values.length ? Fo(t, e) : Ft(ii(jo(s, i), i.values), n) : (gt(!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.`), Ht(t, e));
 };
 function ri(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? V(t, e, n) : rn(t)(t, e);
 }
-const Wo = (t) => {
+const Uo = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
-    start: (n = !0) => M.update(e, n),
+    start: (n = !0) => D.update(e, n),
     stop: () => Z(e),
     /**
      * If we're processing this frame we can use the
@@ -1253,7 +1253,7 @@ function on(t) {
     e += n, s = t.next(e);
   return e >= zt ? 1 / 0 : e;
 }
-function $o(t, e = 100, n) {
+function Ko(t, e = 100, n) {
   const s = n({ ...t, keyframes: [0, e] }), i = Math.min(on(s), zt);
   return {
     type: "keyframes",
@@ -1261,9 +1261,9 @@ function $o(t, e = 100, n) {
     duration: /* @__PURE__ */ G(i)
   };
 }
-const _o = 5;
+const $o = 5;
 function ai(t, e, n) {
-  const s = Math.max(e - _o, 0);
+  const s = Math.max(e - $o, 0);
   return Zs(n - t(s), e - s);
 }
 const A = {
@@ -1294,26 +1294,26 @@ const A = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, ae = 1e-3;
-function Go({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
+}, oe = 1e-3;
+function Wo({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
   let i, o;
-  gt(t <= /* @__PURE__ */ $(A.maxDuration), "Spring duration must be 10 seconds or less");
+  gt(t <= /* @__PURE__ */ W(A.maxDuration), "Spring duration must be 10 seconds or less");
   let r = 1 - e;
   r = X(A.minDamping, A.maxDamping, r), t = X(A.minDuration, A.maxDuration, /* @__PURE__ */ G(t)), r < 1 ? (i = (c) => {
-    const u = c * r, h = u * t, f = u - n, d = Pe(c, r), m = Math.exp(-h);
-    return ae - f / d * m;
+    const u = c * r, h = u * t, f = u - n, d = xe(c, r), m = Math.exp(-h);
+    return oe - f / d * m;
   }, o = (c) => {
-    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), y = Pe(Math.pow(c, 2), r);
-    return (-i(c) + ae > 0 ? -1 : 1) * ((f - d) * m) / y;
+    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), y = xe(Math.pow(c, 2), r);
+    return (-i(c) + oe > 0 ? -1 : 1) * ((f - d) * m) / y;
   }) : (i = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
-    return -ae + u * h;
+    return -oe + u * h;
   }, o = (c) => {
     const u = Math.exp(-c * t), h = (n - c) * (t * t);
     return u * h;
   });
-  const a = 5 / t, l = zo(i, o, a);
-  if (t = /* @__PURE__ */ $(t), isNaN(l))
+  const a = 5 / t, l = Go(i, o, a);
+  if (t = /* @__PURE__ */ W(t), isNaN(l))
     return {
       stiffness: A.stiffness,
       damping: A.damping,
@@ -1328,21 +1328,21 @@ function Go({ duration: t = A.duration, bounce: e = A.bounce, velocity: n = A.ve
     };
   }
 }
-const Ho = 12;
-function zo(t, e, n) {
+const _o = 12;
+function Go(t, e, n) {
   let s = n;
-  for (let i = 1; i < Ho; i++)
+  for (let i = 1; i < _o; i++)
     s = s - t(s) / e(s);
   return s;
 }
-function Pe(t, e) {
+function xe(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Yo = ["duration", "bounce"], Xo = ["stiffness", "damping", "mass"];
+const Ho = ["duration", "bounce"], zo = ["stiffness", "damping", "mass"];
 function Cn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function qo(t) {
+function Yo(t) {
   let e = {
     velocity: A.velocity,
     stiffness: A.stiffness,
@@ -1351,7 +1351,7 @@ function qo(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Cn(t, Xo) && Cn(t, Yo))
+  if (!Cn(t, zo) && Cn(t, Ho))
     if (t.visualDuration) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * X(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
@@ -1361,7 +1361,7 @@ function qo(t) {
         damping: o
       };
     } else {
-      const n = Go(t);
+      const n = Wo(t);
       e = {
         ...e,
         ...n,
@@ -1377,14 +1377,14 @@ function Yt(t = A.visualDuration, e = A.bounce) {
     bounce: e
   } : t;
   let { restSpeed: s, restDelta: i } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = qo({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = Yo({
     ...n,
     velocity: -/* @__PURE__ */ G(n.velocity || 0)
   }), m = f || 0, y = c / (2 * Math.sqrt(l * u)), v = r - o, g = /* @__PURE__ */ G(Math.sqrt(l / u)), P = Math.abs(v) < 5;
   s || (s = P ? A.restSpeed.granular : A.restSpeed.default), i || (i = P ? A.restDelta.granular : A.restDelta.default);
   let p;
   if (y < 1) {
-    const x = Pe(g, y);
+    const x = xe(g, y);
     p = (w) => {
       const C = Math.exp(-y * g * w);
       return r - C * ((m + y * g * v) / x * Math.sin(x * w) + v * Math.cos(x * w));
@@ -1406,9 +1406,9 @@ function Yt(t = A.visualDuration, e = A.bounce) {
         a.done = x >= h;
       else {
         let C = x === 0 ? m : 0;
-        y < 1 && (C = x === 0 ? /* @__PURE__ */ $(m) : ai(p, x, w));
-        const S = Math.abs(C) <= s, F = Math.abs(r - w) <= i;
-        a.done = S && F;
+        y < 1 && (C = x === 0 ? /* @__PURE__ */ W(m) : ai(p, x, w));
+        const S = Math.abs(C) <= s, B = Math.abs(r - w) <= i;
+        a.done = S && B;
       }
       return a.value = a.done ? r : w, a;
     },
@@ -1422,10 +1422,10 @@ function Yt(t = A.visualDuration, e = A.bounce) {
   return b;
 }
 Yt.applyToOptions = (t) => {
-  const e = $o(t, 100, Yt);
-  return t.ease = e.ease, t.duration = /* @__PURE__ */ $(e.duration), t.type = "keyframes", t;
+  const e = Ko(t, 100, Yt);
+  return t.ease = e.ease, t.duration = /* @__PURE__ */ W(e.duration), t.type = "keyframes", t;
 };
-function Se({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
+function Pe({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
   const h = t[0], f = {
     done: !1,
     value: h
@@ -1434,8 +1434,8 @@ function Se({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   const v = h + y, g = r === void 0 ? v : r(v);
   g !== v && (y = g - h);
   const P = (S) => -y * Math.exp(-S / s), p = (S) => g + P(S), b = (S) => {
-    const F = P(S), j = p(S);
-    f.done = Math.abs(F) <= c, f.value = f.done ? g : j;
+    const B = P(S), j = p(S);
+    f.done = Math.abs(B) <= c, f.value = f.done ? g : j;
   };
   let x, w;
   const C = (S) => {
@@ -1452,8 +1452,8 @@ function Se({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   return C(0), {
     calculatedDuration: null,
     next: (S) => {
-      let F = !1;
-      return !w && x === void 0 && (F = !0, b(S), C(S)), x !== void 0 && S >= x ? w.next(S - x) : (!F && b(S), f);
+      let B = !1;
+      return !w && x === void 0 && (B = !0, b(S), C(S)), x !== void 0 && S >= x ? w.next(S - x) : (!B && b(S), f);
     }
   };
 }
@@ -1461,19 +1461,19 @@ const Rt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
-function Zo(t, e, n) {
+function Xo(t, e, n) {
   const s = [], i = n || z.mix || ri, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = i(t[r], t[r + 1]);
     if (e) {
       const l = Array.isArray(e) ? e[r] || K : e;
-      a = Bt(l, a);
+      a = Ft(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function Jo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function qo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const o = t.length;
   if (Y(o === e.length, "Both input and output ranges must be the same length"), o === 1)
     return () => e[0];
@@ -1481,7 +1481,7 @@ function Jo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
     return () => e[1];
   const r = t[0] === t[1];
   t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Zo(e, s, i), l = a.length, c = (u) => {
+  const a = Xo(e, s, i), l = a.length, c = (u) => {
     if (r && u < t[0])
       return e[0];
     let h = 0;
@@ -1493,39 +1493,39 @@ function Jo(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   };
   return n ? (u) => c(X(t[0], t[o - 1], u)) : c;
 }
-function Qo(t, e) {
+function Zo(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = /* @__PURE__ */ Rt(0, e, s);
     t.push(V(n, 1, i));
   }
 }
-function ta(t) {
+function Jo(t) {
   const e = [0];
-  return Qo(e, t.length - 1), e;
+  return Zo(e, t.length - 1), e;
 }
-function ea(t, e) {
+function Qo(t, e) {
   return t.map((n) => n * e);
 }
-const li = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, na = 1e-7, sa = 12;
-function ia(t, e, n, s, i) {
+const li = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ta = 1e-7, ea = 12;
+function na(t, e, n, s, i) {
   let o, r, a = 0;
   do
     r = e + (n - e) / 2, o = li(r, s, i) - t, o > 0 ? n = r : e = r;
-  while (Math.abs(o) > na && ++a < sa);
+  while (Math.abs(o) > ta && ++a < ea);
   return r;
 }
-function Ft(t, e, n, s) {
+function Bt(t, e, n, s) {
   if (t === e && n === s)
     return K;
-  const i = (o) => ia(o, 0, 1, t, n);
+  const i = (o) => na(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : li(i(o), e, s);
 }
-const ra = /* @__PURE__ */ Ft(0.42, 0, 1, 1), oa = /* @__PURE__ */ Ft(0, 0, 0.58, 1), ui = /* @__PURE__ */ Ft(0.42, 0, 0.58, 1), aa = (t) => Array.isArray(t) && typeof t[0] != "number", ci = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, hi = (t) => (e) => 1 - t(1 - e), fi = /* @__PURE__ */ Ft(0.33, 1.53, 0.69, 0.99), an = /* @__PURE__ */ hi(fi), di = /* @__PURE__ */ ci(an), mi = (t) => (t *= 2) < 1 ? 0.5 * an(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ln = (t) => 1 - Math.sin(Math.acos(t)), pi = hi(ln), gi = ci(ln), yi = (t) => Array.isArray(t) && typeof t[0] == "number", En = {
+const sa = /* @__PURE__ */ Bt(0.42, 0, 1, 1), ia = /* @__PURE__ */ Bt(0, 0, 0.58, 1), ui = /* @__PURE__ */ Bt(0.42, 0, 0.58, 1), ra = (t) => Array.isArray(t) && typeof t[0] != "number", ci = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, hi = (t) => (e) => 1 - t(1 - e), fi = /* @__PURE__ */ Bt(0.33, 1.53, 0.69, 0.99), an = /* @__PURE__ */ hi(fi), di = /* @__PURE__ */ ci(an), mi = (t) => (t *= 2) < 1 ? 0.5 * an(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ln = (t) => 1 - Math.sin(Math.acos(t)), pi = hi(ln), gi = ci(ln), yi = (t) => Array.isArray(t) && typeof t[0] == "number", En = {
   linear: K,
-  easeIn: ra,
+  easeIn: sa,
   easeInOut: ui,
-  easeOut: oa,
+  easeOut: ia,
   circIn: ln,
   circInOut: gi,
   circOut: pi,
@@ -1533,49 +1533,49 @@ const ra = /* @__PURE__ */ Ft(0.42, 0, 1, 1), oa = /* @__PURE__ */ Ft(0, 0, 0.58
   backInOut: di,
   backOut: fi,
   anticipate: mi
-}, la = (t) => typeof t == "string", Rn = (t) => {
+}, oa = (t) => typeof t == "string", Rn = (t) => {
   if (yi(t)) {
     Y(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
-    return Ft(e, n, s, i);
-  } else if (la(t))
+    return Bt(e, n, s, i);
+  } else if (oa(t))
     return Y(En[t] !== void 0, `Invalid easing type '${t}'`), En[t];
   return t;
 };
-function ua(t, e) {
+function aa(t, e) {
   return t.map(() => e || ui).splice(0, t.length - 1);
 }
 function ut({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = aa(s) ? s.map(Rn) : Rn(s), o = {
+  const i = ra(s) ? s.map(Rn) : Rn(s), o = {
     done: !1,
     value: e[0]
-  }, r = ea(
+  }, r = Qo(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : ta(e),
+    n && n.length === e.length ? n : Jo(e),
     t
-  ), a = Jo(r, e, {
-    ease: Array.isArray(i) ? i : ua(e, i)
+  ), a = qo(r, e, {
+    ease: Array.isArray(i) ? i : aa(e, i)
   });
   return {
     calculatedDuration: t,
     next: (l) => (o.value = a(l), o.done = l >= t, o)
   };
 }
-const ca = (t) => t !== null;
+const la = (t) => t !== null;
 function un(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
-  const o = t.filter(ca), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
+  const o = t.filter(la), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || s === void 0 ? o[a] : s;
 }
-const ha = {
-  decay: Se,
-  inertia: Se,
+const ua = {
+  decay: Pe,
+  inertia: Pe,
   tween: ut,
   keyframes: ut,
   spring: Yt
 };
 function vi(t) {
-  typeof t.type == "string" && (t.type = ha[t.type]);
+  typeof t.type == "string" && (t.type = ua[t.type]);
 }
 class cn {
   constructor() {
@@ -1601,7 +1601,7 @@ class cn {
     return this.finished.then(e, n);
   }
 }
-const fa = (t) => t / 100;
+const ca = (t) => t / 100;
 class hn extends cn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = (n = !0) => {
@@ -1618,7 +1618,7 @@ class hn extends cn {
     const { type: n = ut, repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || ut;
-    process.env.NODE_ENV !== "production" && l !== ut && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), l !== ut && typeof a[0] != "number" && (this.mixKeyframes = Bt(fa, ri(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== ut && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), l !== ut && typeof a[0] != "number" && (this.mixKeyframes = Ft(ca, ri(a[0], a[1])), a = [0, 100]);
     const c = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -1643,15 +1643,15 @@ class hn extends cn {
     let p = this.currentTime, b = s;
     if (h) {
       const S = Math.min(this.currentTime, i) / a;
-      let F = Math.floor(S), j = S % 1;
-      !j && S >= 1 && (j = 1), j === 1 && F--, F = Math.min(F, h + 1), !!(F % 2) && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (b = r)), p = X(0, 1, j) * a;
+      let B = Math.floor(S), j = S % 1;
+      !j && S >= 1 && (j = 1), j === 1 && B--, B = Math.min(B, h + 1), !!(B % 2) && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (b = r)), p = X(0, 1, j) * a;
     }
     const x = P ? { done: !1, value: u[0] } : b.next(p);
     o && (x.value = o(x.value));
     let { done: w } = x;
     !P && l !== null && (w = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && w);
-    return C && m !== Se && (x.value = un(u, this.options, v, this.speed)), y && y(x.value), C && this.finish(), x;
+    return C && m !== Pe && (x.value = un(u, this.options, v, this.speed)), y && y(x.value), C && this.finish(), x;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1668,7 +1668,7 @@ class hn extends cn {
     return /* @__PURE__ */ G(this.currentTime);
   }
   set time(e) {
-    e = /* @__PURE__ */ $(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);
+    e = /* @__PURE__ */ W(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);
   }
   get speed() {
     return this.playbackSpeed;
@@ -1681,7 +1681,7 @@ class hn extends cn {
   play() {
     if (this.isStopped)
       return;
-    const { driver: e = Wo, startTime: n } = this.options;
+    const { driver: e = Uo, startTime: n } = this.options;
     this.driver || (this.driver = e((i) => this.tick(i))), this.options.onPlay?.();
     const s = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -1711,14 +1711,14 @@ class hn extends cn {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), e.observe(this);
   }
 }
-function da(t) {
+function ha(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const st = (t) => t * 180 / Math.PI, be = (t) => {
+const st = (t) => t * 180 / Math.PI, Se = (t) => {
   const e = st(Math.atan2(t[1], t[0]));
-  return we(e);
-}, ma = {
+  return be(e);
+}, fa = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1726,12 +1726,12 @@ const st = (t) => t * 180 / Math.PI, be = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: be,
-  rotateZ: be,
+  rotate: Se,
+  rotateZ: Se,
   skewX: (t) => st(Math.atan(t[1])),
   skewY: (t) => st(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, we = (t) => (t = t % 360, t < 0 && (t += 360), t), Ln = be, kn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Bn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), pa = {
+}, be = (t) => (t = t % 360, t < 0 && (t += 360), t), Ln = Se, kn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Fn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), da = {
   x: 12,
   y: 13,
   z: 14,
@@ -1739,46 +1739,46 @@ const st = (t) => t * 180 / Math.PI, be = (t) => {
   translateY: 13,
   translateZ: 14,
   scaleX: kn,
-  scaleY: Bn,
-  scale: (t) => (kn(t) + Bn(t)) / 2,
-  rotateX: (t) => we(st(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => we(st(Math.atan2(-t[2], t[0]))),
+  scaleY: Fn,
+  scale: (t) => (kn(t) + Fn(t)) / 2,
+  rotateX: (t) => be(st(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => be(st(Math.atan2(-t[2], t[0]))),
   rotateZ: Ln,
   rotate: Ln,
   skewX: (t) => st(Math.atan(t[4])),
   skewY: (t) => st(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function Ae(t) {
+function we(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function Ve(t, e) {
+function Ae(t, e) {
   if (!t || t === "none")
-    return Ae(e);
+    return we(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
-    s = pa, i = n;
+    s = da, i = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = ma, i = a;
+    s = fa, i = a;
   }
   if (!i)
-    return Ae(e);
-  const o = s[e], r = i[1].split(",").map(ya);
+    return we(e);
+  const o = s[e], r = i[1].split(",").map(pa);
   return typeof o == "function" ? o(r) : r[o];
 }
-const ga = (t, e) => {
+const ma = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return Ve(n, e);
+  return Ae(n, e);
 };
-function ya(t) {
+function pa(t) {
   return parseFloat(t.trim());
 }
-const Fn = (t) => t === Tt || t === T, va = /* @__PURE__ */ new Set(["x", "y", "z"]), Ta = yt.filter((t) => !va.has(t));
-function xa(t) {
+const Bn = (t) => t === Tt || t === T, ga = /* @__PURE__ */ new Set(["x", "y", "z"]), ya = yt.filter((t) => !ga.has(t));
+function va(t) {
   const e = [];
-  return Ta.forEach((n) => {
+  return ya.forEach((n) => {
     const s = t.getValue(n);
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -1792,18 +1792,18 @@ const it = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: (t, { transform: e }) => Ve(e, "x"),
-  y: (t, { transform: e }) => Ve(e, "y")
+  x: (t, { transform: e }) => Ae(e, "x"),
+  y: (t, { transform: e }) => Ae(e, "y")
 };
 it.translateX = it.x;
 it.translateY = it.y;
 const rt = /* @__PURE__ */ new Set();
-let Me = !1, De = !1, Ce = !1;
+let Ve = !1, De = !1, Me = !1;
 function Ti() {
   if (De) {
     const t = Array.from(rt).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
-      const i = xa(s);
+      const i = va(s);
       i.length && (n.set(s, i), s.render());
     }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
       s.render();
@@ -1815,22 +1815,22 @@ function Ti() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  De = !1, Me = !1, rt.forEach((t) => t.complete(Ce)), rt.clear();
+  De = !1, Ve = !1, rt.forEach((t) => t.complete(Me)), rt.clear();
 }
 function xi() {
   rt.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && (De = !0);
   });
 }
-function Pa() {
-  Ce = !0, xi(), Ti(), Ce = !1;
+function Ta() {
+  Me = !0, xi(), Ti(), Me = !1;
 }
 class fn {
   constructor(e, n, s, i, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (rt.add(this), Me || (Me = !0, M.read(xi), M.resolveKeyframes(Ti))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (rt.add(this), Ve || (Ve = !0, D.read(xi), D.resolveKeyframes(Ti))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -1844,7 +1844,7 @@ class fn {
       }
       e[0] === void 0 && (e[0] = r), i && o === void 0 && i.set(e[0]);
     }
-    da(e);
+    ha(e);
   }
   setFinalKeyframe() {
   }
@@ -1864,21 +1864,21 @@ class fn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Sa = (t) => t.startsWith("--");
-function ba(t, e, n) {
-  Sa(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const xa = (t) => t.startsWith("--");
+function Pa(t, e, n) {
+  xa(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
 // @__NO_SIDE_EFFECTS__
 function dn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const wa = /* @__PURE__ */ dn(() => window.ScrollTimeline !== void 0), Aa = {};
-function Va(t, e) {
+const Sa = /* @__PURE__ */ dn(() => window.ScrollTimeline !== void 0), ba = {};
+function wa(t, e) {
   const n = /* @__PURE__ */ dn(t);
-  return () => Aa[e] ?? n();
+  return () => ba[e] ?? n();
 }
-const Pi = /* @__PURE__ */ Va(() => {
+const Pi = /* @__PURE__ */ wa(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1900,7 +1900,7 @@ function Si(t, e) {
   if (t)
     return typeof t == "function" ? Pi() ? oi(t, e) : "ease-out" : yi(t) ? Pt(t) : Array.isArray(t) ? t.map((n) => Si(n, e) || On.easeOut) : On[t];
 }
-function Ma(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
+function Aa(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
   const u = {
     [e]: n
   };
@@ -1920,20 +1920,20 @@ function Ma(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatTyp
 function bi(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function Da({ type: t, ...e }) {
+function Va({ type: t, ...e }) {
   return bi(t) && Pi() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class Ca extends cn {
+class Da extends cn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: o, allowFlatten: r = !1, finalKeyframe: a, onComplete: l } = e;
     this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, Y(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const c = Da(e);
-    this.animation = Ma(n, s, i, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const c = Va(e);
+    this.animation = Aa(n, s, i, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
         const u = un(i, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : ba(n, s, u), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(u) : Pa(n, s, u), this.animation.cancel();
       }
       l?.(), this.notifyFinished();
     };
@@ -1983,7 +1983,7 @@ class Ca extends cn {
     return /* @__PURE__ */ G(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ $(e);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ W(e);
   }
   /**
    * The playback speed of the animation.
@@ -2008,7 +2008,7 @@ class Ca extends cn {
    * 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 && wa() ? (this.animation.timeline = e, K) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && Sa() ? (this.animation.timeline = e, K) : n(this);
   }
 }
 const wi = {
@@ -2016,16 +2016,16 @@ const wi = {
   backInOut: di,
   circInOut: gi
 };
-function Ea(t) {
+function Ma(t) {
   return t in wi;
 }
-function Ra(t) {
-  typeof t.ease == "string" && Ea(t.ease) && (t.ease = wi[t.ease]);
+function Ca(t) {
+  typeof t.ease == "string" && Ma(t.ease) && (t.ease = wi[t.ease]);
 }
 const In = 10;
-class La extends Ca {
+class Ea extends Da {
   constructor(e) {
-    Ra(e), vi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    Ca(e), vi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -2046,14 +2046,14 @@ class La extends Ca {
     const a = new hn({
       ...r,
       autoplay: !1
-    }), l = /* @__PURE__ */ $(this.finishedTime ?? this.time);
+    }), l = /* @__PURE__ */ W(this.finishedTime ?? this.time);
     n.setWithVelocity(a.sample(l - In).value, a.sample(l).value, In), a.stop();
   }
 }
 const jn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (J.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function ka(t) {
+function Ra(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -2061,16 +2061,16 @@ function ka(t) {
     if (t[n] !== e)
       return !0;
 }
-function Ba(t, e, n, s) {
+function La(t, e, n, s) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = jn(i, e), a = jn(o, e);
-  return gt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${o} via the \`style\` property.`), !r || !a ? !1 : ka(t) || (n === "spring" || bi(n)) && s;
+  return gt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${o} via the \`style\` property.`), !r || !a ? !1 : Ra(t) || (n === "spring" || bi(n)) && s;
 }
-const Fa = /* @__PURE__ */ new Set([
+const ka = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -2078,20 +2078,20 @@ const Fa = /* @__PURE__ */ new Set([
   // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
   // or until we implement support for linear() easing.
   // "background-color"
-]), Oa = /* @__PURE__ */ dn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Ia(t) {
+]), Fa = /* @__PURE__ */ dn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Ba(t) {
   const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: o, type: r } = t;
   if (!e || !e.owner || !(e.owner.current instanceof HTMLElement))
     return !1;
   const { onUpdate: a, transformTemplate: l } = e.owner.getProps();
-  return Oa() && n && Fa.has(n) && (n !== "transform" || !l) && /**
+  return Fa() && n && ka.has(n) && (n !== "transform" || !l) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !a && !s && i !== "mirror" && o !== 0 && r !== "inertia";
 }
-const ja = 40;
-class Na extends cn {
+const Oa = 40;
+class Ia extends cn {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: c, element: u, ...h }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
@@ -2113,13 +2113,13 @@ class Na extends cn {
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: c, onUpdate: u } = s;
-    this.resolvedAt = I.now(), Ba(e, o, r, a) || ((z.instantAnimations || !l) && u?.(un(e, s, n)), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
+    this.resolvedAt = I.now(), La(e, o, r, a) || ((z.instantAnimations || !l) && u?.(un(e, s, n)), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
     const f = {
-      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ja ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Oa ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: e
-    }, d = !c && Ia(f) ? new La({
+    }, d = !c && Ba(f) ? new Ea({
       ...f,
       element: f.motionValue.owner.current
     }) : new hn(f);
@@ -2133,7 +2133,7 @@ class Na extends cn {
     });
   }
   get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), Pa()), this._animation;
+    return this._animation || (this.keyframeResolver?.resume(), Ta()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -2175,7 +2175,7 @@ class Na extends cn {
 const mn = (t, e, n, s = {}, i, o) => (r) => {
   const a = en(s, t) || {}, l = a.delay || s.delay || 0;
   let { elapsed: c = 0 } = s;
-  c = c - /* @__PURE__ */ $(l);
+  c = c - /* @__PURE__ */ W(l);
   const u = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -2192,18 +2192,18 @@ const mn = (t, e, n, s = {}, i, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : i
   };
-  Po(a) || Object.assign(u, xo(t, u)), u.duration && (u.duration = /* @__PURE__ */ $(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ $(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  To(a) || Object.assign(u, vo(t, u)), u.duration && (u.duration = /* @__PURE__ */ W(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ W(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (h = !0)), (z.instantAnimations || z.skipAnimations) && (h = !0, u.duration = 0, u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = po(u.keyframes, a);
+    const f = fo(u.keyframes, a);
     if (f !== void 0) {
-      M.update(() => {
+      D.update(() => {
         u.onUpdate(f), u.onComplete();
       });
       return;
     }
   }
-  return a.isSync ? new hn(u) : new Na(u);
+  return a.isSync ? new hn(u) : new Ia(u);
 }, Ai = /* @__PURE__ */ new Set([
   "width",
   "height",
@@ -2213,7 +2213,7 @@ const mn = (t, e, n, s = {}, i, o) => (r) => {
   "bottom",
   ...yt
 ]);
-function Ua({ protectedKeys: t, needsAnimating: e }, n) {
+function ja({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
@@ -2223,7 +2223,7 @@ function Vi(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   const l = [], c = i && t.animationState && t.animationState.getState()[i];
   for (const u in a) {
     const h = t.getValue(u, t.latestValues[u] ?? null), f = a[u];
-    if (f === void 0 || c && Ua(c, u))
+    if (f === void 0 || c && ja(c, u))
       continue;
     const d = {
       delay: n,
@@ -2235,27 +2235,27 @@ function Vi(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     if (window.MotionHandoffAnimation) {
       const g = Js(t);
       if (g) {
-        const P = window.MotionHandoffAnimation(g, u, M);
+        const P = window.MotionHandoffAnimation(g, u, D);
         P !== null && (d.startTime = P, y = !0);
       }
     }
-    ve(t, u), h.start(mn(u, h, f, t.shouldReduceMotion && Ai.has(u) ? { type: !1 } : d, t, y));
+    ye(t, u), h.start(mn(u, h, f, t.shouldReduceMotion && Ai.has(u) ? { type: !1 } : d, t, y));
     const v = h.animation;
     v && l.push(v);
   }
   return r && Promise.all(l).then(() => {
-    M.update(() => {
-      r && ho(t, r);
+    D.update(() => {
+      r && uo(t, r);
     });
   }), l;
 }
-function Ee(t, e, n = {}) {
+function Ce(t, e, n = {}) {
   const s = Ct(t, e, n.type === "exit" ? t.presenceContext?.custom : void 0);
   let { transition: i = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
   const o = s ? () => Promise.all(Vi(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
-    return Ka(t, e, c + l, u, h, n);
+    return Na(t, e, c + l, u, h, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [o, r] : [r, o];
@@ -2263,26 +2263,26 @@ function Ee(t, e, n = {}) {
   } else
     return Promise.all([o(), r(n.delay)]);
 }
-function Ka(t, e, n = 0, s = 0, i = 1, o) {
+function Na(t, e, n = 0, s = 0, i = 1, o) {
   const r = [], a = (t.variantChildren.size - 1) * s, l = i === 1 ? (c = 0) => c * s : (c = 0) => a - c * s;
-  return Array.from(t.variantChildren).sort(Wa).forEach((c, u) => {
-    c.notify("AnimationStart", e), r.push(Ee(c, e, {
+  return Array.from(t.variantChildren).sort(Ua).forEach((c, u) => {
+    c.notify("AnimationStart", e), r.push(Ce(c, e, {
       ...o,
       delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", e)));
   }), Promise.all(r);
 }
-function Wa(t, e) {
+function Ua(t, e) {
   return t.sortNodePosition(e);
 }
-function $a(t, e, n = {}) {
+function Ka(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
-    const i = e.map((o) => Ee(t, o, n));
+    const i = e.map((o) => Ce(t, o, n));
     s = Promise.all(i);
   } else if (typeof e == "string")
-    s = Ee(t, e, n);
+    s = Ce(t, e, n);
   else {
     const i = typeof e == "function" ? Ct(t, e, n.custom) : e;
     s = Promise.all(Vi(t, i, n));
@@ -2291,7 +2291,7 @@ function $a(t, e, n = {}) {
     t.notify("AnimationComplete", e);
   });
 }
-function Mi(t, e) {
+function Di(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -2302,27 +2302,27 @@ function Mi(t, e) {
       return !1;
   return !0;
 }
-const _a = Ke.length;
-function Di(t) {
+const $a = Ke.length;
+function Mi(t) {
   if (!t)
     return;
   if (!t.isControllingVariants) {
-    const n = t.parent ? Di(t.parent) || {} : {};
+    const n = t.parent ? Mi(t.parent) || {} : {};
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
-  for (let n = 0; n < _a; n++) {
+  for (let n = 0; n < $a; n++) {
     const s = Ke[n], i = t.props[s];
     (Vt(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
-const Ga = [...Ue].reverse(), Ha = Ue.length;
-function za(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => $a(t, n, s)));
+const Wa = [...Ue].reverse(), _a = Ue.length;
+function Ga(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => Ka(t, n, s)));
 }
-function Ya(t) {
-  let e = za(t), n = Nn(), s = !0;
+function Ha(t) {
+  let e = Ga(t), n = Nn(), s = !0;
   const i = (l) => (c, u) => {
     const h = Ct(t, u, l === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
@@ -2335,40 +2335,40 @@ function Ya(t) {
     e = l(t);
   }
   function r(l) {
-    const { props: c } = t, u = Di(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
+    const { props: c } = t, u = Mi(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
-    for (let v = 0; v < Ha; v++) {
-      const g = Ga[v], P = n[g], p = c[g] !== void 0 ? c[g] : u[g], b = Vt(p), x = g === l ? P.isActive : null;
+    for (let v = 0; v < _a; v++) {
+      const g = Wa[v], P = n[g], p = c[g] !== void 0 ? c[g] : u[g], b = Vt(p), x = g === l ? P.isActive : null;
       x === !1 && (m = v);
       let w = p === u[g] && p !== c[g] && b;
       if (w && s && t.manuallyAnimateOnMount && (w = !1), P.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
       !P.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
       !p && !P.prevProp || // Or if the prop doesn't define an animation
-      Qt(p) || typeof p == "boolean")
+      Jt(p) || typeof p == "boolean")
         continue;
-      const C = Xa(P.prevProp, p);
+      const C = za(P.prevProp, p);
       let S = C || // If we're making this variant active, we want to always make it active
       g === l && P.isActive && !w && b || // If we removed a higher-priority variant (i is in reverse order)
-      v > m && b, F = !1;
+      v > m && b, B = !1;
       const j = Array.isArray(p) ? p : [p];
       let ot = j.reduce(i(g), {});
       x === !1 && (ot = {});
-      const { prevResolvedValues: gn = {} } = P, lr = {
+      const { prevResolvedValues: gn = {} } = P, ar = {
         ...gn,
         ...ot
       }, yn = (k) => {
-        S = !0, f.has(k) && (F = !0, f.delete(k)), P.needsAnimating[k] = !0;
+        S = !0, f.has(k) && (B = !0, f.delete(k)), P.needsAnimating[k] = !0;
         const H = t.getValue(k);
         H && (H.liveStyle = !1);
       };
-      for (const k in lr) {
-        const H = ot[k], ee = gn[k];
+      for (const k in ar) {
+        const H = ot[k], te = gn[k];
         if (d.hasOwnProperty(k))
           continue;
-        let ne = !1;
-        ye(H) && ye(ee) ? ne = !Mi(H, ee) : ne = H !== ee, ne ? H != null ? yn(k) : f.add(k) : H !== void 0 && f.has(k) ? yn(k) : P.protectedKeys[k] = !0;
+        let ee = !1;
+        ge(H) && ge(te) ? ee = !Di(H, te) : ee = H !== te, ee ? H != null ? yn(k) : f.add(k) : H !== void 0 && f.has(k) ? yn(k) : P.protectedKeys[k] = !0;
       }
-      P.prevProp = p, P.prevResolvedValues = ot, P.isActive && (d = { ...d, ...ot }), s && t.blockInitialAnimation && (S = !1), S && (!(w && C) || F) && h.push(...j.map((k) => ({
+      P.prevProp = p, P.prevResolvedValues = ot, P.isActive && (d = { ...d, ...ot }), s && t.blockInitialAnimation && (S = !1), S && (!(w && C) || B) && h.push(...j.map((k) => ({
         animation: k,
         options: { type: g }
       })));
@@ -2406,8 +2406,8 @@ function Ya(t) {
     }
   };
 }
-function Xa(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Mi(e, t) : !1;
+function za(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Di(e, t) : !1;
 }
 function tt(t = !1) {
   return {
@@ -2435,18 +2435,18 @@ class Q {
   update() {
   }
 }
-class qa extends Q {
+class Ya extends Q {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(e) {
-    super(e), e.animationState || (e.animationState = Ya(e));
+    super(e), e.animationState || (e.animationState = Ha(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    Qt(e) && (this.unmountControls = e.subscribe(this.node));
+    Jt(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -2462,10 +2462,10 @@ class qa extends Q {
     this.node.animationState.reset(), this.unmountControls?.();
   }
 }
-let Za = 0;
-class Ja extends Q {
+let Xa = 0;
+class qa extends Q {
   constructor() {
-    super(...arguments), this.id = Za++;
+    super(...arguments), this.id = Xa++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -2485,12 +2485,12 @@ class Ja extends Q {
   unmount() {
   }
 }
-const Qa = {
+const Za = {
   animation: {
-    Feature: qa
+    Feature: Ya
   },
   exit: {
-    Feature: Ja
+    Feature: qa
   }
 };
 function Lt(t, e, n, s = { passive: !0 }) {
@@ -2505,9 +2505,9 @@ function Ot(t) {
     }
   };
 }
-const tl = (t) => (e) => pn(e) && t(e, Ot(e));
+const Ja = (t) => (e) => pn(e) && t(e, Ot(e));
 function bt(t, e, n, s) {
-  return Lt(t, e, tl(n), s);
+  return Lt(t, e, Ja(n), s);
 }
 function Ci({ top: t, left: e, right: n, bottom: s }) {
   return {
@@ -2515,10 +2515,10 @@ function Ci({ top: t, left: e, right: n, bottom: s }) {
     y: { min: t, max: s }
   };
 }
-function el({ x: t, y: e }) {
+function Qa({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function nl(t, e) {
+function tl(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -2529,54 +2529,54 @@ function nl(t, e) {
     right: s.x
   };
 }
-const Ei = 1e-4, sl = 1 - Ei, il = 1 + Ei, Ri = 0.01, rl = 0 - Ri, ol = 0 + Ri;
-function B(t) {
+const Ei = 1e-4, el = 1 - Ei, nl = 1 + Ei, Ri = 0.01, sl = 0 - Ri, il = 0 + Ri;
+function F(t) {
   return t.max - t.min;
 }
-function al(t, e, n) {
+function rl(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Un(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = V(e.min, e.max, t.origin), t.scale = B(n) / B(e), t.translate = V(n.min, n.max, t.origin) - t.originPoint, (t.scale >= sl && t.scale <= il || isNaN(t.scale)) && (t.scale = 1), (t.translate >= rl && t.translate <= ol || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = V(e.min, e.max, t.origin), t.scale = F(n) / F(e), t.translate = V(n.min, n.max, t.origin) - t.originPoint, (t.scale >= el && t.scale <= nl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= sl && t.translate <= il || isNaN(t.translate)) && (t.translate = 0);
 }
 function wt(t, e, n, s) {
   Un(t.x, e.x, n.x, s ? s.originX : void 0), Un(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function Kn(t, e, n) {
-  t.min = n.min + e.min, t.max = t.min + B(e);
+  t.min = n.min + e.min, t.max = t.min + F(e);
 }
-function ll(t, e, n) {
+function ol(t, e, n) {
   Kn(t.x, e.x, n.x), Kn(t.y, e.y, n.y);
 }
-function Wn(t, e, n) {
-  t.min = e.min - n.min, t.max = t.min + B(e);
+function $n(t, e, n) {
+  t.min = e.min - n.min, t.max = t.min + F(e);
 }
 function At(t, e, n) {
-  Wn(t.x, e.x, n.x), Wn(t.y, e.y, n.y);
+  $n(t.x, e.x, n.x), $n(t.y, e.y, n.y);
 }
-const $n = () => ({
+const Wn = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
 }), ct = () => ({
-  x: $n(),
-  y: $n()
-}), _n = () => ({ min: 0, max: 0 }), D = () => ({
+  x: Wn(),
+  y: Wn()
+}), _n = () => ({ min: 0, max: 0 }), M = () => ({
   x: _n(),
   y: _n()
 });
 function U(t) {
   return [t("x"), t("y")];
 }
-function le(t) {
+function ae(t) {
   return t === void 0 || t === 1;
 }
-function Re({ scale: t, scaleX: e, scaleY: n }) {
-  return !le(t) || !le(e) || !le(n);
+function Ee({ scale: t, scaleX: e, scaleY: n }) {
+  return !ae(t) || !ae(e) || !ae(n);
 }
 function et(t) {
-  return Re(t) || Li(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return Ee(t) || Li(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function Li(t) {
   return Gn(t.x) || Gn(t.y);
@@ -2591,14 +2591,14 @@ function Xt(t, e, n) {
 function Hn(t, e, n, s, i) {
   return i !== void 0 && (t = Xt(t, i, s)), Xt(t, n, s) + e;
 }
-function Le(t, e = 0, n = 1, s, i) {
+function Re(t, e = 0, n = 1, s, i) {
   t.min = Hn(t.min, e, n, s, i), t.max = Hn(t.max, e, n, s, i);
 }
 function ki(t, { x: e, y: n }) {
-  Le(t.x, e.translate, e.scale, e.originPoint), Le(t.y, n.translate, n.scale, n.originPoint);
+  Re(t.x, e.translate, e.scale, e.originPoint), Re(t.y, n.translate, n.scale, n.originPoint);
 }
 const zn = 0.999999999999, Yn = 1.0000000000001;
-function ul(t, e, n, s = !1) {
+function al(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -2619,20 +2619,20 @@ function ht(t, e) {
 }
 function Xn(t, e, n, s, i = 0.5) {
   const o = V(t.min, t.max, i);
-  Le(t, e, n, o, s);
+  Re(t, e, n, o, s);
 }
 function ft(t, e) {
   Xn(t.x, e.x, e.scaleX, e.scale, e.originX), Xn(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
-function Bi(t, e) {
-  return Ci(nl(t.getBoundingClientRect(), e));
+function Fi(t, e) {
+  return Ci(tl(t.getBoundingClientRect(), e));
 }
-function cl(t, e, n) {
-  const s = Bi(t, n), { scroll: i } = e;
+function ll(t, e, n) {
+  const s = Fi(t, n), { scroll: i } = e;
   return i && (ht(s.x, i.offset.x), ht(s.y, i.offset.y)), s;
 }
-const Fi = ({ current: t }) => t ? t.ownerDocument.defaultView : null, qn = (t, e) => Math.abs(t - e);
-function hl(t, e) {
+const Bi = ({ current: t }) => t ? t.ownerDocument.defaultView : null, qn = (t, e) => Math.abs(t - e);
+function ul(t, e) {
   const n = qn(t.x, e.x), s = qn(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
@@ -2641,7 +2641,7 @@ class Oi {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const h = ce(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = hl(h.offset, { x: 0, y: 0 }) >= 3;
+      const h = ue(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = ul(h.offset, { x: 0, y: 0 }) >= 3;
       if (!f && !d)
         return;
       const { point: m } = h, { timestamp: y } = E;
@@ -2649,21 +2649,21 @@ class Oi {
       const { onStart: v, onMove: g } = this.handlers;
       f || (v && v(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), g && g(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, f) => {
-      this.lastMoveEvent = h, this.lastMoveEventInfo = ue(f, this.transformPagePoint), M.update(this.updatePoint, !0);
+      this.lastMoveEvent = h, this.lastMoveEventInfo = le(f, this.transformPagePoint), D.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, f) => {
       this.end();
       const { onEnd: d, onSessionEnd: m, resumeAnimation: y } = this.handlers;
       if (this.dragSnapToOrigin && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = ce(h.type === "pointercancel" ? this.lastMoveEventInfo : ue(f, this.transformPagePoint), this.history);
+      const v = ue(h.type === "pointercancel" ? this.lastMoveEventInfo : le(f, this.transformPagePoint), this.history);
       this.startEvent && d && d(h, v), m && m(h, v);
     }, !pn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = s, this.contextWindow = i || window;
-    const r = Ot(e), a = ue(r, this.transformPagePoint), { point: l } = a, { timestamp: c } = E;
+    const r = Ot(e), a = le(r, this.transformPagePoint), { point: l } = a, { timestamp: c } = E;
     this.history = [{ ...l, timestamp: c }];
     const { onSessionStart: u } = n;
-    u && u(e, ce(a, this.history)), this.removeListeners = Bt(bt(this.contextWindow, "pointermove", this.handlePointerMove), bt(this.contextWindow, "pointerup", this.handlePointerUp), bt(this.contextWindow, "pointercancel", this.handlePointerUp));
+    u && u(e, ue(a, this.history)), this.removeListeners = Ft(bt(this.contextWindow, "pointermove", this.handlePointerMove), bt(this.contextWindow, "pointerup", this.handlePointerUp), bt(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -2672,32 +2672,32 @@ class Oi {
     this.removeListeners && this.removeListeners(), Z(this.updatePoint);
   }
 }
-function ue(t, e) {
+function le(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function Zn(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function ce({ point: t }, e) {
+function ue({ point: t }, e) {
   return {
     point: t,
     delta: Zn(t, Ii(e)),
-    offset: Zn(t, fl(e)),
-    velocity: dl(e, 0.1)
+    offset: Zn(t, cl(e)),
+    velocity: hl(e, 0.1)
   };
 }
-function fl(t) {
+function cl(t) {
   return t[0];
 }
 function Ii(t) {
   return t[t.length - 1];
 }
-function dl(t, e) {
+function hl(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
   const i = Ii(t);
-  for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ $(e))); )
+  for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ W(e))); )
     n--;
   if (!s)
     return { x: 0, y: 0 };
@@ -2710,7 +2710,7 @@ function dl(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function ml(t, { min: e, max: n }, s) {
+function fl(t, { min: e, max: n }, s) {
   return e !== void 0 && t < e ? t = s ? V(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? V(n, t, s.max) : Math.min(t, n)), t;
 }
 function Jn(t, e, n) {
@@ -2719,7 +2719,7 @@ function Jn(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function pl(t, { top: e, left: n, bottom: s, right: i }) {
+function dl(t, { top: e, left: n, bottom: s, right: i }) {
   return {
     x: Jn(t.x, n, i),
     y: Jn(t.y, e, s)
@@ -2729,24 +2729,24 @@ function Qn(t, e) {
   let n = e.min - t.min, s = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
 }
-function gl(t, e) {
+function ml(t, e) {
   return {
     x: Qn(t.x, e.x),
     y: Qn(t.y, e.y)
   };
 }
-function yl(t, e) {
+function pl(t, e) {
   let n = 0.5;
-  const s = B(t), i = B(e);
+  const s = F(t), i = F(e);
   return i > s ? n = /* @__PURE__ */ Rt(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ Rt(t.min, t.max - i, e.min)), X(0, 1, n);
 }
-function vl(t, e) {
+function gl(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const ke = 0.35;
-function Tl(t = ke) {
-  return t === !1 ? t = 0 : t === !0 && (t = ke), {
+const Le = 0.35;
+function yl(t = Le) {
+  return t === !1 ? t = 0 : t === !0 && (t = Le), {
     x: ts(t, "left", "right"),
     y: ts(t, "top", "bottom")
   };
@@ -2760,24 +2760,24 @@ function ts(t, e, n) {
 function es(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-const W = {
+const $ = {
   x: !1,
   y: !1
 };
 function ji() {
-  return W.x || W.y;
+  return $.x || $.y;
 }
-function xl(t) {
-  return t === "x" || t === "y" ? W[t] ? null : (W[t] = !0, () => {
-    W[t] = !1;
-  }) : W.x || W.y ? null : (W.x = W.y = !0, () => {
-    W.x = W.y = !1;
+function vl(t) {
+  return t === "x" || t === "y" ? $[t] ? null : ($[t] = !0, () => {
+    $[t] = !1;
+  }) : $.x || $.y ? null : ($.x = $.y = !0, () => {
+    $.x = $.y = !1;
   });
 }
-const Pl = /* @__PURE__ */ new WeakMap();
-class Sl {
+const Tl = /* @__PURE__ */ new WeakMap();
+class xl {
   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 = D(), 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 = M(), this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1 } = {}) {
     const { presenceContext: s } = this.visualElement;
@@ -2788,7 +2788,7 @@ class Sl {
       h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ot(u).point);
     }, o = (u, h) => {
       const { drag: f, dragPropagation: d, onDragStart: m } = this.getProps();
-      if (f && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = xl(f), !this.openDragLock))
+      if (f && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = vl(f), !this.openDragLock))
         return;
       this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), U((v) => {
         let g = this.getAxisMotionValue(v).get() || 0;
@@ -2796,11 +2796,11 @@ class Sl {
           const { projection: P } = this.visualElement;
           if (P && P.layout) {
             const p = P.layout.layoutBox[v];
-            p && (g = B(p) * (parseFloat(g) / 100));
+            p && (g = F(p) * (parseFloat(g) / 100));
           }
         }
         this.originPoint[v] = g;
-      }), m && M.postRender(() => m(u, h)), ve(this.visualElement, "transform");
+      }), m && D.postRender(() => m(u, h)), ye(this.visualElement, "transform");
       const { animationState: y } = this.visualElement;
       y && y.setActive("whileDrag", !0);
     }, r = (u, h) => {
@@ -2809,7 +2809,7 @@ class Sl {
         return;
       const { offset: v } = h;
       if (d && this.currentDirection === null) {
-        this.currentDirection = bl(v), this.currentDirection !== null && m && m(this.currentDirection);
+        this.currentDirection = Pl(v), this.currentDirection !== null && m && m(this.currentDirection);
         return;
       }
       this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), y && y(u, h);
@@ -2823,7 +2823,7 @@ class Sl {
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: c,
-      contextWindow: Fi(this.visualElement)
+      contextWindow: Bi(this.visualElement)
     });
   }
   stop(e, n) {
@@ -2833,7 +2833,7 @@ class Sl {
     const { velocity: i } = n;
     this.startAnimation(i);
     const { onDragEnd: o } = this.getProps();
-    o && M.postRender(() => o(e, n));
+    o && D.postRender(() => o(e, n));
   }
   cancel() {
     this.isDragging = !1;
@@ -2848,12 +2848,12 @@ class Sl {
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
-    this.constraints && this.constraints[e] && (r = ml(r, this.constraints[e], this.elastic[e])), o.set(r);
+    this.constraints && this.constraints[e] && (r = fl(r, this.constraints[e], this.elastic[e])), o.set(r);
   }
   resolveConstraints() {
     const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
-    e && at(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = pl(s.layoutBox, e) : this.constraints = !1, this.elastic = Tl(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && U((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = vl(s.layoutBox[o], this.constraints[o]));
+    e && at(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = dl(s.layoutBox, e) : this.constraints = !1, this.elastic = yl(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && U((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = gl(s.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -2865,10 +2865,10 @@ class Sl {
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const o = cl(s, i.root, this.visualElement.getTransformPagePoint());
-    let r = gl(i.layout.layoutBox, o);
+    const o = ll(s, i.root, this.visualElement.getTransformPagePoint());
+    let r = ml(i.layout.layoutBox, o);
     if (n) {
-      const a = n(el(r));
+      const a = n(Qa(r));
       this.hasMutatedConstraints = !!a, a && (r = Ci(a));
     }
     return r;
@@ -2896,7 +2896,7 @@ class Sl {
   }
   startAxisValueAnimation(e, n) {
     const s = this.getAxisMotionValue(e);
-    return ve(this.visualElement, e), s.start(mn(e, s, 0, n, this.visualElement, !1));
+    return ye(this.visualElement, e), s.start(mn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     U((e) => this.getAxisMotionValue(e).stop());
@@ -2946,7 +2946,7 @@ class Sl {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[r] = yl({ min: l, max: l }, this.constraints[r]);
+        i[r] = pl({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
@@ -2960,7 +2960,7 @@ class Sl {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Pl.set(this.visualElement, this);
+    Tl.set(this.visualElement, this);
     const e = this.visualElement.current, n = bt(e, "pointerdown", (l) => {
       const { drag: c, dragListener: u = !0 } = this.getProps();
       c && u && this.start(l);
@@ -2968,7 +2968,7 @@ class Sl {
       const { dragConstraints: l } = this.getProps();
       at(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, o = i.addEventListener("measure", s);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), M.read(s);
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), D.read(s);
     const r = Lt(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
       this.isDragging && c && (U((u) => {
         const h = this.getAxisMotionValue(u);
@@ -2980,7 +2980,7 @@ class Sl {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = ke, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = Le, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -2995,13 +2995,13 @@ class Sl {
 function Nt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function bl(t, e = 10) {
+function Pl(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class wl extends Q {
+class Sl extends Q {
   constructor(e) {
-    super(e), this.removeGroupControls = K, this.removeListeners = K, this.controls = new Sl(e);
+    super(e), this.removeGroupControls = K, this.removeListeners = K, this.controls = new xl(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -3012,16 +3012,16 @@ class wl extends Q {
   }
 }
 const ns = (t) => (e, n) => {
-  t && M.postRender(() => t(e, n));
+  t && D.postRender(() => t(e, n));
 };
-class Al extends Q {
+class bl extends Q {
   constructor() {
     super(...arguments), this.removePointerDownListener = K;
   }
   onPointerDown(e) {
     this.session = new Oi(e, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Fi(this.node)
+      contextWindow: Bi(this.node)
     });
   }
   createPanHandlers() {
@@ -3031,7 +3031,7 @@ class Al extends Q {
       onStart: ns(n),
       onMove: s,
       onEnd: (o, r) => {
-        delete this.session, i && M.postRender(() => i(o, r));
+        delete this.session, i && D.postRender(() => i(o, r));
       }
     };
   }
@@ -3045,7 +3045,7 @@ class Al extends Q {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const $t = {
+const Wt = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3072,7 +3072,7 @@ const xt = {
     const n = ss(t, e.target.x), s = ss(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, Vl = {
+}, wl = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const s = t, i = J.parse(t);
     if (i.length > 5)
@@ -3083,7 +3083,7 @@ const xt = {
     return typeof i[2 + r] == "number" && (i[2 + r] /= c), typeof i[3 + r] == "number" && (i[3 + r] /= c), o(i);
   }
 };
-class Ml extends mr {
+class Al extends dr {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -3091,23 +3091,23 @@ class Ml extends mr {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: o } = e;
-    Nr(Dl), o && (n.group && n.group.add(o), s && s.register && i && s.register(o), o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    Ir(Vl), o && (n.group && n.group.add(o), s && s.register && i && s.register(o), o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
       onExitComplete: () => this.safeToRemove()
-    })), $t.hasEverUpdated = !0;
+    })), Wt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: i, isPresent: o } = this.props, { projection: r } = s;
-    return r && (r.isPresent = o, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || M.postRender(() => {
+    return r && (r.isPresent = o, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || D.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), $e.postRender(() => {
+    e && (e.root.didUpdate(), We.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
@@ -3124,10 +3124,10 @@ class Ml extends mr {
   }
 }
 function Ni(t) {
-  const [e, n] = vr(), s = O(ks);
-  return ge.jsx(Ml, { ...t, layoutGroup: s, switchLayoutGroup: O(Us), isPresent: e, safeToRemove: n });
+  const [e, n] = gr(), s = O(ks);
+  return pe.jsx(Al, { ...t, layoutGroup: s, switchLayoutGroup: O(Us), isPresent: e, safeToRemove: n });
 }
-const Dl = {
+const Vl = {
   borderRadius: {
     ...xt,
     applyTo: [
@@ -3141,17 +3141,17 @@ const Dl = {
   borderTopRightRadius: xt,
   borderBottomLeftRadius: xt,
   borderBottomRightRadius: xt,
-  boxShadow: Vl
+  boxShadow: wl
 };
-function Cl(t, e, n) {
+function Dl(t, e, n) {
   const s = L(t) ? t : mt(t);
   return s.start(mn("", s, e, n)), s.animation;
 }
-function El(t) {
+function Ml(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
 }
-const Rl = (t, e) => t.depth - e.depth;
-class Ll {
+const Cl = (t, e) => t.depth - e.depth;
+class El {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3162,20 +3162,20 @@ class Ll {
     Qe(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(Rl), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(Cl), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function kl(t, e) {
+function Rl(t, e) {
   const n = I.now(), s = ({ timestamp: i }) => {
     const o = i - n;
     o >= e && (Z(s), t(o - e));
   };
-  return M.setup(s, !0), () => Z(s);
+  return D.setup(s, !0), () => Z(s);
 }
-const Ui = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Bl = Ui.length, is = (t) => typeof t == "string" ? parseFloat(t) : t, rs = (t) => typeof t == "number" || T.test(t);
-function Fl(t, e, n, s, i, o) {
-  i ? (t.opacity = V(0, n.opacity ?? 1, Ol(s)), t.opacityExit = V(e.opacity ?? 1, 0, Il(s))) : o && (t.opacity = V(e.opacity ?? 1, n.opacity ?? 1, s));
-  for (let r = 0; r < Bl; r++) {
+const Ui = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Ll = Ui.length, is = (t) => typeof t == "string" ? parseFloat(t) : t, rs = (t) => typeof t == "number" || T.test(t);
+function kl(t, e, n, s, i, o) {
+  i ? (t.opacity = V(0, n.opacity ?? 1, Fl(s)), t.opacityExit = V(e.opacity ?? 1, 0, Bl(s))) : o && (t.opacity = V(e.opacity ?? 1, n.opacity ?? 1, s));
+  for (let r = 0; r < Ll; r++) {
     const a = `border${Ui[r]}Radius`;
     let l = os(e, a), c = os(n, a);
     if (l === void 0 && c === void 0)
@@ -3187,7 +3187,7 @@ function Fl(t, e, n, s, i, o) {
 function os(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Ol = /* @__PURE__ */ Ki(0, 0.5, pi), Il = /* @__PURE__ */ Ki(0.5, 0.95, K);
+const Fl = /* @__PURE__ */ Ki(0, 0.5, pi), Bl = /* @__PURE__ */ Ki(0.5, 0.95, K);
 function Ki(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Rt(t, e, s));
 }
@@ -3203,44 +3203,44 @@ function ls(t, e) {
 function us(t, e, n, s, i) {
   return t -= e, t = Xt(t, 1 / n, s), i !== void 0 && (t = Xt(t, 1 / i, s)), t;
 }
-function jl(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
+function Ol(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
   if (_.test(e) && (e = parseFloat(e), e = V(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = V(o.min, o.max, s);
   t === o && (a -= e), t.min = us(t.min, e, n, a, i), t.max = us(t.max, e, n, a, i);
 }
 function cs(t, e, [n, s, i], o, r) {
-  jl(t, e[n], e[s], e[i], e.scale, o, r);
+  Ol(t, e[n], e[s], e[i], e.scale, o, r);
 }
-const Nl = ["x", "scaleX", "originX"], Ul = ["y", "scaleY", "originY"];
+const Il = ["x", "scaleX", "originX"], jl = ["y", "scaleY", "originY"];
 function hs(t, e, n, s) {
-  cs(t.x, e, Nl, n ? n.x : void 0, s ? s.x : void 0), cs(t.y, e, Ul, n ? n.y : void 0, s ? s.y : void 0);
+  cs(t.x, e, Il, n ? n.x : void 0, s ? s.x : void 0), cs(t.y, e, jl, n ? n.y : void 0, s ? s.y : void 0);
 }
 function fs(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function Wi(t) {
+function $i(t) {
   return fs(t.x) && fs(t.y);
 }
 function ds(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function Kl(t, e) {
+function Nl(t, e) {
   return ds(t.x, e.x) && ds(t.y, e.y);
 }
 function ms(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function $i(t, e) {
+function Wi(t, e) {
   return ms(t.x, e.x) && ms(t.y, e.y);
 }
 function ps(t) {
-  return B(t.x) / B(t.y);
+  return F(t.x) / F(t.y);
 }
 function gs(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-class Wl {
+class Ul {
   constructor() {
     this.members = [];
   }
@@ -3294,7 +3294,7 @@ class Wl {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function $l(t, e, n) {
+function Kl(t, e, n) {
   let s = "";
   const i = t.x.translate / e.x, o = t.y.translate / e.y, r = n?.z || 0;
   if ((i || o || r) && (s = `translate3d(${i}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (s += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
@@ -3304,9 +3304,9 @@ function $l(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (s += `scale(${a}, ${l})`), s || "none";
 }
-const he = ["", "X", "Y", "Z"], _l = { visibility: "hidden" }, Gl = 1e3;
-let Hl = 0;
-function fe(t, e, n, s) {
+const ce = ["", "X", "Y", "Z"], $l = { visibility: "hidden" }, Wl = 1e3;
+let _l = 0;
+function he(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
 }
@@ -3319,7 +3319,7 @@ function _i(t) {
   const n = Js(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: o } = t.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", M, !(i || o));
+    window.MotionCancelOptimisedAnimation(n, "transform", D, !(i || o));
   }
   const { parent: s } = t;
   s && !s.hasCheckedOptimisedAppear && _i(s);
@@ -3327,14 +3327,14 @@ function _i(t) {
 function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(r = {}, a = e?.()) {
-      this.id = Hl++, this.animationId = 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 = _l++, this.animationId = 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.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, this.nodes.forEach(Xl), this.nodes.forEach(tu), this.nodes.forEach(eu), this.nodes.forEach(ql);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(zl), this.nodes.forEach(Jl), this.nodes.forEach(Ql), this.nodes.forEach(Yl);
       }, 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;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new Ll());
+      this.root === this && (this.nodes = new El());
     }
     addEventListener(r, a) {
       return this.eventHandlers.has(r) || this.eventHandlers.set(r, new tn()), this.eventHandlers.get(r).add(a);
@@ -3352,13 +3352,13 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = El(r), this.instance = r;
+      this.isSVG = Ml(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u;
         const h = () => this.root.updateBlockedByResize = !1;
         t(r, () => {
-          this.root.updateBlockedByResize = !0, u && u(), u = kl(h, 250), $t.hasAnimatedSinceResize && ($t.hasAnimatedSinceResize = !1, this.nodes.forEach(vs));
+          this.root.updateBlockedByResize = !0, u && u(), u = Rl(h, 250), Wt.hasAnimatedSinceResize && (Wt.hasAnimatedSinceResize = !1, this.nodes.forEach(vs));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -3366,7 +3366,7 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || c.getDefaultTransition() || ou, { onLayoutAnimationStart: y, onLayoutAnimationComplete: v } = c.getProps(), g = !this.targetLayout || !$i(this.targetLayout, d), P = !h && f;
+        const m = this.options.transition || c.getDefaultTransition() || iu, { onLayoutAnimationStart: y, onLayoutAnimationComplete: v } = c.getProps(), g = !this.targetLayout || !Wi(this.targetLayout, d), P = !h && f;
         if (this.options.layoutRoot || this.resumeFrom || P || h && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(u, P);
           const p = {
@@ -3400,7 +3400,7 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(nu), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(tu), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -3429,21 +3429,21 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(ys);
         return;
       }
-      this.isUpdating || this.nodes.forEach(Jl), this.isUpdating = !1, this.nodes.forEach(Ql), this.nodes.forEach(zl), this.nodes.forEach(Yl), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(ql), this.isUpdating = !1, this.nodes.forEach(Zl), this.nodes.forEach(Gl), this.nodes.forEach(Hl), this.clearAllSnapshots();
       const a = I.now();
-      E.delta = X(0, 1e3 / 60, a - E.timestamp), E.timestamp = a, E.isProcessing = !0, se.update.process(E), se.preRender.process(E), se.render.process(E), E.isProcessing = !1;
+      E.delta = X(0, 1e3 / 60, a - E.timestamp), E.timestamp = a, E.isProcessing = !0, ne.update.process(E), ne.preRender.process(E), ne.render.process(E), E.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, $e.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, We.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Zl), this.sharedNodes.forEach(su);
+      this.nodes.forEach(Xl), this.sharedNodes.forEach(eu);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, M.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, D.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      M.postRender(() => {
+      D.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -3451,7 +3451,7 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !B(this.snapshot.measuredBox.x) && !B(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !F(this.snapshot.measuredBox.x) && !F(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -3460,7 +3460,7 @@ function Gi({ 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 = D(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = M(), 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);
     }
@@ -3480,13 +3480,13 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Wi(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
+      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !$i(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       r && this.instance && (a || et(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), au(l), {
+      return r && (l = this.removeTransform(l)), ru(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3497,16 +3497,16 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measurePageBox() {
       const { visualElement: r } = this.options;
       if (!r)
-        return D();
+        return M();
       const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(lu))) {
+      if (!(this.scroll?.wasRoot || this.path.some(ou))) {
         const { scroll: c } = this.root;
         c && (ht(a.x, c.offset.x), ht(a.y, c.offset.y));
       }
       return a;
     }
     removeElementScroll(r) {
-      const a = D();
+      const a = M();
       if (N(a, r), this.scroll?.wasRoot)
         return a;
       for (let l = 0; l < this.path.length; l++) {
@@ -3516,7 +3516,7 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     applyTransform(r, a = !1) {
-      const l = D();
+      const l = M();
       N(l, r);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
@@ -3528,14 +3528,14 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return et(this.latestValues) && ft(l, this.latestValues), l;
     }
     removeTransform(r) {
-      const a = D();
+      const a = M();
       N(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !et(c.latestValues))
           continue;
-        Re(c.latestValues) && c.updateSnapshot();
-        const u = D(), h = c.measurePageBox();
+        Ee(c.latestValues) && c.updateSnapshot();
+        const u = M(), h = c.measurePageBox();
         N(u, h), hs(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return et(this.latestValues) && hs(a, this.latestValues), a;
@@ -3566,17 +3566,17 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!this.layout || !(u || h))) {
         if (this.resolvedRelativeTargetAt = E.timestamp, !this.targetDelta && !this.relativeTarget) {
           const f = this.getClosestProjectingParent();
-          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = D(), this.relativeTargetOrigin = D(), At(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), N(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = M(), this.relativeTargetOrigin = M(), At(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), N(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = D(), this.targetWithTransforms = D()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), ll(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : N(this.target, this.layout.layoutBox), ki(this.target, this.targetDelta)) : N(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = M(), this.targetWithTransforms = M()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), ol(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : N(this.target, this.layout.layoutBox), ki(this.target, this.targetDelta)) : N(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 = D(), this.relativeTargetOrigin = D(), At(this.relativeTargetOrigin, this.target, f.target), N(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = M(), this.relativeTargetOrigin = M(), At(this.relativeTargetOrigin, this.target, f.target), N(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || Re(this.parent.latestValues) || Li(this.parent.latestValues)))
+      if (!(!this.parent || Ee(this.parent.latestValues) || Li(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
@@ -3592,7 +3592,7 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       N(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      ul(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 = D());
+      al(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 = M());
       const { target: d } = r;
       if (!d) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -3619,17 +3619,17 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = ct();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = D(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, y = d !== m, v = this.getStack(), g = !v || v.members.length <= 1, P = !!(y && !g && this.options.crossfade === !0 && !this.path.some(ru));
+      const f = M(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, y = d !== m, v = this.getStack(), g = !v || v.members.length <= 1, P = !!(y && !g && this.options.crossfade === !0 && !this.path.some(su));
       this.animationProgress = 0;
       let p;
       this.mixTargetDelta = (b) => {
         const x = b / 1e3;
-        Ts(h.x, r.x, x), Ts(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (At(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), iu(this.relativeTarget, this.relativeTargetOrigin, f, x), p && Kl(this.relativeTarget, p) && (this.isProjectionDirty = !1), p || (p = D()), N(p, this.relativeTarget)), y && (this.animationValues = u, Fl(u, c, this.latestValues, x, P, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
+        Ts(h.x, r.x, x), Ts(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (At(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), nu(this.relativeTarget, this.relativeTargetOrigin, f, x), p && Nl(this.relativeTarget, p) && (this.isProjectionDirty = !1), p || (p = M()), N(p, this.relativeTarget)), y && (this.animationValues = u, kl(u, c, this.latestValues, x, P, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(!1), this.resumingFrom?.currentAnimation?.stop(!1), this.pendingAnimation && (Z(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = M.update(() => {
-        $t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = mt(0)), this.currentAnimation = Cl(this.motionValue, [0, 1e3], {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(!1), this.resumingFrom?.currentAnimation?.stop(!1), this.pendingAnimation && (Z(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = D.update(() => {
+        Wt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = mt(0)), this.currentAnimation = Dl(this.motionValue, [0, 1e3], {
           ...r,
           isSync: !0,
           onUpdate: (a) => {
@@ -3649,24 +3649,24 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Gl), this.currentAnimation.stop(!1)), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Wl), this.currentAnimation.stop(!1)), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
       if (!(!a || !l || !c)) {
         if (this !== r && this.layout && c && Hi(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || D();
-          const h = B(this.layout.layoutBox.x);
+          l = this.target || M();
+          const h = F(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
-          const f = B(this.layout.layoutBox.y);
+          const f = F(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
         N(a, l), ft(a, u), wt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new Wl()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new Ul()), this.sharedNodes.get(r).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -3707,9 +3707,9 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if ((l.z || l.rotate || l.rotateX || l.rotateY || l.rotateZ || l.skewX || l.skewY) && (a = !0), !a)
         return;
       const c = {};
-      l.z && fe("z", r, c, this.animationValues);
-      for (let u = 0; u < he.length; u++)
-        fe(`rotate${he[u]}`, r, c, this.animationValues), fe(`skew${he[u]}`, r, c, this.animationValues);
+      l.z && he("z", r, c, this.animationValues);
+      for (let u = 0; u < ce.length; u++)
+        he(`rotate${ce[u]}`, r, c, this.animationValues), he(`skew${ce[u]}`, r, c, this.animationValues);
       r.render();
       for (const u in c)
         r.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
@@ -3719,7 +3719,7 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
-        return _l;
+        return $l;
       const a = {
         visibility: ""
       }, l = this.getTransformTemplate();
@@ -3731,13 +3731,13 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return this.options.layoutId && (d.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, d.pointerEvents = Kt(r?.pointerEvents) || ""), this.hasProjected && !et(this.latestValues) && (d.transform = l ? l({}, "") : "none", this.hasProjected = !1), d;
       }
       const u = c.animationValues || c.latestValues;
-      this.applyTransformsToTarget(), a.transform = $l(this.projectionDeltaWithTransform, this.treeScale, u), l && (a.transform = l(u, a.transform));
+      this.applyTransformsToTarget(), a.transform = Kl(this.projectionDeltaWithTransform, this.treeScale, u), l && (a.transform = l(u, a.transform));
       const { x: h, y: f } = this.projectionDelta;
       a.transformOrigin = `${h.origin * 100}% ${f.origin * 100}% 0`, c.animationValues ? a.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : a.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
-      for (const d in Mt) {
+      for (const d in Dt) {
         if (u[d] === void 0)
           continue;
-        const { correct: m, applyTo: y, isCSSVariable: v } = Mt[d], g = a.transform === "none" ? u[d] : m(u[d], c);
+        const { correct: m, applyTo: y, isCSSVariable: v } = Dt[d], g = a.transform === "none" ? u[d] : m(u[d], c);
         if (y) {
           const P = y.length;
           for (let p = 0; p < P; p++)
@@ -3756,35 +3756,35 @@ function Gi({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function zl(t) {
+function Gl(t) {
   t.updateLayout();
 }
-function Yl(t) {
+function Hl(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: s } = t.layout, { animationType: i } = t.options, o = e.source !== t.layout.source;
     i === "size" ? U((u) => {
-      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = B(h);
+      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = F(h);
       h.min = n[u].min, h.max = h.min + f;
     }) : Hi(i, e.layoutBox, n) && U((u) => {
-      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = B(n[u]);
+      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = F(n[u]);
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[u].max = t.relativeTarget[u].min + f);
     });
     const r = ct();
     wt(r, n, e.layoutBox);
     const a = ct();
     o ? wt(a, t.applyTransform(s, !0), e.measuredBox) : wt(a, n, e.layoutBox);
-    const l = !Wi(r);
+    const l = !$i(r);
     let c = !1;
     if (!t.resumeFrom) {
       const u = t.getClosestProjectingParent();
       if (u && !u.resumeFrom) {
         const { snapshot: h, layout: f } = u;
         if (h && f) {
-          const d = D();
+          const d = M();
           At(d, e.layoutBox, h.layoutBox);
-          const m = D();
-          At(m, n, f.layoutBox), $i(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
+          const m = M();
+          At(m, n, f.layoutBox), Wi(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
         }
       }
     }
@@ -3802,38 +3802,38 @@ function Yl(t) {
   }
   t.options.transition = void 0;
 }
-function Xl(t) {
+function zl(t) {
   t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function ql(t) {
+function Yl(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function Zl(t) {
+function Xl(t) {
   t.clearSnapshot();
 }
 function ys(t) {
   t.clearMeasurements();
 }
-function Jl(t) {
+function ql(t) {
   t.isLayoutDirty = !1;
 }
-function Ql(t) {
+function Zl(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function vs(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function tu(t) {
+function Jl(t) {
   t.resolveTargetDelta();
 }
-function eu(t) {
+function Ql(t) {
   t.calcProjection();
 }
-function nu(t) {
+function tu(t) {
   t.resetSkewAndRotation();
 }
-function su(t) {
+function eu(t) {
   t.removeLeadSnapshot();
 }
 function Ts(t, e, n) {
@@ -3842,36 +3842,36 @@ function Ts(t, e, n) {
 function xs(t, e, n, s) {
   t.min = V(e.min, n.min, s), t.max = V(e.max, n.max, s);
 }
-function iu(t, e, n, s) {
+function nu(t, e, n, s) {
   xs(t.x, e.x, n.x, s), xs(t.y, e.y, n.y, s);
 }
-function ru(t) {
+function su(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const ou = {
+const iu = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, Ps = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ss = Ps("applewebkit/") && !Ps("chrome/") ? Math.round : K;
 function bs(t) {
   t.min = Ss(t.min), t.max = Ss(t.max);
 }
-function au(t) {
+function ru(t) {
   bs(t.x), bs(t.y);
 }
 function Hi(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !al(ps(e), ps(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !rl(ps(e), ps(n), 0.2);
 }
-function lu(t) {
+function ou(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
-const uu = Gi({
+const au = Gi({
   attachResizeListener: (t, e) => Lt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
   }),
   checkIsScrollRoot: () => !0
-}), de = {
+}), fe = {
   current: void 0
 }, zi = Gi({
   measureScroll: (t) => ({
@@ -3879,27 +3879,27 @@ const uu = Gi({
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!de.current) {
-      const t = new uu({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), de.current = t;
+    if (!fe.current) {
+      const t = new au({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), fe.current = t;
     }
-    return de.current;
+    return fe.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), cu = {
+}), lu = {
   pan: {
-    Feature: Al
+    Feature: bl
   },
   drag: {
-    Feature: wl,
+    Feature: Sl,
     ProjectionNode: zi,
     MeasureLayout: Ni
   }
 };
-function Yi(t, e, n) {
+function uu(t, e, n) {
   if (t instanceof EventTarget)
     return [t];
   if (typeof t == "string") {
@@ -3908,8 +3908,8 @@ function Yi(t, e, n) {
   }
   return Array.from(t);
 }
-function Xi(t, e) {
-  const n = Yi(t), s = new AbortController(), i = {
+function Yi(t, e) {
+  const n = uu(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
@@ -3919,8 +3919,8 @@ function Xi(t, e) {
 function ws(t) {
   return !(t.pointerType === "touch" || ji());
 }
-function hu(t, e, n = {}) {
-  const [s, i, o] = Xi(t, n), r = (a) => {
+function cu(t, e, n = {}) {
+  const [s, i, o] = Yi(t, n), r = (a) => {
     if (!ws(a))
       return;
     const { target: l } = a, c = e(l, a);
@@ -3939,17 +3939,17 @@ function As(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, o = s[i];
-  o && M.postRender(() => o(e, Ot(e)));
+  o && D.postRender(() => o(e, Ot(e)));
 }
-class fu extends Q {
+class hu extends Q {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = hu(e, (n, s) => (As(this.node, s, "Start"), (i) => As(this.node, i, "End"))));
+    e && (this.unmount = cu(e, (n, s) => (As(this.node, s, "Start"), (i) => As(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class du extends Q {
+class fu extends Q {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3966,20 +3966,20 @@ class du extends Q {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Bt(Lt(this.node.current, "focus", () => this.onFocus()), Lt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Ft(Lt(this.node.current, "focus", () => this.onFocus()), Lt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-const qi = (t, e) => e ? t === e ? !0 : qi(t, e.parentElement) : !1, mu = /* @__PURE__ */ new Set([
+const Xi = (t, e) => e ? t === e ? !0 : Xi(t, e.parentElement) : !1, du = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function pu(t) {
-  return mu.has(t.tagName) || t.tabIndex !== -1;
+function mu(t) {
+  return du.has(t.tagName) || t.tabIndex !== -1;
 }
 const _t = /* @__PURE__ */ new WeakSet();
 function Vs(t) {
@@ -3987,85 +3987,85 @@ function Vs(t) {
     e.key === "Enter" && t(e);
   };
 }
-function me(t, e) {
+function de(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const gu = (t, e) => {
+const pu = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
   const s = Vs(() => {
     if (_t.has(n))
       return;
-    me(n, "down");
+    de(n, "down");
     const i = Vs(() => {
-      me(n, "up");
-    }), o = () => me(n, "cancel");
+      de(n, "up");
+    }), o = () => de(n, "cancel");
     n.addEventListener("keyup", i, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
-function Ms(t) {
+function Ds(t) {
   return pn(t) && !ji();
 }
-function yu(t, e, n = {}) {
-  const [s, i, o] = Xi(t, n), r = (a) => {
+function gu(t, e, n = {}) {
+  const [s, i, o] = Yi(t, n), r = (a) => {
     const l = a.currentTarget;
-    if (!Ms(a))
+    if (!Ds(a))
       return;
     _t.add(l);
     const c = e(l, a), u = (d, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), _t.has(l) && _t.delete(l), Ms(d) && typeof c == "function" && c(d, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), _t.has(l) && _t.delete(l), Ds(d) && typeof c == "function" && c(d, { success: m });
     }, h = (d) => {
-      u(d, l === window || l === document || n.useGlobalTarget || qi(l, d.target));
+      u(d, l === window || l === document || n.useGlobalTarget || Xi(l, d.target));
     }, f = (d) => {
       u(d, !1);
     };
     window.addEventListener("pointerup", h, i), window.addEventListener("pointercancel", f, i);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), a instanceof HTMLElement && (a.addEventListener("focus", (c) => gu(c, i)), !pu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), a instanceof HTMLElement && (a.addEventListener("focus", (c) => pu(c, i)), !mu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
-function Ds(t, e, n) {
+function Ms(t, e, n) {
   const { props: s } = t;
   if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
   t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
-  o && M.postRender(() => o(e, Ot(e)));
+  o && D.postRender(() => o(e, Ot(e)));
 }
-class vu extends Q {
+class yu extends Q {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = yu(e, (n, s) => (Ds(this.node, s, "Start"), (i, { success: o }) => Ds(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    e && (this.unmount = gu(e, (n, s) => (Ms(this.node, s, "Start"), (i, { success: o }) => Ms(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const Be = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), Tu = (t) => {
-  const e = Be.get(t.target);
+const ke = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), vu = (t) => {
+  const e = ke.get(t.target);
   e && e(t);
-}, xu = (t) => {
-  t.forEach(Tu);
+}, Tu = (t) => {
+  t.forEach(vu);
 };
-function Pu({ root: t, ...e }) {
+function xu({ root: t, ...e }) {
   const n = t || document;
-  pe.has(n) || pe.set(n, {});
-  const s = pe.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(xu, { root: t, ...e })), s[i];
-}
-function Su(t, e, n) {
-  const s = Pu(e);
-  return Be.set(t, n), s.observe(t), () => {
-    Be.delete(t), s.unobserve(t);
+  me.has(n) || me.set(n, {});
+  const s = me.get(n), i = JSON.stringify(e);
+  return s[i] || (s[i] = new IntersectionObserver(Tu, { root: t, ...e })), s[i];
+}
+function Pu(t, e, n) {
+  const s = xu(e);
+  return ke.set(t, n), s.observe(t), () => {
+    ke.delete(t), s.unobserve(t);
   };
 }
-const bu = {
+const Su = {
   some: 0,
   all: 1
 };
-class wu extends Q {
+class bu extends Q {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4074,7 +4074,7 @@ class wu extends Q {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: o } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : bu[i]
+      threshold: typeof i == "number" ? i : Su[i]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
@@ -4083,7 +4083,7 @@ class wu extends Q {
       const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
       f && f(l);
     };
-    return Su(this.node.current, r, a);
+    return Pu(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4092,43 +4092,43 @@ class wu extends Q {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Au(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(wu(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Au({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function wu({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Vu = {
+const Au = {
   inView: {
-    Feature: wu
+    Feature: bu
   },
   tap: {
-    Feature: vu
+    Feature: yu
   },
   focus: {
-    Feature: du
+    Feature: fu
   },
   hover: {
-    Feature: fu
+    Feature: hu
   }
-}, Mu = {
+}, Vu = {
   layout: {
     ProjectionNode: zi,
     MeasureLayout: Ni
   }
-}, Fe = { current: null }, Zi = { current: !1 };
+}, Fe = { current: null }, qi = { current: !1 };
 function Du() {
-  if (Zi.current = !0, !!Ie)
+  if (qi.current = !0, !!Ie)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Fe.current = t.matches;
       t.addListener(e), e();
     } else
       Fe.current = !1;
 }
-const Cu = /* @__PURE__ */ new WeakMap();
-function Eu(t, e, n) {
+const Mu = /* @__PURE__ */ new WeakMap();
+function Cu(t, e, n) {
   for (const s in e) {
     const i = e[s], o = n[s];
     if (L(i))
@@ -4148,10 +4148,10 @@ function Eu(t, e, n) {
     e[s] === void 0 && t.removeValue(s);
   return e;
 }
-const Ji = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Qi = (t) => /^0[^.\s]+$/u.test(t), Ru = {
+const Zi = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Ji = (t) => /^0[^.\s]+$/u.test(t), Eu = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, tr = (t) => (e) => e.test(t), er = [Tt, T, _, q, Kr, Ur, Ru], Cs = (t) => er.find(tr(t)), Lu = [...er, R, J], ku = (t) => Lu.find(tr(t)), Bu = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+}, Qi = (t) => (e) => e.test(t), tr = [Tt, T, _, q, Nr, jr, Eu], Cs = (t) => tr.find(Qi(t)), Ru = [...tr, R, J], Lu = (t) => Ru.find(Qi(t)), ku = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Fu(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
@@ -4160,16 +4160,16 @@ function Fu(t) {
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let o = Bu.has(e) ? 1 : 0;
+  let o = ku.has(e) ? 1 : 0;
   return s !== n && (o *= 100), e + "(" + o + i + ")";
 }
-const Ou = /\b([a-z-]*)\(.*?\)/gu, Oe = {
+const Bu = /\b([a-z-]*)\(.*?\)/gu, Be = {
   ...J,
   getAnimatableNone: (t) => {
-    const e = t.match(Ou);
+    const e = t.match(Bu);
     return e ? e.map(Fu).join(" ") : t;
   }
-}, Iu = {
+}, Ou = {
   ...He,
   // Color props
   color: R,
@@ -4183,12 +4183,12 @@ const Ou = /\b([a-z-]*)\(.*?\)/gu, Oe = {
   borderRightColor: R,
   borderBottomColor: R,
   borderLeftColor: R,
-  filter: Oe,
-  WebkitFilter: Oe
-}, nr = (t) => Iu[t];
-function sr(t, e) {
-  let n = nr(t);
-  return n !== Oe && (n = J), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  filter: Be,
+  WebkitFilter: Be
+}, er = (t) => Ou[t];
+function nr(t, e) {
+  let n = er(t);
+  return n !== Be && (n = J), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Es = [
   "AnimationStart",
@@ -4199,7 +4199,7 @@ const Es = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class ju {
+class Iu {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -4215,10 +4215,10 @@ class ju {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = I.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, M.render(this.render, !1, !0));
+      this.renderScheduledAt < f && (this.renderScheduledAt = f, D.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c } = r;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = te(n), this.isVariantNode = js(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = Qt(n), this.isVariantNode = js(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: u, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const d = h[f];
@@ -4226,7 +4226,7 @@ class ju {
     }
   }
   mount(e) {
-    this.current = e, Cu.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Zi.current || Du(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Fe.current, process.env.NODE_ENV !== "production" && Ne(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = e, Mu.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), qi.current || Du(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Fe.current, process.env.NODE_ENV !== "production" && Ne(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Z(this.notifyUpdate), Z(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -4243,7 +4243,7 @@ class ju {
     const s = vt.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (a) => {
-      this.latestValues[e] = a, this.props.onUpdate && M.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[e] = a, this.props.onUpdate && D.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
     }), o = n.on("renderRequest", this.scheduleRender);
     let r;
     window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
@@ -4275,7 +4275,7 @@ class ju {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : D();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : M();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -4295,7 +4295,7 @@ class ju {
       const o = "on" + i, r = e[o];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
     }
-    this.prevMotionValues = Eu(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Cu(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -4360,7 +4360,7 @@ class ju {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (Ji(s) || Qi(s)) ? s = parseFloat(s) : !ku(s) && J.test(n) && (s = sr(e, n)), this.setBaseTarget(e, L(s) ? s.get() : s)), L(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Zi(s) || Ji(s)) ? s = parseFloat(s) : !Lu(s) && J.test(n) && (s = nr(e, n)), this.setBaseTarget(e, L(s) ? s.get() : s)), L(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -4392,35 +4392,35 @@ class ju {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-const Nu = (
+const ju = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function Uu(t) {
-  const e = Nu.exec(t);
+function Nu(t) {
+  const e = ju.exec(t);
   if (!e)
     return [,];
   const [, n, s, i] = e;
   return [`--${n ?? s}`, i];
 }
-const Ku = 4;
-function ir(t, e, n = 1) {
-  Y(n <= Ku, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Uu(t);
+const Uu = 4;
+function sr(t, e, n = 1) {
+  Y(n <= Uu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [s, i] = Nu(t);
   if (!s)
     return;
   const o = window.getComputedStyle(e).getPropertyValue(s);
   if (o) {
     const r = o.trim();
-    return Ji(r) ? parseFloat(r) : r;
+    return Zi(r) ? parseFloat(r) : r;
   }
-  return Ge(i) ? ir(i, e, n + 1) : i;
+  return Ge(i) ? sr(i, e, n + 1) : i;
 }
-function Wu(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Qi(t) : !0;
+function Ku(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Ji(t) : !0;
 }
 const $u = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function _u(t, e, n) {
+function Wu(t, e, n) {
   let s = 0, i;
   for (; s < t.length && !i; ) {
     const o = t[s];
@@ -4428,9 +4428,9 @@ function _u(t, e, n) {
   }
   if (i && n)
     for (const o of e)
-      t[o] = sr(n, i);
+      t[o] = nr(n, i);
 }
-class Gu extends fn {
+class _u extends fn {
   constructor(e, n, s, i, o) {
     super(e, n, s, i, o, !0);
   }
@@ -4442,7 +4442,7 @@ class Gu extends fn {
     for (let l = 0; l < e.length; l++) {
       let c = e[l];
       if (typeof c == "string" && (c = c.trim(), Ge(c))) {
-        const u = ir(c, n.current);
+        const u = sr(c, n.current);
         u !== void 0 && (e[l] = u), l === e.length - 1 && (this.finalKeyframe = c);
       }
     }
@@ -4450,7 +4450,7 @@ class Gu extends fn {
       return;
     const [i, o] = e, r = Cs(i), a = Cs(o);
     if (r !== a)
-      if (Fn(r) && Fn(a))
+      if (Bn(r) && Bn(a))
         for (let l = 0; l < e.length; l++) {
           const c = e[l];
           typeof c == "string" && (e[l] = parseFloat(c));
@@ -4460,8 +4460,8 @@ class Gu extends fn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
     for (let i = 0; i < e.length; i++)
-      (e[i] === null || Wu(e[i])) && s.push(i);
-    s.length && _u(e, s, n);
+      (e[i] === null || Ku(e[i])) && s.push(i);
+    s.length && Wu(e, s, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: s } = this;
@@ -4483,9 +4483,9 @@ class Gu extends fn {
     }), this.resolveNoneKeyframes();
   }
 }
-class rr extends ju {
+class ir extends Iu {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Gu;
+    super(...arguments), this.KeyframeResolver = _u;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -4504,28 +4504,28 @@ class rr extends ju {
     }));
   }
 }
-function or(t, { style: e, vars: n }, s, i) {
+function rr(t, { style: e, vars: n }, s, i) {
   Object.assign(t.style, e, i && i.getProjectionStyles(s));
   for (const o in n)
     t.style.setProperty(o, n[o]);
 }
-function Hu(t) {
+function Gu(t) {
   return window.getComputedStyle(t);
 }
-class zu extends rr {
+class Hu extends ir {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = or;
+    super(...arguments), this.type = "html", this.renderInstance = rr;
   }
   readValueFromInstance(e, n) {
     if (vt.has(n))
-      return this.projection?.isProjecting ? Ae(n) : ga(e, n);
+      return this.projection?.isProjecting ? we(n) : ma(e, n);
     {
-      const s = Hu(e), i = (_e(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Gu(e), i = (_e(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return Bi(e, n);
+    return Fi(e, n);
   }
   build(e, n, s) {
     ze(e, n, s.transformTemplate);
@@ -4534,7 +4534,7 @@ class zu extends rr {
     return Ze(e, n, s);
   }
 }
-const ar = /* @__PURE__ */ new Set([
+const or = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -4559,24 +4559,24 @@ const ar = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Yu(t, e, n, s) {
-  or(t, e, void 0, s);
+function zu(t, e, n, s) {
+  rr(t, e, void 0, s);
   for (const i in e.attrs)
-    t.setAttribute(ar.has(i) ? i : We(i), e.attrs[i]);
+    t.setAttribute(or.has(i) ? i : $e(i), e.attrs[i]);
 }
-class Xu extends rr {
+class Yu extends ir {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = D;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = M;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
   }
   readValueFromInstance(e, n) {
     if (vt.has(n)) {
-      const s = nr(n);
+      const s = er(n);
       return s && s.default || 0;
     }
-    return n = ar.has(n) ? n : We(n), e.getAttribute(n);
+    return n = or.has(n) ? n : $e(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, s) {
     return qs(e, n, s);
@@ -4585,61 +4585,28 @@ class Xu extends rr {
     Hs(e, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(e, n, s, i) {
-    Yu(e, n, s, i);
+    zu(e, n, s, i);
   }
   mount(e) {
     this.isSVGTag = Ys(e.tagName), super.mount(e);
   }
 }
-const qu = (t, e) => Xe(t) ? new Xu(e) : new zu(e, {
+const Xu = (t, e) => Xe(t) ? new Yu(e) : new Hu(e, {
   allowProjection: t !== Ls
-}), Zu = /* @__PURE__ */ ro({
-  ...Qa,
-  ...Vu,
-  ...cu,
-  ...Mu
-}, qu), rc = /* @__PURE__ */ Ar(Zu), Ju = {
-  some: 0,
-  all: 1
-};
-function Qu(t, e, { root: n, margin: s, amount: i = "some" } = {}) {
-  const o = Yi(t), r = /* @__PURE__ */ new WeakMap(), a = (c) => {
-    c.forEach((u) => {
-      const h = r.get(u.target);
-      if (u.isIntersecting !== !!h)
-        if (u.isIntersecting) {
-          const f = e(u.target, u);
-          typeof f == "function" ? r.set(u.target, f) : l.unobserve(u.target);
-        } else typeof h == "function" && (h(u), r.delete(u.target));
-    });
-  }, l = new IntersectionObserver(a, {
-    root: n,
-    rootMargin: s,
-    threshold: typeof i == "number" ? i : Ju[i]
-  });
-  return o.forEach((c) => l.observe(c)), () => l.disconnect();
-}
-function oc(t, { root: e, margin: n, amount: s, once: i = !1, initial: o = !1 } = {}) {
-  const [r, a] = pr(o);
-  return qt(() => {
-    if (!t.current || i && r)
-      return;
-    const l = () => (a(!0), i ? void 0 : () => a(!1)), c = {
-      root: e && e.current || void 0,
-      margin: n,
-      amount: s
-    };
-    return Qu(t.current, l, c);
-  }, [e, t, n, i, s]), r;
-}
+}), qu = /* @__PURE__ */ so({
+  ...Za,
+  ...Au,
+  ...lu,
+  ...Vu
+}, Xu), nc = /* @__PURE__ */ br(qu);
 export {
   ks as L,
-  Bs as M,
+  Fs as M,
   je as P,
   gr as a,
-  vr as b,
-  yr as c,
-  rc as m,
-  oc as u
+  pr as b,
+  nc as m,
+  uu as r,
+  mr as u
 };
-//# sourceMappingURL=use-in-view-CZPXmTZM.js.map
+//# sourceMappingURL=proxy-DJxJg1kD.js.map