motion-v 1.2.1 → 1.3.1

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

@@ -2,13 +2,13 @@ import { injectMotion, injectLayoutGroup, provideMotion } from "../context.mjs";
 import { getMotionElement } from "../hooks/use-motion-elm.mjs";
 import { useLazyMotionContext } from "../lazy-motion/context.mjs";
 import { checkMotionIsHidden } from "./utils.mjs";
-import { injectAnimatePresence } from "../presence.mjs";
+import { injectAnimatePresence } from "../animate-presence/presence.mjs";
 import { MotionState } from "../../state/motion-state.mjs";
 import { convertSvgStyleToAttributes, createStyles } from "../../state/style.mjs";
 import { warning, invariant } from "hey-listen";
 import { ref, useAttrs, getCurrentInstance, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, onBeforeUpdate, onUpdated } from "vue";
 import { useMotionConfig } from "../motion-config/context.mjs";
-import { isMotionValue } from "../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { isMotionValue } from "../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
 function useMotionState(props) {
   var _a;
   const parentState = injectMotion(null);

package/dist/es/components/motion/utils.d.ts

@@ -16,7 +16,7 @@ export declare function checkMotionIsHidden(instance: ComponentPublicInstance):
  */
 export declare function createMotionComponent(component: string | DefineComponent, options?: MotionCreateOptions): Component;
 type MotionNameSpace = {
-    [K in keyof IntrinsicElementAttributes]: DefineComponent<Omit<MotionProps<K, unknown>, 'as' | 'asChild'> & MotionHTMLAttributes<K>, 'create'>;
+    [K in keyof IntrinsicElementAttributes]: DefineComponent<Omit<MotionProps<K, unknown>, 'as' | 'asChild' | 'motionConfig' | 'layoutGroup'> & MotionHTMLAttributes<K>, 'create'>;
 } & MotionCompProps;
 export declare function createMotionComponentWithFeatures(features?: Feature[]): MotionNameSpace;
 export {};

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

@@ -6,12 +6,20 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').MotionConfigState>, {
-    reduceMotion: "user" | "never" | "always";
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').MotionConfigState>, {
-    reduceMotion: "user" | "never" | "always";
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').MotionConfigState & {
+    reducedMotion?: "user" | "never" | "always";
+}>, {
+    reducedMotion: ({ reduceMotion }: {
+        reduceMotion: any;
+    }) => any;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').MotionConfigState & {
+    reducedMotion?: "user" | "never" | "always";
+}>, {
+    reducedMotion: ({ reduceMotion }: {
+        reduceMotion: any;
+    }) => any;
 }>>>, {
-    reduceMotion: "user" | "never" | "always";
+    reducedMotion: "user" | "never" | "always";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,5 +1,7 @@
 import { defineComponent, computed, renderSlot } from "vue";
 import { defaultConfig, useMotionConfig, provideMotionConfig } from "./context.mjs";
+import { isDef } from "@vueuse/core";
+import { warning } from "hey-listen";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "MotionConfig",
@@ -8,7 +10,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MotionConfig",
   props: {
     transition: {},
-    reduceMotion: { default: defaultConfig.reduceMotion },
+    reduceMotion: {},
+    reducedMotion: { default: ({ reduceMotion }) => {
+      if (isDef(reduceMotion)) {
+        warning(false, "`reduceMotion` is deprecated. Use `reducedMotion` instead.");
+        return reduceMotion;
+      }
+      return defaultConfig.reducedMotion;
+    } },
     nonce: {},
     inViewOptions: {}
   },
@@ -17,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const parentConfig = useMotionConfig();
     const config = 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
     }));

package/dist/es/components/motion-config/context.mjs

@@ -1,7 +1,7 @@
 import { computed } from "vue";
 import { createContext } from "../../utils/createContext.mjs";
 const defaultConfig = {
-  reduceMotion: "never",
+  reducedMotion: "never",
   transition: void 0,
   nonce: void 0
 };

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

@@ -5,8 +5,12 @@ import { Options } from '../../types';
 export interface MotionConfigState {
     /** Default transition settings for animations */
     transition?: Options['transition'];
-    /** Controls motion reduction based on user preference or explicit setting */
+    /**
+     * @deprecated Use `reducedMotion` instead
+     */
     reduceMotion?: 'user' | 'never' | 'always';
+    /** Controls motion reduction based on user preference or explicit setting */
+    reducedMotion?: 'user' | 'never' | 'always';
     /** Custom nonce for CSP compliance with inline styles */
     nonce?: string;
     /** Options for the inView prop */

package/dist/es/components/reorder/Group.vue.mjs

@@ -25,7 +25,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     whileInView: {},
     whileFocus: {},
     forwardMotionProps: { type: Boolean },
-    features: {},
     ignoreStrict: { type: Boolean },
     custom: {},
     initial: { type: [String, Array, Object, Boolean] },
@@ -36,8 +35,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     transformTemplate: {},
     transition: {},
-    layoutGroup: {},
-    motionConfig: {},
     onAnimationComplete: {},
     onUpdate: {},
     onAnimationStart: {},

package/dist/es/components/reorder/Item.vue.mjs

@@ -25,7 +25,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     whileInView: {},
     whileFocus: {},
     forwardMotionProps: { type: Boolean },
-    features: {},
     ignoreStrict: { type: Boolean },
     custom: {},
     initial: { type: [String, Array, Object, Boolean], default: void 0 },
@@ -36,8 +35,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     transformTemplate: {},
     transition: {},
-    layoutGroup: {},
-    motionConfig: {},
     onAnimationComplete: {},
     onUpdate: {},
     onAnimationStart: {},