@undp/data-viz 1.5.8 → 2.0.0

package/dist/{proxy-CkpFesk1.js → proxy-BxkFHwUw.js}

@@ -1,5 +1,5 @@
 import { createContext as vt, useRef as Wt, useLayoutEffect as yr, useEffect as Ue, useContext as I, useId as vr, useCallback as Is, useMemo as Jt, Fragment as Os, createElement as Tr, useInsertionEffect as xr, forwardRef as Pr, Component as br } from "react";
-import { j as ye } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as ye } from "./index-CHPV5EwG-Curnpaqc.js";
 const js = vt({});
 function Sr(t) {
   const e = Wt(null);
@@ -36,7 +36,7 @@ function _e(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const W = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Ar = (t, e) => (n) => e(t(n)), Bt = (...t) => t.reduce(Ar), Ct = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const $ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Ar = (t, e) => (n) => e(t(n)), Bt = (...t) => t.reduce(Ar), Ct = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -65,7 +65,7 @@ class He {
     this.subscriptions.length = 0;
   }
 }
-const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, W = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function Ws(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
@@ -73,22 +73,22 @@ const Sn = /* @__PURE__ */ new Set();
 function ze(t, e, n) {
   t || Sn.has(e) || (console.warn(ve(e, n)), Sn.add(e));
 }
-const $s = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Vr = 1e-7, Mr = 12;
-function Dr(t, e, n, s, i) {
+const $s = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Vr = 1e-7, Dr = 12;
+function Mr(t, e, n, s, i) {
   let o, r, a = 0;
   do
     r = e + (n - e) / 2, o = $s(r, s, i) - t, o > 0 ? n = r : e = r;
-  while (Math.abs(o) > Vr && ++a < Mr);
+  while (Math.abs(o) > Vr && ++a < Dr);
   return r;
 }
 function It(t, e, n, s) {
   if (t === e && n === s)
-    return W;
-  const i = (o) => Dr(o, 0, 1, t, n);
+    return $;
+  const i = (o) => Mr(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : $s(i(o), e, s);
 }
 const Gs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, _s = (t) => (e) => 1 - t(1 - e), Hs = /* @__PURE__ */ It(0.33, 1.53, 0.69, 0.99), Ye = /* @__PURE__ */ _s(Hs), zs = /* @__PURE__ */ Gs(Ye), Ys = (t) => (t *= 2) < 1 ? 0.5 * Ye(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Xe = (t) => 1 - Math.sin(Math.acos(t)), Xs = _s(Xe), qs = Gs(Xe), Cr = /* @__PURE__ */ It(0.42, 0, 1, 1), Er = /* @__PURE__ */ It(0, 0, 0.58, 1), Zs = /* @__PURE__ */ It(0.42, 0, 0.58, 1), Rr = (t) => Array.isArray(t) && typeof t[0] != "number", Js = (t) => Array.isArray(t) && typeof t[0] == "number", wn = {
-  linear: W,
+  linear: $,
   easeIn: Cr,
   easeInOut: Zs,
   easeOut: Er,
@@ -184,7 +184,7 @@ function Qs(t, e) {
       r[Nt[S]].cancel(g);
   }, state: i, steps: r };
 }
-const { schedule: A, cancel: Z, state: L, steps: ne } = /* @__PURE__ */ Qs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : W, !0);
+const { schedule: A, cancel: Z, state: L, steps: ne } = /* @__PURE__ */ Qs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : $, !0);
 let $t;
 function Br() {
   $t = void 0;
@@ -263,7 +263,7 @@ const Te = {
 function _r(t) {
   return isNaN(t) && typeof t == "string" && (t.match(Je)?.length || 0) + (t.match(Gr)?.length || 0) > 0;
 }
-const ni = "number", si = "color", Hr = "var", zr = "var(", Mn = "${}", Yr = /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 ni = "number", si = "color", Hr = "var", zr = "var(", Dn = "${}", Yr = /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 Rt(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -271,7 +271,7 @@ function Rt(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(Yr, (l) => (C.test(l) ? (s.color.push(o), i.push(si), n.push(C.parse(l))) : l.startsWith(zr) ? (s.var.push(o), i.push(Hr), n.push(l)) : (s.number.push(o), i.push(ni), n.push(parseFloat(l))), ++o, Mn)).split(Mn);
+  const a = e.replace(Yr, (l) => (C.test(l) ? (s.color.push(o), i.push(si), n.push(C.parse(l))) : l.startsWith(zr) ? (s.var.push(o), i.push(Hr), n.push(l)) : (s.number.push(o), i.push(ni), n.push(parseFloat(l))), ++o, Dn)).split(Dn);
   return { values: n, split: a, indexes: s, types: i };
 }
 function ii(t) {
@@ -322,11 +322,11 @@ function Zr({ hue: t, saturation: e, lightness: n, alpha: s }) {
 function zt(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const M = (t, e, n) => t + (e - t) * n, re = (t, e, n) => {
+const D = (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);
 }, Jr = [Te, st, ut], Qr = (t) => Jr.find((e) => e.test(t));
-function Dn(t) {
+function Mn(t) {
   const e = Qr(t);
   if (Tt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
@@ -334,17 +334,17 @@ function Dn(t) {
   return e === ut && (n = Zr(n)), n;
 }
 const Cn = (t, e) => {
-  const n = Dn(t), s = Dn(e);
+  const n = Mn(t), s = Mn(e);
   if (!n || !s)
     return zt(t, e);
   const i = { ...n };
-  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 = M(n.alpha, s.alpha, o), st.transform(i));
+  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 = D(n.alpha, s.alpha, o), st.transform(i));
 }, xe = /* @__PURE__ */ new Set(["none", "hidden"]);
 function to(t, e) {
   return xe.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function eo(t, e) {
-  return (n) => M(t, e, n);
+  return (n) => D(t, e, n);
 }
 function tn(t) {
   return typeof t == "number" ? eo : typeof t == "string" ? Ze(t) ? zt : C.test(t) ? Cn : io : Array.isArray(t) ? oi : typeof t == "object" ? C.test(t) ? Cn : no : zt;
@@ -380,7 +380,7 @@ const io = (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 ? xe.has(t) && !i.values.length || xe.has(e) && !s.values.length ? to(t, e) : Bt(oi(so(s, i), i.values), n) : (Tt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), zt(t, e));
 };
 function ai(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? M(t, e, n) : tn(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? D(t, e, n) : tn(t)(t, e);
 }
 const ro = (t) => {
   const e = ({ timestamp: n }) => t(n);
@@ -413,7 +413,7 @@ function oo(t, e = 100, n) {
   return {
     type: "keyframes",
     ease: (o) => s.next(i * o).value / e,
-    duration: /* @__PURE__ */ _(i)
+    duration: /* @__PURE__ */ W(i)
   };
 }
 const ao = 5;
@@ -452,9 +452,9 @@ const V = {
 }, oe = 1e-3;
 function lo({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.velocity, mass: s = V.mass }) {
   let i, o;
-  Tt(t <= /* @__PURE__ */ G(V.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Tt(t <= /* @__PURE__ */ _(V.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = z(V.minDamping, V.maxDamping, r), t = z(V.minDuration, V.maxDuration, /* @__PURE__ */ _(t)), r < 1 ? (i = (c) => {
+  r = z(V.minDamping, V.maxDamping, r), t = z(V.minDuration, V.maxDuration, /* @__PURE__ */ W(t)), r < 1 ? (i = (c) => {
     const u = c * r, h = u * t, f = u - n, d = Pe(c, r), m = Math.exp(-h);
     return oe - f / d * m;
   }, o = (c) => {
@@ -468,7 +468,7 @@ function lo({ duration: t = V.duration, bounce: e = V.bounce, velocity: n = V.ve
     return u * h;
   });
   const a = 5 / t, l = co(i, o, a);
-  if (t = /* @__PURE__ */ G(t), isNaN(l))
+  if (t = /* @__PURE__ */ _(t), isNaN(l))
     return {
       stiffness: V.stiffness,
       damping: V.damping,
@@ -534,8 +534,8 @@ function Xt(t = V.visualDuration, e = V.bounce) {
   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 } = mo({
     ...n,
-    velocity: -/* @__PURE__ */ _(n.velocity || 0)
-  }), m = f || 0, v = c / (2 * Math.sqrt(l * u)), y = r - o, p = /* @__PURE__ */ _(Math.sqrt(l / u)), T = Math.abs(y) < 5;
+    velocity: -/* @__PURE__ */ W(n.velocity || 0)
+  }), m = f || 0, v = c / (2 * Math.sqrt(l * u)), y = r - o, p = /* @__PURE__ */ W(Math.sqrt(l / u)), T = Math.abs(y) < 5;
   s || (s = T ? V.restSpeed.granular : V.restSpeed.default), i || (i = T ? V.restDelta.granular : V.restDelta.default);
   let g;
   if (v < 1) {
@@ -561,7 +561,7 @@ function Xt(t = V.visualDuration, e = V.bounce) {
         a.done = P >= h;
       else {
         let E = P === 0 ? m : 0;
-        v < 1 && (E = P === 0 ? /* @__PURE__ */ G(m) : ui(g, P, w));
+        v < 1 && (E = P === 0 ? /* @__PURE__ */ _(m) : ui(g, P, w));
         const b = Math.abs(E) <= s, B = Math.abs(r - w) <= i;
         a.done = b && B;
       }
@@ -578,7 +578,7 @@ function Xt(t = V.visualDuration, e = V.bounce) {
 }
 Xt.applyToOptions = (t) => {
   const e = oo(t, 100, Xt);
-  return t.ease = e.ease, t.duration = /* @__PURE__ */ G(e.duration), t.type = "keyframes", t;
+  return t.ease = e.ease, t.duration = /* @__PURE__ */ _(e.duration), t.type = "keyframes", t;
 };
 function be({ 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 = {
@@ -617,7 +617,7 @@ function po(t, e, n) {
   for (let r = 0; r < o; r++) {
     let a = i(t[r], t[r + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[r] || W : e;
+      const l = Array.isArray(e) ? e[r] || $ : e;
       a = Bt(l, a);
     }
     s.push(a);
@@ -648,7 +648,7 @@ function yo(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = /* @__PURE__ */ Ct(0, e, s);
-    t.push(M(n, 1, i));
+    t.push(D(n, 1, i));
   }
 }
 function vo(t) {
@@ -775,13 +775,17 @@ class rn extends sn {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ _(this.calculatedDuration);
+    return /* @__PURE__ */ W(this.calculatedDuration);
+  }
+  get iterationDuration() {
+    const { delay: e = 0 } = this.options || {};
+    return this.duration + /* @__PURE__ */ W(e);
   }
   get time() {
-    return /* @__PURE__ */ _(this.currentTime);
+    return /* @__PURE__ */ W(this.currentTime);
   }
   set time(e) {
-    e = /* @__PURE__ */ G(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
+    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);
   }
   get speed() {
     return this.playbackSpeed;
@@ -789,7 +793,7 @@ class rn extends sn {
   set speed(e) {
     this.updateTime(O.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ _(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ W(this.currentTime));
   }
   play() {
     if (this.isStopped)
@@ -878,14 +882,14 @@ function Ve(t, e) {
   }
   if (!i)
     return Ae(e);
-  const o = s[e], r = i[1].split(",").map(Do);
+  const o = s[e], r = i[1].split(",").map(Mo);
   return typeof o == "function" ? o(r) : r[o];
 }
-const Mo = (t, e) => {
+const Do = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
   return Ve(n, e);
 };
-function Do(t) {
+function Mo(t) {
   return parseFloat(t.trim());
 }
 const Pt = [
@@ -929,9 +933,9 @@ const rt = {
 rt.translateX = rt.x;
 rt.translateY = rt.y;
 const ot = /* @__PURE__ */ new Set();
-let Me = !1, De = !1, Ce = !1;
+let De = !1, Me = !1, Ce = !1;
 function hi() {
-  if (De) {
+  if (Me) {
     const t = Array.from(ot).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
       const i = Ro(s);
@@ -946,11 +950,11 @@ function hi() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  De = !1, Me = !1, ot.forEach((t) => t.complete(Ce)), ot.clear();
+  Me = !1, De = !1, ot.forEach((t) => t.complete(Ce)), ot.clear();
 }
 function fi() {
   ot.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (De = !0);
+    t.readKeyframes(), t.needsMeasurement && (Me = !0);
   });
 }
 function Lo() {
@@ -961,7 +965,7 @@ class on {
     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 ? (ot.add(this), Me || (Me = !0, A.read(fi), A.resolveKeyframes(hi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (ot.add(this), De || (De = !0, A.read(fi), A.resolveKeyframes(hi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -1103,13 +1107,17 @@ class Uo extends sn {
   }
   get duration() {
     const e = this.animation.effect?.getComputedTiming?.().duration || 0;
-    return /* @__PURE__ */ _(Number(e));
+    return /* @__PURE__ */ W(Number(e));
+  }
+  get iterationDuration() {
+    const { delay: e = 0 } = this.options || {};
+    return this.duration + /* @__PURE__ */ W(e);
   }
   get time() {
-    return /* @__PURE__ */ _(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ W(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ G(e);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ _(e);
   }
   /**
    * The playback speed of the animation.
@@ -1134,7 +1142,7 @@ class Uo extends sn {
    * 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 && Bo() ? (this.animation.timeline = e, W) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && Bo() ? (this.animation.timeline = e, $) : n(this);
   }
 }
 const gi = {
@@ -1172,7 +1180,7 @@ class $o extends Uo {
     const a = new rn({
       ...r,
       autoplay: !1
-    }), l = /* @__PURE__ */ G(this.finishedTime ?? this.time);
+    }), l = /* @__PURE__ */ _(this.finishedTime ?? this.time);
     n.setWithVelocity(a.sample(l - In).value, a.sample(l).value, In), a.stop();
   }
 }
@@ -1197,7 +1205,7 @@ function _o(t, e, n, s) {
   return Tt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : Go(t) || (n === "spring" || pi(n)) && s;
 }
 function Ee(t) {
-  t.duration = 0, t.type;
+  t.duration = 0, t.type = "keyframes";
 }
 const Ho = /* @__PURE__ */ new Set([
   "opacity",
@@ -1251,7 +1259,7 @@ class qo extends sn {
       ...f,
       element: f.motionValue.owner.current
     }) : new rn(f);
-    d.finished.then(() => this.notifyFinished()).catch(W), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
+    d.finished.then(() => this.notifyFinished()).catch($), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1266,6 +1274,9 @@ class qo extends sn {
   get duration() {
     return this.animation.duration;
   }
+  get iterationDuration() {
+    return this.animation.iterationDuration;
+  }
   get time() {
     return this.animation.time;
   }
@@ -1731,18 +1742,18 @@ class da {
 function gt(t, e) {
   return new da(t, e);
 }
-const { schedule: un } = /* @__PURE__ */ Qs(queueMicrotask, !1), $ = {
+const { schedule: un } = /* @__PURE__ */ Qs(queueMicrotask, !1), G = {
   x: !1,
   y: !1
 };
 function wi() {
-  return $.x || $.y;
+  return G.x || G.y;
 }
 function ma(t) {
-  return t === "x" || t === "y" ? $[t] ? null : ($[t] = !0, () => {
-    $[t] = !1;
-  }) : $.x || $.y ? null : ($.x = $.y = !0, () => {
-    $.x = $.y = !1;
+  return t === "x" || t === "y" ? G[t] ? null : (G[t] = !0, () => {
+    G[t] = !1;
+  }) : G.x || G.y ? null : (G.x = G.y = !0, () => {
+    G.x = G.y = !1;
   });
 }
 function Ai(t, e) {
@@ -1828,13 +1839,13 @@ function Ta(t, e, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), ha(a) && (a.addEventListener("focus", (c) => va(c, i)), !ya(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
-function Mi(t) {
+function Di(t) {
   return Us(t) && "ownerSVGElement" in t;
 }
 function xa(t) {
-  return Mi(t) && t.tagName === "svg";
+  return Di(t) && t.tagName === "svg";
 }
-const k = (t) => !!(t && t.getVelocity), Pa = [...xi, C, J], ba = (t) => Pa.find(Ti(t)), Di = vt({
+const k = (t) => !!(t && t.getVelocity), Pa = [...xi, C, J], ba = (t) => Pa.find(Ti(t)), Mi = vt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -1925,7 +1936,7 @@ try {
   Va(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Ma(t, e, n) {
+function Da(t, e, n) {
   const s = {};
   for (const i in t)
     i === "values" && typeof t.values == "object" || (Ei(i) || n === !0 && qt(i) || !e && !qt(i) || // If trying to use native HTML drag events, forward drag listeners
@@ -1954,7 +1965,7 @@ function ee(t) {
 function Ri(t) {
   return !!(ee(t) || t.variants);
 }
-function Da(t, e) {
+function Ma(t, e) {
   if (ee(t)) {
     const { initial: n, animate: s } = t;
     return {
@@ -1965,7 +1976,7 @@ function Da(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function Ca(t) {
-  const { initial: e, animate: n } = Da(t, I(Qt));
+  const { initial: e, animate: n } = Ma(t, I(Qt));
   return Jt(() => ({ initial: e, animate: n }), [_n(e), _n(n)]);
 }
 function _n(t) {
@@ -2147,7 +2158,7 @@ function pn(t) {
   );
 }
 function Wa(t, e, n, { latestValues: s }, i, o = !1) {
-  const a = (pn(t) ? Ua : Ia)(e, s, i, t), l = Ma(e, typeof t == "string", o), c = t !== Os ? { ...l, ...a, ref: n } : {}, { children: u } = e, h = Jt(() => k(u) ? u.get() : u, [u]);
+  const a = (pn(t) ? Ua : Ia)(e, s, i, t), l = Da(e, typeof t == "string", o), c = t !== Os ? { ...l, ...a, ref: n } : {}, { children: u } = e, h = Jt(() => k(u) ? u.get() : u, [u]);
   return Tr(t, {
     ...c,
     children: h
@@ -2246,16 +2257,15 @@ function Ya(t, e, n) {
       s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : ht(n) && (n.current = s));
     },
     /**
-     * Only pass a new ref callback to React if we've received a visual element
-     * factory. Otherwise we'll be mounting/remounting every time externalRef
-     * or other dependencies change.
+     * Include externalRef in dependencies to ensure the callback updates
+     * when the ref changes, allowing proper ref forwarding.
      */
     [e]
   );
 }
 const vn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Xa = "framerAppearId", Ni = "data-" + vn(Xa), Ui = vt({});
 function qa(t, e, n, s, i) {
-  const { visualElement: o } = I(Qt), r = I(Ci), a = I(We), l = I(Di).reducedMotion, c = Wt(null);
+  const { visualElement: o } = I(Qt), r = I(Ci), a = I(We), l = I(Mi).reducedMotion, c = Wt(null);
   s = s || r.renderer, !c.current && s && (c.current = s(t, {
     visualState: e,
     parent: o,
@@ -2310,7 +2320,7 @@ function le(t, { forwardMotionProps: e = !1 } = {}, n, s) {
   function o(a, l) {
     let c;
     const u = {
-      ...I(Di),
+      ...I(Mi),
       ...a,
       layoutId: Ja(a)
     }, { isStatic: h } = u, f = Ca(a), d = i(a, h);
@@ -2428,7 +2438,7 @@ function ft(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function Zn(t, e, n, s, i = 0.5) {
-  const o = M(t.min, t.max, i);
+  const o = D(t.min, t.max, i);
   ke(t, e, n, o, s);
 }
 function dt(t, e) {
@@ -2449,7 +2459,7 @@ const Jn = () => ({
 }), mt = () => ({
   x: Jn(),
   y: Jn()
-}), Qn = () => ({ min: 0, max: 0 }), D = () => ({
+}), Qn = () => ({ min: 0, max: 0 }), M = () => ({
   x: Qn(),
   y: Qn()
 }), Fe = { current: null }, Hi = { current: !1 };
@@ -2573,7 +2583,7 @@ class ul {
    * 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];
@@ -2732,7 +2742,7 @@ class hl extends zi {
   }
   readValueFromInstance(e, n) {
     if (bt.has(n))
-      return this.projection?.isProjecting ? Ae(n) : Mo(e, n);
+      return this.projection?.isProjecting ? Ae(n) : Do(e, n);
     {
       const s = cl(e), i = (qe(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
@@ -2780,7 +2790,7 @@ function fl(t, e, n, s) {
 }
 class dl extends zi {
   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];
@@ -2872,7 +2882,7 @@ function Vl({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDi
 const Tn = (t, e, n, s = {}, i, o) => (r) => {
   const a = an(s, t) || {}, l = a.delay || s.delay || 0;
   let { elapsed: c = 0 } = s;
-  c = c - /* @__PURE__ */ G(l);
+  c = c - /* @__PURE__ */ _(l);
   const u = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -2889,7 +2899,7 @@ const Tn = (t, e, n, s = {}, i, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : i
   };
-  Vl(a) || Object.assign(u, Al(t, u)), u.duration && (u.duration = /* @__PURE__ */ G(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ G(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Vl(a) || Object.assign(u, Al(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);
   let h = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Ee(u), u.delay === 0 && (h = !0)), (X.instantAnimations || X.skipAnimations) && (h = !0, Ee(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
     const f = xl(u.keyframes, a);
@@ -2902,7 +2912,7 @@ const Tn = (t, e, n, s = {}, i, o) => (r) => {
   }
   return a.isSync ? new rn(u) : new qo(u);
 };
-function Ml({ protectedKeys: t, needsAnimating: e }, n) {
+function Dl({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
@@ -2912,7 +2922,7 @@ function Zi(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 && Ml(c, u))
+    if (f === void 0 || c && Dl(c, u))
       continue;
     const d = {
       delay: n,
@@ -2948,7 +2958,7 @@ function Oe(t, e, n = {}) {
   n.transitionOverride && (i = n.transitionOverride);
   const o = s ? () => Promise.all(Zi(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
-    return Dl(t, e, l, c, u, h, n);
+    return Ml(t, e, l, c, u, h, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [o, r] : [r, o];
@@ -2956,7 +2966,7 @@ function Oe(t, e, n = {}) {
   } else
     return Promise.all([o(), r(n.delay)]);
 }
-function Dl(t, e, n = 0, s = 0, i = 0, o = 1, r) {
+function Ml(t, e, n = 0, s = 0, i = 0, o = 1, r) {
   const a = [];
   for (const l of t.variantChildren)
     l.notify("AnimationStart", e), a.push(Oe(l, e, {
@@ -3104,7 +3114,7 @@ function Fl(t) {
     setAnimateFunction: o,
     getState: () => n,
     reset: () => {
-      n = es(), s = !0;
+      n = es();
     }
   };
 }
@@ -3218,9 +3228,9 @@ function _l(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function ns(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = M(e.min, e.max, t.origin), t.scale = F(n) / F(e), t.translate = M(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Kl && t.scale <= Wl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= $l && t.translate <= Gl || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = D(e.min, e.max, t.origin), t.scale = F(n) / F(e), t.translate = D(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Kl && t.scale <= Wl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= $l && t.translate <= Gl || isNaN(t.translate)) && (t.translate = 0);
 }
-function Mt(t, e, n, s) {
+function Dt(t, e, n, s) {
   ns(t.x, e.x, n.x, s ? s.originX : void 0), ns(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function ss(t, e, n) {
@@ -3232,7 +3242,7 @@ function Hl(t, e, n) {
 function is(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + F(e);
 }
-function Dt(t, e, n) {
+function Mt(t, e, n) {
   is(t.x, e.x, n.x), is(t.y, e.y, n.y);
 }
 function K(t) {
@@ -3304,11 +3314,11 @@ function Xl(t, e) {
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
   const i = rr(t);
-  for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ G(e))); )
+  for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ _(e))); )
     n--;
   if (!s)
     return { x: 0, y: 0 };
-  const o = /* @__PURE__ */ _(i.timestamp - s.timestamp);
+  const o = /* @__PURE__ */ W(i.timestamp - s.timestamp);
   if (o === 0)
     return { x: 0, y: 0 };
   const r = {
@@ -3318,7 +3328,7 @@ function Xl(t, e) {
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
 function ql(t, { min: e, max: n }, s) {
-  return e !== void 0 && t < e ? t = s ? M(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? M(n, t, s.max) : Math.min(t, n)), t;
+  return e !== void 0 && t < e ? t = s ? D(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? D(n, t, s.max) : Math.min(t, n)), t;
 }
 function as(t, e, n) {
   return {
@@ -3370,7 +3380,7 @@ function cs(t, e) {
 const nu = /* @__PURE__ */ new WeakMap();
 class su {
   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.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = M(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
     const { presenceContext: i } = this.visualElement;
@@ -3528,7 +3538,7 @@ class su {
       const { projection: i } = this.visualElement, o = this.getAxisMotionValue(n);
       if (i && i.layout) {
         const { min: r, max: a } = i.layout.layoutBox[n];
-        o.set(e[n] - M(r, a, 0.5));
+        o.set(e[n] - D(r, a, 0.5));
       }
     });
   }
@@ -3557,7 +3567,7 @@ class su {
       if (!Kt(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: c } = this.constraints[r];
-      a.set(M(l, c, i[r]));
+      a.set(D(l, c, i[r]));
     });
   }
   addListeners() {
@@ -3572,12 +3582,12 @@ class su {
       ht(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()), A.read(s);
-    const r = Ft(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
+    const r = Ft(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: c }) => {
       this.isDragging && c && (K((u) => {
         const h = this.getAxisMotionValue(u);
         h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
       }), this.visualElement.render());
-    });
+    }));
     return () => {
       r(), n(), o(), a && a();
     };
@@ -3604,11 +3614,11 @@ function iu(t, e = 10) {
 }
 class ru extends Q {
   constructor(e) {
-    super(e), this.removeGroupControls = W, this.removeListeners = W, this.controls = new su(e);
+    super(e), this.removeGroupControls = $, this.removeListeners = $, this.controls = new su(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || W;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || $;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3619,7 +3629,7 @@ const hs = (t) => (e, n) => {
 };
 class ou extends Q {
   constructor() {
-    super(...arguments), this.removePointerDownListener = W;
+    super(...arguments), this.removePointerDownListener = $;
   }
   onPointerDown(e) {
     this.session = new ir(e, this.createPanHandlers(), {
@@ -3682,7 +3692,7 @@ const St = {
       return s;
     const o = J.createTransformer(t), r = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
     i[0 + r] /= a, i[1 + r] /= l;
-    const c = M(a, l, 0.5);
+    const c = D(a, l, 0.5);
     return typeof i[2 + r] == "number" && (i[2 + r] /= c), typeof i[3 + r] == "number" && (i[3 + r] /= c), o(i);
   }
 };
@@ -3775,20 +3785,20 @@ function du(t, e) {
 }
 const ar = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], mu = ar.length, ds = (t) => typeof t == "string" ? parseFloat(t) : t, ms = (t) => typeof t == "number" || x.test(t);
 function pu(t, e, n, s, i, o) {
-  i ? (t.opacity = M(0, n.opacity ?? 1, gu(s)), t.opacityExit = M(e.opacity ?? 1, 0, yu(s))) : o && (t.opacity = M(e.opacity ?? 1, n.opacity ?? 1, s));
+  i ? (t.opacity = D(0, n.opacity ?? 1, gu(s)), t.opacityExit = D(e.opacity ?? 1, 0, yu(s))) : o && (t.opacity = D(e.opacity ?? 1, n.opacity ?? 1, s));
   for (let r = 0; r < mu; r++) {
     const a = `border${ar[r]}Radius`;
     let l = ps(e, a), c = ps(n, a);
     if (l === void 0 && c === void 0)
       continue;
-    l || (l = 0), c || (c = 0), l === 0 || c === 0 || ms(l) === ms(c) ? (t[a] = Math.max(M(ds(l), ds(c), s), 0), (H.test(c) || H.test(l)) && (t[a] += "%")) : t[a] = c;
+    l || (l = 0), c || (c = 0), l === 0 || c === 0 || ms(l) === ms(c) ? (t[a] = Math.max(D(ds(l), ds(c), s), 0), (H.test(c) || H.test(l)) && (t[a] += "%")) : t[a] = c;
   }
-  (e.rotate || n.rotate) && (t.rotate = M(e.rotate || 0, n.rotate || 0, s));
+  (e.rotate || n.rotate) && (t.rotate = D(e.rotate || 0, n.rotate || 0, s));
 }
 function ps(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const gu = /* @__PURE__ */ lr(0, 0.5, Xs), yu = /* @__PURE__ */ lr(0.5, 0.95, W);
+const gu = /* @__PURE__ */ lr(0, 0.5, Xs), yu = /* @__PURE__ */ lr(0.5, 0.95, $);
 function lr(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Ct(t, e, s));
 }
@@ -3805,9 +3815,9 @@ function vs(t, e, n, s, i) {
   return t -= e, t = Zt(t, 1 / n, s), i !== void 0 && (t = Zt(t, 1 / i, s)), t;
 }
 function vu(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
-  if (H.test(e) && (e = parseFloat(e), e = M(r.min, r.max, e / 100) - r.min), typeof e != "number")
+  if (H.test(e) && (e = parseFloat(e), e = D(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
-  let a = M(o.min, o.max, s);
+  let a = D(o.min, o.max, s);
   t === o && (a -= e), t.min = vs(t.min, e, n, a, i), t.max = vs(t.max, e, n, a, i);
 }
 function Ts(t, e, [n, s, i], o, r) {
@@ -3931,7 +3941,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.id = Au++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, this.nodes.forEach(Du), this.nodes.forEach(Lu), this.nodes.forEach(ku), this.nodes.forEach(Cu);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(Mu), this.nodes.forEach(Lu), this.nodes.forEach(ku), this.nodes.forEach(Cu);
       }, 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;
@@ -3953,7 +3963,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = Mi(r) && !xa(r), this.instance = r;
+      this.isSVG = Di(r) && !xa(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
@@ -3962,7 +3972,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = du(f, 250), Ht.hasAnimatedSinceResize && (Ht.hasAnimatedSinceResize = !1, this.nodes.forEach(Ds)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = du(f, 250), Ht.hasAnimatedSinceResize && (Ht.hasAnimatedSinceResize = !1, this.nodes.forEach(Ms)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -3980,7 +3990,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           };
           (c.shouldReduceMotion || this.options.layoutRoot) && (g.delay = 0, g.type = !1), this.startAnimation(g), this.setAnimationOrigin(u, T);
         } else
-          h || Ds(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          h || Ms(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = d;
       });
     }
@@ -4034,10 +4044,10 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Ms);
+        this.nodes.forEach(Ds);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Ru), this.nodes.forEach(Vu), this.nodes.forEach(Mu)) : this.nodes.forEach(Ms), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Ru), this.nodes.forEach(Vu), this.nodes.forEach(Du)) : this.nodes.forEach(Ds), this.clearAllSnapshots();
       const a = O.now();
       L.delta = z(0, 1e3 / 60, a - L.timestamp), L.timestamp = a, L.isProcessing = !0, ne.update.process(L), ne.preRender.process(L), ne.render.process(L), L.isProcessing = !1;
     }
@@ -4068,7 +4078,7 @@ function fr({ 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);
     }
@@ -4105,7 +4115,7 @@ function fr({ 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(Uu))) {
         const { scroll: c } = this.root;
@@ -4114,7 +4124,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     removeElementScroll(r) {
-      const a = D();
+      const a = M();
       if (U(a, r), this.scroll?.wasRoot)
         return a;
       for (let l = 0; l < this.path.length; l++) {
@@ -4124,7 +4134,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     applyTransform(r, a = !1) {
-      const l = D();
+      const l = M();
       U(l, r);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
@@ -4136,14 +4146,14 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return nt(this.latestValues) && dt(l, this.latestValues), l;
     }
     removeTransform(r) {
-      const a = D();
+      const a = M();
       U(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !nt(c.latestValues))
           continue;
         Le(c.latestValues) && c.updateSnapshot();
-        const u = D(), h = c.measurePageBox();
+        const u = M(), h = c.measurePageBox();
         U(u, h), xs(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return nt(this.latestValues) && xs(a, this.latestValues), a;
@@ -4174,12 +4184,12 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!this.layout || !(u || h))) {
         if (this.resolvedRelativeTargetAt = L.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(), Dt(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), U(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(), Mt(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), U(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(), Hl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : U(this.target, this.layout.layoutBox), Gi(this.target, this.targetDelta)) : U(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(), Hl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : U(this.target, this.layout.layoutBox), Gi(this.target, this.targetDelta)) : U(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(), Dt(this.relativeTargetOrigin, this.target, f.target), U(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(), Mt(this.relativeTargetOrigin, this.target, f.target), U(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -4200,13 +4210,13 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       U(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      il(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());
+      il(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());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (ys(this.prevProjectionDelta.x, this.projectionDelta.x), ys(this.prevProjectionDelta.y, this.projectionDelta.y)), Mt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !As(this.projectionDelta.x, this.prevProjectionDelta.x) || !As(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (ys(this.prevProjectionDelta.x, this.projectionDelta.x), ys(this.prevProjectionDelta.y, this.projectionDelta.y)), Dt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !As(this.projectionDelta.x, this.prevProjectionDelta.x) || !As(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
     }
     hide() {
       this.isVisible = !1;
@@ -4227,12 +4237,12 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = mt();
       (!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, v = d !== m, y = this.getStack(), p = !y || y.members.length <= 1, T = !!(v && !p && this.options.crossfade === !0 && !this.path.some(Ou));
+      const f = M(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, v = d !== m, y = this.getStack(), p = !y || y.members.length <= 1, T = !!(v && !p && this.options.crossfade === !0 && !this.path.some(Ou));
       this.animationProgress = 0;
       let g;
       this.mixTargetDelta = (S) => {
         const P = S / 1e3;
-        Cs(h.x, r.x, P), Cs(h.y, r.y, P), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Dt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Iu(this.relativeTarget, this.relativeTargetOrigin, f, P), g && Pu(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = D()), U(g, this.relativeTarget)), v && (this.animationValues = u, pu(u, c, this.latestValues, P, T, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+        Cs(h.x, r.x, P), Cs(h.y, r.y, P), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Mt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Iu(this.relativeTarget, this.relativeTargetOrigin, f, P), g && Pu(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = M()), U(g, this.relativeTarget)), v && (this.animationValues = u, pu(u, c, this.latestValues, P, T, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -4265,13 +4275,13 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
       if (!(!a || !l || !c)) {
         if (this !== r && this.layout && c && dr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || D();
+          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 = F(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        U(a, l), dt(a, u), Mt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        U(a, l), dt(a, u), Dt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
@@ -4373,7 +4383,7 @@ function fr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
 function Vu(t) {
   t.updateLayout();
 }
-function Mu(t) {
+function Du(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;
@@ -4385,9 +4395,9 @@ function Mu(t) {
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[u].max = t.relativeTarget[u].min + f);
     });
     const r = mt();
-    Mt(r, n, e.layoutBox);
+    Dt(r, n, e.layoutBox);
     const a = mt();
-    o ? Mt(a, t.applyTransform(s, !0), e.measuredBox) : Mt(a, n, e.layoutBox);
+    o ? Dt(a, t.applyTransform(s, !0), e.measuredBox) : Dt(a, n, e.layoutBox);
     const l = !ur(r);
     let c = !1;
     if (!t.resumeFrom) {
@@ -4395,10 +4405,10 @@ function Mu(t) {
       if (u && !u.resumeFrom) {
         const { snapshot: h, layout: f } = u;
         if (h && f) {
-          const d = D();
-          Dt(d, e.layoutBox, h.layoutBox);
-          const m = D();
-          Dt(m, n, f.layoutBox), cr(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
+          const d = M();
+          Mt(d, e.layoutBox, h.layoutBox);
+          const m = M();
+          Mt(m, n, f.layoutBox), cr(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
         }
       }
     }
@@ -4416,7 +4426,7 @@ function Mu(t) {
   }
   t.options.transition = void 0;
 }
-function Du(t) {
+function Mu(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 Cu(t) {
@@ -4428,14 +4438,14 @@ function Eu(t) {
 function Vs(t) {
   t.clearMeasurements();
 }
-function Ms(t) {
+function Ds(t) {
   t.isLayoutDirty = !1;
 }
 function Ru(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Ds(t) {
+function Ms(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
 function Lu(t) {
@@ -4451,10 +4461,10 @@ function Bu(t) {
   t.removeLeadSnapshot();
 }
 function Cs(t, e, n) {
-  t.translate = M(e.translate, 0, n), t.scale = M(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
+  t.translate = D(e.translate, 0, n), t.scale = D(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
 function Es(t, e, n, s) {
-  t.min = M(e.min, n.min, s), t.max = M(e.max, n.max, s);
+  t.min = D(e.min, n.min, s), t.max = D(e.max, n.max, s);
 }
 function Iu(t, e, n, s) {
   Es(t.x, e.x, n.x, s), Es(t.y, e.y, n.y, s);
@@ -4465,7 +4475,7 @@ function Ou(t) {
 const ju = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Rs = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ls = Rs("applewebkit/") && !Rs("chrome/") ? Math.round : W;
+}, Rs = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ls = Rs("applewebkit/") && !Rs("chrome/") ? Math.round : $;
 function ks(t) {
   t.min = Ls(t.min), t.max = Ls(t.max);
 }
@@ -4648,7 +4658,7 @@ const Qu = {
 }, oc = /* @__PURE__ */ el(ec, ml);
 export {
   js as L,
-  Di as M,
+  Mi as M,
   We as P,
   Sa as a,
   wr as b,
@@ -4657,4 +4667,4 @@ export {
   ca as r,
   Sr as u
 };
-//# sourceMappingURL=proxy-CkpFesk1.js.map
+//# sourceMappingURL=proxy-BxkFHwUw.js.map