@konstructio/ui 0.1.2-alpha.84 → 0.1.2-alpha.85

package/dist/{prop-types-DTnODft1.js → prop-types-CE0Kfmwk.js}

@@ -1,4 +1,4 @@
-import { t as k } from "./chunk-D1xtDmiO.js";
+import { t as k } from "./chunk-cI0lbGMq.js";
 var te = /* @__PURE__ */ k(((r) => {
   var i = typeof Symbol == "function" && Symbol.for, P = i ? /* @__PURE__ */ Symbol.for("react.element") : 60103, w = i ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, h = i ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, d = i ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, g = i ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = i ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, _ = i ? /* @__PURE__ */ Symbol.for("react.context") : 60110, v = i ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, T = i ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, E = i ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, O = i ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, R = i ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, S = i ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = i ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = i ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = i ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, M = i ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, Y = i ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function j(n) {

package/dist/{proxy-uLtw-ZML.js → proxy-Cx8v8fok.js}

@@ -1,4 +1,4 @@
-import { a as _r, n as Kr, r as $r } from "./chunk-D1xtDmiO.js";
+import { a as _r, n as Kr, r as $r } from "./chunk-cI0lbGMq.js";
 import { Component as zr, Fragment as Yn, createContext as Mt, createElement as Hr, forwardRef as Gr, useCallback as qn, useContext as U, useEffect as ni, useId as Xr, useInsertionEffect as Zn, useLayoutEffect as Yr, useMemo as he, useRef as dt } from "react";
 import { jsx as Jn, jsxs as qr } from "react/jsx-runtime";
 var Qn = Mt({});
@@ -153,11 +153,11 @@ function ms(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => i = !0, r = zt.reduce((y, w) => (y[w] = lo(o, e ? w : void 0), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: p, postRender: d } = r, v = () => {
+  }, o = () => i = !0, r = zt.reduce((y, w) => (y[w] = lo(o, e ? w : void 0), y), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: p, postRender: d } = r, m = () => {
     const y = rt.useManualTiming, w = y ? s.timestamp : performance.now();
-    i = !1, y || (s.delta = n ? 1e3 / 60 : Math.max(Math.min(w - s.timestamp, uo), 1)), s.timestamp = w, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), f.process(s), p.process(s), d.process(s), s.isProcessing = !1, i && e && (n = !1, t(v));
+    i = !1, y || (s.delta = n ? 1e3 / 60 : Math.max(Math.min(w - s.timestamp, uo), 1)), s.timestamp = w, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), f.process(s), p.process(s), d.process(s), s.isProcessing = !1, i && e && (n = !1, t(m));
   }, g = () => {
-    i = !0, n = !0, s.isProcessing || t(v);
+    i = !0, n = !0, s.isProcessing || t(m);
   };
   return {
     schedule: zt.reduce((y, w) => {
@@ -531,24 +531,24 @@ function re(t = M.visualDuration, e = M.bounce) {
   }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: p } = zo({
     ...i,
     velocity: -K(i.velocity || 0)
-  }), d = f || 0, v = c / (2 * Math.sqrt(l * u)), g = r - o, m = K(Math.sqrt(l / u)), x = Math.abs(g) < 5;
+  }), d = f || 0, m = c / (2 * Math.sqrt(l * u)), g = r - o, v = K(Math.sqrt(l / u)), x = Math.abs(g) < 5;
   n || (n = x ? M.restSpeed.granular : M.restSpeed.default), s || (s = x ? M.restDelta.granular : M.restDelta.default);
   let y, w, b, E, L, P;
-  if (v < 1)
-    b = Ie(m, v), E = (d + v * m * g) / b, y = (S) => r - Math.exp(-v * m * S) * (E * Math.sin(b * S) + g * Math.cos(b * S)), L = v * m * E + g * b, P = v * m * g - E * b, w = (S) => Math.exp(-v * m * S) * (L * Math.sin(b * S) + P * Math.cos(b * S));
-  else if (v === 1) {
-    y = (F) => r - Math.exp(-m * F) * (g + (d + m * g) * F);
-    const S = d + m * g;
-    w = (F) => Math.exp(-m * F) * (m * S * F - d);
+  if (m < 1)
+    b = Ie(v, m), E = (d + m * v * g) / b, y = (S) => r - Math.exp(-m * v * S) * (E * Math.sin(b * S) + g * Math.cos(b * S)), L = m * v * E + g * b, P = m * v * g - E * b, w = (S) => Math.exp(-m * v * S) * (L * Math.sin(b * S) + P * Math.cos(b * S));
+  else if (m === 1) {
+    y = (F) => r - Math.exp(-v * F) * (g + (d + v * g) * F);
+    const S = d + v * g;
+    w = (F) => Math.exp(-v * F) * (v * S * F - d);
   } else {
-    const S = m * Math.sqrt(v * v - 1);
+    const S = v * Math.sqrt(m * m - 1);
     y = (X) => {
-      const et = Math.exp(-v * m * X), Y = Math.min(S * X, 300);
-      return r - et * ((d + v * m * g) * Math.sinh(Y) + S * g * Math.cosh(Y)) / S;
+      const et = Math.exp(-m * v * X), Y = Math.min(S * X, 300);
+      return r - et * ((d + m * v * g) * Math.sinh(Y) + S * g * Math.cosh(Y)) / S;
     };
-    const F = (d + v * m * g) / S, N = v * m * F - g * S, lt = v * m * g - F * S;
+    const F = (d + m * v * g) / S, N = m * v * F - g * S, lt = m * v * g - F * S;
     w = (X) => {
-      const et = Math.exp(-v * m * X), Y = Math.min(S * X, 300);
+      const et = Math.exp(-m * v * X), Y = Math.min(S * X, 300);
       return et * (N * Math.sinh(Y) + lt * Math.cosh(Y));
     };
   }
@@ -556,8 +556,8 @@ function re(t = M.visualDuration, e = M.bounce) {
     calculatedDuration: p && h || null,
     velocity: (S) => W(w(S)),
     next: (S) => {
-      if (!p && v < 1) {
-        const N = Math.exp(-v * m * S), lt = Math.sin(b * S), X = Math.cos(b * S), et = r - N * (E * lt + g * X), Y = W(N * (L * lt + P * X));
+      if (!p && m < 1) {
+        const N = Math.exp(-m * v * S), lt = Math.sin(b * S), X = Math.cos(b * S), et = r - N * (E * lt + g * X), Y = W(N * (L * lt + P * X));
         return a.done = Math.abs(Y) <= n && Math.abs(r - et) <= s, a.value = a.done ? r : et, a;
       }
       const F = y(S);
@@ -592,12 +592,12 @@ function Fe({ keyframes: t, velocity: e = 0, power: i = 0.8, timeConstant: n = 3
     done: !1,
     value: h
   }, p = (P) => a !== void 0 && P < a || l !== void 0 && P > l, d = (P) => a === void 0 ? l : l === void 0 || Math.abs(a - P) < Math.abs(l - P) ? a : l;
-  let v = i * e;
-  const g = h + v, m = r === void 0 ? g : r(g);
-  m !== g && (v = m - h);
-  const x = (P) => -v * Math.exp(-P / n), y = (P) => m + x(P), w = (P) => {
+  let m = i * e;
+  const g = h + m, v = r === void 0 ? g : r(g);
+  v !== g && (m = v - h);
+  const x = (P) => -m * Math.exp(-P / n), y = (P) => v + x(P), w = (P) => {
     const C = x(P), S = y(P);
-    f.done = Math.abs(C) <= c, f.value = f.done ? m : S;
+    f.done = Math.abs(C) <= c, f.value = f.done ? v : S;
   };
   let b, E;
   const L = (P) => {
@@ -738,9 +738,9 @@ var mi = class {
   tick(t, e = !1) {
     const { generator: i, totalDuration: n, mixKeyframes: s, mirroredGenerator: o, resolvedDuration: r, calculatedDuration: a } = this;
     if (this.startTime === null) return i.next(0);
-    const { delay: l = 0, keyframes: c, repeat: u, repeatType: h, repeatDelay: f, type: p, onUpdate: d, finalKeyframe: v } = this.options;
+    const { delay: l = 0, keyframes: c, repeat: u, repeatType: h, repeatDelay: f, type: p, onUpdate: d, finalKeyframe: m } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - n / this.speed, this.startTime)), e ? this.currentTime = t : this.updateTime(t);
-    const g = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), m = this.playbackSpeed >= 0 ? g < 0 : g > n;
+    const g = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), v = this.playbackSpeed >= 0 ? g < 0 : g > n;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = n);
     let x = this.currentTime, y = i;
     if (u) {
@@ -749,11 +749,11 @@ var mi = class {
       !C && L >= 1 && (C = 1), C === 1 && P--, P = Math.min(P, u + 1), P % 2 && (h === "reverse" ? (C = 1 - C, f && (C -= f / r)) : h === "mirror" && (y = o)), x = tt(0, 1, C) * r;
     }
     let w;
-    m ? (this.delayState.value = c[0], w = this.delayState) : w = y.next(x), s && !m && (w.value = s(w.value));
+    v ? (this.delayState.value = c[0], w = this.delayState) : w = y.next(x), s && !v && (w.value = s(w.value));
     let { done: b } = w;
-    !m && a !== null && (b = this.playbackSpeed >= 0 ? this.currentTime >= n : this.currentTime <= 0);
+    !v && a !== null && (b = this.playbackSpeed >= 0 ? this.currentTime >= n : this.currentTime <= 0);
     const E = this.holdTime === null && (this.state === "finished" || this.state === "running" && b);
-    return E && p !== Fe && (w.value = fe(c, this.options, v, this.speed)), d && d(w.value), E && this.finish(), w;
+    return E && p !== Fe && (w.value = fe(c, this.options, m, this.speed)), d && d(w.value), E && this.finish(), w;
   }
   then(t, e) {
     return this.finished.then(t, e);
@@ -1222,8 +1222,8 @@ var Va = 40, Ma = class extends mi {
       motionValue: l,
       element: c,
       ...u
-    };
-    this.keyframeResolver = new (c?.KeyframeResolver || vi)(r, (f, p, d) => this.onKeyframesResolved(f, p, h, !d), a, l, c), this.keyframeResolver?.scheduleResolve();
+    }, f = c?.KeyframeResolver || vi;
+    this.keyframeResolver = new f(r, (p, d, m) => this.onKeyframesResolved(p, d, h, !m), a, l, c), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, e, i, n) {
     this.keyframeResolver = void 0;
@@ -1572,25 +1572,25 @@ function $s(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
   for (const f in a) {
     const p = t.getValue(f, t.latestValues[f] ?? null), d = a[f];
     if (d === void 0 || h && za(h, f)) continue;
-    const v = {
+    const m = {
       delay: i,
       ...gi(o || {}, f)
     }, g = p.get();
-    if (g !== void 0 && !p.isAnimating() && !Array.isArray(d) && d === g && !v.velocity) {
+    if (g !== void 0 && !p.isAnimating() && !Array.isArray(d) && d === g && !m.velocity) {
       A.update(() => p.set(d));
       continue;
     }
-    let m = !1;
+    let v = !1;
     if (window.MotionHandoffAnimation) {
       const w = Ks(t);
       if (w) {
         const b = window.MotionHandoffAnimation(w, f, A);
-        b !== null && (v.startTime = b, m = !0);
+        b !== null && (m.startTime = b, v = !0);
       }
     }
     He(t, f);
     const x = c ?? t.shouldReduceMotion;
-    p.start(yi(f, p, d, x && Ws.has(f) ? { type: !1 } : v, t, m));
+    p.start(yi(f, p, d, x && Ws.has(f) ? { type: !1 } : m, t, v));
     const y = p.animation;
     y && u.push(y);
   }
@@ -1917,13 +1917,13 @@ function ll(t, e, i = {}) {
         }
         h(g);
       }
-    }, v = (g) => {
+    }, m = (g) => {
       if (!al(g)) return;
       l = !1;
-      const m = e(r, g);
-      typeof m == "function" && (c = m, r.addEventListener("pointerleave", d, s));
+      const v = e(r, g);
+      typeof v == "function" && (c = v, r.addEventListener("pointerleave", d, s));
     };
-    r.addEventListener("pointerenter", v, s), r.addEventListener("pointerdown", p, s);
+    r.addEventListener("pointerenter", m, s), r.addEventListener("pointerdown", p, s);
   }), o;
 }
 var Qs = (t, e) => e ? t === e ? !0 : Qs(t, e.parentElement) : !1, Si = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, ul = /* @__PURE__ */ new Set([
@@ -2661,10 +2661,10 @@ function Jl(t) {
   const o = (c) => (u, h) => {
     const f = yt(t, h, c === "exit" ? t.presenceContext?.custom : void 0);
     if (f) {
-      const { transition: p, transitionEnd: d, ...v } = f;
+      const { transition: p, transitionEnd: d, ...m } = f;
       u = {
         ...u,
-        ...v,
+        ...m,
         ...d
       };
     }
@@ -2675,10 +2675,10 @@ function Jl(t) {
   }
   function a(c) {
     const { props: u } = t, h = mr(t.parent) || {}, f = [], p = /* @__PURE__ */ new Set();
-    let d = {}, v = 1 / 0;
-    for (let m = 0; m < ql; m++) {
-      const x = Yl[m], y = i[x], w = u[x] !== void 0 ? u[x] : h[x], b = Nt(w), E = x === c ? y.isActive : null;
-      E === !1 && (v = m);
+    let d = {}, m = 1 / 0;
+    for (let v = 0; v < ql; v++) {
+      const x = Yl[v], y = i[x], w = u[x] !== void 0 ? u[x] : h[x], b = Nt(w), E = x === c ? y.isActive : null;
+      E === !1 && (m = v);
       let L = w === h[x] && w !== u[x] && b;
       if (L && (n || s) && t.manuallyAnimateOnMount && (L = !1), y.protectedKeys = { ...d }, !y.isActive && E === null || !w && !y.prevProp || de(w) || typeof w == "boolean") continue;
       if (x === "exit" && y.isActive && E !== !0) {
@@ -2689,7 +2689,7 @@ function Jl(t) {
         continue;
       }
       const P = Ql(y.prevProp, w);
-      let C = P || x === c && y.isActive && !L && b || m > v && b, S = !1;
+      let C = P || x === c && y.isActive && !L && b || v > m && b, S = !1;
       const F = Array.isArray(w) ? w : [w];
       let N = F.reduce(o(x), {});
       E === !1 && (N = {});
@@ -2728,15 +2728,15 @@ function Jl(t) {
       }));
     }
     if (p.size) {
-      const m = {};
+      const v = {};
       if (typeof u.initial != "boolean") {
         const x = yt(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        x && x.transition && (m.transition = x.transition);
+        x && x.transition && (v.transition = x.transition);
       }
       p.forEach((x) => {
         const y = t.getBaseTarget(x), w = t.getValue(x);
-        w && (w.liveStyle = !0), m[x] = y ?? null;
-      }), f.push({ animation: m });
+        w && (w.liveStyle = !0), v[x] = y ?? null;
+      }), f.push({ animation: v });
     }
     let g = !!f.length;
     return n && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (g = !1), n = !1, s = !1, g ? e(f) : Promise.resolve();
@@ -3047,12 +3047,12 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const d = this.options.transition || c.getDefaultTransition() || Fu, { onLayoutAnimationStart: v, onLayoutAnimationComplete: g } = c.getProps(), m = !this.targetLayout || !xr(this.targetLayout, p), x = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || x || h && (m || !this.currentAnimation)) {
+        const d = this.options.transition || c.getDefaultTransition() || Fu, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), v = !this.targetLayout || !xr(this.targetLayout, p), x = !h && f;
+        if (this.options.layoutRoot || this.resumeFrom || x || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const y = {
             ...gi(d, "layout"),
-            onPlay: v,
+            onPlay: m,
             onComplete: g
           };
           (c.shouldReduceMotion || this.options.layoutRoot) && (y.delay = 0, y.type = !1), this.startAnimation(y), this.setAnimationOrigin(u, x);
@@ -3283,12 +3283,12 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = bt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = R(), p = (l ? l.source : void 0) !== (this.layout ? this.layout.source : void 0), d = this.getStack(), v = !d || d.members.length <= 1, g = !!(p && !v && this.options.crossfade === !0 && !this.path.some(Iu));
+      const f = R(), p = (l ? l.source : void 0) !== (this.layout ? this.layout.source : void 0), d = this.getStack(), m = !d || d.members.length <= 1, g = !!(p && !m && this.options.crossfade === !0 && !this.path.some(Iu));
       this.animationProgress = 0;
-      let m;
+      let v;
       this.mixTargetDelta = (x) => {
         const y = x / 1e3;
-        Rn(h.x, r.x, y), Rn(h.y, r.y, y), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Bu(this.relativeTarget, this.relativeTargetOrigin, f, y), m && uu(this.relativeTarget, m) && (this.isProjectionDirty = !1), m || (m = R()), z(m, this.relativeTarget)), p && (this.animationValues = u, fu(u, c, this.latestValues, y, g, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = y;
+        Rn(h.x, r.x, y), Rn(h.y, r.y, y), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Bu(this.relativeTarget, this.relativeTargetOrigin, f, y), v && uu(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = R()), z(v, this.relativeTarget)), p && (this.animationValues = u, fu(u, c, this.latestValues, y, g, m)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = y;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -3403,11 +3403,11 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       r.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, c.animationValues ? r.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : r.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
       for (const d in Qe) {
         if (u[d] === void 0) continue;
-        const { correct: v, applyTo: g, isCSSVariable: m } = Qe[d], x = h === "none" ? u[d] : v(u[d], c);
+        const { correct: m, applyTo: g, isCSSVariable: v } = Qe[d], x = h === "none" ? u[d] : m(u[d], c);
         if (g) {
           const y = g.length;
           for (let w = 0; w < y; w++) r[g[w]] = x;
-        } else m ? this.options.visualElement.renderState.vars[d] = x : r[d] = x;
+        } else v ? this.options.visualElement.renderState.vars[d] = x : r[d] = x;
       }
       this.options.layoutId && (r.pointerEvents = c === this ? ee(a?.pointerEvents) || "" : "none");
     }
@@ -3450,8 +3450,8 @@ function Su(t) {
         if (h && f) {
           const p = t.options.layoutAnchor || void 0, d = R();
           ue(d, e.layoutBox, h.layoutBox, p);
-          const v = R();
-          ue(v, i, f.layoutBox, p), xr(d, v) || (c = !0), u.options.layoutRoot && (t.relativeTarget = v, t.relativeTargetOrigin = d, t.relativeParent = u);
+          const m = R();
+          ue(m, i, f.layoutBox, p), xr(d, m) || (c = !0), u.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = d, t.relativeParent = u);
         }
       }
     }
@@ -3817,16 +3817,16 @@ function nc(t, e, i, n) {
     for (let p = 0; p < f.length; p++) {
       const d = Ti(t, f[p]);
       if (d) {
-        const { transitionEnd: v, transition: g, ...m } = d;
-        for (const x in m) {
-          let y = m[x];
+        const { transitionEnd: m, transition: g, ...v } = d;
+        for (const x in v) {
+          let y = v[x];
           if (Array.isArray(y)) {
             const w = u ? y.length - 1 : 0;
             y = y[w];
           }
           y !== null && (s[x] = y);
         }
-        for (const x in v) s[x] = v[x];
+        for (const x in m) s[x] = m[x];
       }
     }
   }
@@ -3875,18 +3875,18 @@ function lc(t, e, i, n, s, o) {
     skipAnimations: h,
     isSVG: o
   }), p.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const d = f.current, v = U(Ir);
-  d && !d.projection && s && (d.type === "html" || d.type === "svg") && uc(f.current, i, s, v);
+  const d = f.current, m = U(Ir);
+  d && !d.projection && s && (d.type === "html" || d.type === "svg") && uc(f.current, i, s, m);
   const g = dt(!1);
   Zn(() => {
     d && g.current && d.update(i, l);
   });
-  const m = i[_s], x = dt(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
+  const v = i[_s], x = dt(!!v && typeof window < "u" && !window.MotionHandoffIsComplete?.(v) && window.MotionHasOptimisedAnimation?.(v));
   return Qr(() => {
     p.current = !0, d && (g.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), x.current && d.animationState && d.animationState.animateChanges());
   }), ni(() => {
     d && (!x.current && d.animationState && d.animationState.animateChanges(), x.current && (queueMicrotask(() => {
-      window.MotionHandoffMarkAsComplete?.(m);
+      window.MotionHandoffMarkAsComplete?.(v);
     }), x.current = !1), d.enteringChildren = void 0);
   }), d;
 }
@@ -3918,18 +3918,18 @@ function Me(t, { forwardMotionProps: e = !1, type: i } = {}, n, s) {
       ...U(Mr),
       ...c,
       layoutId: cc(c)
-    }, { isStatic: p } = f, d = Yu(c), v = r(c, p);
+    }, { isStatic: p } = f, d = Yu(c), m = r(c, p);
     if (!p && typeof window < "u") {
       hc(f, n);
       const g = fc(f);
-      h = g.MeasureLayout, d.visualElement = lc(t, v, f, s, g.ProjectionNode, o);
+      h = g.MeasureLayout, d.visualElement = lc(t, m, f, s, g.ProjectionNode, o);
     }
     return qr(me.Provider, {
       value: d,
       children: [h && d.visualElement ? Jn(h, {
         visualElement: d.visualElement,
         ...f
-      }) : null, ec(t, c, ac(v, d.visualElement, u), v, p, e, o)]
+      }) : null, ec(t, c, ac(m, d.visualElement, u), m, p, e, o)]
     });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
@@ -4049,19 +4049,19 @@ var Un = /* @__PURE__ */ new Set(["auto", "scroll"]), jr = class {
         y: 0
       }) >= this.distanceThreshold;
       if (!f && !p) return;
-      const { point: d } = h, { timestamp: v } = B;
+      const { point: d } = h, { timestamp: m } = B;
       this.history.push({
         ...d,
-        timestamp: v
+        timestamp: m
       });
-      const { onStart: g, onMove: m } = this.handlers;
-      f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), m && m(this.lastMoveEvent, h);
+      const { onStart: g, onMove: v } = this.handlers;
+      f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), v && v(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, f) => {
       this.lastMoveEvent = h, this.lastRawMoveEventInfo = f, this.lastMoveEventInfo = Gt(f, this.transformPagePoint), A.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, f) => {
       this.end();
-      const { onEnd: p, onSessionEnd: d, resumeAnimation: v } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo)) return;
+      const { onEnd: p, onSessionEnd: d, resumeAnimation: m } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo)) return;
       const g = Ce(h.type === "pointercancel" ? this.lastMoveEventInfo : Gt(f, this.transformPagePoint), this.history);
       this.startEvent && p && p(h, g), d && d(h, g);
     }, !Si(t)) return;
