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

package/dist/es/animation/hooks/animation-controls.mjs

@@ -1,6 +1,6 @@
 import { mountedStates } from "../../state/motion-state.mjs";
 import { invariant } from "hey-listen";
-import { setTarget } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/utils/setters.mjs";
+import { setTarget } from "../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/utils/setters.mjs";
 import { resolveVariant } from "../../state/utils.mjs";
 function stopAnimation(visualElement) {
   visualElement.values.forEach((value) => value.stop());

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

@@ -1,5 +1,5 @@
 import { ref, onUnmounted } from "vue";
-import { createScopedAnimate } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { createScopedAnimate } from "../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animate/index.mjs";
 function useAnimate() {
   const dom = ref(null);
   const domProxy = new Proxy(dom, {

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/components/animate-presence/AnimatePresence.vue.mjs

@@ -15,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     as: {},
     custom: {},
     onExitComplete: {},
-    unwrapElement: { type: [Boolean, Function], default: false },
     anchorX: { default: "left" }
   },
   setup(__props) {
@@ -29,6 +28,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       presenceContext.initial = void 0;
     });
     const { addPopStyle, removePopStyle, styles } = usePopLayout(props);
+    function findMotionElement(el) {
+      let current = el;
+      while (current) {
+        if (mountedStates.get(current)) {
+          return current;
+        }
+        current = current.firstElementChild;
+      }
+      return null;
+    }
     function enter(el) {
       const state = mountedStates.get(el);
       if (!state) {
@@ -46,29 +55,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       exitDom.clear();
     });
     function exit(el, done) {
-      if (props.unwrapElement) {
-        if (typeof props.unwrapElement === "function") {
-          el = props.unwrapElement(el) || el;
-        } else {
-          el = el.firstElementChild || el;
+      var _a;
+      const motionEl = findMotionElement(el);
+      const state = mountedStates.get(motionEl);
+      if (!motionEl || !state) {
+        done();
+        if (exitDom.size === 0) {
+          (_a = props.onExitComplete) == null ? void 0 : _a.call(props);
         }
+        return;
       }
-      const state = mountedStates.get(el);
-      if (!state) {
-        return done();
-      }
-      exitDom.set(el, true);
-      removeDoneCallback(el);
+      exitDom.set(motionEl, true);
+      removeDoneCallback(motionEl);
       addPopStyle(state);
       function doneCallback(e) {
-        var _a, _b;
-        if ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.isExit) {
+        var _a2, _b;
+        if ((_a2 = e == null ? void 0 : e.detail) == null ? void 0 : _a2.isExit) {
           const projection = state.visualElement.projection;
           if ((projection == null ? void 0 : projection.animationProgress) > 0 && !state.isSafeToRemove && !state.isVShow) {
             return;
           }
-          removeDoneCallback(el);
-          exitDom.delete(el);
+          removeDoneCallback(motionEl);
+          exitDom.delete(motionEl);
           if (exitDom.size === 0) {
             (_b = props.onExitComplete) == null ? void 0 : _b.call(props);
           }
@@ -78,15 +86,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             removePopStyle(state);
           }
           done();
-          if (!el.isConnected) {
+          if (!motionEl.isConnected) {
             state.unmount(true);
           }
         }
       }
       delay(() => {
         state.setActive("exit", true);
-        doneCallbacks.set(el, doneCallback);
-        el.addEventListener("motioncomplete", doneCallback);
+        doneCallbacks.set(motionEl, doneCallback);
+        motionEl.addEventListener("motioncomplete", doneCallback);
       });
     }
     const transitionProps = computed(() => {

package/dist/es/components/animate-presence/use-pop-layout.mjs

@@ -1,5 +1,5 @@
 import { useMotionConfig } from "../motion-config/context.mjs";
-import { frame } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "motion-dom";
 function usePopLayout(props) {
   const styles = /* @__PURE__ */ new WeakMap();
   const config = useMotionConfig();

package/dist/es/components/motion/Motion.vue.mjs

@@ -141,6 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         layoutGroup,
         motionConfig: config.value,
         inViewOptions: props.inViewOptions ?? config.value.inViewOptions,
+        animatePresenceContext,
         initial: animatePresenceContext.initial === false ? animatePresenceContext.initial : props.initial === true ? void 0 : props.initial
       };
     }

package/dist/es/components/reorder/utils.mjs

@@ -1,6 +1,6 @@
 import { mixNumber } from "../../utils/mix/number.mjs";
-import { motionValue } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
 import { isMotionValue } from "../../utils/motion-value.mjs";
+import { motionValue } from "motion-dom";
 function compareMin(a, b) {
   return a.layout.min - b.layout.min;
 }

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animate/index.mjs

@@ -1,5 +1,4 @@
-import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { GroupPlaybackControls } from "motion-dom";
 import { animateSequence } from "./sequence.mjs";
 import { animateSubject } from "./subject.mjs";
 function isSequence(value) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animate/resolve-subjects.mjs

@@ -1,5 +1,4 @@
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import { resolveElements } from "motion-dom";
 import { isDOMKeyframes } from "../utils/is-dom-keyframes.mjs";
 function resolveSubjects(subject, keyframes, scope, selectorCache) {
   if (typeof subject === "string" && isDOMKeyframes(keyframes)) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animate/single-value.mjs

@@ -1,4 +1,4 @@
-import { motionValue } from "../../value/index.mjs";
+import { motionValue } from "motion-dom";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { animateMotionValue } from "../interfaces/motion-value.mjs";
 function animateSingleValue(value, keyframes, options) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,4 +1,4 @@
-import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { visualElementStore } from "../../render/store.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { animateTarget } from "../interfaces/visual-element-target.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -1,10 +1,7 @@
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { attachTimeline } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
-import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
-import { supportsLinearEasing } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+import { supportsLinearEasing, attachTimeline, isGenerator, isWaapiSupportedEasing } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { anticipate } from "../../easing/anticipate.mjs";
 import { backInOut } from "../../easing/back.mjs";
 import { circInOut } from "../../easing/circ.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -1,4 +1,4 @@
-import { time } from "../../frameloop/sync-time.mjs";
+import { time } from "motion-dom";
 import { flushKeyframeResolvers } from "../../render/utils/KeyframesResolver.mjs";
 import { canAnimate } from "./utils/can-animate.mjs";
 import { getFinalKeyframe } from "./waapi/utils/get-final-keyframe.mjs";
@@ -85,6 +85,8 @@ class BaseAnimation {
     return this.currentFinishedPromise.then(resolve, reject);
   }
   flatten() {
+    if (!this.options.allowFlatten)
+      return;
     this.options.type = "keyframes";
     this.options.ease = "linear";
   }

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs

@@ -1,7 +1,6 @@
-import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { isGenerator, calcGeneratorDuration, activeAnimations } from "motion-dom";
+import { invariant } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { KeyframeResolver } from "../../render/utils/KeyframesResolver.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { mix } from "../../utils/mix/index.mjs";
@@ -88,6 +87,7 @@ class MainThreadAnimation extends BaseAnimation {
   }
   onPostResolved() {
     const { autoplay = true } = this.options;
+    activeAnimations.mainThread++;
     this.play();
     if (this.pendingPlayState === "paused" || !autoplay) {
       this.pause();
@@ -260,6 +260,7 @@ class MainThreadAnimation extends BaseAnimation {
     this.updateFinishedPromise();
     this.startTime = this.cancelTime = null;
     this.resolver.cancel();
+    activeAnimations.mainThread--;
   }
   stopDriver() {
     if (!this.driver)

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs

@@ -1,5 +1,4 @@
-import { time } from "../../../frameloop/sync-time.mjs";
-import { frame, cancelFrame, frameData } from "../../../frameloop/frame.mjs";
+import { frame, cancelFrame, frameData, time } from "motion-dom";
 const frameloopDriver = (update) => {
   const passTimestamp = ({ timestamp }) => update(timestamp);
   return {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/utils/can-animate.mjs

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { isGenerator } from "motion-dom";
+import { warning } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { isAnimatable } from "../../utils/is-animatable.mjs";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs

@@ -1,9 +1,6 @@
-import { invariant } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { NativeAnimationControls } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
-import { supportsLinearEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+import { NativeAnimationControls, isGenerator, createGeneratorEasing, supportsLinearEasing } from "motion-dom";
+import { invariant } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { startWaapiAnimation } from "./index.mjs";
 import { browserNumberValueTypes } from "../../../render/dom/value-types/number-browser.mjs";
 import { getFinalKeyframe } from "./utils/get-final-keyframe.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -1,7 +1,6 @@
-import { invariant } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { getValueTransition } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import { resolveElements, getValueTransition } from "motion-dom";
+import { invariant } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
 function animateElements(elementOrSelector, keyframes, options, scope) {
   const elements = resolveElements(elementOrSelector, scope);
@@ -21,6 +20,7 @@ function animateElements(elementOrSelector, keyframes, options, scope) {
       };
       valueOptions.duration = valueOptions.duration ? secondsToMilliseconds(valueOptions.duration) : valueOptions.duration;
       valueOptions.delay = secondsToMilliseconds(valueOptions.delay || 0);
+      valueOptions.allowFlatten = !elementTransition.type && !elementTransition.ease;
       animations.push(new NativeAnimation(element, valueName, valueKeyframes, valueOptions));
     }
   }

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs

@@ -1,5 +1,4 @@
-import { GroupPlaybackControls } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { GroupPlaybackControls } from "motion-dom";
 import { animateElements } from "./animate-elements.mjs";
 const createScopedWaapiAnimate = (scope) => {
   function scopedAnimate(elementOrSelector, keyframes, options) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,5 +1,4 @@
-import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+import { mapEasingToNativeEasing, statsBuffer, activeAnimations } from "motion-dom";
 function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeInOut", times } = {}) {
   const keyframeOptions = { [valueName]: keyframes };
   if (times)
@@ -7,6 +6,9 @@ function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duratio
   const easing = mapEasingToNativeEasing(ease, duration);
   if (Array.isArray(easing))
     keyframeOptions.easing = easing;
+  if (statsBuffer.value) {
+    activeAnimations.waapi++;
+  }
   const animation = element.animate(keyframeOptions, {
     delay,
     duration,
@@ -15,6 +17,11 @@ function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duratio
     iterations: repeat + 1,
     direction: repeatType === "reverse" ? "alternate" : "normal"
   });
+  if (statsBuffer.value) {
+    animation.finished.finally(() => {
+      activeAnimations.waapi--;
+    });
+  }
   return animation;
 }
 export {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/memo.mjs";
+import "../../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/memo.mjs";
 const supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/memo.mjs";
+import "../../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../../../motion-utils@12.5.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@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/generators/spring/find.mjs

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { springDefaults } from "./defaults.mjs";
 const safeMin = 1e-3;

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/generators/spring/index.mjs

@@ -1,7 +1,6 @@
-import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { generateLinearEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration, generateLinearEasing } from "motion-dom";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { springDefaults } from "./defaults.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/generators/utils/velocity.mjs

@@ -1,4 +1,5 @@
-import { velocityPerSecond } from "../../../utils/velocity-per-second.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
 const velocitySampleDuration = 5;
 function calcGeneratorVelocity(resolveValue, t, current) {
   const prevT = Math.max(t - velocitySampleDuration, 0);

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,8 +1,6 @@
-import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { frame } from "../../frameloop/frame.mjs";
+import { getValueTransition, frame, GroupPlaybackControls } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { AcceleratedAnimation } from "../animators/AcceleratedAnimation.mjs";
 import { MainThreadAnimation } from "../animators/MainThreadAnimation.mjs";
 import { getFinalKeyframe } from "../animators/waapi/utils/get-final-keyframe.mjs";
@@ -53,6 +51,7 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
       shouldSkip = true;
     }
   }
+  options.allowFlatten = !valueTransition.type && !valueTransition.ease;
   if (shouldSkip && !isHandoff && value.get() !== void 0) {
     const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
     if (finalKeyframe !== void 0) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -1,11 +1,9 @@
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { getValueTransition, frame } from "motion-dom";
 import { positionalKeys } from "../../render/html/utils/keys-position.mjs";
 import { setTarget } from "../../render/utils/setters.mjs";
 import { addValueToWillChange } from "../../value/use-will-change/add-will-change.mjs";
 import { getOptimisedAppearId } from "../optimized-appear/get-appear-id.mjs";
 import { animateMotionValue } from "./motion-value.mjs";
-import { frame } from "../../frameloop/frame.mjs";
 function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
   const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
   needsAnimating[key] = false;

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/sequence/create.mjs

@@ -1,8 +1,7 @@
-import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { isGenerator, createGeneratorEasing } from "motion-dom";
+import { invariant } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { getEasingForSegment } from "../../easing/utils/get-easing-for-segment.mjs";
 import { defaultOffset } from "../../utils/offsets/default.mjs";
 import { fillOffset } from "../../utils/offsets/fill.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/sequence/utils/edit.mjs

@@ -1,5 +1,6 @@
+import { removeItem } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/array.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { getEasingForSegment } from "../../../easing/utils/get-easing-for-segment.mjs";
-import { removeItem } from "../../../utils/array.mjs";
 import { mixNumber } from "../../../utils/mix/number.mjs";
 function eraseKeyframes(sequence, startTime, endTime) {
   for (let i = 0; i < sequence.length; i++) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/easing/cubic-bezier.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
 const calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
 const subdivisionPrecision = 1e-7;
 const subdivisionMaxIterations = 12;

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/easing/utils/map.mjs

@@ -1,6 +1,6 @@
-import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { isBezierDefinition } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/is-bezier-definition.mjs";
+import { isBezierDefinition } from "motion-dom";
+import { invariant } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
 import { anticipate } from "../anticipate.mjs";
 import { backIn, backInOut, backOut } from "../back.mjs";
 import { circIn, circInOut, circOut } from "../circ.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
 import { circOut } from "../../easing/circ.mjs";
 import { mixNumber } from "../../utils/mix/number.mjs";
 import { percent, px } from "../../value/types/numbers/units.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -1,17 +1,14 @@
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { statsBuffer, getValueTransition, cancelFrame, time, frameData, frameSteps, microtask, frame, activeAnimations } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { SubscriptionManager } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
 import { animateSingleValue } from "../../animation/animate/single-value.mjs";
 import { getOptimisedAppearId } from "../../animation/optimized-appear/get-appear-id.mjs";
-import { cancelFrame, frameData, frameSteps, frame } from "../../frameloop/frame.mjs";
-import { microtask } from "../../frameloop/microtask.mjs";
-import { time } from "../../frameloop/sync-time.mjs";
 import { isSVGElement } from "../../render/dom/utils/is-svg-element.mjs";
 import { FlatTree } from "../../render/utils/flat-tree.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { delay } from "../../utils/delay.mjs";
 import { mixNumber } from "../../utils/mix/number.mjs";
-import { SubscriptionManager } from "../../utils/subscription-manager.mjs";
 import { resolveMotionValue } from "../../value/utils/resolve-motion-value.mjs";
 import { mixValues } from "../animation/mix-values.mjs";
 import { copyBoxInto, copyAxisDeltaInto } from "../geometry/copy.mjs";
@@ -26,6 +23,11 @@ import { buildProjectionTransform } from "../styles/transform.mjs";
 import { eachAxis } from "../utils/each-axis.mjs";
 import { hasTransform, hasScale, has2DTranslate } from "../utils/has-transform.mjs";
 import { globalProjectionState } from "./state.mjs";
+const metrics = {
+  nodes: 0,
+  calculatedTargetDeltas: 0,
+  calculatedProjections: 0
+};
 const transformAxes = ["", "X", "Y", "Z"];
 const hiddenVisibility = { visibility: "hidden" };
 const animationTarget = 1e3;
@@ -91,10 +93,16 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       };
       this.updateProjection = () => {
         this.projectionUpdateScheduled = false;
+        if (statsBuffer.value) {
+          metrics.nodes = metrics.calculatedTargetDeltas = metrics.calculatedProjections = 0;
+        }
         this.nodes.forEach(propagateDirtyNodes);
         this.nodes.forEach(resolveTargetDelta);
         this.nodes.forEach(calcProjection);
         this.nodes.forEach(cleanDirtyNodes);
+        if (statsBuffer.addProjectionMetrics) {
+          statsBuffer.addProjectionMetrics(metrics);
+        }
       };
       this.resolvedRelativeTargetAt = 0;
       this.hasProjected = false;
@@ -553,6 +561,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
           this.relativeParent = this.relativeTarget = void 0;
         }
       }
+      if (statsBuffer.value) {
+        metrics.calculatedTargetDeltas++;
+      }
     }
     getClosestProjectingParent() {
       if (!this.parent || hasScale(this.parent.latestValues) || has2DTranslate(this.parent.latestValues)) {
@@ -618,6 +629,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
+      if (statsBuffer.value) {
+        metrics.calculatedProjections++;
+      }
     }
     hide() {
       this.isVisible = false;
@@ -696,6 +710,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       this.pendingAnimation = frame.update(() => {
         globalProjectionState.hasAnimatedSinceResize = true;
+        activeAnimations.layout++;
         this.currentAnimation = animateSingleValue(0, animationTarget, {
           ...options,
           onUpdate: (latest) => {
@@ -703,8 +718,10 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             options.onUpdate && options.onUpdate(latest);
           },
           onStop: () => {
+            activeAnimations.layout--;
           },
           onComplete: () => {
+            activeAnimations.layout--;
             options.onComplete && options.onComplete();
             this.completeAnimation();
           }
@@ -982,6 +999,9 @@ function notifyLayoutUpdate(node) {
   node.options.transition = void 0;
 }
 function propagateDirtyNodes(node) {
+  if (statsBuffer.value) {
+    metrics.nodes++;
+  }
   if (!node.parent)
     return;
   if (!node.isProjecting()) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/shared/stack.mjs

@@ -1,4 +1,5 @@
-import { addUniqueItem, removeItem } from "../../utils/array.mjs";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/array.mjs";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 class NodeStack {
   constructor() {
     this.members = [];