motion-v 0.12.0-beta.2 → 0.13.0-beta.1

package/dist/cjs/index.js

@@ -5518,27 +5518,39 @@ function handlePressEvent(state2, event, lifecycle) {
 }
 class PressGesture extends Feature {
   isActive() {
-    return Boolean(this.state.options.press);
+    return Boolean(this.state.options.whilePress);
   }
   constructor(state2) {
     super(state2);
   }
   mount() {
-    const element = this.state.element;
-    if (!element)
-      return;
-    this.unmount = press(
-      element,
-      (el, startEvent) => {
-        handlePressEvent(this.state, startEvent, "Start");
-        return (endEvent, { success }) => handlePressEvent(
-          this.state,
-          endEvent,
-          success ? "End" : "Cancel"
-        );
-      },
-      { useGlobalTarget: this.state.options.globalPressTarget }
-    );
+    this.register();
+  }
+  update() {
+    const preProps = this.state.visualElement.prevProps;
+    if (preProps.whilePress !== this.state.options.whilePress) {
+      this.register();
+    }
+  }
+  register() {
+    this.unmount();
+    if (this.isActive()) {
+      const element = this.state.element;
+      if (!element)
+        return;
+      this.unmount = press(
+        element,
+        (el, startEvent) => {
+          handlePressEvent(this.state, startEvent, "Start");
+          return (endEvent, { success }) => handlePressEvent(
+            this.state,
+            endEvent,
+            success ? "End" : "Cancel"
+          );
+        },
+        { useGlobalTarget: this.state.options.globalPressTarget }
+      );
+    }
   }
 }
 function handleHoverEvent(state2, entry, lifecycle) {
@@ -8481,7 +8493,7 @@ class MotionState {
     if (isAnimate) {
       this.animateUpdates({
         isFallback: !isActive && name !== "exit" && this.visualElement.isControllingVariants,
-        isExit: this.activeStates.exit
+        isExit: name === "exit" && this.activeStates.exit
       });
     }
   }
@@ -9586,33 +9598,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const components = {
-  motion: [
-    "Motion",
-    "AnimatePresence",
-    "LayoutGroup",
-    "MotionConfig",
-    "ReorderGroup",
-    "ReorderItem"
-  ]
-};
-const utilities = {
-  utilities: [
-    "useTransform",
-    "useTime",
-    "useMotionTemplate",
-    "useSpring",
-    "useScroll",
-    "useMotionValue",
-    "useVelocity",
-    "useAnimate",
-    "useInView",
-    "useAnimationFrame",
-    "useMotionValueEvent",
-    "useLayoutGroup",
-    "useDragControls"
-  ]
-};
 function useAnimate() {
   const dom = vue.ref(null);
   const domProxy = new Proxy(dom, {
@@ -9733,6 +9718,10 @@ function useAnimationControls() {
   });
   return controls;
 }
+function useReducedMotion(options = {}) {
+  const reducedMotion = core.useMediaQuery("(prefers-reduced-motion: reduce)", options);
+  return vue.computed(() => reducedMotion.value);
+}
 class DragControls {
   constructor() {
     this.componentControls = /* @__PURE__ */ new Set();
@@ -9794,7 +9783,6 @@ exports.circIn = circIn;
 exports.circInOut = circInOut;
 exports.circOut = circOut;
 exports.clamp = clamp$1;
-exports.components = components;
 exports.createContext = createContext;
 exports.createScopedAnimate = createScopedAnimate;
 exports.cubicBezier = cubicBezier;
@@ -9853,10 +9841,10 @@ exports.useMotionConfig = useMotionConfig;
 exports.useMotionTemplate = useMotionTemplate;
 exports.useMotionValue = motionValue;
 exports.useMotionValueEvent = useMotionValueEvent;
+exports.useReducedMotion = useReducedMotion;
 exports.useScroll = useScroll;
 exports.useSpring = useSpring;
 exports.useTime = useTime;
 exports.useTransform = useTransform;
 exports.useVelocity = useVelocity;
-exports.utilities = utilities;
 exports.wrap = wrap;

package/dist/es/animation/hooks/use-reduced-motion.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+/**
+ * Reactive prefers-reduced-motion.
+ */
+export declare function useReducedMotion(options?: {
+    window?: Window;
+}): Ref<boolean>;

package/dist/es/animation/hooks/use-reduced-motion.mjs

@@ -0,0 +1,9 @@
+import { computed } from "vue";
+import { useMediaQuery } from "@vueuse/core";
+function useReducedMotion(options = {}) {
+  const reducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)", options);
+  return computed(() => reducedMotion.value);
+}
+export {
+  useReducedMotion
+};

package/dist/es/animation/index.d.ts

@@ -1,2 +1,3 @@
 export * from './hooks/use-animate';
 export * from './hooks/use-animation-controls';
+export * from './hooks/use-reduced-motion';