motion-v 1.3.0 → 1.3.1

package/dist/cjs/index.js

@@ -5772,7 +5772,7 @@ const [injectMotion, provideMotion] = createContext("Motion");
 const [injectLayoutGroup, provideLayoutGroup] = createContext("LayoutGroup");
 const [useLazyMotionContext, lazyMotionContextProvider] = createContext("LazyMotionContext");
 const defaultConfig = {
-  reduceMotion: "never",
+  reducedMotion: "never",
   transition: void 0,
   nonce: void 0
 };
@@ -5788,7 +5788,14 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "MotionConfig",
   props: {
     transition: {},
-    reduceMotion: { default: defaultConfig.reduceMotion },
+    reduceMotion: {},
+    reducedMotion: { default: ({ reduceMotion }) => {
+      if (core.isDef(reduceMotion)) {
+        heyListen.warning(false, "`reduceMotion` is deprecated. Use `reducedMotion` instead.");
+        return reduceMotion;
+      }
+      return defaultConfig.reducedMotion;
+    } },
     nonce: {},
     inViewOptions: {}
   },
@@ -5797,7 +5804,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const parentConfig = useMotionConfig();
     const config = vue.computed(() => ({
       transition: props.transition ?? parentConfig.value.transition,
-      reduceMotion: props.reduceMotion ?? parentConfig.value.reduceMotion,
+      reducedMotion: props.reducedMotion ?? parentConfig.value.reducedMotion,
       nonce: props.nonce ?? parentConfig.value.nonce,
       inViewOptions: props.inViewOptions ?? parentConfig.value.inViewOptions
     }));
@@ -5929,29 +5936,6 @@ const svgElementSet = new Set(svgElements);
 function isSVGElement(as) {
   return svgElementSet.has(as);
 }
-function isAnimateChanged(oldOptions, newOptions) {
-  const oldAnimate = oldOptions.animate;
-  const newAnimate = newOptions.animate;
-  if (oldAnimate === newAnimate)
-    return false;
-  if (!oldAnimate || !newAnimate) {
-    return true;
-  }
-  if (typeof oldAnimate === "object" || typeof newAnimate === "object") {
-    const oldKeys = Object.keys(oldAnimate);
-    const newKeys = Object.keys(newAnimate);
-    if (oldKeys.length !== newKeys.length)
-      return true;
-    return oldKeys.some((key) => {
-      if (key === "transition")
-        return false;
-      const oldVal = oldAnimate[key];
-      const newVal = newAnimate[key];
-      return oldVal !== newVal;
-    });
-  }
-  return oldAnimate !== newAnimate;
-}
 class Feature {
   constructor(state) {
     this.state = state;
@@ -7349,6 +7333,8 @@ class AnimationFeature extends Feature {
       isFallback,
       isExit
     } = {}) => {
+      const { reducedMotion } = this.state.options.motionConfig;
+      this.state.visualElement.shouldReduceMotion = reducedMotion === "always" || reducedMotion === "user" && !!prefersReducedMotion.current;
       const prevTarget = this.state.target;
       this.state.target = { ...this.state.baseTarget };
       let animationOptions = {};
@@ -7387,7 +7373,7 @@ class AnimationFeature extends Feature {
           ...this.state.baseTarget
         }
       },
-      reducedMotionConfig: this.state.options.motionConfig.reduceMotion
+      reducedMotionConfig: this.state.options.motionConfig.reducedMotion
     });
     this.state.animateUpdates = this.animateUpdates;
     if (this.state.isMounted())
@@ -9111,8 +9097,7 @@ class MotionState {
     this.options = options;
     (_a = this.visualElement) == null ? void 0 : _a.update({
       ...this.options,
-      whileTap: this.options.whilePress,
-      reducedMotionConfig: this.options.motionConfig.reduceMotion
+      whileTap: this.options.whilePress
     }, {
       isPresent: !doneCallbacks.has(this.element)
     });
@@ -9190,12 +9175,9 @@ class MotionState {
   }
   // Update motion state with new options
   update(options) {
-    const hasAnimateChange = isAnimateChanged(this.options, options);
     this.updateOptions(options);
     this.featureManager.update();
-    if (hasAnimateChange) {
-      this.startAnimation();
-    }
+    this.startAnimation();
   }
   // Set animation state active status and propagate to children
   setActive(name, isActive, isAnimate = true) {
@@ -9775,7 +9757,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     whileInView: {},
     whileFocus: {},
     forwardMotionProps: { type: Boolean },
-    features: {},
     ignoreStrict: { type: Boolean },
     custom: {},
     initial: { type: [String, Array, Object, Boolean] },
@@ -9786,8 +9767,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     style: {},
     transformTemplate: {},
     transition: {},
-    layoutGroup: {},
-    motionConfig: {},
     onAnimationComplete: {},
     onUpdate: {},
     onAnimationStart: {},
@@ -10131,7 +10110,6 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     whileInView: {},
     whileFocus: {},
     forwardMotionProps: { type: Boolean },
-    features: {},
     ignoreStrict: { type: Boolean },
     custom: {},
     initial: { type: [String, Array, Object, Boolean], default: void 0 },
@@ -10142,8 +10120,6 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     style: {},
     transformTemplate: {},
     transition: {},
-    layoutGroup: {},
-    motionConfig: {},
     onAnimationComplete: {},
     onUpdate: {},
     onAnimationStart: {},