framer-motion 7.5.0 → 7.5.1

package/dist/cjs/index.js

@@ -2245,7 +2245,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 = "7.5.0";
+        this.version = "7.5.1";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -4221,7 +4221,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "7.5.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.5.0 may not work as expected.`);
+                warnOnce(nextValue.version === "7.5.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.5.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -7598,10 +7598,13 @@ function useOnChange(value, callback) {
             return value.onChange(callback);
     }, [callback]);
 }
-function useMultiOnChange(values, handler) {
+function useMultiOnChange(values, handler, cleanup) {
     useIsomorphicLayoutEffect(() => {
         const subscriptions = values.map((value) => value.onChange(handler));
-        return () => subscriptions.forEach((unsubscribe) => unsubscribe());
+        return () => {
+            subscriptions.forEach((unsubscribe) => unsubscribe());
+            cleanup();
+        };
     });
 }
 
@@ -7626,7 +7629,7 @@ function useCombineMotionValues(values, combineValues) {
      * Subscribe to all motion values found within the template. Whenever any of them change,
      * schedule an update.
      */
-    useMultiOnChange(values, () => sync__default["default"].update(updateValue, false, true));
+    useMultiOnChange(values, () => sync__default["default"].update(updateValue, false, true), () => sync.cancelSync.update(updateValue));
     return value;
 }
 

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 === "7.5.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.5.0 may not work as expected.`);
+                warnOnce(nextValue.version === "7.5.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.5.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

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

package/dist/es/value/use-combine-values.mjs

@@ -1,6 +1,6 @@
 import { useMotionValue } from './use-motion-value.mjs';
 import { useMultiOnChange } from './use-on-change.mjs';
-import sync from 'framesync';
+import sync, { cancelSync } from 'framesync';
 
 function useCombineMotionValues(values, combineValues) {
     /**
@@ -23,7 +23,7 @@ function useCombineMotionValues(values, combineValues) {
      * Subscribe to all motion values found within the template. Whenever any of them change,
      * schedule an update.
      */
-    useMultiOnChange(values, () => sync.update(updateValue, false, true));
+    useMultiOnChange(values, () => sync.update(updateValue, false, true), () => cancelSync.update(updateValue));
     return value;
 }
 

package/dist/es/value/use-on-change.mjs

@@ -7,10 +7,13 @@ function useOnChange(value, callback) {
             return value.onChange(callback);
     }, [callback]);
 }
-function useMultiOnChange(values, handler) {
+function useMultiOnChange(values, handler, cleanup) {
     useIsomorphicLayoutEffect(() => {
         const subscriptions = values.map((value) => value.onChange(handler));
-        return () => subscriptions.forEach((unsubscribe) => unsubscribe());
+        return () => {
+            subscriptions.forEach((unsubscribe) => unsubscribe());
+            cleanup();
+        };
     });
 }
 

package/dist/framer-motion.dev.js

@@ -3413,7 +3413,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 = "7.5.0";
+            this.version = "7.5.1";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5389,7 +5389,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "7.5.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.5.0 may not work as expected.`);
+                    warnOnce(nextValue.version === "7.5.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.5.1 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -8766,10 +8766,13 @@
                 return value.onChange(callback);
         }, [callback]);
     }
-    function useMultiOnChange(values, handler) {
+    function useMultiOnChange(values, handler, cleanup) {
         useIsomorphicLayoutEffect(() => {
             const subscriptions = values.map((value) => value.onChange(handler));
-            return () => subscriptions.forEach((unsubscribe) => unsubscribe());
+            return () => {
+                subscriptions.forEach((unsubscribe) => unsubscribe());
+                cleanup();
+            };
         });
     }
 
@@ -8794,7 +8797,7 @@
          * Subscribe to all motion values found within the template. Whenever any of them change,
          * schedule an update.
          */
-        useMultiOnChange(values, () => sync.update(updateValue, false, true));
+        useMultiOnChange(values, () => sync.update(updateValue, false, true), () => cancelSync.update(updateValue));
         return value;
     }