motion 11.14.4 → 11.16.0

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) {

package/dist/es/motion/lib/index.mjs

@@ -1,33 +1,33 @@
+export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { invariant } from '../../motion-utils/dist/es/errors.mjs';
 export { noop } from '../../motion-utils/dist/es/noop.mjs';
-export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
-export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
+export { progress } from '../../motion-utils/dist/es/progress.mjs';
 export { animate, createScopedAnimate } from '../../framer-motion/dist/es/animation/animate/index.mjs';
 export { animateMini } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';
 export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
 export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
 export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
+export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
 export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
 export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
 export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
-export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { cubicBezier } from '../../framer-motion/dist/es/easing/cubic-bezier.mjs';
-export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
+export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
 export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
-export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
+export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
 export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
 export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
+export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
 export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
-export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
+export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
 export { delayInSeconds as delay } from '../../framer-motion/dist/es/utils/delay.mjs';
 export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
 export { interpolate } from '../../framer-motion/dist/es/utils/interpolate.mjs';
 export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
 export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
-export { progress } from '../../framer-motion/dist/es/utils/progress.mjs';
+export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
 export { wrap } from '../../framer-motion/dist/es/utils/wrap.mjs';
-export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { cancelSync, sync } from '../../framer-motion/dist/es/frameloop/index-legacy.mjs';
 export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.mjs';

package/dist/es/motion/lib/react.mjs

@@ -65,37 +65,37 @@ export { useAnimatedState as useDeprecatedAnimatedState } from '../../framer-mot
 export { useInvertedScale as useDeprecatedInvertedScale } from '../../framer-motion/dist/es/value/use-inverted-scale.mjs';
 export { AnimateSharedLayout } from '../../framer-motion/dist/es/components/AnimateSharedLayout.mjs';
 export { delay } from '../../framer-motion/dist/es/utils/delay.mjs';
+export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { invariant } from '../../motion-utils/dist/es/errors.mjs';
 export { noop } from '../../motion-utils/dist/es/noop.mjs';
-export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
-export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
+export { progress } from '../../motion-utils/dist/es/progress.mjs';
 export { animate, createScopedAnimate } from '../../framer-motion/dist/es/animation/animate/index.mjs';
 export { animateMini } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';
 export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
 export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
 export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
+export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
 export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
 export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
 export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
-export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
+export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
 export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
 export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
-export { progress } from '../../framer-motion/dist/es/utils/progress.mjs';
+export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
 export { wrap } from '../../framer-motion/dist/es/utils/wrap.mjs';
-export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { cancelSync, sync } from '../../framer-motion/dist/es/frameloop/index-legacy.mjs';
 export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
 export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
 export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
-export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { cubicBezier } from '../../framer-motion/dist/es/easing/cubic-bezier.mjs';
-export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
+export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
 export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
+export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
+export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.mjs';
 export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
 export { interpolate } from '../../framer-motion/dist/es/utils/interpolate.mjs';
-export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.mjs';
 export { animations } from '../../framer-motion/dist/es/motion/features/animations.mjs';
 export { createBox } from '../../framer-motion/dist/es/projection/geometry/models.mjs';
 export { calcLength } from '../../framer-motion/dist/es/projection/geometry/delta-calc.mjs';

package/dist/es/{framer-motion/dist/es/animation/GroupPlaybackControls.mjs → motion-dom/dist/es/animation/controls/BaseGroup.mjs}

@@ -1,13 +1,14 @@
-import { supportsScrollTimeline } from '../render/dom/scroll/supports.mjs';
+import { supportsScrollTimeline } from '../../utils/supports/scroll-timeline.mjs';
 
-class GroupPlaybackControls {
+class BaseGroupPlaybackControls {
     constructor(animations) {
         // Bound to accomodate common `return animation.stop` pattern
         this.stop = () => this.runAll("stop");
         this.animations = animations.filter(Boolean);
     }
-    then(onResolve, onReject) {
-        return Promise.all(this.animations).then(onResolve).catch(onReject);
+    get finished() {
+        // Support for new finished Promise and legacy thennable API
+        return Promise.all(this.animations.map((animation) => "finished" in animation ? animation.finished : animation));
     }
     /**
      * TODO: Filter out cancelled or stopped animations before returning
@@ -78,4 +79,4 @@ class GroupPlaybackControls {
     }
 }
 
-export { GroupPlaybackControls };
+export { BaseGroupPlaybackControls };

package/dist/es/motion-dom/dist/es/animation/controls/Group.mjs

@@ -0,0 +1,13 @@
+import { BaseGroupPlaybackControls } from './BaseGroup.mjs';
+
+/**
+ * TODO: This is a temporary class to support the legacy
+ * thennable API
+ */
+class GroupPlaybackControls extends BaseGroupPlaybackControls {
+    then(onResolve, onReject) {
+        return Promise.all(this.animations).then(onResolve).catch(onReject);
+    }
+}
+
+export { GroupPlaybackControls };

package/dist/es/{framer-motion/dist/es/easing → motion-dom/dist/es/animation/generators}/utils/create-generator-easing.mjs

@@ -1,5 +1,6 @@
-import { calcGeneratorDuration, maxGeneratorDuration } from '../../animation/generators/utils/calc-duration.mjs';
-import { millisecondsToSeconds } from '../../utils/time-conversion.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';
 
 /**
  * Create a progress => progress easing function from a generator.
@@ -9,7 +10,9 @@ function createGeneratorEasing(options, scale = 100, createGenerator) {
     const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
     return {
         type: "keyframes",
-        ease: (progress) => generator.next(duration * progress).value / scale,
+        ease: (progress) => {
+            return generator.next(duration * progress).value / scale;
+        },
         duration: millisecondsToSeconds(duration),
     };
 }

package/dist/es/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs

@@ -0,0 +1,85 @@
+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 { attachTimeline } from './utils/attach-timeline.mjs';
+
+class NativeAnimationControls {
+    constructor(animation) {
+        this.animation = animation;
+    }
+    get duration() {
+        var _a, _b, _c;
+        const durationInMs = ((_b = (_a = this.animation) === null || _a === void 0 ? void 0 : _a.effect) === null || _b === void 0 ? void 0 : _b.getComputedTiming().duration) ||
+            ((_c = this.options) === null || _c === void 0 ? void 0 : _c.duration) ||
+            300;
+        return millisecondsToSeconds(Number(durationInMs));
+    }
+    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;
+    }
+    get finished() {
+        return this.animation ? this.animation.finished : Promise.resolve();
+    }
+    play() {
+        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();
+    }
+    flatten() {
+        var _a;
+        if (!this.animation)
+            return;
+        (_a = this.animation.effect) === null || _a === void 0 ? void 0 : _a.updateTiming({ easing: "linear" });
+    }
+    attachTimeline(timeline) {
+        if (this.animation)
+            attachTimeline(this.animation, timeline);
+        return noop;
+    }
+    complete() {
+        this.animation && this.animation.finish();
+    }
+    cancel() {
+        try {
+            this.animation && this.animation.cancel();
+        }
+        catch (e) { }
+    }
+}
+
+export { NativeAnimationControls };

package/dist/es/{framer-motion/dist/es/animation/animators/waapi → motion-dom/dist/es/animation/waapi/utils}/easing.mjs

@@ -1,6 +1,6 @@
-import { isBezierDefinition } from '../../../easing/utils/is-bezier-definition.mjs';
-import { generateLinearEasing } from './utils/linear.mjs';
-import { supportsLinearEasing } from './utils/supports-linear-easing.mjs';
+import { isBezierDefinition } from '../../../utils/is-bezier-definition.mjs';
+import { supportsLinearEasing } from '../../../utils/supports/linear-easing.mjs';
+import { generateLinearEasing } from './linear.mjs';
 
 function isWaapiSupportedEasing(easing) {
     return Boolean((typeof easing === "function" && supportsLinearEasing()) ||

package/dist/es/{framer-motion/dist/es/animation/animators → motion-dom/dist/es/animation}/waapi/utils/linear.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';
 
 const generateLinearEasing = (easing, duration, // as milliseconds
 resolution = 10 // as milliseconds

package/dist/es/{framer-motion/dist/es/animation/animators/waapi/utils/supports-linear-easing.mjs → motion-dom/dist/es/utils/supports/linear-easing.mjs}

@@ -1,4 +1,4 @@
-import { memoSupports } from './memo-supports.mjs';
+import { memoSupports } from './memo.mjs';
 
 const supportsLinearEasing = /*@__PURE__*/ memoSupports(() => {
     try {

package/dist/es/{framer-motion/dist/es/animation/animators/waapi/utils/memo-supports.mjs → motion-dom/dist/es/utils/supports/memo.mjs}

@@ -1,5 +1,6 @@
-import { memo } from '../../../../utils/memo.mjs';
-import { supportsFlags } from './supports-flags.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { memo } from '../../../../../motion-utils/dist/es/memo.mjs';
+import { supportsFlags } from './flags.mjs';
 
 function memoSupports(callback, supportsFlag) {
     const memoized = memo(callback);

package/dist/es/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

@@ -0,0 +1,6 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { memo } from '../../../../../motion-utils/dist/es/memo.mjs';
+
+const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);
+
+export { supportsScrollTimeline };