motion-v 0.11.0 → 0.11.2

package/dist/es/state/utils.mjs

@@ -104,19 +104,23 @@ function isAnimateChanged(oldOptions, newOptions) {
   const newAnimate = newOptions.animate;
   if (oldAnimate === newAnimate)
     return false;
-  if (!oldAnimate || !newAnimate)
+  if (!oldAnimate || !newAnimate) {
     return true;
+  }
   if (typeof oldAnimate === "object" || typeof newAnimate === "object") {
     const oldKeys = Object.keys(oldAnimate);
     const newKeys = Object.keys(newAnimate);
     if (oldKeys.length !== newKeys.length)
       return true;
     return oldKeys.some((key) => {
+      if (key === "transition")
+        return false;
       const oldVal = oldAnimate[key];
       const newVal = newAnimate[key];
       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@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useAnimationFrame(callback) {
   let initialTimestamp = 0;
   const provideTimeSinceStart = ({ timestamp, delta }) => {

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

@@ -1,5 +1,5 @@
 import { ref, watch, isRef, unref } from "vue";
-import { inView } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { inView } from "../external/.pnpm/framer-motion@12.4.10/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) => {

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

@@ -1,6 +1,6 @@
 import { onUnmounted } from "vue";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { cancelFrame, frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+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";
 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@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { collectMotionValues } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
 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 { warning } from "hey-listen";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { scroll } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+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";
 function refWarning(name, ref) {
   warning(
     Boolean(!ref || ref.value),

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

@@ -1,3 +1,4 @@
+import { ComputedRef, Ref } from 'vue';
 import { MotionValue } from 'framer-motion/dom';
 import { SpringOptions } from 'framer-motion';
-export declare function useSpring(source: MotionValue<string> | MotionValue<number> | number, config?: SpringOptions): MotionValue<number>;
+export declare function useSpring(source: MotionValue<string> | MotionValue<number> | number, config?: SpringOptions | ComputedRef<SpringOptions> | Ref<SpringOptions>): MotionValue<number>;

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

@@ -1,7 +1,7 @@
-import { watch } from "vue";
-import { animateValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { frame, frameData } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+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 { isMotionValue } from "../utils/motion-value.mjs";
 function toNumber(v) {
   if (typeof v === "number")
@@ -28,17 +28,23 @@ function useSpring(source, config = {}) {
       animation.sample(frameData.delta);
     }
     stopAnimation();
+    const springConfig = isRef(config) ? config.value : config;
     activeSpringAnimation = animateValue({
       keyframes: [value.get(), latestValue],
       velocity: value.getVelocity(),
       type: "spring",
       restDelta: 1e-3,
       restSpeed: 0.01,
-      ...config,
+      ...springConfig,
       onUpdate: latestSetter
     });
   };
-  watch(() => JSON.stringify(config), () => {
+  watch(() => {
+    if (isRef(config)) {
+      return config.value;
+    }
+    return config;
+  }, () => {
     value.attach((v, set) => {
       latestValue = v;
       latestSetter = set;

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@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
 function useTime() {
   const time = motionValue(0);
   useAnimationFrame((t) => time.set(t));

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

@@ -1,15 +1,23 @@
 import { useComputed } from "./use-computed.mjs";
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { transform } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/transform.mjs";
+import { computed, isRef } from "vue";
+import { transform } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/transform.mjs";
 function useTransform(input, inputRangeOrTransformer, outputRange, options) {
   if (typeof input === "function") {
     return useComputed(input);
   }
-  const transformer = typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(inputRangeOrTransformer, outputRange, options);
+  const transformer = computed(() => {
+    return typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(isRef(inputRangeOrTransformer) ? inputRangeOrTransformer.value : inputRangeOrTransformer, outputRange, options);
+  });
   return Array.isArray(input) ? useListTransform(
     input,
     transformer
-  ) : useListTransform([input], ([latest]) => transformer(latest));
+  ) : useListTransform([input], ([latest]) => {
+    if (isRef(transformer)) {
+      return transformer.value(latest);
+    }
+    return transformer(latest);
+  });
 }
 function useListTransform(values, transformer) {
   const latest = [];
@@ -19,7 +27,7 @@ function useListTransform(values, transformer) {
     for (let i = 0; i < numValues; i++) {
       latest[i] = values[i].get();
     }
-    return transformer(latest);
+    return isRef(transformer) ? transformer.value(latest) : transformer(latest);
   });
   subscribe(values);
   return value;

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

@@ -1,6 +1,6 @@
 import { useMotionValueEvent } from "./use-motion-value-event.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.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";
 function useVelocity(value) {
   const velocity = motionValue(value.getVelocity());
   const updateVelocity = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -12,7 +12,8 @@
   "keywords": [
     "vue",
     "motion",
-    "motionone"
+    "motionone",
+    "framer-motion"
   ],
   "sideEffects": false,
   "exports": {
@@ -66,22 +67,10 @@
   },
   "dependencies": {
     "@vueuse/core": "^10.0.0",
-    "framer-motion": "11.16.6",
-    "hey-listen": "^1.0.8",
-    "motion-dom": "^11.16.4"
+    "framer-motion": "12.4.10",
+    "hey-listen": "^1.0.8"
   },
   "devDependencies": {
-    "@testing-library/vue": "^8.1.0",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "@vitest/coverage-v8": "^1.4.0",
-    "@vue/test-utils": "^2.4.5",
-    "happy-dom": "^16.0.1",
-    "jsdom": "^24.0.0",
-    "rimraf": "^6.0.1",
-    "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.2.4",
-    "vitest": "^1.6.1",
     "vue": "3.4.38"
   },
   "scripts": {

package/dist/es/external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs

@@ -1,6 +0,0 @@
-import "../../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/memo.mjs";
-const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-export {
-  supportsWaapi
-};

package/dist/es/external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs

@@ -1,8 +0,0 @@
-const scaleCorrectors = {};
-function addScaleCorrector(correctors) {
-  Object.assign(scaleCorrectors, correctors);
-}
-export {
-  addScaleCorrector,
-  scaleCorrectors
-};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/index.mjs

@@ -1,51 +0,0 @@
-import { isDragActive } from "../drag/state/is-active.mjs";
-import { isNodeOrChild } from "../utils/is-node-or-child.mjs";
-import { isPrimaryPointer } from "../utils/is-primary-pointer.mjs";
-import { setupGesture } from "../utils/setup.mjs";
-import { isElementKeyboardAccessible } from "./utils/is-keyboard-accessible.mjs";
-import { enableKeyboardPress } from "./utils/keyboard.mjs";
-import { isPressing } from "./utils/state.mjs";
-function isValidPressEvent(event) {
-  return isPrimaryPointer(event) && !isDragActive();
-}
-function press(elementOrSelector, onPressStart, options = {}) {
-  const [elements, eventOptions, cancelEvents] = setupGesture(elementOrSelector, options);
-  const startPress = (startEvent) => {
-    const element = startEvent.currentTarget;
-    if (!isValidPressEvent(startEvent) || isPressing.has(element))
-      return;
-    isPressing.add(element);
-    const onPressEnd = onPressStart(startEvent);
-    const onPointerEnd = (endEvent, success) => {
-      window.removeEventListener("pointerup", onPointerUp);
-      window.removeEventListener("pointercancel", onPointerCancel);
-      if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
-        return;
-      }
-      isPressing.delete(element);
-      if (typeof onPressEnd === "function") {
-        onPressEnd(endEvent, { success });
-      }
-    };
-    const onPointerUp = (upEvent) => {
-      onPointerEnd(upEvent, options.useGlobalTarget || isNodeOrChild(element, upEvent.target));
-    };
-    const onPointerCancel = (cancelEvent) => {
-      onPointerEnd(cancelEvent, false);
-    };
-    window.addEventListener("pointerup", onPointerUp, eventOptions);
-    window.addEventListener("pointercancel", onPointerCancel, eventOptions);
-  };
-  elements.forEach((element) => {
-    if (!isElementKeyboardAccessible(element) && element.getAttribute("tabindex") === null) {
-      element.tabIndex = 0;
-    }
-    const target = options.useGlobalTarget ? window : element;
-    target.addEventListener("pointerdown", startPress, eventOptions);
-    element.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions), eventOptions);
-  });
-  return cancelEvents;
-}
-export {
-  press
-};

package/dist/es/external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs

@@ -1,4 +0,0 @@
-const noop = (any) => any;
-export {
-  noop
-};

package/dist/es/external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs

@@ -1,6 +0,0 @@
-const secondsToMilliseconds = (seconds) => seconds * 1e3;
-const millisecondsToSeconds = (milliseconds) => milliseconds / 1e3;
-export {
-  millisecondsToSeconds,
-  secondsToMilliseconds
-};

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/render/svg/utils/build-attrs.mjs

@@ -1,6 +1,6 @@
 import { buildHTMLStyles } from "../../html/utils/build-styles.mjs";
-import { calcSVGTransformOrigin } from "./transform-origin.mjs";
 import { buildSVGPath } from "./path.mjs";
+import { calcSVGTransformOrigin } from "./transform-origin.mjs";
 function buildSVGAttrs(state, {
   attrX,
   attrY,