motion 12.4.13 → 12.5.0

package/dist/cjs/react-m.js

@@ -171,22 +171,6 @@ function useMotionRef(visualState, visualElement, externalRef) {
     [visualElement]);
 }
 
-/**
- * @public
- */
-const PresenceContext = 
-/* @__PURE__ */ react.createContext(null);
-
-const useIsomorphicLayoutEffect = isBrowser ? react.useLayoutEffect : react.useEffect;
-
-/**
- * Convert camelCase to dash-case properties.
- */
-const camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
-
-const optimizedAppearDataId = "framerAppearId";
-const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
-
 const stepsOrder = [
     "read", // Read
     "resolveKeyframes", // Write/Read/Write/Read
@@ -352,13 +336,32 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     return { schedule, cancel, state, steps };
 }
 
-const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
+const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
+
+const { schedule: microtask, cancel: cancelMicrotask } = 
+/* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
+
+/**
+ * Convert camelCase to dash-case properties.
+ */
+const camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
+
+const optimizedAppearDataId = "framerAppearId";
+const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
+
+/**
+ * @public
+ */
+const PresenceContext = 
+/* @__PURE__ */ react.createContext(null);
 
 /**
  * Internal, exported only for usage in Framer
  */
 const SwitchLayoutGroupContext = react.createContext({});
 
