motion-v 1.0.0-alpha.3 → 1.0.0-beta.0

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

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

package/dist/es/components/motion/props.d.ts

@@ -218,10 +218,4 @@ export declare const MotionComponentProps: {
     onPanEnd: {
         type: FunctionConstructor;
     };
-    onFocus: {
-        type: FunctionConstructor;
-    };
-    onBlur: {
-        type: FunctionConstructor;
-    };
 };

package/dist/es/components/motion/props.mjs

@@ -84,9 +84,7 @@ const MotionComponentProps = {
   "onPanSessionStart": { type: Function },
   "onPanStart": { type: Function },
   "onPan": { type: Function },
-  "onPanEnd": { type: Function },
-  "onFocus": { type: Function },
-  "onBlur": { type: Function }
+  "onPanEnd": { type: Function }
 };
 export {
   MotionComponentProps

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

@@ -66,12 +66,12 @@ function useMotionState(props) {
       ...isSVG ? {} : ((_a2 = state.visualElement) == null ? void 0 : _a2.latestValues) || state.baseTarget
     };
     if (isSVG) {
-      const { attributes, style } = convertSvgStyleToAttributes({
+      const { attributes, style: style2 } = convertSvgStyleToAttributes({
         ...state.isMounted() ? state.target : state.baseTarget,
         ...styleProps
       });
       Object.assign(attrsProps, attributes);
-      styleProps = style;
+      styleProps = style2;
     }
     if (props.drag && props.dragListener !== false) {
       Object.assign(styleProps, {
@@ -81,7 +81,9 @@ function useMotionState(props) {
         touchAction: props.drag === true ? "none" : `pan-${props.drag === "x" ? "y" : "x"}`
       });
     }
-    attrsProps.style = createStyles(styleProps);
+    const style = createStyles(styleProps);
+    if (style)
+      attrsProps.style = style;
     return attrsProps;
   }
   const instance = getCurrentInstance().proxy;

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

@@ -80,8 +80,10 @@ function createMotionComponent(component, options = {}) {
         const isComponent = typeof props.as === "object";
         if ((!isComponent || props.asChild) && el) {
           const { style } = getAttrs();
-          for (const [key, val] of Object.entries(style)) {
-            el.style[key] = val;
+          if (style) {
+            for (const [key, val] of Object.entries(style)) {
+              el.style[key] = val;
+            }
           }
         }
       }

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

@@ -1,6 +1,7 @@
 import { mixNumber } from "../../utils/mix/number.mjs";
+import { motionValue } from "../../external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
+import "../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.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.5.0/external/framer-motion/dist/es/animation/animate/index.mjs

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

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

@@ -1,4 +1,5 @@
-import { resolveElements } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 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.5.0/external/framer-motion/dist/es/animation/animate/single-value.mjs

@@ -1,4 +1,5 @@
-import { motionValue } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 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.5.0/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -1,7 +1,10 @@
-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 { isGenerator } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { attachTimeline } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
+import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+import { supportsLinearEasing } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/supports/linear-easing.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.5.0/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -1,4 +1,5 @@
-import { time } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { time } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
 import { flushKeyframeResolvers } from "../../render/utils/KeyframesResolver.mjs";
 import { canAnimate } from "./utils/can-animate.mjs";
 import { getFinalKeyframe } from "./waapi/utils/get-final-keyframe.mjs";

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

@@ -1,6 +1,7 @@
-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 { calcGeneratorDuration } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { KeyframeResolver } from "../../render/utils/KeyframesResolver.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { mix } from "../../utils/mix/index.mjs";
@@ -87,7 +88,6 @@ class MainThreadAnimation extends BaseAnimation {
   }
   onPostResolved() {
     const { autoplay = true } = this.options;
-    activeAnimations.mainThread++;
     this.play();
     if (this.pendingPlayState === "paused" || !autoplay) {
       this.pause();
@@ -260,7 +260,6 @@ 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.5.0/external/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs

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

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

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

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

@@ -1,6 +1,9 @@
-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 { createGeneratorEasing } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { NativeAnimationControls } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
+import { supportsLinearEasing } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/supports/linear-easing.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.5.0/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -1,6 +1,7 @@
-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 { getValueTransition } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
 function animateElements(elementOrSelector, keyframes, options, scope) {
   const elements = resolveElements(elementOrSelector, scope);

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

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

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

@@ -1,4 +1,5 @@
-import { mapEasingToNativeEasing, statsBuffer, activeAnimations } from "motion-dom";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
 function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeInOut", times } = {}) {
   const keyframeOptions = { [valueName]: keyframes };
   if (times)
@@ -6,9 +7,6 @@ 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,
@@ -17,11 +15,6 @@ 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.5.0/external/framer-motion/dist/es/animation/generators/spring/index.mjs

@@ -1,6 +1,7 @@
-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 { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
+import { generateLinearEasing } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/waapi/utils/linear.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.5.0/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,6 +1,8 @@
-import { getValueTransition, frame, GroupPlaybackControls } from "motion-dom";
+import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
 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 { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { AcceleratedAnimation } from "../animators/AcceleratedAnimation.mjs";
 import { MainThreadAnimation } from "../animators/MainThreadAnimation.mjs";
 import { getFinalKeyframe } from "../animators/waapi/utils/get-final-keyframe.mjs";

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

@@ -1,4 +1,6 @@
-import { getValueTransition, frame } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 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";

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

@@ -1,7 +1,8 @@
-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 { createGeneratorEasing } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.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.5.0/external/framer-motion/dist/es/easing/utils/map.mjs

@@ -1,6 +1,6 @@
-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 { isBezierDefinition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/is-bezier-definition.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.5.0/external/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -1,7 +1,10 @@
-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 { getValueTransition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { cancelFrame, frameData, frameSteps, frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { microtask } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/microtask.mjs";
+import { time } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
 import { animateSingleValue } from "../../animation/animate/single-value.mjs";
 import { getOptimisedAppearId } from "../../animation/optimized-appear/get-appear-id.mjs";
 import { isSVGElement } from "../../render/dom/utils/is-svg-element.mjs";
@@ -23,11 +26,6 @@ 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;
@@ -93,16 +91,10 @@ 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;
@@ -561,9 +553,6 @@ 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)) {
@@ -629,9 +618,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
-      if (statsBuffer.value) {
-        metrics.calculatedProjections++;
-      }
     }
     hide() {
       this.isVisible = false;
@@ -710,7 +696,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       this.pendingAnimation = frame.update(() => {
         globalProjectionState.hasAnimatedSinceResize = true;
-        activeAnimations.layout++;
         this.currentAnimation = animateSingleValue(0, animationTarget, {
           ...options,
           onUpdate: (latest) => {
@@ -718,10 +703,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             options.onUpdate && options.onUpdate(latest);
           },
           onStop: () => {
-            activeAnimations.layout--;
           },
           onComplete: () => {
-            activeAnimations.layout--;
             options.onComplete && options.onComplete();
             this.completeAnimation();
           }
@@ -999,9 +982,6 @@ 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.5.0/external/framer-motion/dist/es/render/VisualElement.mjs

@@ -1,7 +1,9 @@
-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 { frame, cancelFrame } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { time } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { motionValue } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import { featureDefinitions } from "../motion/features/definitions.mjs";
 import { createBox } from "../projection/geometry/models.mjs";
 import { isNumericalString } from "../utils/is-numerical-string.mjs";

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/resize/handle-element.mjs

@@ -1,4 +1,5 @@
-import { resolveElements } from "motion-dom";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {

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

@@ -1,4 +1,4 @@
-import { supportsScrollTimeline } from "motion-dom";
+import { supportsScrollTimeline } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/supports/scroll-timeline.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 { observeTimeline } from "./observe.mjs";

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

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

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

@@ -1,4 +1,5 @@
-import { frame, cancelFrame, frameData } from "motion-dom";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { resize } from "../resize/index.mjs";
 import { createScrollInfo } from "./info.mjs";
 import { createOnScrollHandler } from "./on-scroll-handler.mjs";

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -1,4 +1,5 @@
-import { resolveElements } from "motion-dom";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const thresholds = {
   some: 0,
   all: 1

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs

@@ -1,4 +1,5 @@
-import { frame } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { createBox } from "../../projection/geometry/models.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { camelToDash } from "../dom/utils/camel-to-dash.mjs";

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/utils/KeyframesResolver.mjs

@@ -1,4 +1,5 @@
-import { frame } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { removeNonTranslationalTransform } from "../dom/utils/unit-conversion.mjs";
 const toResolve = /* @__PURE__ */ new Set();
 let isScheduled = false;

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -1,6 +1,6 @@
-import { motionValue } from "motion-dom";
 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 { motionValue } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 function updateMotionValuesFromProps(element, next, prev) {
   for (const key in next) {

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/utils/setters.mjs

@@ -1,4 +1,5 @@
-import { motionValue } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import { resolveFinalValueInKeyframes } from "../../utils/resolve-value.mjs";
 import { resolveVariant } from "./resolve-dynamic-variants.mjs";
 function setMotionValue(visualElement, key, value) {

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/delay.mjs

@@ -1,6 +1,7 @@
-import { time, frame, cancelFrame } 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 { frame, cancelFrame } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { time } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
 function delay(callback, timeout) {
   const start = time.now();
   const checkElapsed = ({ timestamp }) => {

package/dist/es/external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/animation/controls/BaseGroup.mjs

@@ -0,0 +1,79 @@
+import { supportsScrollTimeline } from "../../utils/supports/scroll-timeline.mjs";
+class BaseGroupPlaybackControls {
+  constructor(animations) {
+    this.stop = () => this.runAll("stop");
+    this.animations = animations.filter(Boolean);
+  }
+  get finished() {
+    return Promise.all(this.animations.map((animation) => "finished" in animation ? animation.finished : animation));
+  }
+  /**
+   * TODO: Filter out cancelled or stopped animations before returning
+   */
+  getAll(propName) {
+    return this.animations[0][propName];
+  }
+  setAll(propName, newValue) {
+    for (let i = 0; i < this.animations.length; i++) {
+      this.animations[i][propName] = newValue;
+    }
+  }
+  attachTimeline(timeline, fallback) {
+    const subscriptions = this.animations.map((animation) => {
+      if (supportsScrollTimeline() && animation.attachTimeline) {
+        return animation.attachTimeline(timeline);
+      } else if (typeof fallback === "function") {
+        return fallback(animation);
+      }
+    });
+    return () => {
+      subscriptions.forEach((cancel, i) => {
+        cancel && cancel();
+        this.animations[i].stop();
+      });
+    };
+  }
+  get time() {
+    return this.getAll("time");
+  }
+  set time(time) {
+    this.setAll("time", time);
+  }
+  get speed() {
+    return this.getAll("speed");
+  }
+  set speed(speed) {
+    this.setAll("speed", speed);
+  }
+  get startTime() {
+    return this.getAll("startTime");
+  }
+  get duration() {
+    let max = 0;
+    for (let i = 0; i < this.animations.length; i++) {
+      max = Math.max(max, this.animations[i].duration);
+    }
+    return max;
+  }
+  runAll(methodName) {
+    this.animations.forEach((controls) => controls[methodName]());
+  }
+  flatten() {
+    this.runAll("flatten");
+  }
+  play() {
+    this.runAll("play");
+  }
+  pause() {
+    this.runAll("pause");
+  }
+  cancel() {
+    this.runAll("cancel");
+  }
+  complete() {
+    this.runAll("complete");
+  }
+}
+export {
+  BaseGroupPlaybackControls
+};

package/dist/es/external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/animation/controls/Group.mjs

@@ -0,0 +1,9 @@
+import { BaseGroupPlaybackControls } from "./BaseGroup.mjs";
+class GroupPlaybackControls extends BaseGroupPlaybackControls {
+  then(onResolve, onReject) {
+    return Promise.all(this.animations).then(onResolve).catch(onReject);
+  }
+}
+export {
+  GroupPlaybackControls
+};

package/dist/es/external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs

@@ -0,0 +1,15 @@
+const maxGeneratorDuration = 2e4;
+function calcGeneratorDuration(generator) {
+  let duration = 0;
+  const timeStep = 50;
+  let state = generator.next(duration);
+  while (!state.done && duration < maxGeneratorDuration) {
+    duration += timeStep;
+    state = generator.next(duration);
+  }
+  return duration >= maxGeneratorDuration ? Infinity : duration;
+}
+export {
+  calcGeneratorDuration,
+  maxGeneratorDuration
+};

package/dist/es/external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs

@@ -0,0 +1,17 @@
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration } from "./calc-duration.mjs";
+function createGeneratorEasing(options, scale = 100, createGenerator) {
+  const generator = createGenerator({ ...options, keyframes: [0, scale] });
+  const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
+  return {
+    type: "keyframes",
+    ease: (progress) => {
+      return generator.next(duration * progress).value / scale;
+    },
+    duration: millisecondsToSeconds(duration)
+  };
+}
+export {
+  createGeneratorEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs

@@ -0,0 +1,6 @@
+function isGenerator(type) {
+  return typeof type === "function";
+}
+export {
+  isGenerator
+};