motion-v 0.12.0 → 0.13.0-beta.1

package/dist/cjs/index.js

@@ -9598,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, {
@@ -9745,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();
@@ -9806,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;
@@ -9865,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';

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/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",
+  "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
-};