motion-v 2.2.0 → 2.3.0

package/dist/es/animation/hooks/use-animate.mjs

@@ -1,5 +1,6 @@
+import { useMotionConfig } from "../../components/motion-config/context.mjs";
 import { createScopedAnimate } from "framer-motion/dom";
-import { onUnmounted, ref } from "vue";
+import { computed, onUnmounted, ref } from "vue";
 function useAnimate() {
 	const dom = ref(null);
 	const domProxy = new Proxy(dom, {
@@ -16,7 +17,12 @@ function useAnimate() {
 		}
 	});
 	domProxy.animations = [];
-	const animate = createScopedAnimate({ scope: domProxy });
+	const config = useMotionConfig();
+	const scopedAnimate = computed(() => createScopedAnimate({
+		scope: domProxy,
+		skipAnimations: config.value.skipAnimations
+	}));
+	const animate = ((...args) => scopedAnimate.value(...args));
 	onUnmounted(() => {
 		domProxy.animations.forEach((animation) => animation.stop());
 	});

package/dist/es/components/motion-config/MotionConfig.vue_vue_type_script_setup_true_lang.mjs

@@ -16,6 +16,7 @@ var MotionConfig_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			}
 			return defaultConfig.reducedMotion;
 		} },
+		skipAnimations: { type: Boolean },
 		nonce: {},
 		inViewOptions: {}
 	},
@@ -25,6 +26,7 @@ var MotionConfig_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		provideMotionConfig(computed(() => ({
 			transition: props.transition ?? parentConfig.value.transition,
 			reducedMotion: props.reducedMotion ?? parentConfig.value.reducedMotion,
+			skipAnimations: props.skipAnimations ?? parentConfig.value.skipAnimations,
 			nonce: props.nonce ?? parentConfig.value.nonce,
 			inViewOptions: props.inViewOptions ?? parentConfig.value.inViewOptions
 		})));

package/dist/es/components/motion-config/types.d.ts

@@ -11,6 +11,8 @@ export interface MotionConfigState {
     reduceMotion?: 'user' | 'never' | 'always';
     /** Controls motion reduction based on user preference or explicit setting */
     reducedMotion?: 'user' | 'never' | 'always';
+    /** Skip all animations in this subtree, applying final values instantly */
+    skipAnimations?: boolean;
     /** Custom nonce for CSP compliance with inline styles */
     nonce?: string;
     /** Options for the inView prop */

package/dist/es/components/reorder/index.d.ts

@@ -18,8 +18,16 @@ export declare const ReorderGroup: <T, K, V>(__VLS_props: NonNullable<Awaited<ty
         whileFocus?: import('../..').Options["whileFocus"];
         forwardMotionProps?: boolean;
         ignoreStrict?: boolean;
-        transition?: import('../..').$Transition & {
-            layout?: import('../..').$Transition;
+        transition?: ((Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+            path?: import('motion-dom').MotionPath;
+        }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+            path?: import('motion-dom').MotionPath;
+        })) & {
+            layout?: (Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            });
         };
         layout?: boolean | "position" | "size" | "preserve-aspect";
         layoutId?: string;
@@ -35,6 +43,8 @@ export declare const ReorderGroup: <T, K, V>(__VLS_props: NonNullable<Awaited<ty
             [k: string]: import('../..').VariantType | ((custom: K) => import('../..').VariantType);
         };
         custom?: K;