@@ -4230,28 +4230,28 @@ var Dc = /* @__PURE__ */ new WeakMap(), Ec = class {
       if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = ol(f), !this.openDragLock))
         return;
       this.latestPointerEvent = u, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), q((g) => {
-        let m = this.getAxisMotionValue(g).get() || 0;
-        if (Q.test(m)) {
+        let v = this.getAxisMotionValue(g).get() || 0;
+        if (Q.test(v)) {
           const { projection: x } = this.visualElement;
           if (x && x.layout) {
             const y = x.layout.layoutBox[g];
-            y && (m = j(y) * (parseFloat(m) / 100));
+            y && (v = j(y) * (parseFloat(v) / 100));
           }
         }
-        this.originPoint[g] = m;
+        this.originPoint[g] = v;
       }), d && A.update(() => d(u, h), !1, !0), He(this.visualElement, "transform");
-      const { animationState: v } = this.visualElement;
-      v && v.setActive("whileDrag", !0);
+      const { animationState: m } = this.visualElement;
+      m && m.setActive("whileDrag", !0);
     }, r = (u, h) => {
       this.latestPointerEvent = u, this.latestPanInfo = h;
-      const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: d, onDrag: v } = this.getProps();
+      const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: d, onDrag: m } = this.getProps();
       if (!f && !this.openDragLock) return;
       const { offset: g } = h;
       if (p && this.currentDirection === null) {
         this.currentDirection = Lc(g), this.currentDirection !== null && d && d(this.currentDirection);
         return;
       }
-      this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), v && A.update(() => v(u, h), !1, !0);
+      this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), m && A.update(() => m(u, h), !1, !0);
     }, a = (u, h) => {
       this.latestPointerEvent = u, this.latestPanInfo = h, this.stop(u, h), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, l = () => {