framer-motion 9.0.4 → 9.0.6

package/dist/cjs/index.js

@@ -2015,7 +2015,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 = "9.0.4";
+        this.version = "9.0.6";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -3414,7 +3414,7 @@ const framesync = (update) => {
         stop: () => cancelSync.update(passTimestamp),
     };
 };
-function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
+function animateValue({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
     const initialElapsed = elapsed;
     let driverControls;
     let repeatCount = 0;
@@ -3624,7 +3624,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
          */
         if (options.repeat === Infinity)
             return;
-        const sampleAnimation = animate$1({ ...options, elapsed: 0 });
+        const sampleAnimation = animateValue({ ...options, elapsed: 0 });
         let state = { done: false, value: keyframes[0] };
         const pregeneratedKeyframes = [];
         /**
@@ -3689,7 +3689,10 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
              */
             const { currentTime } = animation;
             if (currentTime) {
-                const sampleAnimation = animate$1({ ...options, autoplay: false });
+                const sampleAnimation = animateValue({
+                    ...options,
+                    autoplay: false,
+                });
                 value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);
             }
             sync.update(() => animation.cancel());
@@ -3736,7 +3739,7 @@ function inertia({ keyframes, velocity = 0, min, max, power = 0.8, timeConstant
     }
     function startAnimation(options) {
         currentAnimation && currentAnimation.stop();
-        currentAnimation = animate$1({
+        currentAnimation = animateValue({
             keyframes: [0, 1],
             velocity: 0,
             ...options,
@@ -4030,7 +4033,7 @@ const createMotionValueAnimation = (valueName, value, target, transition = {}) =
         /**
          * If we didn't create an accelerated animation, create a JS animation
          */
-        return animate$1(options);
+        return animateValue(options);
     };
 };
 
@@ -7771,7 +7774,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "9.0.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.4 may not work as expected.`);
+                warnOnce(nextValue.version === "9.0.6", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.6 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -9383,7 +9386,7 @@ function useSpring(source, config = {}) {
             if (isStatic)
                 return set(v);
             stopAnimation();
-            activeSpringAnimation.current = animate$1({
+            activeSpringAnimation.current = animateValue({
                 keyframes: [value.get(), v],
                 velocity: value.getVelocity(),
                 type: "spring",
@@ -10166,6 +10169,7 @@ exports.addPointerEvent = addPointerEvent;
 exports.addPointerInfo = addPointerInfo;
 exports.addScaleCorrector = addScaleCorrector;
 exports.animate = animate;
+exports.animateValue = animateValue;
 exports.animateVisualElement = animateVisualElement;
 exports.animationControls = animationControls;
 exports.animations = animations;
@@ -10180,6 +10184,8 @@ exports.circIn = circIn;
 exports.circInOut = circInOut;
 exports.circOut = circOut;
 exports.clamp = clamp;
+exports.color = color;
+exports.complex = complex;
 exports.createBox = createBox;
 exports.createDomMotionComponent = createDomMotionComponent;
 exports.createMotionComponent = createMotionComponent;
@@ -10194,6 +10200,8 @@ exports.easeInOut = easeInOut;
 exports.easeOut = easeOut;
 exports.filterProps = filterProps;
 exports.frameData = frameData;
+exports.inertia = inertia;
+exports.interpolate = interpolate;
 exports.isBrowser = isBrowser;
 exports.isDragActive = isDragActive;
 exports.isMotionComponent = isMotionComponent;
@@ -10206,6 +10214,8 @@ exports.motion = motion;
 exports.motionValue = motionValue;
 exports.optimizedAppearDataAttribute = optimizedAppearDataAttribute;
 exports.pipe = pipe;
+exports.progress = progress;
+exports.px = px;
 exports.resolveMotionValue = resolveMotionValue;
 exports.spring = spring;
 exports.startOptimizedAppearAnimation = startOptimizedAppearAnimation;

package/dist/es/animation/index.mjs

@@ -3,7 +3,7 @@ import { secondsToMilliseconds } from '../utils/time-conversion.mjs';
 import { instantAnimationState } from '../utils/use-instant-transition-state.mjs';
 import { createAcceleratedAnimation } from './waapi/create-accelerated-animation.mjs';
 import { createInstantAnimation } from './create-instant-animation.mjs';
-import { animate } from './legacy-popmotion/index.mjs';
+import { animateValue } from './legacy-popmotion/index.mjs';
 import { inertia } from './legacy-popmotion/inertia.mjs';
 import { getDefaultTransition } from './utils/default-transitions.mjs';
 import { isAnimatable } from './utils/is-animatable.mjs';
@@ -101,7 +101,7 @@ const createMotionValueAnimation = (valueName, value, target, transition = {}) =
         /**
          * If we didn't create an accelerated animation, create a JS animation
          */
-        return animate(options);
+        return animateValue(options);
     };
 };
 

package/dist/es/animation/legacy-popmotion/index.mjs

@@ -28,7 +28,7 @@ const framesync = (update) => {
         stop: () => cancelSync.update(passTimestamp),
     };
 };
-function animate({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
+function animateValue({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
     const initialElapsed = elapsed;
     let driverControls;
     let repeatCount = 0;
@@ -150,4 +150,4 @@ function animate({ duration, driver = framesync, elapsed = 0, repeat: repeatMax
     };
 }
 
-export { animate, hasRepeatDelayElapsed, loopElapsed, reverseElapsed };
+export { animateValue, hasRepeatDelayElapsed, loopElapsed, reverseElapsed };

package/dist/es/animation/legacy-popmotion/inertia.mjs

@@ -1,4 +1,4 @@
-import { animate } from './index.mjs';
+import { animateValue } from './index.mjs';
 import { velocityPerSecond } from '../../utils/velocity-per-second.mjs';
 import { frameData } from '../../frameloop/data.mjs';
 
@@ -17,7 +17,7 @@ function inertia({ keyframes, velocity = 0, min, max, power = 0.8, timeConstant
     }
     function startAnimation(options) {
         currentAnimation && currentAnimation.stop();
-        currentAnimation = animate({
+        currentAnimation = animateValue({
             keyframes: [0, 1],
             velocity: 0,
             ...options,

package/dist/es/animation/waapi/create-accelerated-animation.mjs

@@ -1,5 +1,5 @@
 import { sync } from '../../frameloop/index.mjs';
-import { animate } from '../legacy-popmotion/index.mjs';
+import { animateValue } from '../legacy-popmotion/index.mjs';
 import { animateStyle } from './index.mjs';
 import { isWaapiSupportedEasing } from './easing.mjs';
 import { supports } from './supports.mjs';
@@ -34,7 +34,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
          */
         if (options.repeat === Infinity)
             return;
-        const sampleAnimation = animate({ ...options, elapsed: 0 });
+        const sampleAnimation = animateValue({ ...options, elapsed: 0 });
         let state = { done: false, value: keyframes[0] };
         const pregeneratedKeyframes = [];
         /**
@@ -99,7 +99,10 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
              */
             const { currentTime } = animation;
             if (currentTime) {
-                const sampleAnimation = animate({ ...options, autoplay: false });
+                const sampleAnimation = animateValue({
+                    ...options,
+                    autoplay: false,
+                });
                 value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);
             }
             sync.update(() => animation.cancel());

package/dist/es/index.mjs

@@ -47,11 +47,18 @@ export { buildTransform } from './render/html/utils/build-transform.mjs';
 export { clamp } from './utils/clamp.mjs';
 export { delay } from './utils/delay.mjs';
 export { distance, distance2D } from './utils/distance.mjs';
+export { interpolate } from './utils/interpolate.mjs';
 export { mix } from './utils/mix.mjs';
 export { pipe } from './utils/pipe.mjs';
+export { progress } from './utils/progress.mjs';
 export { wrap } from './utils/wrap.mjs';
 export { sync } from './frameloop/index.mjs';
 export { frameData } from './frameloop/data.mjs';
+export { animateValue } from './animation/legacy-popmotion/index.mjs';
+export { inertia } from './animation/legacy-popmotion/inertia.mjs';
+export { color } from './value/types/color/index.mjs';
+export { complex } from './value/types/complex/index.mjs';
+export { px } from './value/types/numbers/units.mjs';
 export { startOptimizedAppearAnimation } from './animation/optimized-appear/start.mjs';
 export { optimizedAppearDataAttribute } from './animation/optimized-appear/data-id.mjs';
 export { spring } from './animation/legacy-popmotion/spring.mjs';

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

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

package/dist/es/value/index.mjs

@@ -25,7 +25,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 = "9.0.4";
+        this.version = "9.0.6";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

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

@@ -2,7 +2,7 @@ import { useContext, useRef, useInsertionEffect } from 'react';
 import { isMotionValue } from './utils/is-motion-value.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
-import { animate } from '../animation/legacy-popmotion/index.mjs';
+import { animateValue } from '../animation/legacy-popmotion/index.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 
 /**
@@ -42,7 +42,7 @@ function useSpring(source, config = {}) {
             if (isStatic)
                 return set(v);
             stopAnimation();
-            activeSpringAnimation.current = animate({
+            activeSpringAnimation.current = animateValue({
                 keyframes: [value.get(), v],
                 velocity: value.getVelocity(),
                 type: "spring",

package/dist/framer-motion.dev.js

@@ -2013,7 +2013,7 @@
              * 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 = "9.0.4";
+            this.version = "9.0.6";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -3427,7 +3427,7 @@
             stop: () => cancelSync.update(passTimestamp),
         };
     };
-    function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
+    function animateValue({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
         const initialElapsed = elapsed;
         let driverControls;
         let repeatCount = 0;
@@ -3637,7 +3637,7 @@
              */
             if (options.repeat === Infinity)
                 return;
-            const sampleAnimation = animate$1({ ...options, elapsed: 0 });
+            const sampleAnimation = animateValue({ ...options, elapsed: 0 });
             let state = { done: false, value: keyframes[0] };
             const pregeneratedKeyframes = [];
             /**
@@ -3702,7 +3702,10 @@
                  */
                 const { currentTime } = animation;
                 if (currentTime) {
-                    const sampleAnimation = animate$1({ ...options, autoplay: false });
+                    const sampleAnimation = animateValue({
+                        ...options,
+                        autoplay: false,
+                    });
                     value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);
                 }
                 sync.update(() => animation.cancel());
@@ -3749,7 +3752,7 @@
         }
         function startAnimation(options) {
             currentAnimation && currentAnimation.stop();
-            currentAnimation = animate$1({
+            currentAnimation = animateValue({
                 keyframes: [0, 1],
                 velocity: 0,
                 ...options,
@@ -4043,7 +4046,7 @@
             /**
              * If we didn't create an accelerated animation, create a JS animation
              */
-            return animate$1(options);
+            return animateValue(options);
         };
     };
 
@@ -7784,7 +7787,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "9.0.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.4 may not work as expected.`);
+                    warnOnce(nextValue.version === "9.0.6", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.6 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -9394,7 +9397,7 @@
                 if (isStatic)
                     return set(v);
                 stopAnimation();
-                activeSpringAnimation.current = animate$1({
+                activeSpringAnimation.current = animateValue({
                     keyframes: [value.get(), v],
                     velocity: value.getVelocity(),
                     type: "spring",
@@ -10785,6 +10788,7 @@
     exports.addPointerInfo = addPointerInfo;
     exports.addScaleCorrector = addScaleCorrector;
     exports.animate = animate;
+    exports.animateValue = animateValue;
     exports.animateVisualElement = animateVisualElement;
     exports.animationControls = animationControls;
     exports.animations = animations;
@@ -10799,6 +10803,8 @@
     exports.circInOut = circInOut;
     exports.circOut = circOut;
     exports.clamp = clamp$1;
+    exports.color = color;
+    exports.complex = complex;
     exports.createBox = createBox;
     exports.createDomMotionComponent = createDomMotionComponent;
     exports.createMotionComponent = createMotionComponent;
@@ -10813,6 +10819,8 @@
     exports.easeOut = easeOut;
     exports.filterProps = filterProps;
     exports.frameData = frameData;
+    exports.inertia = inertia;
+    exports.interpolate = interpolate$1;
     exports.isBrowser = isBrowser;
     exports.isDragActive = isDragActive;
     exports.isMotionComponent = isMotionComponent;
@@ -10825,6 +10833,8 @@
     exports.motionValue = motionValue;
     exports.optimizedAppearDataAttribute = optimizedAppearDataAttribute;
     exports.pipe = pipe;
+    exports.progress = progress$1;
+    exports.px = px;
     exports.resolveMotionValue = resolveMotionValue;
     exports.spring = spring;
     exports.startOptimizedAppearAnimation = startOptimizedAppearAnimation;