+        inherit?: boolean;
+        onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
         initial?: import('motion-dom').VariantLabels | import('../..').VariantType | boolean;
         style?: Partial<{
             [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
@@ -747,8 +757,6 @@ export declare const ReorderGroup: <T, K, V>(__VLS_props: NonNullable<Awaited<ty
         inViewOptions?: import('../../features/gestures/in-view/types').InViewOptions & {
             once?: boolean;
         };
-        inherit?: boolean;
-        onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
         onDragTransitionEnd?: () => void;
         onDragEnd?: (event: PointerEvent, info: import('motion-dom').PanInfo) => void;
         dragPropagation?: boolean;
@@ -804,8 +812,16 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
         whileFocus?: import('../..').Options["whileFocus"];
         forwardMotionProps?: boolean;
         ignoreStrict?: boolean;
-        transition?: import('../..').$Transition & {
-            layout?: import('../..').$Transition;
+        transition?: ((Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+            path?: import('motion-dom').MotionPath;
+        }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+            path?: import('motion-dom').MotionPath;
+        })) & {
+            layout?: (Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            });
         };
         layoutId?: string;
         layoutScroll?: boolean;
@@ -820,6 +836,8 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
             [k: string]: import('../..').VariantType | ((custom: unknown) => import('../..').VariantType);
         };
         custom?: unknown;
