framer-motion 12.7.3 → 12.7.5-alpha.0

package/dist/es/utils/delay.mjs

@@ -13,7 +13,7 @@ function delay(callback, timeout) {
             callback(elapsed - timeout);
         }
     };
-    frame.read(checkElapsed, true);
+    frame.setup(checkElapsed, true);
     return () => cancelFrame(checkElapsed);
 }
 function delayInSeconds(callback, timeout) {

package/dist/es/utils/transform.mjs

@@ -1,4 +1,4 @@
-import { interpolate } from './interpolate.mjs';
+import { interpolate } from 'motion-dom';
 
 const isCustomValueType = (v) => {
     return v && typeof v === "object" && v.mix;

package/dist/es/utils/use-cycle.mjs

@@ -1,5 +1,5 @@
+import { wrap } from 'motion-utils';
 import { useRef, useState, useCallback } from 'react';
-import { wrap } from './wrap.mjs';
 
 /**
  * Cycles through a series of visual properties. Can be used to toggle between or cycle through animations. It works similar to `useState` in React. It is provided an initial array of possible states, and returns an array of two arguments.

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

@@ -1,8 +1,8 @@
 import { frame } from 'motion-dom';
+import { MotionGlobalConfig } from 'motion-utils';
 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';
 
 function useInstantTransition() {
     const [forceUpdate, forcedRenderCount] = useForceUpdate();
@@ -22,12 +22,12 @@ function useInstantTransition() {
              */
             if (forcedRenderCount !== unlockOnFrameRef.current)
                 return;
-            instantAnimationState.current = false;
+            MotionGlobalConfig.instantAnimations = false;
         }));
     }, [forcedRenderCount]);
     return (callback) => {
         startInstantLayoutTransition(() => {
-            instantAnimationState.current = true;
+            MotionGlobalConfig.instantAnimations = true;
             forceUpdate();
             callback();
             unlockOnFrameRef.current = forcedRenderCount + 1;
@@ -35,7 +35,7 @@ function useInstantTransition() {
     };
 }
 function disableInstantTransitions() {
-    instantAnimationState.current = false;
+    MotionGlobalConfig.instantAnimations = false;
 }
 
 export { disableInstantTransitions, useInstantTransition };

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

@@ -1,7 +1,6 @@
-import { frame } from 'motion-dom';
+import { frame, JSAnimation } from 'motion-dom';
 import { noop } from 'motion-utils';
 import { useContext, useRef, useInsertionEffect } from 'react';
-import { animateValue } from '../animation/animators/MainThreadAnimation.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
@@ -20,7 +19,7 @@ function useSpring(source, config = {}) {
     const latestSetter = useRef(noop);
     const startAnimation = () => {
         stopAnimation();
-        activeSpringAnimation.current = animateValue({
+        activeSpringAnimation.current = new JSAnimation({
             keyframes: [asNumber(value.get()), asNumber(latestValue.current)],
             velocity: value.getVelocity(),
             type: "spring",

package/dist/es/value/use-will-change/get-will-change-name.mjs

@@ -1,6 +1,5 @@
-import { acceleratedValues } from '../../animation/animators/utils/accelerated-values.mjs';
+import { transformProps, acceleratedValues } from 'motion-dom';
 import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';
-import { transformProps } from '../../render/html/utils/keys-transform.mjs';
 
 function getWillChangeName(name) {
     if (transformProps.has(name)) {