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

package/dist/es/features/gestures/press/index.d.ts

@@ -6,4 +6,6 @@ export declare class PressGesture extends Feature {
     isActive(): boolean;
     constructor(state: MotionState);
     mount(): void;
+    update(): void;
+    register(): void;
 }

package/dist/es/features/gestures/press/index.mjs

@@ -23,27 +23,39 @@ function handlePressEvent(state, event, lifecycle) {
 }
 class PressGesture extends Feature {
   isActive() {
-    return Boolean(this.state.options.press);
+    return Boolean(this.state.options.whilePress);
   }
   constructor(state) {
     super(state);
   }
   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 }
+      );
+    }
   }
 }
 export {

package/dist/es/index.d.ts

@@ -7,7 +7,6 @@ export { useLayoutGroup } from './components/use-layout-group';
 export type { LayoutGroupProps } from './components/use-layout-group';
 export * from './components/context';
 export * from './value';
-export * from './constants';
 export * from './types';
 export * from './animation';
 export * from './utils';

package/dist/es/index.mjs

@@ -2,7 +2,6 @@ import { addScaleCorrector } from "./external/.pnpm/framer-motion@12.4.10/extern
 import { default as default2 } from "./components/LayoutGroup.vue.mjs";
 import { useLayoutGroup } from "./components/use-layout-group.mjs";
 import { injectLayoutGroup, injectMotion, provideLayoutGroup, provideMotion } from "./components/context.mjs";
-import { components, utilities } from "./constants/index.mjs";
 import { useDragControls } from "./features/gestures/drag/use-drag-controls.mjs";
 import { default as default3 } from "./components/motion/Motion.vue.mjs";
 import { default as default4 } from "./components/RowValue.vue.mjs";
@@ -58,6 +57,7 @@ import { useScroll } from "./value/use-scroll.mjs";
 import { useVelocity } from "./value/use-velocity.mjs";
 import { useAnimate } from "./animation/hooks/use-animate.mjs";
 import { useAnimationControls } from "./animation/hooks/use-animation-controls.mjs";
+import { useReducedMotion } from "./animation/hooks/use-reduced-motion.mjs";
 import { createContext } from "./utils/createContext.mjs";
 import { isMotionValue } from "./utils/motion-value.mjs";
 import { useInView } from "./utils/use-in-view.mjs";
@@ -88,7 +88,6 @@ export {
   circInOut,
   circOut,
   clamp,
-  components,
   createContext,
   createScopedAnimate,
   cubicBezier,
@@ -148,11 +147,11 @@ export {
   useMotionTemplate,
   motionValue2 as useMotionValue,
   useMotionValueEvent,
+  useReducedMotion,
   useScroll,
   useSpring,
   useTime,
   useTransform,
   useVelocity,
-  utilities,
   wrap
 };

package/dist/es/state/motion-state.mjs

@@ -196,7 +196,7 @@ class MotionState {
     if (isAnimate) {
       this.animateUpdates({
         isFallback: !isActive && name !== "exit" && this.visualElement.isControllingVariants,
-        isExit: this.activeStates.exit
+        isExit: name === "exit" && this.activeStates.exit
       });
     }
   }

package/dist/nuxt/index.cjs

@@ -1,8 +1,31 @@
 'use strict';
 
 const kit = require('@nuxt/kit');
-const motionV = require('motion-v');
 
+const components = [
+  "Motion",
+  "AnimatePresence",
+  "LayoutGroup",
+  "MotionConfig",
+  "ReorderGroup",
+  "ReorderItem"
+];
+const utilities = [
+  "useTransform",
+  "useTime",
+  "useMotionTemplate",
+  "useSpring",
+  "useScroll",
+  "useMotionValue",
+  "useVelocity",
+  "useAnimate",
+  "useInView",
+  "useAnimationFrame",
+  "useMotionValueEvent",
+  "useLayoutGroup",
+  "useDragControls",
+  "useReducedMotion"
+];
 const index = kit.defineNuxtModule({
   meta: {
     name: "motion-v",
@@ -13,36 +36,25 @@ const index = kit.defineNuxtModule({
   },
   defaults: {
     prefix: "",
-    components: true
+    components: true,
+    utilities: true
   },
   setup(options, _nuxtApp) {
-    function getComponents() {
-      if (typeof options.components === "object") {
-        return Object.entries(motionV.components).filter(([name]) => options.components[name]).flatMap(([_, components]) => components);
-      }
-      if (options.components)
-        return Object.values(motionV.components).flat();
-      return [];
-    }
-    for (const component of getComponents()) {
-      kit.addComponent({
-        name: `${options.prefix}${component}`,
-        export: component,
-        filePath: "motion-v"
+    if (options.components) {
+      components.forEach((component) => {
+        kit.addComponent({
+          name: `${options.prefix}${component}`,
+          export: component,
+          filePath: "motion-v"
+        });
       });
     }
-    function getUtilities() {
-      if (typeof options.components === "object") {
-        return Object.entries(motionV.utilities).filter(([name]) => options.components[name]).flatMap(([_, utilities]) => utilities);
-      }
-      if (options.components)
-        return Object.values(motionV.utilities).flat();
-      return [];
-    }
-    for (const utility of getUtilities()) {
-      kit.addImports({
-        from: "motion-v",
-        name: utility
+    if (options.utilities) {
+      utilities.forEach((utility) => {
+        kit.addImports({
+          from: "motion-v",
+          name: utility
+        });
       });
     }
   }

package/dist/nuxt/index.d.cts

@@ -1,10 +1,14 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { components } from 'motion-v';
 
+declare const components: string[];
+declare const utilities: string[];
+type Components = keyof typeof components;
+type Utilities = keyof typeof utilities;
 interface ModuleOptions {
-    components: Partial<Record<keyof typeof components, boolean>> | boolean;
+    components: boolean;
+    utilities: boolean;
     prefix: string;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { type Components, type ModuleOptions, type Utilities, _default as default };

package/dist/nuxt/index.d.mts

@@ -1,10 +1,14 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { components } from 'motion-v';
 
+declare const components: string[];
+declare const utilities: string[];
+type Components = keyof typeof components;
+type Utilities = keyof typeof utilities;
 interface ModuleOptions {
-    components: Partial<Record<keyof typeof components, boolean>> | boolean;
+    components: boolean;
+    utilities: boolean;
     prefix: string;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { type Components, type ModuleOptions, type Utilities, _default as default };

package/dist/nuxt/index.mjs

@@ -1,6 +1,29 @@
 import { defineNuxtModule, addComponent, addImports } from '@nuxt/kit';
-import { components, utilities } from 'motion-v';
 
+const components = [
+  "Motion",
+  "AnimatePresence",
+  "LayoutGroup",
+  "MotionConfig",
+  "ReorderGroup",
+  "ReorderItem"
+];
+const utilities = [
+  "useTransform",
+  "useTime",
+  "useMotionTemplate",
+  "useSpring",
+  "useScroll",
+  "useMotionValue",
+  "useVelocity",
+  "useAnimate",
+  "useInView",
+  "useAnimationFrame",
+  "useMotionValueEvent",
+  "useLayoutGroup",
+  "useDragControls",
+  "useReducedMotion"
+];
 const index = defineNuxtModule({
   meta: {
     name: "motion-v",
@@ -11,36 +34,25 @@ const index = defineNuxtModule({
   },
   defaults: {
     prefix: "",
-    components: true
+    components: true,
+    utilities: true
   },
   setup(options, _nuxtApp) {
-    function getComponents() {
-      if (typeof options.components === "object") {
-        return Object.entries(components).filter(([name]) => options.components[name]).flatMap(([_, components]) => components);
-      }
-      if (options.components)
-        return Object.values(components).flat();
-      return [];
-    }
-    for (const component of getComponents()) {
-      addComponent({
-        name: `${options.prefix}${component}`,
-        export: component,
-        filePath: "motion-v"
+    if (options.components) {
+      components.forEach((component) => {
+        addComponent({
+          name: `${options.prefix}${component}`,
+          export: component,
+          filePath: "motion-v"
+        });
       });
     }
-    function getUtilities() {
-      if (typeof options.components === "object") {
-        return Object.entries(utilities).filter(([name]) => options.components[name]).flatMap(([_, utilities]) => utilities);
-      }
-      if (options.components)
-        return Object.values(utilities).flat();
-      return [];
-    }
-    for (const utility of getUtilities()) {
-      addImports({
-        from: "motion-v",
-        name: utility
+    if (options.utilities) {
+      utilities.forEach((utility) => {
+        addImports({
+          from: "motion-v",
+          name: utility
+        });
       });
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.12.0-beta.2",
+  "version": "0.13.0-beta.1",
   "description": "",
   "author": "",
   "license": "MIT",

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

@@ -1,9 +0,0 @@
-declare const components: {
-    motion: string[];
-};
-export { components };
-export type Components = keyof typeof components;
-export declare const utilities: {
-    utilities: string[];
-};
-export type Utilities = keyof typeof utilities;

package/dist/es/constants/index.mjs

@@ -1,31 +0,0 @@
-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"
-  ]
-};
-export {
-  components,
-  utilities
-};