motion 12.4.13 → 12.5.0

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

@@ -1,5 +1,6 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
 import { useContext, useState, useEffect } from 'react';
-import { motionValue } from './index.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
 

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

@@ -1,8 +1,8 @@
-import { motionValue } from './index.mjs';
-import { useConstant } from '../utils/use-constant.mjs';
-import { useEffect } from 'react';
 import { warning } from '../../../../motion-utils/dist/es/errors.mjs';
+import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
+import { useEffect } from 'react';
 import { scroll } from '../render/dom/scroll/index.mjs';
+import { useConstant } from '../utils/use-constant.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 
 function refWarning(name, ref) {
@@ -22,7 +22,7 @@ function useScroll({ container, target, layoutEffect = true, ...options } = {})
     useLifecycleEffect(() => {
         refWarning("target", target);
         refWarning("container", container);
-        return scroll((_progress, { x, y }) => {
+        return scroll((_progress, { x, y, }) => {
             values.scrollX.set(x.current);
             values.scrollXProgress.set(x.progress);
             values.scrollY.set(y.current);

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

@@ -1,5 +1,6 @@
 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 { useContext, useRef, useInsertionEffect } from 'react';
 import { animateValue } from '../animation/animators/MainThreadAnimation.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
@@ -7,7 +8,6 @@ import { useConstant } from '../utils/use-constant.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
 import { isMotionValue } from './utils/is-motion-value.mjs';
-import { frame } from '../frameloop/frame.mjs';
 
 function useSpring(source, config = {}) {
     const { isStatic } = useContext(MotionConfigContext);

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

@@ -1,6 +1,6 @@
 import { transform } from '../utils/transform.mjs';
-import { useCombineMotionValues } from './use-combine-values.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
+import { useCombineMotionValues } from './use-combine-values.mjs';
 import { useComputed } from './use-computed.mjs';
 
 function useTransform(input, inputRangeOrTransformer, outputRange, options) {

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

@@ -1,6 +1,7 @@
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { useMotionValueEvent } from '../utils/use-motion-value-event.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
-import { frame } from '../frameloop/frame.mjs';
 
 /**
  * Creates a `MotionValue` that updates when the velocity of the provided `MotionValue` changes.

package/dist/es/framer-motion/dist/es/value/use-will-change/WillChangeMotionValue.mjs

@@ -1,6 +1,7 @@
-import { MotionValue } from '../index.mjs';
+import { addUniqueItem } from '../../../../../motion-utils/dist/es/array.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { MotionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
 import { getWillChangeName } from './get-will-change-name.mjs';
-import { addUniqueItem } from '../../utils/array.mjs';
 
 class WillChangeMotionValue extends MotionValue {
     constructor() {

package/dist/es/motion/lib/debug.mjs

@@ -1 +1 @@
-export { recordStats } from '../../framer-motion/dist/es/stats/index.mjs';
+export { recordStats } from '../../motion-dom/dist/es/stats/index.mjs';

package/dist/es/motion/lib/index.mjs

@@ -1,6 +1,9 @@
+export { MotionValue, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
+export { cancelFrame, frame, frameData } from '../../motion-dom/dist/es/frameloop/frame.mjs';
 export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
 export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
+export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
 export { invariant } from '../../motion-utils/dist/es/errors.mjs';
 export { noop } from '../../motion-utils/dist/es/noop.mjs';
 export { progress } from '../../motion-utils/dist/es/progress.mjs';
@@ -9,7 +12,6 @@ export { animateMini } from '../../framer-motion/dist/es/animation/animators/waa
 export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
 export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
 export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
-export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
 export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
 export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
 export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
@@ -22,7 +24,6 @@ export { inertia } from '../../framer-motion/dist/es/animation/generators/inerti
 export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
 export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
 export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
-export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
 export { delayInSeconds as delay } from '../../framer-motion/dist/es/utils/delay.mjs';
 export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
@@ -31,5 +32,3 @@ export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
 export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
 export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
 export { wrap } from '../../framer-motion/dist/es/utils/wrap.mjs';
-export { cancelSync, sync } from '../../framer-motion/dist/es/frameloop/index-legacy.mjs';
-export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.mjs';

package/dist/es/motion/lib/react.mjs

@@ -5,6 +5,18 @@ export { LazyMotion } from '../../framer-motion/dist/es/components/LazyMotion/in
 export { MotionConfig } from '../../framer-motion/dist/es/components/MotionConfig/index.mjs';
 export { m } from '../../framer-motion/dist/es/render/components/m/proxy.mjs';
 export { motion } from '../../framer-motion/dist/es/render/components/motion/proxy.mjs';
+export { addPointerEvent } from '../../framer-motion/dist/es/events/add-pointer-event.mjs';
+export { addPointerInfo } from '../../framer-motion/dist/es/events/event-info.mjs';
+export { animations } from '../../framer-motion/dist/es/motion/features/animations.mjs';
+export { makeUseVisualState } from '../../framer-motion/dist/es/motion/utils/use-visual-state.mjs';
+export { calcLength } from '../../framer-motion/dist/es/projection/geometry/delta-calc.mjs';
+export { createBox } from '../../framer-motion/dist/es/projection/geometry/models.mjs';
+export { filterProps } from '../../framer-motion/dist/es/render/dom/utils/filter-props.mjs';
+export { isBrowser } from '../../framer-motion/dist/es/utils/is-browser.mjs';
+export { useForceUpdate } from '../../framer-motion/dist/es/utils/use-force-update.mjs';
+export { useIsomorphicLayoutEffect } from '../../framer-motion/dist/es/utils/use-isomorphic-effect.mjs';
+export { useUnmountEffect } from '../../framer-motion/dist/es/utils/use-unmount-effect.mjs';
+export { isMotionValue } from '../../framer-motion/dist/es/value/utils/is-motion-value.mjs';
 export { domAnimation } from '../../framer-motion/dist/es/render/dom/features-animation.mjs';
 export { domMax } from '../../framer-motion/dist/es/render/dom/features-max.mjs';
 export { domMin } from '../../framer-motion/dist/es/render/dom/features-min.mjs';
@@ -22,6 +34,10 @@ export { useWillChange } from '../../framer-motion/dist/es/value/use-will-change
 export { resolveMotionValue } from '../../framer-motion/dist/es/value/utils/resolve-motion-value.mjs';
 export { useReducedMotion } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs';
 export { useReducedMotionConfig } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs';
+export { MotionGlobalConfig } from '../../motion-utils/dist/es/global-config.mjs';
+export { invariant } from '../../motion-utils/dist/es/errors.mjs';
+export { noop } from '../../motion-utils/dist/es/noop.mjs';
+export { progress } from '../../motion-utils/dist/es/progress.mjs';
 export { AcceleratedAnimation } from '../../framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs';
 export { animateValue } from '../../framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs';
 export { animationControls } from '../../framer-motion/dist/es/animation/hooks/animation-controls.mjs';
@@ -43,7 +59,6 @@ export { useResetProjection } from '../../framer-motion/dist/es/projection/use-r
 export { buildTransform } from '../../framer-motion/dist/es/render/html/utils/build-transform.mjs';
 export { visualElementStore } from '../../framer-motion/dist/es/render/store.mjs';
 export { VisualElement } from '../../framer-motion/dist/es/render/VisualElement.mjs';
-export { MotionGlobalConfig } from '../../framer-motion/dist/es/utils/GlobalConfig.mjs';
 export { useAnimationFrame } from '../../framer-motion/dist/es/utils/use-animation-frame.mjs';
 export { useCycle } from '../../framer-motion/dist/es/utils/use-cycle.mjs';
 export { useInView } from '../../framer-motion/dist/es/utils/use-in-view.mjs';
@@ -66,28 +81,25 @@ export { AnimateSharedLayout } from '../../framer-motion/dist/es/components/Anim
 export { DeprecatedLayoutGroupContext } from '../../framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs';
 export { useInvertedScale as useDeprecatedInvertedScale } from '../../framer-motion/dist/es/value/use-inverted-scale.mjs';
 export { delay } from '../../framer-motion/dist/es/utils/delay.mjs';
+export { MotionValue, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
+export { cancelFrame, frame, frameData } from '../../motion-dom/dist/es/frameloop/frame.mjs';
 export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
 export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
-export { invariant } from '../../motion-utils/dist/es/errors.mjs';
-export { noop } from '../../motion-utils/dist/es/noop.mjs';
-export { progress } from '../../motion-utils/dist/es/progress.mjs';
+export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
 export { animate, createScopedAnimate } from '../../framer-motion/dist/es/animation/animate/index.mjs';
 export { animateMini } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';
 export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
 export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
 export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
-export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
 export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
 export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
 export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
-export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
 export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
 export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
 export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
 export { wrap } from '../../framer-motion/dist/es/utils/wrap.mjs';
-export { cancelSync, sync } from '../../framer-motion/dist/es/frameloop/index-legacy.mjs';
 export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
 export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
 export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
@@ -96,20 +108,7 @@ export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/e
 export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
 export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
 export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
-export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.mjs';
 export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
 export { interpolate } from '../../framer-motion/dist/es/utils/interpolate.mjs';
-export { animations } from '../../framer-motion/dist/es/motion/features/animations.mjs';
-export { createBox } from '../../framer-motion/dist/es/projection/geometry/models.mjs';
-export { calcLength } from '../../framer-motion/dist/es/projection/geometry/delta-calc.mjs';
-export { filterProps } from '../../framer-motion/dist/es/render/dom/utils/filter-props.mjs';
-export { makeUseVisualState } from '../../framer-motion/dist/es/motion/utils/use-visual-state.mjs';
-export { addPointerEvent } from '../../framer-motion/dist/es/events/add-pointer-event.mjs';
-export { addPointerInfo } from '../../framer-motion/dist/es/events/event-info.mjs';
-export { isMotionValue } from '../../framer-motion/dist/es/value/utils/is-motion-value.mjs';
-export { isBrowser } from '../../framer-motion/dist/es/utils/is-browser.mjs';
-export { useUnmountEffect } from '../../framer-motion/dist/es/utils/use-unmount-effect.mjs';
-export { useIsomorphicLayoutEffect } from '../../framer-motion/dist/es/utils/use-isomorphic-effect.mjs';
-export { useForceUpdate } from '../../framer-motion/dist/es/utils/use-force-update.mjs';
 import * as namespace from '../../framer-motion/dist/es/components/Reorder/namespace.mjs';
 export { namespace as Reorder };

package/dist/es/{framer-motion → motion-dom}/dist/es/frameloop/batcher.mjs

@@ -1,4 +1,5 @@
-import { MotionGlobalConfig } from '../utils/GlobalConfig.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
 import { stepsOrder } from './order.mjs';
 import { createRenderStep } from './render-step.mjs';
 

package/dist/es/{framer-motion → motion-dom}/dist/es/frameloop/frame.mjs

@@ -2,6 +2,6 @@ import '../../../../motion-utils/dist/es/errors.mjs';
 import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
 import { createRenderBatcher } from './batcher.mjs';
 
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
+const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 
 export { cancelFrame, frame, frameData, frameSteps };

package/dist/es/motion-dom/dist/es/frameloop/microtask.mjs

@@ -0,0 +1,6 @@
+import { createRenderBatcher } from './batcher.mjs';
+
+const { schedule: microtask, cancel: cancelMicrotask } = 
+/* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
+
+export { cancelMicrotask, microtask };

package/dist/es/{framer-motion → motion-dom}/dist/es/frameloop/sync-time.mjs

@@ -1,4 +1,5 @@
-import { MotionGlobalConfig } from '../utils/GlobalConfig.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
 import { frameData } from './frame.mjs';
 
 let now;

package/dist/es/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

@@ -1,6 +1,6 @@
 import '../../../../../motion-utils/dist/es/errors.mjs';
 import { memo } from '../../../../../motion-utils/dist/es/memo.mjs';
 
-const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);
+const supportsScrollTimeline = /* @__PURE__ */ memo(() => window.ScrollTimeline !== undefined);
 
 export { supportsScrollTimeline };

package/dist/es/{framer-motion → motion-dom}/dist/es/value/index.mjs

@@ -1,8 +1,9 @@
-import { time } from '../frameloop/sync-time.mjs';
-import { SubscriptionManager } from '../utils/subscription-manager.mjs';
-import { velocityPerSecond } from '../utils/velocity-per-second.mjs';
-import { warnOnce } from '../utils/warn-once.mjs';
+import '../../../../motion-utils/dist/es/errors.mjs';
+import { SubscriptionManager } from '../../../../motion-utils/dist/es/subscription-manager.mjs';
+import { velocityPerSecond } from '../../../../motion-utils/dist/es/velocity-per-second.mjs';
+import { warnOnce } from '../../../../motion-utils/dist/es/warn-once.mjs';
 import { frame } from '../frameloop/frame.mjs';
+import { time } from '../frameloop/sync-time.mjs';
 
 /**
  * Maximum time between the value of two frames, beyond which we
@@ -26,15 +27,13 @@ class MotionValue {
      * @param config - Optional configuration options
      *
      * -  `transformer`: A function to transform incoming values with.
-     *
-     * @internal
      */
     constructor(init, options = {}) {
         /**
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "12.4.13";
+        this.version = "12.5.0";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -157,8 +156,6 @@ class MotionValue {
     }
     /**
      * Attaches a passive effect to the `MotionValue`.
-     *
-     * @internal
      */
     attach(passiveEffect, stopPassiveEffect) {
         this.passiveEffect = passiveEffect;
@@ -252,8 +249,6 @@ class MotionValue {
      * ```
      *
      * @param animation - A function that starts the provided animation
-     *
-     * @internal
      */
     start(startAnimation) {
         this.stop();