motion-v 0.12.0-beta.2 → 0.13.0-alpha.0

package/dist/es/index.mjs

@@ -1,48 +1,41 @@
-import { addScaleCorrector } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 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";
 import { default as default5 } from "./components/animate-presence/AnimatePresence.vue.mjs";
 import { default as default6 } from "./components/motion-config/MotionConfig.vue.mjs";
-import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { hover } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/hover.mjs";
-import { isDragActive } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs";
-import { press } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { invariant } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
-import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/back.mjs";
-import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/circ.mjs";
-import { cubicBezier } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/ease.mjs";
-import { mirrorEasing } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { steps } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/steps.mjs";
-import { inertia } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { spring } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { stagger } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { time } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/sync-time.mjs";
-import { clamp } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/delay.mjs";
-import { distance, distance2D } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/distance.mjs";
-import { interpolate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
-import { transform } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/transform.mjs";
-import { wrap } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/wrap.mjs";
-import { cancelSync, sync } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { MotionValue, cancelFrame, frame, frameData, hover, isDragActive, motionValue, press, time, motionValue as motionValue2 } from "motion-dom";
+import { invariant } from "./external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "./external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "./external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
+import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { animateMini } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
+import { scroll } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { scrollInfo } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
+import { inView } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { anticipate } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/anticipate.mjs";
+import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/back.mjs";
+import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/circ.mjs";
+import { cubicBezier } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
+import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/ease.mjs";
+import { mirrorEasing } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
+import { reverseEasing } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
+import { steps } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/steps.mjs";
+import { inertia } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/generators/inertia.mjs";
+import { keyframes } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
+import { spring } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
+import { stagger } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/utils/stagger.mjs";
+import { clamp } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/clamp.mjs";
+import { delayInSeconds } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/delay.mjs";
+import { distance, distance2D } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/distance.mjs";
+import { interpolate } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/interpolate.mjs";
+import { mix } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/mix/index.mjs";
+import { pipe } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/pipe.mjs";
+import { transform } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/transform.mjs";
+import { wrap } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/wrap.mjs";
 import { motion } from "./components/motion/NameSpace.mjs";
 import { mountedStates } from "./state/motion-state.mjs";
 import { provideMotionConfig, useMotionConfig } from "./components/motion-config/context.mjs";
@@ -58,6 +51,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";
@@ -83,12 +77,10 @@ export {
   backInOut,
   backOut,
   cancelFrame,
-  cancelSync,
   circIn,
   circInOut,
   circOut,
   clamp,
-  components,
   createContext,
   createScopedAnimate,
   cubicBezier,
@@ -100,7 +92,6 @@ export {
   easeOut,
   frame,
   frameData,
-  frameSteps,
   getContextWindow,
   hover,
   inView,
@@ -132,7 +123,6 @@ export {
   spring,
   stagger,
   steps,
-  sync,
   time,
   transform,
   useAnimate,
@@ -148,11 +138,11 @@ export {
   useMotionTemplate,
   motionValue2 as useMotionValue,
   useMotionValueEvent,
+  useReducedMotion,
   useScroll,
   useSpring,
   useTime,
   useTransform,
   useVelocity,
-  utilities,
   wrap
 };

package/dist/es/state/animate-updates.mjs

@@ -4,9 +4,9 @@ import { transformResetValue } from "./transform.mjs";
 import { motionEvent } from "./event.mjs";
 import { isDef } from "@vueuse/core";
 import { isAnimationControls } from "../animation/utils.mjs";
-import { animate } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { noop } from "../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import "../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { animate } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { noop } from "../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import "../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 const STATE_TYPES = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
 function animateUpdates({
   controlActiveState = void 0,
@@ -36,7 +36,8 @@ function animateUpdates({
   });
 }
 function resolveDirectAnimation(directAnimate, directTransition) {
-  const variant = resolveVariant(directAnimate, this.options.variants, this.options.custom);
+  var _a;
+  const variant = resolveVariant(directAnimate, this.options.variants, this.options.custom || ((_a = this.options.animatePresenceContext) == null ? void 0 : _a.custom));
   if (!variant)
     return {};
   const transition = variant.transition || directTransition || this.options.transition || {};
@@ -88,7 +89,7 @@ function createAnimationFactories(prevTarget, animationOptions, controlDelay) {
         this.element,
         { [key]: keyValue },
         {
-          ...animationOptions,
+          ...(animationOptions == null ? void 0 : animationOptions[key]) || animationOptions,
           delay: (((_a2 = animationOptions == null ? void 0 : animationOptions[key]) == null ? void 0 : _a2.delay) || (animationOptions == null ? void 0 : animationOptions.delay) || 0) + controlDelay
         }
       );

package/dist/es/state/create-visual-element.mjs

@@ -1,6 +1,6 @@
 import { isSVGElement } from "./utils.mjs";
-import { HTMLVisualElement } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
-import { SVGVisualElement } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
+import { HTMLVisualElement } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
+import { SVGVisualElement } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
 function createVisualElement(Component, options) {
   return isSVGElement(Component) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
 }

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

@@ -1,12 +1,12 @@
 import { invariant } from "hey-listen";
-import { visualElementStore } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/store.mjs";
 import { resolveVariant, isAnimateChanged } from "./utils.mjs";
 import { FeatureManager } from "../features/feature-manager.mjs";
 import { createVisualElement } from "./create-visual-element.mjs";
 import { doneCallbacks } from "../components/presence.mjs";
 import { animateUpdates } from "./animate-updates.mjs";
 import { isVariantLabels } from "./utils/is-variant-labels.mjs";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "motion-dom";
 const mountedStates = /* @__PURE__ */ new WeakMap();
 let id = 0;
 const mountedLayoutIds = /* @__PURE__ */ new Set();
@@ -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/es/state/utils.mjs

@@ -117,7 +117,6 @@ function isAnimateChanged(oldOptions, newOptions) {
       return oldVal !== newVal;
     });
   }
-  console.log(2344);
   return oldAnimate !== newAnimate;
 }
 export {

package/dist/es/utils/use-animation-frame.mjs

@@ -1,5 +1,5 @@
 import { onBeforeUpdate, onUnmounted } from "vue";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "motion-dom";
 function useAnimationFrame(callback) {
   let initialTimestamp = 0;
   const provideTimeSinceStart = ({ timestamp, delta }) => {

package/dist/es/utils/use-in-view.mjs

@@ -1,8 +1,8 @@
 import { ref, watch, isRef, unref } from "vue";
-import { inView } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { inView } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
 function useInView(domRef, options) {
   const isInView = ref(false);
-  watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2) => {
+  watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2, onCleanup) => {
     const realOptions = unref(options) || {};
     const { once } = realOptions;
     if (!domRef.value || once && isInView.value) {
@@ -14,7 +14,10 @@ function useInView(domRef, options) {
         isInView.value = false;
       };
     };
-    return inView(domRef.value, onEnter, realOptions);
+    const cleanup = inView(domRef.value, onEnter, realOptions);
+    onCleanup(() => {
+      cleanup();
+    });
   }, {
     immediate: true
   });

package/dist/es/value/use-combine-values.mjs

@@ -1,6 +1,5 @@
 import { onUnmounted } from "vue";
-import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { cancelFrame, frame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue, cancelFrame, frame } from "motion-dom";
 function useCombineMotionValues(combineValues) {
   const value = motionValue(combineValues());
   const updateValue = () => value.set(combineValues());

package/dist/es/value/use-computed.mjs

@@ -1,5 +1,5 @@
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { collectMotionValues } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { collectMotionValues } from "motion-dom";
 import { onBeforeUpdate } from "vue";
 function useComputed(computed) {
   collectMotionValues.current = [];

package/dist/es/value/use-scroll.mjs

@@ -1,7 +1,7 @@
-import { onMounted, onUnmounted, watch } from "vue";
+import { onMounted, watch } from "vue";
 import { warning } from "hey-listen";
-import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { scroll } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { scroll } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { motionValue } from "motion-dom";
 function refWarning(name, ref) {
   warning(
     Boolean(!ref || ref.value),
@@ -22,32 +22,34 @@ function useScroll({
   ...options
 } = {}) {
   const values = createScrollMotionValues();
-  let cleanup;
-  const setupScroll = () => {
-    cleanup == null ? void 0 : cleanup();
-    cleanup = scroll(
-      (_progress, { x, y }) => {
-        values.scrollX.set(x.current);
-        values.scrollXProgress.set(x.progress);
-        values.scrollY.set(y.current);
-        values.scrollYProgress.set(y.progress);
-      },
-      {
-        ...options,
-        container: (container == null ? void 0 : container.value) ?? void 0,
-        target: (target == null ? void 0 : target.value) ?? void 0
-      }
-    );
-  };
   onMounted(() => {
     refWarning("target", target);
     refWarning("container", container);
-    setupScroll();
   });
-  onUnmounted(() => cleanup == null ? void 0 : cleanup());
   watch(
-    () => [container == null ? void 0 : container.value, target == null ? void 0 : target.value, options.offset],
-    setupScroll
+    [container, target, () => options.offset],
+    (n, o, onCleanup) => {
+      const cleanup = scroll(
+        (_progress, { x, y }) => {
+          values.scrollX.set(x.current);
+          values.scrollXProgress.set(x.progress);
+          values.scrollY.set(y.current);
+          values.scrollYProgress.set(y.progress);
+        },
+        {
+          ...options,
+          container: (container == null ? void 0 : container.value) ?? void 0,
+          target: (target == null ? void 0 : target.value) ?? void 0
+        }
+      );
+      onCleanup(() => {
+        cleanup();
+      });
+    },
+    {
+      immediate: true,
+      flush: "post"
+    }
   );
   return values;
 }

package/dist/es/value/use-spring.mjs

@@ -1,7 +1,6 @@
 import { watch, isRef } from "vue";
-import { animateValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { frame, frameData } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { animateValue } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
+import { motionValue, frame, frameData } from "motion-dom";
 import { isMotionValue } from "../utils/motion-value.mjs";
 function toNumber(v) {
   if (typeof v === "number")

package/dist/es/value/use-time.mjs

@@ -1,5 +1,5 @@
 import { useAnimationFrame } from "../utils/use-animation-frame.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { motionValue } from "motion-dom";
 function useTime() {
   const time = motionValue(0);
   useAnimationFrame((t) => time.set(t));

package/dist/es/value/use-transform.mjs

@@ -1,14 +1,12 @@
 import { useComputed } from "./use-computed.mjs";
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { computed, isRef } from "vue";
-import { transform } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/transform.mjs";
+import { isRef, computed } from "vue";
+import { transform } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/transform.mjs";
 function useTransform(input, inputRangeOrTransformer, outputRange, options) {
   if (typeof input === "function") {
     return useComputed(input);
   }
-  const transformer = computed(() => {
-    return typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(isRef(inputRangeOrTransformer) ? inputRangeOrTransformer.value : inputRangeOrTransformer, outputRange, options);
-  });
+  const transformer = typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : isRef(inputRangeOrTransformer) ? computed(() => transform(inputRangeOrTransformer.value, outputRange, options)) : transform(inputRangeOrTransformer, outputRange, options);
   return Array.isArray(input) ? useListTransform(
     input,
     transformer

package/dist/es/value/use-velocity.mjs

@@ -1,6 +1,5 @@
 import { useMotionValueEvent } from "./use-motion-value-event.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { frame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue, frame } from "motion-dom";
 function useVelocity(value) {
   const velocity = motionValue(value.getVelocity());
   const updateVelocity = () => {

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-alpha.0",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -67,8 +67,9 @@
   },
   "dependencies": {
     "@vueuse/core": "^10.0.0",
-    "framer-motion": "12.4.10",
-    "hey-listen": "^1.0.8"
+    "framer-motion": "12.5.0",
+    "hey-listen": "^1.0.8",
+    "motion-dom": "^12.5.0"
   },
   "devDependencies": {
     "vue": "3.4.38"

package/dist/es/animation/hooks/animation-controls.d.ts

@@ -1,8 +0,0 @@
-import { AnimationControls } from '../types';
-import { MotionState } from '../../state';
-import { Options } from '../../types';
-/**
- * @public
- */
-export declare function animationControls(): AnimationControls;
-export declare function setValues(state: MotionState, definition: Options['animate']): void;

package/dist/es/animation/hooks/use-animate.d.ts

@@ -1,8 +0,0 @@
-import { AnimationPlaybackControls } from 'framer-motion';
-import { Ref, UnwrapRef } from 'vue';
-import { createScopedAnimate } from 'framer-motion/dom';
-type Scope = Ref<UnwrapRef<Element>> & {
-    animations: AnimationPlaybackControls[];
-};
-export declare function useAnimate<T extends Element = any>(): [Scope, ReturnType<typeof createScopedAnimate>];
-export {};