framer-motion 8.3.1 → 8.3.3

package/dist/cjs/index.js

@@ -1456,12 +1456,9 @@ function isDragActive() {
     return false;
 }
 
-function isMouseEvent(event) {
-    return event.type !== "pen" && event.type !== "touch";
-}
 function createHoverEvent(visualElement, isActive, callback) {
     return (event, info) => {
-        if (!isMouseEvent(event) || isDragActive())
+        if (event.type === "touch" || isDragActive())
             return;
         /**
          * Ensure we trigger animations before firing event callback
@@ -2075,7 +2072,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 = "8.3.1";
+        this.version = "8.3.3";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -5931,7 +5928,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.3.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.1 may not work as expected.`);
+                warnOnce(nextValue.version === "8.3.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.3 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -9211,12 +9208,13 @@ function useMotionTemplate(fragments, ...values) {
         for (let i = 0; i < numFragments; i++) {
             output += fragments[i];
             const value = values[i];
-            if (value)
-                output += values[i].get();
+            if (value) {
+                output += isMotionValue(value) ? value.get() : value;
+            }
         }
         return output;
     }
-    return useCombineMotionValues(values, buildValue);
+    return useCombineMotionValues(values.filter(isMotionValue), buildValue);
 }
 
 /**

package/dist/es/gestures/use-hover-gesture.mjs

@@ -3,12 +3,9 @@ import { usePointerEvent } from '../events/use-pointer-event.mjs';
 import { isDragActive } from './drag/utils/lock.mjs';
 import { useMemo } from 'react';
 
-function isMouseEvent(event) {
-    return event.type !== "pen" && event.type !== "touch";
-}
 function createHoverEvent(visualElement, isActive, callback) {
     return (event, info) => {
-        if (!isMouseEvent(event) || isDragActive())
+        if (event.type === "touch" || isDragActive())
             return;
         /**
          * Ensure we trigger animations before firing event callback

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 === "8.3.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.1 may not work as expected.`);
+                warnOnce(nextValue.version === "8.3.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.3 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 = "8.3.1";
+        this.version = "8.3.3";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/es/value/use-motion-template.mjs

@@ -1,4 +1,5 @@
 import { useCombineMotionValues } from './use-combine-values.mjs';
+import { isMotionValue } from './utils/is-motion-value.mjs';
 
 /**
  * Combine multiple motion values into a new one using a string template literal.
@@ -32,12 +33,13 @@ function useMotionTemplate(fragments, ...values) {
         for (let i = 0; i < numFragments; i++) {
             output += fragments[i];
             const value = values[i];
-            if (value)
-                output += values[i].get();
+            if (value) {
+                output += isMotionValue(value) ? value.get() : value;
+            }
         }
         return output;
     }
-    return useCombineMotionValues(values, buildValue);
+    return useCombineMotionValues(values.filter(isMotionValue), buildValue);
 }
 
 export { useMotionTemplate };

package/dist/framer-motion.dev.js

@@ -1454,12 +1454,9 @@
         return false;
     }
 
-    function isMouseEvent(event) {
-        return event.type !== "pen" && event.type !== "touch";
-    }
     function createHoverEvent(visualElement, isActive, callback) {
         return (event, info) => {
-            if (!isMouseEvent(event) || isDragActive())
+            if (event.type === "touch" || isDragActive())
                 return;
             /**
              * Ensure we trigger animations before firing event callback
@@ -2073,7 +2070,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 = "8.3.1";
+            this.version = "8.3.3";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5944,7 +5941,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "8.3.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "8.3.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.3 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -9222,12 +9219,13 @@
             for (let i = 0; i < numFragments; i++) {
                 output += fragments[i];
                 const value = values[i];
-                if (value)
-                    output += values[i].get();
+                if (value) {
+                    output += isMotionValue(value) ? value.get() : value;
+                }
             }
             return output;
         }
-        return useCombineMotionValues(values, buildValue);
+        return useCombineMotionValues(values.filter(isMotionValue), buildValue);
     }
 
     /**