motion-v 0.13.0-beta.1 → 0.13.0-beta.3

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

@@ -3,4 +3,4 @@ export declare function compareMin<V>(a: ItemData<V>, b: ItemData<V>): number;
 export declare function getValue<V>(item: ItemData<V>): V;
 export declare function checkReorder<T>(order: ItemData<T>[], value: T, offset: number, velocity: number): ItemData<T>[];
 export declare function moveItem<T>([...arr]: T[], fromIndex: number, toIndex: number): T[];
-export declare function useDefaultMotionValue(value: any, defaultValue?: number): import('framer-motion/dom').MotionValue<any>;
+export declare function useDefaultMotionValue(value: any, defaultValue?: number): import('motion-dom').MotionValue<any>;

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 = [];

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/VisualElement.mjs

@@ -1,13 +1,13 @@
-import { time } from "../frameloop/sync-time.mjs";
+import { time, frame, cancelFrame, motionValue } from "motion-dom";
+import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { featureDefinitions } from "../motion/features/definitions.mjs";
 import { createBox } from "../projection/geometry/models.mjs";
 import { isNumericalString } from "../utils/is-numerical-string.mjs";
 import { isZeroValueString } from "../utils/is-zero-value-string.mjs";
 import { initPrefersReducedMotion } from "../utils/reduced-motion/index.mjs";
 import { hasReducedMotionListener, prefersReducedMotion } from "../utils/reduced-motion/state.mjs";
-import { SubscriptionManager } from "../utils/subscription-manager.mjs";
-import { warnOnce } from "../utils/warn-once.mjs";
-import { motionValue } from "../value/index.mjs";
 import { complex } from "../value/types/complex/index.mjs";
 import { isMotionValue } from "../value/utils/is-motion-value.mjs";
 import { getAnimatableNone } from "./dom/value-types/animatable-none.mjs";
@@ -18,7 +18,6 @@ import { isControllingVariants, isVariantNode } from "./utils/is-controlling-var
 import { KeyframeResolver } from "./utils/KeyframesResolver.mjs";
 import { updateMotionValuesFromProps } from "./utils/motion-values.mjs";
 import { resolveVariantFromProps } from "./utils/resolve-variants.mjs";
-import { frame, cancelFrame } from "../frameloop/frame.mjs";
 const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/resize/handle-element.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";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -1,6 +1,6 @@
-import { supportsScrollTimeline } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
-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 { supportsScrollTimeline } 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 { observeTimeline } from "./observe.mjs";
 import { scrollInfo } from "./track.mjs";
 function scrollTimelineFallback({ source, container, axis = "y" }) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -1,6 +1,6 @@
-import "../../../../../../../../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 { velocityPerSecond } from "../../../utils/velocity-per-second.mjs";
+import "../../../../../../../../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 { velocityPerSecond } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
 const maxElapsed = 50;
 const createAxisInfo = () => ({
   current: 0,

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/scroll/observe.mjs

@@ -1,4 +1,4 @@
-import { frame, cancelFrame } from "../../../frameloop/frame.mjs";
+import { frame, cancelFrame } from "motion-dom";
 function observeTimeline(update, timeline) {
   let prevProgress;
   const onFrame = () => {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs

@@ -1,4 +1,5 @@
-import { warnOnce } from "../../../utils/warn-once.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { warnOnce } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { updateScrollInfo } from "./info.mjs";
 import { resolveOffsets } from "./offsets/index.mjs";
 function measure(container, target = container, info) {

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/scroll/track.mjs

@@ -1,7 +1,7 @@
+import { frame, cancelFrame, frameData } from "motion-dom";
 import { resize } from "../resize/index.mjs";
 import { createScrollInfo } from "./info.mjs";
 import { createOnScrollHandler } from "./on-scroll-handler.mjs";
-import { frame, cancelFrame, frameData } from "../../../frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/utils/css-variables-conversion.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 { isNumericalString } from "../../../utils/is-numerical-string.mjs";
 import { isCSSVariableToken } from "./is-css-variable.mjs";
 const splitCSSVariableRegex = (

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs

@@ -1,23 +1,8 @@
 import { number } from "../../../value/types/numbers/index.mjs";
 import { px } from "../../../value/types/numbers/units.mjs";
 import { transformPropOrder } from "../../html/utils/keys-transform.mjs";
+import { parseValueFromTransform } from "../../html/utils/parse-transform.mjs";
 const isNumOrPxType = (v) => v === number || v === px;
-const getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]);
-const getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform }) => {
-  if (transform === "none" || !transform)
-    return 0;
-  const matrix3d = transform.match(/^matrix3d\((.+)\)$/u);
-  if (matrix3d) {
-    return getPosFromMatrix(matrix3d[1], pos3);
-  } else {
-    const matrix = transform.match(/^matrix\((.+)\)$/u);
-    if (matrix) {
-      return getPosFromMatrix(matrix[1], pos2);
-    } else {
-      return 0;
-    }
-  }
-};
 const transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
 const nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
 function removeNonTranslationalTransform(visualElement) {
@@ -40,8 +25,8 @@ const positionalValues = {
   bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),
   right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),
   // Transform
-  x: getTranslateFromMatrix(4, 13),
-  y: getTranslateFromMatrix(5, 14)
+  x: (_bbox, { transform }) => parseValueFromTransform(transform, "x"),
+  y: (_bbox, { transform }) => parseValueFromTransform(transform, "y")
 };
 positionalValues.translateX = positionalValues.x;
 positionalValues.translateY = positionalValues.y;