motion 11.14.4 → 11.16.0

package/dist/es/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs

@@ -1,14 +1,13 @@
+import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
+import { secondsToMilliseconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { createGeneratorEasing } from '../../../../../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
+import { isGenerator } from '../../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
+import { NativeAnimationControls } from '../../../../../../motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs';
+import { supportsLinearEasing } from '../../../../../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
 import { startWaapiAnimation } from './index.mjs';
-import { createGeneratorEasing } from '../../../easing/utils/create-generator-easing.mjs';
 import { browserNumberValueTypes } from '../../../render/dom/value-types/number-browser.mjs';
-import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../../../motion-utils/dist/es/noop.mjs';
-import { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';
-import { isGenerator } from '../../generators/utils/is-generator.mjs';
-import { attachTimeline } from './utils/attach-timeline.mjs';
 import { getFinalKeyframe } from './utils/get-final-keyframe.mjs';
 import { setCSSVar, setStyle } from './utils/style.mjs';
-import { supportsLinearEasing } from './utils/supports-linear-easing.mjs';
 import { supportsPartialKeyframes } from './utils/supports-partial-keyframes.mjs';
 import { supportsWaapi } from './utils/supports-waapi.mjs';
 
@@ -33,12 +32,9 @@ function getElementAnimationState(element) {
     state.set(element, animationState);
     return state.get(element);
 }
-class NativeAnimation {
+class NativeAnimation extends NativeAnimationControls {
     constructor(element, valueName, valueKeyframes, options) {
         const isCSSVar = valueName.startsWith("--");
-        this.setValue = isCSSVar ? setCSSVar : setStyle;
-        this.options = options;
-        this.updateFinishedPromise();
         invariant(typeof options.type !== "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
         const existingAnimation = getElementAnimationState(element).get(valueName);
         existingAnimation && existingAnimation.stop();
@@ -63,92 +59,32 @@ class NativeAnimation {
         else {
             options.ease = options.ease || defaultEasing;
         }
-        this.removeAnimation = () => { var _a; return (_a = state.get(element)) === null || _a === void 0 ? void 0 : _a.delete(valueName); };
         const onFinish = () => {
-            this.setValue(element, valueName, getFinalKeyframe(valueKeyframes, this.options));
+            this.setValue(element, valueName, getFinalKeyframe(valueKeyframes, options));
             this.cancel();
             this.resolveFinishedPromise();
         };
+        const init = () => {
+            this.setValue = isCSSVar ? setCSSVar : setStyle;
+            this.options = options;
+            this.updateFinishedPromise();
+            this.removeAnimation = () => { var _a; return (_a = state.get(element)) === null || _a === void 0 ? void 0 : _a.delete(valueName); };
+        };
         if (!supportsWaapi()) {
+            super();
+            init();
             onFinish();
         }
         else {
-            this.animation = startWaapiAnimation(element, valueName, valueKeyframes, options);
+            super(startWaapiAnimation(element, valueName, valueKeyframes, options));
+            init();
             if (options.autoplay === false) {
                 this.animation.pause();
             }
             this.animation.onfinish = onFinish;
-            if (this.pendingTimeline) {
-                attachTimeline(this.animation, this.pendingTimeline);
-            }
             getElementAnimationState(element).set(valueName, this);
         }
     }
-    get duration() {
-        return millisecondsToSeconds(this.options.duration || 300);
-    }
-    get time() {
-        var _a;
-        if (this.animation) {
-            return millisecondsToSeconds(((_a = this.animation) === null || _a === void 0 ? void 0 : _a.currentTime) || 0);
-        }
-        return 0;
-    }
-    set time(newTime) {
-        if (this.animation) {
-            this.animation.currentTime = secondsToMilliseconds(newTime);
-        }
-    }
-    get speed() {
-        return this.animation ? this.animation.playbackRate : 1;
-    }
-    set speed(newSpeed) {
-        if (this.animation) {
-            this.animation.playbackRate = newSpeed;
-        }
-    }
-    get state() {
-        return this.animation ? this.animation.playState : "finished";
-    }
-    get startTime() {
-        return this.animation ? this.animation.startTime : null;
-    }
-    flatten() {
-        var _a;
-        if (!this.animation)
-            return;
-        (_a = this.animation.effect) === null || _a === void 0 ? void 0 : _a.updateTiming({ easing: "linear" });
-    }
-    play() {
-        if (this.state === "finished") {
-            this.updateFinishedPromise();
-        }
-        this.animation && this.animation.play();
-    }
-    pause() {
-        this.animation && this.animation.pause();
-    }
-    stop() {
-        if (!this.animation ||
-            this.state === "idle" ||
-            this.state === "finished") {
-            return;
-        }
-        if (this.animation.commitStyles) {
-            this.animation.commitStyles();
-        }
-        this.cancel();
-    }
-    complete() {
-        this.animation && this.animation.finish();
-    }
-    cancel() {
-        this.removeAnimation();
-        try {
-            this.animation && this.animation.cancel();
-        }
-        catch (e) { }
-    }
     /**
      * Allows the returned animation to be awaited or promise-chained. Currently
      * resolves when the animation finishes at all but in a future update could/should
@@ -162,14 +98,15 @@ class NativeAnimation {
             this.resolveFinishedPromise = resolve;
         });
     }
-    attachTimeline(timeline) {
-        if (!this.animation) {
-            this.pendingTimeline = timeline;
-        }
-        else {
-            attachTimeline(this.animation, timeline);
+    play() {
+        if (this.state === "finished") {
+            this.updateFinishedPromise();
         }
-        return noop;
+        super.play();
+    }
+    cancel() {
+        this.removeAnimation();
+        super.cancel();
     }
 }
 

package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

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

package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs

@@ -1,4 +1,5 @@
-import { GroupPlaybackControls } from '../../GroupPlaybackControls.mjs';
+import { GroupPlaybackControls } from '../../../../../../motion-dom/dist/es/animation/controls/Group.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { animateElements } from './animate-elements.mjs';
 
 const createScopedWaapiAnimate = (scope) => {

package/dist/es/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,4 +1,5 @@
-import { mapEasingToNativeEasing } from './easing.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { mapEasingToNativeEasing } from '../../../../../../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 };

package/dist/es/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs

@@ -1,4 +1,5 @@
-import { memo } from '../../../../utils/memo.mjs';
+import '../../../../../../../motion-utils/dist/es/errors.mjs';
+import { memo } from '../../../../../../../motion-utils/dist/es/memo.mjs';
 
 const supportsPartialKeyframes = /*@__PURE__*/ memo(() => {
     try {

package/dist/es/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs

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

package/dist/es/framer-motion/dist/es/animation/generators/spring/find.mjs

@@ -1,6 +1,6 @@
 import { warning } from '../../../../../../motion-utils/dist/es/errors.mjs';
+import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
 import { clamp } from '../../../utils/clamp.mjs';
-import { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';
 import { springDefaults } from './defaults.mjs';
 
 const safeMin = 0.001;

package/dist/es/framer-motion/dist/es/animation/generators/spring/index.mjs

@@ -1,10 +1,11 @@
-import { generateLinearEasing } from '../../animators/waapi/utils/linear.mjs';
-import { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';
-import { calcGeneratorVelocity } from '../utils/velocity.mjs';
-import { findSpring, calcAngularFreq } from './find.mjs';
-import { calcGeneratorDuration, maxGeneratorDuration } from '../utils/calc-duration.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { calcGeneratorDuration, maxGeneratorDuration } from '../../../../../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
+import { generateLinearEasing } from '../../../../../../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';
+import { findSpring, calcAngularFreq } from './find.mjs';
 
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
@@ -27,7 +28,9 @@ function getSpringOptions(options) {
             const visualDuration = options.visualDuration;
             const root = (2 * Math.PI) / (visualDuration * 1.2);
             const stiffness = root * root;
-            const damping = 2 * clamp(0.05, 1, 1 - options.bounce) * Math.sqrt(stiffness);
+            const damping = 2 *
+                clamp(0.05, 1, 1 - (options.bounce || 0)) *
+                Math.sqrt(stiffness);
             springOptions = {
                 ...springOptions,
                 mass: springDefaults.mass,

package/dist/es/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,13 +1,14 @@
-import { secondsToMilliseconds } from '../../utils/time-conversion.mjs';
-import { getDefaultTransition } from '../utils/default-transitions.mjs';
-import { getValueTransition } from '../utils/get-value-transition.mjs';
+import { GroupPlaybackControls } from '../../../../../motion-dom/dist/es/animation/controls/Group.mjs';
+import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { frame } from '../../frameloop/frame.mjs';
 import { MotionGlobalConfig } from '../../utils/GlobalConfig.mjs';
 import { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';
-import { getFinalKeyframe } from '../animators/waapi/utils/get-final-keyframe.mjs';
-import { frame } from '../../frameloop/frame.mjs';
 import { AcceleratedAnimation } from '../animators/AcceleratedAnimation.mjs';
 import { MainThreadAnimation } from '../animators/MainThreadAnimation.mjs';
-import { GroupPlaybackControls } from '../GroupPlaybackControls.mjs';
+import { getFinalKeyframe } from '../animators/waapi/utils/get-final-keyframe.mjs';
+import { getDefaultTransition } from '../utils/default-transitions.mjs';
 import { isTransitionDefined } from '../utils/is-transition-defined.mjs';
 
 const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {

package/dist/es/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -1,9 +1,10 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
 import { transformProps } from '../../render/html/utils/transform.mjs';
-import { animateMotionValue } from './motion-value.mjs';
 import { setTarget } from '../../render/utils/setters.mjs';
-import { getValueTransition } from '../utils/get-value-transition.mjs';
-import { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';
 import { addValueToWillChange } from '../../value/use-will-change/add-will-change.mjs';
+import { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';
+import { animateMotionValue } from './motion-value.mjs';
 import { frame } from '../../frameloop/frame.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/animation/sequence/create.mjs

@@ -1,16 +1,21 @@
-import { createGeneratorEasing } from '../../easing/utils/create-generator-easing.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
+import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
+import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { createGeneratorEasing } from '../../../../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
+import { isGenerator } from '../../../../../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';
-import { progress } from '../../utils/progress.mjs';
-import { secondsToMilliseconds } from '../../utils/time-conversion.mjs';
 import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 import { resolveSubjects } from '../animate/resolve-subjects.mjs';
-import { isGenerator } from '../generators/utils/is-generator.mjs';
+import { calculateRepeatDuration } from './utils/calc-repeat-duration.mjs';
 import { calcNextTime } from './utils/calc-time.mjs';
 import { addKeyframes } from './utils/edit.mjs';
+import { normalizeTimes } from './utils/normalize-times.mjs';
 import { compareByTime } from './utils/sort.mjs';
 
 const defaultSegmentEasing = "easeInOut";
+const MAX_REPEAT = 20;
 function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope, generators) {
     const defaultDuration = defaultTransition.duration || 0.3;
     const animationDefinitions = new Map();
@@ -53,7 +58,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
         let maxDuration = 0;
         const resolveValueSequence = (valueKeyframes, valueTransition, valueSequence, elementIndex = 0, numSubjects = 0) => {
             const valueKeyframesAsList = keyframesAsList(valueKeyframes);
-            const { delay = 0, times = defaultOffset(valueKeyframesAsList), type = "keyframes", ...remainingTransition } = valueTransition;
+            const { delay = 0, times = defaultOffset(valueKeyframesAsList), type = "keyframes", repeat, repeatType, repeatDelay = 0, ...remainingTransition } = valueTransition;
             let { ease = defaultTransition.ease || "easeOut", duration } = valueTransition;
             /**
              * Resolve stagger() if defined.
@@ -91,7 +96,6 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
             }
             duration !== null && duration !== void 0 ? duration : (duration = defaultDuration);
             const startTime = currentTime + calculatedDelay;
-            const targetTime = startTime + duration;
             /**
              * If there's only one time offset of 0, fill in a second with length 1
              */
@@ -110,6 +114,28 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
              */
             valueKeyframesAsList.length === 1 &&
                 valueKeyframesAsList.unshift(null);
+            /**
+             * Handle repeat options
+             */
+            if (repeat) {
+                invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+                duration = calculateRepeatDuration(duration, repeat);
+                const originalKeyframes = [...valueKeyframesAsList];
+                const originalTimes = [...times];
+                ease = Array.isArray(ease) ? [...ease] : [ease];
+                const originalEase = [...ease];
+                for (let repeatIndex = 0; repeatIndex < repeat; repeatIndex++) {
+                    valueKeyframesAsList.push(...originalKeyframes);
+                    for (let keyframeIndex = 0; keyframeIndex < originalKeyframes.length; keyframeIndex++) {
+                        times.push(originalTimes[keyframeIndex] + (repeatIndex + 1));
+                        ease.push(keyframeIndex === 0
+                            ? "linear"
+                            : getEasingForSegment(originalEase, keyframeIndex - 1));
+                    }
+                }
+                normalizeTimes(times, repeat);
+            }
+            const targetTime = startTime + duration;
             /**
              * Add keyframes, mapping offsets to absolute time.
              */

package/dist/es/framer-motion/dist/es/animation/sequence/utils/calc-repeat-duration.mjs

@@ -0,0 +1,5 @@
+function calculateRepeatDuration(duration, repeat, _repeatDelay) {
+    return duration * (repeat + 1);
+}
+
+export { calculateRepeatDuration };

package/dist/es/framer-motion/dist/es/animation/sequence/utils/normalize-times.mjs

@@ -0,0 +1,13 @@
+/**
+ * Take an array of times that represent repeated keyframes. For instance
+ * if we have original times of [0, 0.5, 1] then our repeated times will
+ * be [0, 0.5, 1, 1, 1.5, 2]. Loop over the times and scale them back
+ * down to a 0-1 scale.
+ */
+function normalizeTimes(times, repeat) {
+    for (let i = 0; i < times.length; i++) {
+        times[i] = times[i] / (repeat + 1);
+    }
+}
+
+export { normalizeTimes };

package/dist/es/framer-motion/dist/es/easing/utils/map.mjs

@@ -1,11 +1,11 @@
 import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { isBezierDefinition } from '../../../../../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';
 import { cubicBezier } from '../cubic-bezier.mjs';
 import { easeIn, easeInOut, easeOut } from '../ease.mjs';
-import { circIn, circInOut, circOut } from '../circ.mjs';
-import { backIn, backInOut, backOut } from '../back.mjs';
-import { anticipate } from '../anticipate.mjs';
-import { isBezierDefinition } from './is-bezier-definition.mjs';
 
 const easingLookup = {
     linear: noop,

package/dist/es/framer-motion/dist/es/events/event-info.mjs

@@ -1,3 +1,4 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
 import { isPrimaryPointer } from '../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
 
 function extractEventInfo(event) {

package/dist/es/framer-motion/dist/es/frameloop/render-step.mjs

@@ -63,10 +63,11 @@ function createRenderStep(runNextFrame) {
             }
             isProcessing = true;
             [thisFrame, nextFrame] = [nextFrame, thisFrame];
-            // Clear the next frame queue
-            nextFrame.clear();
             // Execute this frame
             thisFrame.forEach(triggerCallback);
+            // 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;

package/dist/es/framer-motion/dist/es/gestures/drag/utils/constraints.mjs

@@ -1,4 +1,5 @@
-import { progress } from '../../../utils/progress.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
 import { calcLength } from '../../../projection/geometry/delta-calc.mjs';
 import { clamp } from '../../../utils/clamp.mjs';
 import { mixNumber } from '../../../utils/mix/number.mjs';

package/dist/es/framer-motion/dist/es/gestures/hover.mjs

@@ -1,4 +1,5 @@
 import { Feature } from '../motion/features/Feature.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
 import { hover } from '../../../../motion-dom/dist/es/gestures/hover.mjs';
 import { extractEventInfo } from '../events/event-info.mjs';
 import { frame } from '../frameloop/frame.mjs';

package/dist/es/framer-motion/dist/es/gestures/pan/PanSession.mjs

@@ -1,9 +1,10 @@
-import { extractEventInfo } from '../../events/event-info.mjs';
-import { secondsToMilliseconds, millisecondsToSeconds } from '../../utils/time-conversion.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { isPrimaryPointer } from '../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
 import { addPointerEvent } from '../../events/add-pointer-event.mjs';
-import { pipe } from '../../utils/pipe.mjs';
+import { extractEventInfo } from '../../events/event-info.mjs';
 import { distance2D } from '../../utils/distance.mjs';
-import { isPrimaryPointer } from '../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
+import { pipe } from '../../utils/pipe.mjs';
 import { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/gestures/press.mjs

@@ -1,4 +1,5 @@
 import { Feature } from '../motion/features/Feature.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
 import { press } from '../../../../motion-dom/dist/es/gestures/press/index.mjs';
 import { extractEventInfo } from '../events/event-info.mjs';
 import { frame } from '../frameloop/frame.mjs';

package/dist/es/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -1,8 +1,8 @@
-import { circOut } from '../../easing/circ.mjs';
-import { progress } from '../../utils/progress.mjs';
-import { mixNumber } from '../../utils/mix/number.mjs';
 import '../../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { progress } from '../../../../../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';
 
 const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];

package/dist/es/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -1,31 +1,31 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { getValueTransition } from '../../../../../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';
+import { microtask } from '../../frameloop/microtask.mjs';
+import { time } from '../../frameloop/sync-time.mjs';
+import { isSVGElement } from '../../render/dom/utils/is-svg-element.mjs';
+import { FlatTree } from '../../render/utils/flat-tree.mjs';
+import { clamp } from '../../utils/clamp.mjs';
+import { delay } from '../../utils/delay.mjs';
+import { mixNumber } from '../../utils/mix/number.mjs';
 import { SubscriptionManager } from '../../utils/subscription-manager.mjs';
+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 { removeBoxTransforms } from '../geometry/delta-remove.mjs';
-import { getValueTransition } from '../../animation/utils/get-value-transition.mjs';
+import { createBox, createDelta } from '../geometry/models.mjs';
 import { boxEqualsRounded, isDeltaZero, axisDeltaEquals, aspectRatio, boxEquals } from '../geometry/utils.mjs';
 import { NodeStack } from '../shared/stack.mjs';
 import { scaleCorrectors } from '../styles/scale-correction.mjs';
 import { buildProjectionTransform } from '../styles/transform.mjs';
 import { eachAxis } from '../utils/each-axis.mjs';
 import { hasTransform, hasScale, has2DTranslate } from '../utils/has-transform.mjs';
-import { FlatTree } from '../../render/utils/flat-tree.mjs';
-import { resolveMotionValue } from '../../value/utils/resolve-motion-value.mjs';
 import { globalProjectionState } from './state.mjs';
-import { delay } from '../../utils/delay.mjs';
-import { mixNumber } from '../../utils/mix/number.mjs';
-import { isSVGElement } from '../../render/dom/utils/is-svg-element.mjs';
-import { animateSingleValue } from '../../animation/animate/single-value.mjs';
-import { clamp } from '../../utils/clamp.mjs';
-import { cancelFrame, frameData, frameSteps, frame } from '../../frameloop/frame.mjs';
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
-import { time } from '../../frameloop/sync-time.mjs';
-import { microtask } from '../../frameloop/microtask.mjs';
-import { getOptimisedAppearId } from '../../animation/optimized-appear/get-appear-id.mjs';
-import { createBox, createDelta } from '../geometry/models.mjs';
 
 const metrics = {
     type: "projectionFrame",

package/dist/es/framer-motion/dist/es/render/dom/resize/handle-element.mjs

@@ -1,3 +1,4 @@
+import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
 
 const resizeHandlers = new WeakMap();

package/dist/es/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -1,8 +1,8 @@
-import { scrollInfo } from './track.mjs';
-import { observeTimeline } from './observe.mjs';
-import { supportsScrollTimeline } from './supports.mjs';
+import { supportsScrollTimeline } from '../../../../../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
 import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../../../motion-utils/dist/es/noop.mjs';
+import { observeTimeline } from './observe.mjs';
+import { scrollInfo } from './track.mjs';
 
 function scrollTimelineFallback({ source, container, axis = "y", }) {
     // Support legacy source argument. Deprecate later.

package/dist/es/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -1,4 +1,5 @@
-import { progress } from '../../../utils/progress.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
 import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -1,3 +1,4 @@
+import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
 
 const thresholds = {

package/dist/es/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -17,7 +17,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.14.4", `Attempting to mix Motion versions ${nextValue.version} with 11.14.4 may not work as expected.`);
+                warnOnce(nextValue.version === "11.16.0", `Attempting to mix Motion versions ${nextValue.version} with 11.16.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/framer-motion/dist/es/utils/delay.mjs

@@ -1,5 +1,6 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { secondsToMilliseconds } from '../../../../motion-utils/dist/es/time-conversion.mjs';
 import { time } from '../frameloop/sync-time.mjs';
-import { secondsToMilliseconds } from './time-conversion.mjs';
 import { frame, cancelFrame } from '../frameloop/frame.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/utils/interpolate.mjs

@@ -1,9 +1,9 @@
-import { clamp } from './clamp.mjs';
-import { pipe } from './pipe.mjs';
-import { progress } from './progress.mjs';
 import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
+import { progress } from '../../../../motion-utils/dist/es/progress.mjs';
+import { clamp } from './clamp.mjs';
 import { mix } from './mix/index.mjs';
+import { pipe } from './pipe.mjs';
 
 function createMixers(output, ease, customMixer) {
     const mixers = [];

package/dist/es/framer-motion/dist/es/utils/offsets/fill.mjs

@@ -1,5 +1,6 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
 import { mixNumber } from '../mix/number.mjs';
-import { progress } from '../progress.mjs';
 
 function fillOffset(offset, remaining) {
     const min = offset[offset.length - 1];

package/dist/es/framer-motion/dist/es/value/index.mjs

@@ -1,7 +1,7 @@
+import { time } from '../frameloop/sync-time.mjs';
 import { SubscriptionManager } from '../utils/subscription-manager.mjs';
 import { velocityPerSecond } from '../utils/velocity-per-second.mjs';
 import { warnOnce } from '../utils/warn-once.mjs';
-import { time } from '../frameloop/sync-time.mjs';
 import { frame } from '../frameloop/frame.mjs';
 
 /**
@@ -34,7 +34,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 = "11.14.4";
+        this.version = "11.16.0";
         /**
          * 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