motion 12.7.1 → 12.7.3

package/dist/cjs/debug.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-if (process.env.NODE_ENV !== "production") ;
-
 /*#__NO_SIDE_EFFECTS__*/
 const noop = (any) => any;
 

package/dist/cjs/index.js

@@ -446,6 +446,7 @@ class NativeAnimation {
         }
         const { element, name, keyframes: unresolvedKeyframes, pseudoElement, allowFlatten = false, } = options;
         let { transition } = options;
+        this.isPseudoElement = Boolean(pseudoElement);
         this.allowFlatten = allowFlatten;
         /**
          * Stop any existing animations on the element before reading existing keyframes.
@@ -517,10 +518,11 @@ class NativeAnimation {
      * while deferring the commit until the next animation frame.
      */
     commitStyles() {
-        this.animation.commitStyles?.();
+        if (!this.isPseudoElement) {
+            this.animation.commitStyles?.();
+        }
     }
     get duration() {
-        console.log(this.animation.effect?.getComputedTiming());
         const duration = this.animation.effect?.getComputedTiming().duration || 0;
         return millisecondsToSeconds(Number(duration));
     }
@@ -817,7 +819,7 @@ const isDragging = {
     y: false,
 };
 function isDragActive() {
-    return isDragging.x || isDragging.y;
+    return isDragging.y;
 }
 
 function resolveElements(elementOrSelector, scope, selectorCache) {
@@ -1062,7 +1064,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "12.7.1";
+        this.version = "12.7.3";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -4785,7 +4787,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.7.1", `Attempting to mix Motion versions ${nextValue.version} with 12.7.1 may not work as expected.`);
+                warnOnce(nextValue.version === "12.7.3", `Attempting to mix Motion versions ${nextValue.version} with 12.7.3 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/cjs/mini.js

@@ -239,11 +239,6 @@ function hydrateKeyframes(element, name, keyframes, pseudoElement) {
     return keyframes;
 }
 
-const statsBuffer = {
-    value: null,
-    addProjectionMetrics: null,
-};
-
 const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
 
 /**
@@ -374,6 +369,7 @@ class NativeAnimation {
         }
         const { element, name, keyframes: unresolvedKeyframes, pseudoElement, allowFlatten = false, } = options;
         let { transition } = options;
+        this.isPseudoElement = Boolean(pseudoElement);
         this.allowFlatten = allowFlatten;
         /**
          * Stop any existing animations on the element before reading existing keyframes.
@@ -445,10 +441,11 @@ class NativeAnimation {
      * while deferring the commit until the next animation frame.
      */
     commitStyles() {
-        this.animation.commitStyles?.();
+        if (!this.isPseudoElement) {
+            this.animation.commitStyles?.();
+        }
     }
     get duration() {
-        console.log(this.animation.effect?.getComputedTiming());
         const duration = this.animation.effect?.getComputedTiming().duration || 0;
         return millisecondsToSeconds(Number(duration));
     }
@@ -537,168 +534,6 @@ function createGeneratorEasing(options, scale = 100, createGenerator) {
     };
 }
 
-const stepsOrder = [
-    "read", // Read
-    "resolveKeyframes", // Write/Read/Write/Read
-    "update", // Compute
-    "preRender", // Compute
-    "render", // Write
-    "postRender", // Compute
-];
-
-function createRenderStep(runNextFrame, stepName) {
-    /**
-     * We create and reuse two queues, one to queue jobs for the current frame
-     * and one for the next. We reuse to avoid triggering GC after x frames.
-     */
-    let thisFrame = new Set();
-    let nextFrame = new Set();
-    /**
-     * Track whether we're currently processing jobs in this step. This way
-     * we can decide whether to schedule new jobs for this frame or next.
-     */
-    let isProcessing = false;
-    let flushNextFrame = false;
-    /**
-     * A set of processes which were marked keepAlive when scheduled.
-     */
-    const toKeepAlive = new WeakSet();
-    let latestFrameData = {
-        delta: 0.0,
-        timestamp: 0.0,
-        isProcessing: false,
-    };
-    let numCalls = 0;
-    function triggerCallback(callback) {
-        if (toKeepAlive.has(callback)) {
-            step.schedule(callback);
-            runNextFrame();
-        }
-        numCalls++;
-        callback(latestFrameData);
-    }
-    const step = {
-        /**
-         * Schedule a process to run on the next frame.
-         */
-        schedule: (callback, keepAlive = false, immediate = false) => {
-            const addToCurrentFrame = immediate && isProcessing;
-            const queue = addToCurrentFrame ? thisFrame : nextFrame;
-            if (keepAlive)
-                toKeepAlive.add(callback);
-            if (!queue.has(callback))
-                queue.add(callback);
-            return callback;
-        },
-        /**
-         * Cancel the provided callback from running on the next frame.
-         */
-        cancel: (callback) => {
-            nextFrame.delete(callback);
-            toKeepAlive.delete(callback);
-        },
-        /**
-         * Execute all schedule callbacks.
-         */
-        process: (frameData) => {
-            latestFrameData = frameData;
-            /**
-             * If we're already processing we've probably been triggered by a flushSync
-             * inside an existing process. Instead of executing, mark flushNextFrame
-             * as true and ensure we flush the following frame at the end of this one.
-             */
-            if (isProcessing) {
-                flushNextFrame = true;
-                return;
-            }
-            isProcessing = true;
-            [thisFrame, nextFrame] = [nextFrame, thisFrame];
-            // Execute this frame
-            thisFrame.forEach(triggerCallback);
-            /**
-             * If we're recording stats then
-             */
-            if (stepName && statsBuffer.value) {
-                statsBuffer.value.frameloop[stepName].push(numCalls);
-            }
-            numCalls = 0;
-            // Clear the frame so no callbacks remain. This is to avoid
-            // memory leaks should this render step not run for a while.
-            thisFrame.clear();
-            isProcessing = false;
-            if (flushNextFrame) {
-                flushNextFrame = false;
-                step.process(frameData);
-            }
-        },
-    };
-    return step;
-}
-
-const maxElapsed = 40;
-function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
-    let runNextFrame = false;
-    let useDefaultElapsed = true;
-    const state = {
-        delta: 0.0,
-        timestamp: 0.0,
-        isProcessing: false,
-    };
-    const flagRunNextFrame = () => (runNextFrame = true);
-    const steps = stepsOrder.reduce((acc, key) => {
-        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);
-        return acc;
-    }, {});
-    const { read, resolveKeyframes, update, preRender, render, postRender } = steps;
-    const processBatch = () => {
-        const timestamp = performance.now();
-        runNextFrame = false;
-        {
-            state.delta = useDefaultElapsed
-                ? 1000 / 60
-                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
-        }
-        state.timestamp = timestamp;
-        state.isProcessing = true;
-        // Unrolled render loop for better per-frame performance
-        read.process(state);
-        resolveKeyframes.process(state);
-        update.process(state);
-        preRender.process(state);
-        render.process(state);
-        postRender.process(state);
-        state.isProcessing = false;
-        if (runNextFrame && allowKeepAlive) {
-            useDefaultElapsed = false;
-            scheduleNextBatch(processBatch);
-        }
-    };
-    const wake = () => {
-        runNextFrame = true;
-        useDefaultElapsed = true;
-        if (!state.isProcessing) {
-            scheduleNextBatch(processBatch);
-        }
-    };
-    const schedule = stepsOrder.reduce((acc, key) => {
-        const step = steps[key];
-        acc[key] = (process, keepAlive = false, immediate = false) => {
-            if (!runNextFrame)
-                wake();
-            return step.schedule(process, keepAlive, immediate);
-        };
-        return acc;
-    }, {});
-    const cancel = (process) => {
-        for (let i = 0; i < stepsOrder.length; i++) {
-            steps[stepsOrder[i]].cancel(process);
-        }
-    };
-    return { schedule, cancel, state, steps };
-}
-
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
-
 function resolveElements(elementOrSelector, scope, selectorCache) {
     if (elementOrSelector instanceof EventTarget) {
         return [elementOrSelector];
@@ -715,16 +550,6 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     return Array.from(elementOrSelector);
 }
 
-/**
- * @deprecated
- *
- * Use cancelFrame(callback) instead.
- */
-stepsOrder.reduce((acc, key) => {
-    acc[key] = (process) => cancelFrame(process);
-    return acc;
-}, {});
-
 const wrap = (min, max, v) => {
     const rangeSize = max - min;
     return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min;

package/dist/cjs/react-client.js

@@ -579,11 +579,11 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     return { schedule, cancel, state, steps };
 }
 
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
-
 const { schedule: microtask, cancel: cancelMicrotask } = 
 /* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
 
+const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
+
 let now;
 function clearTime() {
     now = undefined;
@@ -886,7 +886,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "12.7.1";
+        this.version = "12.7.3";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -1161,16 +1161,6 @@ function motionValue(init, options) {
     return new MotionValue(init, options);
 }
 
-/**
- * @deprecated
- *
- * Use cancelFrame(callback) instead.
- */
-stepsOrder.reduce((acc, key) => {
-    acc[key] = (process) => cancelFrame(process);
-    return acc;
-}, {});
-
 /**
  * Generate a list of every possible transform key.
  */
@@ -9344,7 +9334,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.7.1", `Attempting to mix Motion versions ${nextValue.version} with 12.7.1 may not work as expected.`);
+                warnOnce(nextValue.version === "12.7.3", `Attempting to mix Motion versions ${nextValue.version} with 12.7.3 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/cjs/react-m.js

@@ -336,20 +336,10 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     return { schedule, cancel, state, steps };
 }
 
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
-
 const { schedule: microtask, cancel: cancelMicrotask } = 
 /* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
 
-/**
- * @deprecated
- *
- * Use cancelFrame(callback) instead.
- */
-stepsOrder.reduce((acc, key) => {
-    acc[key] = (process) => cancelFrame(process);
-    return acc;
-}, {});
+const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 
 /**
  * Convert camelCase to dash-case properties.

package/dist/cjs/react-mini.js

@@ -236,11 +236,6 @@ function hydrateKeyframes(element, name, keyframes, pseudoElement) {
     return keyframes;
 }
 
-const statsBuffer = {
-    value: null,
-    addProjectionMetrics: null,
-};
-
 const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
 
 /**
@@ -371,6 +366,7 @@ class NativeAnimation {
         }
         const { element, name, keyframes: unresolvedKeyframes, pseudoElement, allowFlatten = false, } = options;
         let { transition } = options;
+        this.isPseudoElement = Boolean(pseudoElement);
         this.allowFlatten = allowFlatten;
         /**
          * Stop any existing animations on the element before reading existing keyframes.
@@ -442,10 +438,11 @@ class NativeAnimation {
      * while deferring the commit until the next animation frame.
      */
     commitStyles() {
-        this.animation.commitStyles?.();
+        if (!this.isPseudoElement) {
+            this.animation.commitStyles?.();
+        }
     }
     get duration() {
-        console.log(this.animation.effect?.getComputedTiming());
         const duration = this.animation.effect?.getComputedTiming().duration || 0;
         return millisecondsToSeconds(Number(duration));
     }
@@ -503,168 +500,6 @@ function getValueTransition(transition, key) {
         transition);
 }
 
