framer-motion 12.6.4 → 12.7.0

package/dist/framer-motion.dev.js

@@ -1563,7 +1563,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 = "12.6.4";
+            this.version = "12.6.5";
             /**
              * 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
@@ -1841,12 +1841,18 @@
         return new MotionValue(init, options);
     }
 
+    /**
+     * @deprecated
+     *
+     * Import as `frame` instead.
+     */
+    const sync = frame;
     /**
      * @deprecated
      *
      * Use cancelFrame(callback) instead.
      */
-    stepsOrder.reduce((acc, key) => {
+    const cancelSync = stepsOrder.reduce((acc, key) => {
         acc[key] = (process) => cancelFrame(process);
         return acc;
     }, {});
@@ -4833,13 +4839,11 @@
     const isPx = (value) => typeof value === "number" || px.test(value);
     function mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {
         if (shouldCrossfadeOpacity) {
-            target.opacity = mixNumber$1(0, 
-            // TODO Reinstate this if only child
-            lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));
-            target.opacityExit = mixNumber$1(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));
+            target.opacity = mixNumber$1(0, lead.opacity ?? 1, easeCrossfadeIn(progress));
+            target.opacityExit = mixNumber$1(follow.opacity ?? 1, 0, easeCrossfadeOut(progress));
         }
         else if (isOnlyMember) {
-            target.opacity = mixNumber$1(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);
+            target.opacity = mixNumber$1(follow.opacity ?? 1, lead.opacity ?? 1, progress);
         }
         /**
          * Mix border radius
@@ -7148,7 +7152,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "12.6.4", `Attempting to mix Motion versions ${nextValue.version} with 12.6.4 may not work as expected.`);
+                    warnOnce(nextValue.version === "12.7.0", `Attempting to mix Motion versions ${nextValue.version} with 12.7.0 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -10198,7 +10202,7 @@
         return visualElement;
     }
     function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-        const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = props;
+        const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade, } = props;
         visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"]
             ? undefined
             : getClosestProjectingNode(visualElement.parent));
@@ -10216,6 +10220,7 @@
              */
             animationType: typeof layout === "string" ? layout : "both",
             initialPromotionConfig,
+            crossfade: layoutCrossfade,
             layoutScroll,
             layoutRoot,
         });
@@ -13283,6 +13288,7 @@
     exports.buildTransform = buildTransform;
     exports.calcLength = calcLength;
     exports.cancelFrame = cancelFrame;
+    exports.cancelSync = cancelSync;
     exports.circIn = circIn;
     exports.circInOut = circInOut;
     exports.circOut = circOut;
@@ -13337,6 +13343,7 @@
     exports.stagger = stagger;
     exports.startOptimizedAppearAnimation = startOptimizedAppearAnimation;
     exports.steps = steps;
+    exports.sync = sync;
     exports.time = time;
     exports.transform = transform;
     exports.unwrapMotionComponent = unwrapMotionComponent;