motion-v 0.8.1 → 0.10.0-beta.1

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -1,10 +1,10 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { attachTimeline } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
-import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
-import { supportsLinearEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { attachTimeline } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
+import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+import { supportsLinearEasing } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
 import { anticipate } from "../../easing/anticipate.mjs";
 import { backInOut } from "../../easing/back.mjs";
 import { circInOut } from "../../easing/circ.mjs";
@@ -59,9 +59,8 @@ class AcceleratedAnimation extends BaseAnimation {
     this.resolver.scheduleResolve();
   }
   initPlayback(keyframes, finalKeyframe) {
-    var _a;
     let { duration = 300, times, ease, type, motionValue, name, startTime } = this.options;
-    if (!((_a = motionValue.owner) === null || _a === void 0 ? void 0 : _a.current)) {
+    if (!motionValue.owner || !motionValue.owner.current) {
       return false;
     }
     if (typeof ease === "string" && supportsLinearEasing() && isUnsupportedEase(ease)) {
@@ -232,11 +231,15 @@ class AcceleratedAnimation extends BaseAnimation {
   }
   static supports(options) {
     const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
-    return supportsWaapi() && name && acceleratedValues.has(name) && motionValue && motionValue.owner && motionValue.owner.current instanceof HTMLElement && /**
+    if (!motionValue || !motionValue.owner || !(motionValue.owner.current instanceof HTMLElement)) {
+      return false;
+    }
+    const { onUpdate, transformTemplate } = motionValue.owner.getProps();
+    return supportsWaapi() && name && acceleratedValues.has(name) && /**
      * 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.
      */
-    !motionValue.owner.getProps().onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
+    !onUpdate && !transformTemplate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
   }
 }
 export {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -56,8 +56,8 @@ class BaseAnimation {
     const { name, type, velocity, delay, onComplete, onUpdate, isGenerator } = this.options;
     if (!isGenerator && !canAnimate(keyframes, name, type, velocity)) {
       if (!delay) {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+        onUpdate && onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
+        onComplete && onComplete();
         this.resolveFinishedPromise();
         return;
       } else {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs

@@ -1,7 +1,7 @@
-import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { calcGeneratorDuration } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { KeyframeResolver } from "../../render/utils/KeyframesResolver.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { mix } from "../../utils/mix/index.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/utils/can-animate.mjs

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { isGenerator } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { isAnimatable } from "../../utils/is-animatable.mjs";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs

@@ -1,9 +1,9 @@
-import { invariant } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { NativeAnimationControls } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
-import { supportsLinearEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+import { invariant } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { createGeneratorEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { NativeAnimationControls } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
+import { supportsLinearEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
 import { startWaapiAnimation } from "./index.mjs";
 import { browserNumberValueTypes } from "../../../render/dom/value-types/number-browser.mjs";
 import { getFinalKeyframe } from "./utils/get-final-keyframe.mjs";
@@ -61,8 +61,8 @@ class NativeAnimation extends NativeAnimationControls {
       this.options = options;
       this.updateFinishedPromise();
       this.removeAnimation = () => {
-        var _a;
-        return (_a = state.get(element)) === null || _a === void 0 ? void 0 : _a.delete(valueName);
+        const elementState = state.get(element);
+        elementState && elementState.delete(valueName);
       };
     };
     if (!supportsWaapi()) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -1,7 +1,7 @@
-import { invariant } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { getValueTransition } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import { invariant } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { getValueTransition } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
 function animateElements(elementOrSelector, keyframes, options, scope) {
   const elements = resolveElements(elementOrSelector, scope);

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs

@@ -1,5 +1,5 @@
-import { GroupPlaybackControls } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { GroupPlaybackControls } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
 import { animateElements } from "./animate-elements.mjs";
 const createScopedWaapiAnimate = (scope) => {
   function scopedAnimate(elementOrSelector, keyframes, options) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
 function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeInOut", times } = {}) {
   const keyframeOptions = { [valueName]: keyframes };
   if (times)
@@ -7,7 +7,7 @@ function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duratio
   const easing = mapEasingToNativeEasing(ease, duration);
   if (Array.isArray(easing))
     keyframeOptions.easing = easing;
-  return element.animate(keyframeOptions, {
+  const animation = element.animate(keyframeOptions, {
     delay,
     duration,
     easing: !Array.isArray(easing) ? easing : "linear",
@@ -15,6 +15,7 @@ function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duratio
     iterations: repeat + 1,
     direction: repeatType === "reverse" ? "alternate" : "normal"
   });
+  return animation;
 }
 export {
   startWaapiAnimation

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/style.mjs

@@ -1,5 +1,5 @@
 function setCSSVar(element, name, value) {
-  element.style.setProperty(`--${name}`, value);
+  element.style.setProperty(name, value);
 }
 function setStyle(element, name, value) {
   element.style[name] = value;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/memo.mjs";
+import "../../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/memo.mjs";
 const supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });

package/dist/es/external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs

@@ -0,0 +1,6 @@
+import "../../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/memo.mjs";
+const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+export {
+  supportsWaapi
+};

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/generators/spring/find.mjs

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { springDefaults } from "./defaults.mjs";
 const safeMin = 1e-3;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/generators/spring/index.mjs

@@ -1,7 +1,7 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { generateLinearEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
+import { generateLinearEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { springDefaults } from "./defaults.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,7 +1,7 @@
-import { GroupPlaybackControls } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { frame } from "../../frameloop/frame.mjs";
 import { AcceleratedAnimation } from "../animators/AcceleratedAnimation.mjs";
 import { MainThreadAnimation } from "../animators/MainThreadAnimation.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
 import { positionalKeys } from "../../render/html/utils/keys-position.mjs";
 import { setTarget } from "../../render/utils/setters.mjs";
 import { addValueToWillChange } from "../../value/use-will-change/add-will-change.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/animation/sequence/create.mjs

@@ -1,8 +1,8 @@
-import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { createGeneratorEasing } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { getEasingForSegment } from "../../easing/utils/get-easing-for-segment.mjs";
 import { defaultOffset } from "../../utils/offsets/default.mjs";
 import { fillOffset } from "../../utils/offsets/fill.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/easing/cubic-bezier.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
 const calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
 const subdivisionPrecision = 1e-7;
 const subdivisionMaxIterations = 12;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/easing/utils/map.mjs

@@ -1,6 +1,6 @@
-import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { isBezierDefinition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/is-bezier-definition.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { isBezierDefinition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/is-bezier-definition.mjs";
 import { anticipate } from "../anticipate.mjs";
 import { backIn, backInOut, backOut } from "../back.mjs";
 import { circIn, circInOut, circOut } from "../circ.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/frameloop/batcher.mjs

@@ -1,18 +1,5 @@
+import { stepsOrder } from "./order.mjs";
 import { createRenderStep } from "./render-step.mjs";
-const stepsOrder = [
-  "read",
-  // Read
-  "resolveKeyframes",
-  // Write/Read/Write/Read
-  "update",
-  // Compute
-  "preRender",
-  // Compute
-  "render",
-  // Write
-  "postRender"
-  // Compute
-];
 const maxElapsed = 40;
 function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   let runNextFrame = false;
@@ -24,14 +11,16 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   };
   const flagRunNextFrame = () => runNextFrame = true;
   const steps = stepsOrder.reduce((acc, key) => {
-    acc[key] = createRenderStep(flagRunNextFrame);
+    acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : void 0);
     return acc;
   }, {});
   const { read, resolveKeyframes, update, preRender, render, postRender } = steps;
   const processBatch = () => {
     const timestamp = performance.now();
     runNextFrame = false;
-    state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
+    {
+      state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
+    }
     state.timestamp = timestamp;
     state.isProcessing = true;
     read.process(state);
@@ -70,6 +59,5 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   return { schedule, cancel, state, steps };
 }
 export {
-  createRenderBatcher,
-  stepsOrder
+  createRenderBatcher
 };

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/frameloop/frame.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
 import { createRenderBatcher } from "./batcher.mjs";
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 export {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/frameloop/index-legacy.mjs

@@ -1,4 +1,4 @@
-import { stepsOrder } from "./batcher.mjs";
+import { stepsOrder } from "./order.mjs";
 import { frame, cancelFrame } from "./frame.mjs";
 const sync = frame;
 const cancelSync = stepsOrder.reduce((acc, key) => {

package/dist/es/external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/order.mjs

@@ -0,0 +1,17 @@
+const stepsOrder = [
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
+export {
+  stepsOrder
+};

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/frameloop/render-step.mjs

@@ -1,4 +1,5 @@
-function createRenderStep(runNextFrame) {
+import { statsBuffer } from "../stats/buffer.mjs";
+function createRenderStep(runNextFrame, stepName) {
   let thisFrame = /* @__PURE__ */ new Set();
   let nextFrame = /* @__PURE__ */ new Set();
   let isProcessing = false;
@@ -9,11 +10,13 @@ function createRenderStep(runNextFrame) {
     timestamp: 0,
     isProcessing: false
   };
+  let numCalls = 0;
   function triggerCallback(callback) {
     if (toKeepAlive.has(callback)) {
       step.schedule(callback);
       runNextFrame();
     }
+    numCalls++;
     callback(latestFrameData);
   }
   const step = {
@@ -48,6 +51,10 @@ function createRenderStep(runNextFrame) {
       isProcessing = true;
       [thisFrame, nextFrame] = [nextFrame, thisFrame];
       thisFrame.forEach(triggerCallback);
+      if (stepName && statsBuffer.value) {
+        statsBuffer.value.frameloop[stepName].push(numCalls);
+      }
+      numCalls = 0;
       thisFrame.clear();
       isProcessing = false;
       if (flushNextFrame) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
 import { circOut } from "../../easing/circ.mjs";
 import { mixNumber } from "../../utils/mix/number.mjs";
 import { percent, px } from "../../value/types/numbers/units.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
 import { animateSingleValue } from "../../animation/animate/single-value.mjs";
 import { getOptimisedAppearId } from "../../animation/optimized-appear/get-appear-id.mjs";
 import { cancelFrame, frameData, frameSteps, frame } from "../../frameloop/frame.mjs";
@@ -16,7 +16,7 @@ import { resolveMotionValue } from "../../value/utils/resolve-motion-value.mjs";
 import { mixValues } from "../animation/mix-values.mjs";
 import { copyBoxInto, copyAxisDeltaInto } from "../geometry/copy.mjs";
 import { translateAxis, transformBox, applyBoxDelta, applyTreeDeltas } from "../geometry/delta-apply.mjs";
-import { calcRelativePosition, calcRelativeBox, calcBoxDelta, calcLength, isNear } from "../geometry/delta-calc.mjs";
+import { calcLength, calcRelativePosition, calcRelativeBox, calcBoxDelta, isNear } from "../geometry/delta-calc.mjs";
 import { removeBoxTransforms } from "../geometry/delta-remove.mjs";
 import { createBox, createDelta } from "../geometry/models.mjs";
 import { boxEqualsRounded, isDeltaZero, axisDeltaEquals, aspectRatio, boxEquals } from "../geometry/utils.mjs";
@@ -26,13 +26,6 @@ import { buildProjectionTransform } from "../styles/transform.mjs";
 import { eachAxis } from "../utils/each-axis.mjs";
 import { hasTransform, hasScale, has2DTranslate } from "../utils/has-transform.mjs";
 import { globalProjectionState } from "./state.mjs";
-const metrics = {
-  type: "projectionFrame",
-  totalNodes: 0,
-  resolvedTargetDeltas: 0,
-  recalculatedProjection: 0
-};
-const isDebug = typeof window !== "undefined" && window.MotionDebug !== void 0;
 const transformAxes = ["", "X", "Y", "Z"];
 const hiddenVisibility = { visibility: "hidden" };
 const animationTarget = 1e3;
@@ -98,16 +91,10 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       };
       this.updateProjection = () => {
         this.projectionUpdateScheduled = false;
-        if (isDebug) {
-          metrics.totalNodes = metrics.resolvedTargetDeltas = metrics.recalculatedProjection = 0;
-        }
         this.nodes.forEach(propagateDirtyNodes);
         this.nodes.forEach(resolveTargetDelta);
         this.nodes.forEach(calcProjection);
         this.nodes.forEach(cleanDirtyNodes);
-        if (isDebug) {
-          window.MotionDebug.record(metrics);
-        }
       };
       this.resolvedRelativeTargetAt = 0;
       this.hasProjected = false;
@@ -172,7 +159,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.root.registerSharedNode(layoutId, this);
       }
       if (this.options.animate !== false && visualElement && (layoutId || layout)) {
-        this.addEventListener("didUpdate", ({ delta, hasLayoutChanged, hasRelativeTargetChanged, layout: newLayout }) => {
+        this.addEventListener("didUpdate", ({ delta, hasLayoutChanged, hasRelativeLayoutChanged, layout: newLayout }) => {
           if (this.isTreeAnimationBlocked()) {
             this.target = void 0;
             this.relativeTarget = void 0;
@@ -180,9 +167,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
           }
           const layoutTransition = this.options.transition || visualElement.getDefaultTransition() || defaultLayoutTransition;
           const { onLayoutAnimationStart, onLayoutAnimationComplete } = visualElement.getProps();
-          const targetChanged = !this.targetLayout || !boxEqualsRounded(this.targetLayout, newLayout) || hasRelativeTargetChanged;
-          const hasOnlyRelativeTargetChanged = !hasLayoutChanged && hasRelativeTargetChanged;
-          if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || hasOnlyRelativeTargetChanged || hasLayoutChanged && (targetChanged || !this.currentAnimation)) {
+          const hasTargetChanged = !this.targetLayout || !boxEqualsRounded(this.targetLayout, newLayout);
+          const hasOnlyRelativeTargetChanged = !hasLayoutChanged && hasRelativeLayoutChanged;
+          if (this.options.layoutRoot || this.resumeFrom || hasOnlyRelativeTargetChanged || hasLayoutChanged && (hasTargetChanged || !this.currentAnimation)) {
             if (this.resumeFrom) {
               this.resumingFrom = this.resumeFrom;
               this.resumingFrom.resumingFrom = void 0;
@@ -331,6 +318,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (this.snapshot || !this.instance)
         return;
       this.snapshot = this.measure();
+      if (this.snapshot && !calcLength(this.snapshot.measuredBox.x) && !calcLength(this.snapshot.measuredBox.y)) {
+        this.snapshot = void 0;
+      }
     }
     updateLayout() {
       if (!this.instance)
@@ -563,9 +553,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
           this.relativeParent = this.relativeTarget = void 0;
         }
       }
-      if (isDebug) {
-        metrics.resolvedTargetDeltas++;
-      }
     }
     getClosestProjectingParent() {
       if (!this.parent || hasScale(this.parent.latestValues) || has2DTranslate(this.parent.latestValues)) {
@@ -631,9 +618,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
-      if (isDebug) {
-        metrics.recalculatedProjection++;
-      }
     }
     hide() {
       this.isVisible = false;
@@ -718,6 +702,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             this.mixTargetDelta(latest);
             options.onUpdate && options.onUpdate(latest);
           },
+          onStop: () => {
+          },
           onComplete: () => {
             options.onComplete && options.onComplete();
             this.completeAnimation();
@@ -889,7 +875,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       for (const key in scaleCorrectors) {
         if (valuesToRender[key] === void 0)
           continue;
-        const { correct, applyTo } = scaleCorrectors[key];
+        const { correct, applyTo, isCSSVariable } = scaleCorrectors[key];
         const corrected = styles.transform === "none" ? valuesToRender[key] : correct(valuesToRender[key], lead);
         if (applyTo) {
           const num = applyTo.length;
@@ -897,7 +883,11 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             styles[applyTo[i]] = corrected;
           }
         } else {
-          styles[key] = corrected;
+          if (isCSSVariable) {
+            this.options.visualElement.renderState.vars[key] = corrected;
+          } else {
+            styles[key] = corrected;
+          }
         }
       }
       if (this.options.layoutId) {
@@ -956,7 +946,7 @@ function notifyLayoutUpdate(node) {
       calcBoxDelta(visualDelta, layout, snapshot.layoutBox);
     }
     const hasLayoutChanged = !isDeltaZero(layoutDelta);
-    let hasRelativeTargetChanged = false;
+    let hasRelativeLayoutChanged = false;
     if (!node.resumeFrom) {
       const relativeParent = node.getClosestProjectingParent();
       if (relativeParent && !relativeParent.resumeFrom) {
@@ -967,7 +957,7 @@ function notifyLayoutUpdate(node) {
           const relativeLayout = createBox();
           calcRelativePosition(relativeLayout, layout, parentLayout.layoutBox);
           if (!boxEqualsRounded(relativeSnapshot, relativeLayout)) {
-            hasRelativeTargetChanged = true;
+            hasRelativeLayoutChanged = true;
           }
           if (relativeParent.options.layoutRoot) {
             node.relativeTarget = relativeLayout;
@@ -983,7 +973,7 @@ function notifyLayoutUpdate(node) {
       delta: visualDelta,
       layoutDelta,
       hasLayoutChanged,
-      hasRelativeTargetChanged
+      hasRelativeLayoutChanged
     });
   } else if (node.isLead()) {
     const { onExitComplete } = node.options;
@@ -992,9 +982,6 @@ function notifyLayoutUpdate(node) {
   node.options.transition = void 0;
 }
 function propagateDirtyNodes(node) {
-  if (isDebug) {
-    metrics.totalNodes++;
-  }
   if (!node.parent)
     return;
   if (!node.isProjecting()) {

package/dist/es/external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs

@@ -0,0 +1,14 @@
+import { isCSSVariableName } from "../../render/dom/utils/is-css-variable.mjs";
+const scaleCorrectors = {};
+function addScaleCorrector(correctors) {
+  for (const key in correctors) {
+    scaleCorrectors[key] = correctors[key];
+    if (isCSSVariableName(key)) {
+      scaleCorrectors[key].isCSSVariable = true;
+    }
+  }
+}
+export {
+  addScaleCorrector,
+  scaleCorrectors
+};