framer-motion 12.24.5 → 12.24.7

package/dist/cjs/{feature-bundle-BwaqZAbT.js → feature-bundle-C6mMBZjn.js}

@@ -2970,15 +2970,23 @@ class VisualElement {
             this.removeFromVariantTree = this.parent.addVariantChild(this);
         }
         this.values.forEach((value, key) => this.bindToMotionValue(key, value));
-        if (!hasReducedMotionListener.current) {
-            initPrefersReducedMotion();
-        }
-        this.shouldReduceMotion =
-            this.reducedMotionConfig === "never"
-                ? false
-                : this.reducedMotionConfig === "always"
-                    ? true
-                    : prefersReducedMotion.current;
+        /**
+         * Determine reduced motion preference. Only initialize the matchMedia
+         * listener if we actually need the dynamic value (i.e., when config
+         * is neither "never" nor "always").
+         */
+        if (this.reducedMotionConfig === "never") {
+            this.shouldReduceMotion = false;
+        }
+        else if (this.reducedMotionConfig === "always") {
+            this.shouldReduceMotion = true;
+        }
+        else {
+            if (!hasReducedMotionListener.current) {
+                initPrefersReducedMotion();
+            }
+            this.shouldReduceMotion = prefersReducedMotion.current;
+        }
         if (process.env.NODE_ENV !== "production") {
             motionUtils.warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled");
         }
@@ -6351,4 +6359,4 @@ exports.useIsPresent = useIsPresent;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.usePresence = usePresence;
 exports.visualElementStore = visualElementStore;
-//# sourceMappingURL=feature-bundle-BwaqZAbT.js.map
+//# sourceMappingURL=feature-bundle-C6mMBZjn.js.map