+const useIsomorphicLayoutEffect = isBrowser ? react.useLayoutEffect : react.useEffect;
+
 function useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor) {
     var _a, _b;
     const { visualElement: parent } = react.useContext(MotionContext);
@@ -1384,8 +1387,6 @@ const htmlMotionConfig = {
     }),
 };
 
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
-
 function updateSVGDimensions(instance, renderState) {
     try {
         renderState.dimensions =

package/dist/cjs/react-mini.js

@@ -74,7 +74,7 @@ const secondsToMilliseconds = (seconds) => seconds * 1000;
 /*#__NO_SIDE_EFFECTS__*/
 const millisecondsToSeconds = (milliseconds) => milliseconds / 1000;
 
-const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);
+const supportsScrollTimeline = /* @__PURE__ */ memo(() => window.ScrollTimeline !== undefined);
 
 class BaseGroupPlaybackControls {
     constructor(animations) {

package/dist/es/framer-motion/dist/es/animation/animate/single-value.mjs

@@ -1,4 +1,5 @@
-import { motionValue } from '../../value/index.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
 import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 import { animateMotionValue } from '../interfaces/motion-value.mjs';
 

package/dist/es/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -1,4 +1,5 @@
-import { time } from '../../frameloop/sync-time.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { time } from '../../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
 import { flushKeyframeResolvers } from '../../render/utils/KeyframesResolver.mjs';
 import { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';
 import { canAnimate } from './utils/can-animate.mjs';

package/dist/es/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs

@@ -2,8 +2,8 @@ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
 import { calcGeneratorDuration } from '../../../../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
 import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
+import { activeAnimations } from '../../../../../motion-dom/dist/es/stats/animation-count.mjs';
 import { KeyframeResolver } from '../../render/utils/KeyframesResolver.mjs';
-import { activeAnimations } from '../../stats/animation-count.mjs';
 import { clamp } from '../../utils/clamp.mjs';
 import { mix } from '../../utils/mix/index.mjs';
 import { pipe } from '../../utils/pipe.mjs';

package/dist/es/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs

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

package/dist/es/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,7 +1,7 @@
 import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { mapEasingToNativeEasing } from '../../../../../../motion-dom/dist/es/animation/waapi/utils/easing.mjs';
-import { activeAnimations } from '../../../stats/animation-count.mjs';
-import { statsBuffer } from '../../../stats/buffer.mjs';
+import { statsBuffer } from '../../../../../../motion-dom/dist/es/stats/buffer.mjs';
+import { activeAnimations } from '../../../../../../motion-dom/dist/es/stats/animation-count.mjs';
 
 function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeInOut", times, } = {}) {
     const keyframeOptions = { [valueName]: keyframes };

package/dist/es/framer-motion/dist/es/animation/generators/utils/velocity.mjs

@@ -1,4 +1,5 @@
-import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { velocityPerSecond } from '../../../../../../motion-utils/dist/es/velocity-per-second.mjs';
 
 const velocitySampleDuration = 5; // ms
 function calcGeneratorVelocity(resolveValue, t, current) {

package/dist/es/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,9 +1,9 @@
 import { GroupPlaybackControls } from '../../../../../motion-dom/dist/es/animation/controls/Group.mjs';
 import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
 import '../../../../../motion-utils/dist/es/errors.mjs';
+import { MotionGlobalConfig } from '../../../../../motion-utils/dist/es/global-config.mjs';
 import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
-import { frame } from '../../frameloop/frame.mjs';
-import { MotionGlobalConfig } from '../../utils/GlobalConfig.mjs';
+import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';
 import { AcceleratedAnimation } from '../animators/AcceleratedAnimation.mjs';
 import { MainThreadAnimation } from '../animators/MainThreadAnimation.mjs';

package/dist/es/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -1,11 +1,11 @@
 import '../../../../../motion-utils/dist/es/errors.mjs';
 import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
+import { frame } from '../../../../../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';
 import { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';
 import { animateMotionValue } from './motion-value.mjs';
-import { frame } from '../../frameloop/frame.mjs';
 
 /**
  * Decide whether we should block this animation. Previously, we achieved this

package/dist/es/framer-motion/dist/es/animation/optimized-appear/start.mjs

@@ -1,11 +1,11 @@
-import { appearStoreId } from './store-id.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
 import { startWaapiAnimation } from '../animators/waapi/index.mjs';
 import { optimizedAppearDataId } from './data-id.mjs';
+import { getOptimisedAppearId } from './get-appear-id.mjs';
 import { handoffOptimizedAppearAnimation } from './handoff.mjs';
 import { appearAnimationStore, appearComplete } from './store.mjs';
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
-import { getOptimisedAppearId } from './get-appear-id.mjs';
+import { appearStoreId } from './store-id.mjs';
 
 /**
  * A single time to use across all animations to manually set startTime

package/dist/es/framer-motion/dist/es/animation/sequence/utils/edit.mjs

@@ -1,5 +1,6 @@
+import { removeItem } from '../../../../../../motion-utils/dist/es/array.mjs';
+import '../../../../../../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) {

package/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs

@@ -3,10 +3,10 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useMemo, useRef, useState, useContext } from 'react';
 import { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';
 import { useConstant } from '../../utils/use-constant.mjs';
+import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
 import { PresenceChild } from './PresenceChild.mjs';
 import { usePresence } from './use-presence.mjs';
 import { onlyElements, getChildKey } from './utils.mjs';
-import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
 
 /**
  * `AnimatePresence` enables the animation of components that have been removed from the tree.

package/dist/es/framer-motion/dist/es/components/Reorder/utils/check-reorder.mjs

@@ -1,4 +1,5 @@
-import { moveItem } from '../../../utils/array.mjs';
+import { moveItem } from '../../../../../../motion-utils/dist/es/array.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { mixNumber } from '../../../utils/mix/number.mjs';
 
 function checkReorder(order, value, offset, velocity) {

package/dist/es/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs

@@ -1,4 +1,5 @@
 import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { setDragLock } from '../../../../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
 import { animateMotionValue } from '../../animation/interfaces/motion-value.mjs';
 import { addDomEvent } from '../../events/add-dom-event.mjs';
@@ -16,7 +17,6 @@ import { percent } from '../../value/types/numbers/units.mjs';
 import { addValueToWillChange } from '../../value/use-will-change/add-will-change.mjs';
 import { PanSession } from '../pan/PanSession.mjs';
 import { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, rebaseAxisConstraints, calcOrigin, defaultElastic } from './utils/constraints.mjs';
-import { frame } from '../../frameloop/frame.mjs';
 
 const elementDragControls = new WeakMap();
 /**

package/dist/es/framer-motion/dist/es/gestures/hover.mjs

@@ -1,8 +1,8 @@
 import '../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { hover } from '../../../../motion-dom/dist/es/gestures/hover.mjs';
 import { extractEventInfo } from '../events/event-info.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
-import { frame } from '../frameloop/frame.mjs';
 
 function handleHoverEvent(node, event, lifecycle) {
     const { props } = node;

package/dist/es/framer-motion/dist/es/gestures/pan/PanSession.mjs

@@ -1,11 +1,11 @@
 import '../../../../../motion-utils/dist/es/errors.mjs';
 import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { frame, cancelFrame, frameData } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { isPrimaryPointer } from '../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
 import { addPointerEvent } from '../../events/add-pointer-event.mjs';
 import { extractEventInfo } from '../../events/event-info.mjs';
 import { distance2D } from '../../utils/distance.mjs';
 import { pipe } from '../../utils/pipe.mjs';
-import { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';
 
 /**
  * @internal

package/dist/es/framer-motion/dist/es/gestures/pan/index.mjs

@@ -1,10 +1,10 @@
 import '../../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { addPointerEvent } from '../../events/add-pointer-event.mjs';
 import { Feature } from '../../motion/features/Feature.mjs';
 import { getContextWindow } from '../../utils/get-context-window.mjs';
 import { PanSession } from './PanSession.mjs';
-import { frame } from '../../frameloop/frame.mjs';
 
 const asyncHandler = (handler) => (event, info) => {
     if (handler) {

package/dist/es/framer-motion/dist/es/gestures/press.mjs

@@ -1,8 +1,8 @@
 import '../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { press } from '../../../../motion-dom/dist/es/gestures/press/index.mjs';
 import { extractEventInfo } from '../events/event-info.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
-import { frame } from '../frameloop/frame.mjs';
 
 function handlePressEvent(node, event, lifecycle) {
     const { props } = node;

package/dist/es/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs

@@ -1,15 +1,16 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../../../motion-dom/dist/es/frameloop/frame.mjs';
+import { microtask } from '../../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
 import { useContext, Component } from 'react';
 import { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';
 import { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';
 import { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';
-import { microtask } from '../../../frameloop/microtask.mjs';
 import { globalProjectionState } from '../../../projection/node/state.mjs';
 import { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';
 import { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';
 import { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';
-import { frame } from '../../../frameloop/frame.mjs';
 
 class MeasureLayoutWithContext extends Component {
     /**

package/dist/es/framer-motion/dist/es/motion/utils/use-visual-element.mjs

@@ -1,13 +1,14 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { microtask } from '../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
 import { useContext, useRef, useInsertionEffect, useEffect } from 'react';
-import { PresenceContext } from '../../context/PresenceContext.mjs';
-import { MotionContext } from '../../context/MotionContext/index.mjs';
-import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
+import { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';
 import { LazyContext } from '../../context/LazyContext.mjs';
 import { MotionConfigContext } from '../../context/MotionConfigContext.mjs';
-import { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';
-import { microtask } from '../../frameloop/microtask.mjs';
-import { isRefObject } from '../../utils/is-ref-object.mjs';
+import { MotionContext } from '../../context/MotionContext/index.mjs';
+import { PresenceContext } from '../../context/PresenceContext.mjs';
 import { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';
+import { isRefObject } from '../../utils/is-ref-object.mjs';
+import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
 
 function useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor) {
     var _a, _b;

package/dist/es/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -1,19 +1,19 @@
 import '../../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { SubscriptionManager } from '../../../../../motion-utils/dist/es/subscription-manager.mjs';
 import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
+import { cancelFrame, frameData, frameSteps, frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
+import { statsBuffer } from '../../../../../motion-dom/dist/es/stats/buffer.mjs';
+import { microtask } from '../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
+import { time } from '../../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
+import { activeAnimations } from '../../../../../motion-dom/dist/es/stats/animation-count.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 { activeAnimations } from '../../stats/animation-count.mjs';
-import { statsBuffer } from '../../stats/buffer.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';

package/dist/es/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/dist/es/array.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
 
 class NodeStack {
     constructor() {

package/dist/es/framer-motion/dist/es/render/VisualElement.mjs

@@ -1,13 +1,15 @@
-import { time } from '../frameloop/sync-time.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { SubscriptionManager } from '../../../../motion-utils/dist/es/subscription-manager.mjs';
+import { warnOnce } from '../../../../motion-utils/dist/es/warn-once.mjs';
+import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
+import { time } from '../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
+import { motionValue } from '../../../../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';
 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 +20,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",

package/dist/es/framer-motion/dist/es/render/components/create-proxy.mjs

@@ -1,4 +1,5 @@
-import { warnOnce } from '../../utils/warn-once.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 
 function createDOMMotionComponentProxy(componentFactory) {
     if (typeof Proxy === "undefined") {

package/dist/es/framer-motion/dist/es/render/dom/DOMVisualElement.mjs

@@ -1,6 +1,6 @@
+import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 import { VisualElement } from '../VisualElement.mjs';
 import { DOMKeyframesResolver } from './DOMKeyframesResolver.mjs';
-import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 
 class DOMVisualElement extends VisualElement {
     constructor() {

package/dist/es/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -1,6 +1,6 @@
 import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
-import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';
+import { velocityPerSecond } from '../../../../../../motion-utils/dist/es/velocity-per-second.mjs';
 
 /**
  * A time in milliseconds, beyond which we consider the scroll velocity to be 0.

package/dist/es/framer-motion/dist/es/render/dom/scroll/observe.mjs

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

package/dist/es/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/dist/es/errors.mjs';
+import { warnOnce } from '../../../../../../motion-utils/dist/es/warn-once.mjs';
 import { updateScrollInfo } from './info.mjs';
 import { resolveOffsets } from './offsets/index.mjs';
 

package/dist/es/framer-motion/dist/es/render/dom/scroll/track.mjs

@@ -1,7 +1,8 @@
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { frame, cancelFrame, frameData } from '../../../../../../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';
-import { frame, cancelFrame, frameData } from '../../../frameloop/frame.mjs';
 
 const scrollListeners = new WeakMap();
 const resizeListeners = new WeakMap();

package/dist/es/framer-motion/dist/es/render/svg/SVGVisualElement.mjs

@@ -1,4 +1,5 @@
-import { frame } from '../../frameloop/frame.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../../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/framer-motion/dist/es/render/svg/config-motion.mjs

@@ -1,4 +1,5 @@
-import { frame } from '../../frameloop/frame.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';
 import { transformProps } from '../html/utils/keys-transform.mjs';
 import { buildSVGAttrs } from './utils/build-attrs.mjs';

package/dist/es/framer-motion/dist/es/render/utils/KeyframesResolver.mjs

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

package/dist/es/framer-motion/dist/es/render/utils/flat-tree.mjs

@@ -1,4 +1,5 @@
-import { addUniqueItem, removeItem } from '../../utils/array.mjs';
+import { addUniqueItem, removeItem } from '../../../../../motion-utils/dist/es/array.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
 import { compareByDepth } from './compare-by-depth.mjs';
 
 class FlatTree {

package/dist/es/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -1,5 +1,6 @@
-import { warnOnce } from '../../utils/warn-once.mjs';
-import { motionValue } from '../../value/index.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
+import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
 import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 
 function updateMotionValuesFromProps(element, next, prev) {
@@ -17,7 +18,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.4.13", `Attempting to mix Motion versions ${nextValue.version} with 12.4.13 may not work as expected.`);
+                warnOnce(nextValue.version === "12.5.0", `Attempting to mix Motion versions ${nextValue.version} with 12.5.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/framer-motion/dist/es/render/utils/setters.mjs

@@ -1,5 +1,6 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
 import { resolveFinalValueInKeyframes } from '../../utils/resolve-value.mjs';
-import { motionValue } from '../../value/index.mjs';
 import { resolveVariant } from './resolve-dynamic-variants.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/utils/delay.mjs

@@ -1,7 +1,7 @@
 import '../../../../motion-utils/dist/es/errors.mjs';
 import { secondsToMilliseconds } from '../../../../motion-utils/dist/es/time-conversion.mjs';
-import { time } from '../frameloop/sync-time.mjs';
-import { frame, cancelFrame } from '../frameloop/frame.mjs';
+import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
+import { time } from '../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
 
 /**
  * Timeout defined in ms

package/dist/es/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs

@@ -1,6 +1,7 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { useState } from 'react';
 import { initPrefersReducedMotion } from './index.mjs';
-import { warnOnce } from '../warn-once.mjs';
 import { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';
 
 /**

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

@@ -1,6 +1,7 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { useRef, useContext, useEffect } from 'react';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
-import { frame, cancelFrame } from '../frameloop/frame.mjs';
 
 function useAnimationFrame(callback) {
     const initialTimestamp = useRef(0);

package/dist/es/framer-motion/dist/es/utils/use-force-update.mjs

@@ -1,6 +1,7 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { useState, useCallback } from 'react';
 import { useIsMounted } from './use-is-mounted.mjs';
-import { frame } from '../frameloop/frame.mjs';
 
 function useForceUpdate() {
     const isMounted = useIsMounted();

package/dist/es/framer-motion/dist/es/utils/use-instant-transition.mjs

@@ -1,8 +1,9 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { useRef, useEffect } from 'react';
 import { useInstantLayoutTransition } from '../projection/use-instant-layout-transition.mjs';
 import { useForceUpdate } from './use-force-update.mjs';
 import { instantAnimationState } from './use-instant-transition-state.mjs';
-import { frame } from '../frameloop/frame.mjs';
 
 function useInstantTransition() {
     const [forceUpdate, forcedRenderCount] = useForceUpdate();

package/dist/es/framer-motion/dist/es/value/scroll/use-element-scroll.mjs

@@ -1,4 +1,5 @@
-import { warnOnce } from '../../utils/warn-once.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { useScroll } from '../use-scroll.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/value/scroll/use-viewport-scroll.mjs

@@ -1,4 +1,5 @@
-import { warnOnce } from '../../utils/warn-once.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { useScroll } from '../use-scroll.mjs';
 
 /**

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

@@ -1,6 +1,7 @@
-import { useMotionValue } from './use-motion-value.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { cancelFrame, frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
-import { cancelFrame, frame } from '../frameloop/frame.mjs';
+import { useMotionValue } from './use-motion-value.mjs';
 
 function useCombineMotionValues(values, combineValues) {
     /**

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

@@ -1,4 +1,5 @@
-import { collectMotionValues } from './index.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { collectMotionValues } from '../../../../motion-dom/dist/es/value/index.mjs';
 import { useCombineMotionValues } from './use-combine-values.mjs';
 
 function useComputed(compute) {

package/dist/es/framer-motion/dist/es/value/use-inverted-scale.mjs

@@ -1,8 +1,8 @@
-import { useTransform } from './use-transform.mjs';
 import { invariant, warning } from '../../../../motion-utils/dist/es/errors.mjs';
-import { useMotionValue } from './use-motion-value.mjs';
-import { MotionContext } from '../context/MotionContext/index.mjs';
 import { useContext } from 'react';
+import { MotionContext } from '../context/MotionContext/index.mjs';
+import { useMotionValue } from './use-motion-value.mjs';
+import { useTransform } from './use-transform.mjs';
 
 // Keep things reasonable and avoid scale: Infinity. In practise we might need
 // to add another value, opacity, that could interpolate scaleX/Y [0,0.01] => [0,1]