-const stepsOrder = [
-    "read", // Read
-    "resolveKeyframes", // Write/Read/Write/Read
-    "update", // Compute
-    "preRender", // Compute
-    "render", // Write
-    "postRender", // Compute
-];
-
-function createRenderStep(runNextFrame, stepName) {
-    /**
-     * We create and reuse two queues, one to queue jobs for the current frame
-     * and one for the next. We reuse to avoid triggering GC after x frames.
-     */
-    let thisFrame = new Set();
-    let nextFrame = new Set();
-    /**
-     * Track whether we're currently processing jobs in this step. This way
-     * we can decide whether to schedule new jobs for this frame or next.
-     */
-    let isProcessing = false;
-    let flushNextFrame = false;
-    /**
-     * A set of processes which were marked keepAlive when scheduled.
-     */
-    const toKeepAlive = new WeakSet();
-    let latestFrameData = {
-        delta: 0.0,
-        timestamp: 0.0,
-        isProcessing: false,
-    };
-    let numCalls = 0;
-    function triggerCallback(callback) {
-        if (toKeepAlive.has(callback)) {
-            step.schedule(callback);
-            runNextFrame();
-        }
-        numCalls++;
-        callback(latestFrameData);
-    }
-    const step = {
-        /**
-         * Schedule a process to run on the next frame.
-         */
-        schedule: (callback, keepAlive = false, immediate = false) => {
-            const addToCurrentFrame = immediate && isProcessing;
-            const queue = addToCurrentFrame ? thisFrame : nextFrame;
-            if (keepAlive)
-                toKeepAlive.add(callback);
-            if (!queue.has(callback))
-                queue.add(callback);
-            return callback;
-        },
-        /**
-         * Cancel the provided callback from running on the next frame.
-         */
-        cancel: (callback) => {
-            nextFrame.delete(callback);
-            toKeepAlive.delete(callback);
-        },
-        /**
-         * Execute all schedule callbacks.
-         */
-        process: (frameData) => {
-            latestFrameData = frameData;
-            /**
-             * If we're already processing we've probably been triggered by a flushSync
-             * inside an existing process. Instead of executing, mark flushNextFrame
-             * as true and ensure we flush the following frame at the end of this one.
-             */
-            if (isProcessing) {
-                flushNextFrame = true;
-                return;
-            }
-            isProcessing = true;
-            [thisFrame, nextFrame] = [nextFrame, thisFrame];
-            // Execute this frame
-            thisFrame.forEach(triggerCallback);
-            /**
-             * If we're recording stats then
-             */
-            if (stepName && statsBuffer.value) {
-                statsBuffer.value.frameloop[stepName].push(numCalls);
-            }
-            numCalls = 0;
-            // Clear the frame so no callbacks remain. This is to avoid
-            // memory leaks should this render step not run for a while.
-            thisFrame.clear();
-            isProcessing = false;
-            if (flushNextFrame) {
-                flushNextFrame = false;
-                step.process(frameData);
-            }
-        },
-    };
-    return step;
-}
-
-const maxElapsed = 40;
-function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
-    let runNextFrame = false;
-    let useDefaultElapsed = true;
-    const state = {
-        delta: 0.0,
-        timestamp: 0.0,
-        isProcessing: false,
-    };
-    const flagRunNextFrame = () => (runNextFrame = true);
-    const steps = stepsOrder.reduce((acc, key) => {
-        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);
-        return acc;
-    }, {});
-    const { read, resolveKeyframes, update, preRender, render, postRender } = steps;
-    const processBatch = () => {
-        const timestamp = performance.now();
-        runNextFrame = false;
-        {
-            state.delta = useDefaultElapsed
-                ? 1000 / 60
-                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
-        }
-        state.timestamp = timestamp;
-        state.isProcessing = true;
-        // Unrolled render loop for better per-frame performance
-        read.process(state);
-        resolveKeyframes.process(state);
-        update.process(state);
-        preRender.process(state);
-        render.process(state);
-        postRender.process(state);
-        state.isProcessing = false;
-        if (runNextFrame && allowKeepAlive) {
-            useDefaultElapsed = false;
-            scheduleNextBatch(processBatch);
-        }
-    };
-    const wake = () => {
-        runNextFrame = true;
-        useDefaultElapsed = true;
-        if (!state.isProcessing) {
-            scheduleNextBatch(processBatch);
-        }
-    };
-    const schedule = stepsOrder.reduce((acc, key) => {
-        const step = steps[key];
-        acc[key] = (process, keepAlive = false, immediate = false) => {
-            if (!runNextFrame)
-                wake();
-            return step.schedule(process, keepAlive, immediate);
-        };
-        return acc;
-    }, {});
-    const cancel = (process) => {
-        for (let i = 0; i < stepsOrder.length; i++) {
-            steps[stepsOrder[i]].cancel(process);
-        }
-    };
-    return { schedule, cancel, state, steps };
-}
-
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
-
 function resolveElements(elementOrSelector, scope, selectorCache) {
     if (elementOrSelector instanceof EventTarget) {
         return [elementOrSelector];
@@ -681,16 +516,6 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     return Array.from(elementOrSelector);
 }
 
-/**
- * @deprecated
- *
- * Use cancelFrame(callback) instead.
- */
-stepsOrder.reduce((acc, key) => {
-    acc[key] = (process) => cancelFrame(process);
-    return acc;
-}, {});
-
 function animateElements(elementOrSelector, keyframes, options, scope) {
     const elements = resolveElements(elementOrSelector, scope);
     const numElements = elements.length;

package/dist/es/framer-motion/dist/es/animation/animate/index.mjs

@@ -1,8 +1,6 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { GroupAnimationWithThen } from '../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { animateSequence } from './sequence.mjs';
 import { animateSubject } from './subject.mjs';
+import { GroupAnimationWithThen } from '../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
 
 function isSequence(value) {
     return Array.isArray(value) && value.some(Array.isArray);

package/dist/es/framer-motion/dist/es/animation/animate/resolve-subjects.mjs

@@ -1,7 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { resolveElements } from '../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { isDOMKeyframes } from '../utils/is-dom-keyframes.mjs';
+import { resolveElements } from '../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
 
 function resolveSubjects(subject, keyframes, scope, selectorCache) {
     if (typeof subject === "string" && isDOMKeyframes(keyframes)) {

package/dist/es/framer-motion/dist/es/animation/animate/single-value.mjs

@@ -1,8 +1,6 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 import { animateMotionValue } from '../interfaces/motion-value.mjs';
+import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
 
 function animateSingleValue(value, keyframes, options) {
     const motionValue$1 = isMotionValue(value) ? value : motionValue(value);

package/dist/es/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,4 +1,3 @@
-import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { visualElementStore } from '../../render/store.mjs';
 import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 import { animateTarget } from '../interfaces/visual-element-target.mjs';
@@ -6,6 +5,7 @@ import { createDOMVisualElement, createObjectVisualElement } from '../utils/crea
 import { isDOMKeyframes } from '../utils/is-dom-keyframes.mjs';
 import { resolveSubjects } from './resolve-subjects.mjs';
 import { animateSingleValue } from './single-value.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 
 function isSingleValue(subject, keyframes) {
     return (isMotionValue(subject) ||

package/dist/es/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -1,12 +1,3 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
-import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
-import { startWaapiAnimation } from '../../../../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
-import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
-import { isWaapiSupportedEasing } from '../../../../../motion-dom/dist/es/animation/waapi/easing/is-supported.mjs';
-import { supportsLinearEasing } from '../../../../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
-import { attachTimeline } from '../../../../../motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { anticipate } from '../../easing/anticipate.mjs';
 import { backInOut } from '../../easing/back.mjs';
 import { circInOut } from '../../easing/circ.mjs';
@@ -16,6 +7,13 @@ import { MainThreadAnimation } from './MainThreadAnimation.mjs';
 import { acceleratedValues } from './utils/accelerated-values.mjs';
 import { getFinalKeyframe } from './waapi/utils/get-final-keyframe.mjs';
 import { supportsWaapi } from './waapi/utils/supports-waapi.mjs';
+import { supportsLinearEasing } from '../../../../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
+import { startWaapiAnimation } from '../../../../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
+import { attachTimeline } from '../../../../../motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs';
+import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
+import { isWaapiSupportedEasing } from '../../../../../motion-dom/dist/es/animation/waapi/easing/is-supported.mjs';
 
 /**
  * 10ms is chosen here as it strikes a balance between smooth

package/dist/es/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -1,10 +1,8 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { time } from '../../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { flushKeyframeResolvers } from '../../render/utils/KeyframesResolver.mjs';
 import { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';
 import { canAnimate } from './utils/can-animate.mjs';
 import { getFinalKeyframe } from './waapi/utils/get-final-keyframe.mjs';
+import { time } from '../../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
 
 /**
  * Maximum time allowed between an animation being created and it being

package/dist/es/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs

@@ -1,9 +1,3 @@
-import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
-import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
-import { activeAnimations } from '../../../../../motion-dom/dist/es/stats/animation-count.mjs';
-import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
-import { calcGeneratorDuration } from '../../../../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { KeyframeResolver } from '../../render/utils/KeyframesResolver.mjs';
 import { clamp } from '../../utils/clamp.mjs';
 import { mix } from '../../utils/mix/index.mjs';
@@ -14,6 +8,11 @@ import { spring } from '../generators/spring/index.mjs';
 import { BaseAnimation } from './BaseAnimation.mjs';
 import { frameloopDriver } from './drivers/driver-frameloop.mjs';
 import { getFinalKeyframe } from './waapi/utils/get-final-keyframe.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
+import { calcGeneratorDuration } from '../../../../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
+import { activeAnimations } from '../../../../../motion-dom/dist/es/stats/animation-count.mjs';
+import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
 
 const generators = {
     decay: inertia,