+        inherit?: boolean;
+        onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
         initial?: import('motion-dom').VariantLabels | import('../..').VariantType | boolean;
         style?: Partial<{
             [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
@@ -1532,8 +1550,6 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
         inViewOptions?: import('../../features/gestures/in-view/types').InViewOptions & {
             once?: boolean;
         };
-        inherit?: boolean;
-        onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
         onDragTransitionEnd?: () => void;
         onDragEnd?: (event: PointerEvent, info: import('motion-dom').PanInfo) => void;
         dragPropagation?: boolean;
@@ -1591,8 +1607,16 @@ export declare const Reorder: {
             whileFocus?: import('../..').Options["whileFocus"];
             forwardMotionProps?: boolean;
             ignoreStrict?: boolean;
-            transition?: import('../..').$Transition & {
-                layout?: import('../..').$Transition;
+            transition?: ((Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            })) & {
+                layout?: (Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+                    path?: import('motion-dom').MotionPath;
+                }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+                    path?: import('motion-dom').MotionPath;
+                });
             };
             layout?: boolean | "position" | "size" | "preserve-aspect";
             layoutId?: string;
@@ -1608,6 +1632,8 @@ export declare const Reorder: {
                 [k: string]: import('../..').VariantType | ((custom: K) => import('../..').VariantType);
             };
             custom?: K;
+            inherit?: boolean;
+            onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
             initial?: import('motion-dom').VariantLabels | import('../..').VariantType | boolean;
             style?: Partial<{
                 [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
@@ -2320,8 +2346,6 @@ export declare const Reorder: {
             inViewOptions?: import('../../features/gestures/in-view/types').InViewOptions & {
                 once?: boolean;
             };
-            inherit?: boolean;
-            onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
             onDragTransitionEnd?: () => void;
             onDragEnd?: (event: PointerEvent, info: import('motion-dom').PanInfo) => void;
             dragPropagation?: boolean;
@@ -2377,8 +2401,16 @@ export declare const Reorder: {
             whileFocus?: import('../..').Options["whileFocus"];
             forwardMotionProps?: boolean;
             ignoreStrict?: boolean;
-            transition?: import('../..').$Transition & {
-                layout?: import('../..').$Transition;
+            transition?: ((Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+                path?: import('motion-dom').MotionPath;
+            })) & {
+                layout?: (Omit<import('motion-dom').ValueAnimationTransition<any>, "path"> & {
+                    path?: import('motion-dom').MotionPath;
+                }) | (Omit<import('motion-dom').TransitionWithValueOverrides<any>, "path"> & {
+                    path?: import('motion-dom').MotionPath;
+                });
             };
             layoutId?: string;
             layoutScroll?: boolean;
@@ -2393,6 +2425,8 @@ export declare const Reorder: {
                 [k: string]: import('../..').VariantType | ((custom: unknown) => import('../..').VariantType);
             };
             custom?: unknown;
+            inherit?: boolean;
+            onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
             initial?: import('motion-dom').VariantLabels | import('../..').VariantType | boolean;
             style?: Partial<{
                 [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
@@ -3105,8 +3139,6 @@ export declare const Reorder: {
             inViewOptions?: import('../../features/gestures/in-view/types').InViewOptions & {
                 once?: boolean;
             };
-            inherit?: boolean;
-            onUpdate?: (latest: import('motion-dom').ResolvedValues) => void;
             onDragTransitionEnd?: () => void;
             onDragEnd?: (event: PointerEvent, info: import('motion-dom').PanInfo) => void;
             dragPropagation?: boolean;

package/dist/es/index.d.ts

@@ -1,5 +1,5 @@
 export * from 'framer-motion/dom';
-export { delay as delayInMs, addScaleCorrector, attachFollow, attachSpring } from 'motion-dom';
+export { delay as delayInMs } from 'motion-dom';
 export { motionValue as useMotionValue } from 'motion-dom';
 export * from './components';
 export { default as LayoutGroup } from './components/LayoutGroup';

package/dist/es/index.mjs

@@ -35,6 +35,6 @@ import { useReducedMotion } from "./animation/hooks/use-reduced-motion.mjs";
 import { useDragControls } from "./features/gestures/drag/use-drag-controls.mjs";
 import { domAnimation } from "./features/dom-animation.mjs";
 import { MotionPlugin, createMotionDirective, createPresetDirective, vMotion } from "./directive/index.mjs";
-import { addScaleCorrector, attachFollow, attachSpring, delay as delayInMs, motionValue as useMotionValue } from "motion-dom";
+import { delay as delayInMs, motionValue as useMotionValue } from "motion-dom";
 export * from "framer-motion/dom";
-export { AnimatePresence_default as AnimatePresence, LayoutGroup_default as LayoutGroup, LazyMotion, M, Motion, MotionConfig_default as MotionConfig, MotionPlugin, Reorder, ReorderGroup, ReorderItem, RowValue_default as RowValue, ScrollOffset, addScaleCorrector, attachFollow, attachSpring, createContext, createMotionDirective, createPresetDirective, delayInMs, domAnimation, domMax, getContextWindow, injectLayoutGroup, injectMotion, layoutGroupInjectionKey, m, motion, motionGlobalConfig, motionInjectionKey, mountedStates, offsetToViewTimelineRange, provideLayoutGroup, provideMotion, provideMotionConfig, resolveMotionProps, useAnimate, useAnimationControls, useAnimationFrame, useCombineMotionValues, useComputed, useDomRef, useDragControls, useFollowValue, useInView, useLayoutGroup, useMotionConfig, useMotionTemplate, useMotionValue, useMotionValueEvent, usePageInView, useReducedMotion, useScroll, useSpring, useTime, useTransform, useVelocity, vMotion };
+export { AnimatePresence_default as AnimatePresence, LayoutGroup_default as LayoutGroup, LazyMotion, M, Motion, MotionConfig_default as MotionConfig, MotionPlugin, Reorder, ReorderGroup, ReorderItem, RowValue_default as RowValue, ScrollOffset, createContext, createMotionDirective, createPresetDirective, delayInMs, domAnimation, domMax, getContextWindow, injectLayoutGroup, injectMotion, layoutGroupInjectionKey, m, motion, motionGlobalConfig, motionInjectionKey, mountedStates, offsetToViewTimelineRange, provideLayoutGroup, provideMotion, provideMotionConfig, resolveMotionProps, useAnimate, useAnimationControls, useAnimationFrame, useCombineMotionValues, useComputed, useDomRef, useDragControls, useFollowValue, useInView, useLayoutGroup, useMotionConfig, useMotionTemplate, useMotionValue, useMotionValueEvent, usePageInView, useReducedMotion, useScroll, useSpring, useTime, useTransform, useVelocity, vMotion };

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

@@ -48,7 +48,8 @@ var MotionState = class {
 		invariant(Boolean(element), "Animation state must be mounted with valid Element");
 		mountedStates.set(element, this);
 		this.element = element;
-		element.setAttribute(motionGlobalConfig.motionAttribute, this.options.presenceContext?.presenceId ?? "");
+		const presenceId = this.options.presenceContext?.presenceId;
+		if (presenceId !== void 0) element.setAttribute(motionGlobalConfig.motionAttribute, presenceId);
 		this.visualElement?.mount(element);
 		this.updateFeatures();
 	}

package/dist/es/types/state.d.ts

@@ -1,4 +1,4 @@
-import { DOMKeyframesDefinition, LegacyAnimationControls, MotionValue, ResolvedValues, TransformProperties, VariantLabels } from 'motion-dom';
+import { DOMKeyframesDefinition, LegacyAnimationControls, MotionPath, MotionValue, ResolvedValues, TransformProperties, VariantLabels } from 'motion-dom';
 import { animate } from 'framer-motion/dom';
 import { LayoutOptions } from '../features/layout/types';
 import { DragProps } from '../features/gestures/drag/types';
@@ -29,6 +29,19 @@ export interface DragOptions {
     dragSnapToOrigin?: boolean;
 }
 type TransformPropertiesWithoutTransition = Omit<TransformProperties, 'transition'>;
+/**
+ * In motion-dom's `Transition` union, the `path` key carries two meanings:
+ * the curved-motion factory (`arc()`, typed `MotionPath`) and the SVG `path`
+ * attribute's per-value transition (typed `ValueTransition`, and non-optional
+ * in the mapped `SVGPathTransitions`). That collision can obscure the
+ * `MotionPath` type at call sites like `transition: { path: arc() }`.
+ *
+ * This distributive override pins `path` to `MotionPath` on every union member
+ * while preserving each member's other fields, so `arc()` is accepted cleanly.
+ */
+type WithMotionPath<T> = T extends any ? Omit<T, 'path'> & {
+    path?: MotionPath;
+} : never;
 export type MotionStyleProps = Partial<{
     [K in keyof Omit<VariantType & TransformPropertiesWithoutTransition, 'attrX' | 'attrY' | 'attrScale'>]: string | number | undefined | MotionValue;
 }>;
@@ -44,8 +57,8 @@ export interface Options<T = any> extends LayoutOptions, PressProps, HoverProps,
     inherit?: boolean;
     style?: MotionStyleProps;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
-    transition?: $Transition & {
-        layout?: $Transition;
+    transition?: WithMotionPath<$Transition> & {
+        layout?: WithMotionPath<$Transition>;
     };
     layoutGroup?: LayoutGroupState;
     motionConfig?: MotionConfigState;

package/dist/es/value/use-spring.d.ts

@@ -3,5 +3,6 @@ import { MotionValue } from 'framer-motion/dom';
 import { FollowValueOptions, SpringOptions } from 'motion-dom';
 type AnyResolvedKeyframe = string | number;
 export declare function useFollowValue<T extends AnyResolvedKeyframe>(source: T | MotionValue<T>, options?: MaybeRef<FollowValueOptions>): MotionValue<T>;
-export declare function useSpring(source: MotionValue<string> | MotionValue<number> | number, config?: MaybeRef<SpringOptions>): MotionValue<string | number>;
+export declare function useSpring(source: MotionValue<string> | string, config?: MaybeRef<SpringOptions>): MotionValue<string>;
+export declare function useSpring(source: MotionValue<number> | number, config?: MaybeRef<SpringOptions>): MotionValue<number>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "motion-v",
   "type": "module",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -55,10 +55,10 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "framer-motion": "^12.38.0",
+    "framer-motion": "^12.40.0",
     "hey-listen": "^1.0.8",
-    "motion-dom": "^12.38.0",
-    "motion-utils": "^12.36.0"
+    "motion-dom": "^12.40.0",
+    "motion-utils": "^12.39.0"
   },
   "scripts": {
     "dev": "vite build --watch",