motion 11.15.0 → 11.16.1

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,18 +1,18 @@
-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 { compareByTime } from './utils/sort.mjs';
-import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { normalizeTimes } from './utils/normalize-times.mjs';
-import { calculateRepeatDuration } from './utils/calc-repeat-duration.mjs';
-import { getEasingForSegment } from '../../easing/utils/get-easing-for-segment.mjs';
+import { compareByTime } from './utils/sort.mjs';
 
 const defaultSegmentEasing = "easeInOut";
 const MAX_REPEAT = 20;

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/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/motion/index.mjs

@@ -1,18 +1,18 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { warning, invariant } from '../../../../motion-utils/dist/es/errors.mjs';
 import { forwardRef, useContext } from 'react';
+import { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';
+import { LazyContext } from '../context/LazyContext.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
 import { MotionContext } from '../context/MotionContext/index.mjs';
-import { useVisualElement } from './utils/use-visual-element.mjs';
-import { useMotionRef } from './utils/use-motion-ref.mjs';
 import { useCreateMotionContext } from '../context/MotionContext/create.mjs';
-import { loadFeatures } from './features/load-features.mjs';
 import { isBrowser } from '../utils/is-browser.mjs';
-import { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';
-import { LazyContext } from '../context/LazyContext.mjs';
-import { motionComponentSymbol } from './utils/symbol.mjs';
-import { warning, invariant } from '../../../../motion-utils/dist/es/errors.mjs';
 import { featureDefinitions } from './features/definitions.mjs';
+import { loadFeatures } from './features/load-features.mjs';
+import { motionComponentSymbol } from './utils/symbol.mjs';
+import { useMotionRef } from './utils/use-motion-ref.mjs';
+import { useVisualElement } from './utils/use-visual-element.mjs';
 
 /**
  * Create a `motion` component.
@@ -24,6 +24,7 @@ import { featureDefinitions } from './features/definitions.mjs';
  * component "offline", or outside the React render cycle.
  */
 function createRendererMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component, }) {
+    var _a, _b;
     preloadedFeatures && loadFeatures(preloadedFeatures);
     function MotionComponent(props, externalRef) {
         /**
@@ -57,6 +58,9 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
          */
         return (jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? (jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] }));
     }
+    MotionComponent.displayName = `motion.${typeof Component === "string"
+        ? Component
+        : `create(${(_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : ""})`}`;
     const ForwardRefMotionComponent = forwardRef(MotionComponent);
     ForwardRefMotionComponent[motionComponentSymbol] = Component;
     return ForwardRefMotionComponent;

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.15.0", `Attempting to mix Motion versions ${nextValue.version} with 11.15.0 may not work as expected.`);
+                warnOnce(nextValue.version === "11.16.1", `Attempting to mix Motion versions ${nextValue.version} with 11.16.1 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.15.0";
+        this.version = "11.16.1";
         /**
          * 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

package/dist/es/framer-motion/dist/es/value/use-spring.mjs

@@ -1,9 +1,9 @@
 import { useContext, useRef, useInsertionEffect } from 'react';
-import { isMotionValue } from './utils/is-motion-value.mjs';
-import { useMotionValue } from './use-motion-value.mjs';
+import { animateValue } from '../animation/animators/MainThreadAnimation.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
-import { animateValue } from '../animation/animators/MainThreadAnimation.mjs';
+import { useMotionValue } from './use-motion-value.mjs';
+import { isMotionValue } from './utils/is-motion-value.mjs';
 import { frame, frameData } from '../frameloop/frame.mjs';
 
 function toNumber(v) {