motion 11.13.0-beta.0 → 11.13.1

package/.turbo/turbo-build.log

@@ -1,45 +1,45 @@
-
-lib/index.js → dist/motion.dev.js...
-created dist/motion.dev.js in 669ms
-
-lib/index.js → dist/motion.js...
-created dist/motion.js in 804ms
-
-lib/index.js → dist/cjs...
-created dist/cjs in 195ms
-
-lib/react-client.js → dist/cjs...
-created dist/cjs in 323ms
-
-lib/react.js → dist/cjs...
-created dist/cjs in 2ms
-
-lib/mini.js → dist/cjs...
-created dist/cjs in 24ms
-
-lib/react-mini.js → dist/cjs...
-created dist/cjs in 20ms
-
-lib/react-m.js → dist/cjs...
-created dist/cjs in 117ms
-
-lib/index.js, lib/mini.js, lib/react.js, lib/react-mini.js, lib/react-client.js, lib/react-m.js → dist/es...
-created dist/es in 599ms
-
-types/index.d.ts → dist/index.d.ts...
-created dist/index.d.ts in 10ms
-
-types/react.d.ts → dist/react.d.ts...
-created dist/react.d.ts in 9ms
-
-types/react-mini.d.ts → dist/react-mini.d.ts...
-created dist/react-mini.d.ts in 3ms
-
-types/react-m.d.ts → dist/react-m.d.ts...
-created dist/react-m.d.ts in 5ms
-
-types/mini.d.ts → dist/mini.d.ts...
-created dist/mini.d.ts in 3ms
-
-types/react-client.d.ts → dist/react-client.d.ts...
-created dist/react-client.d.ts in 1ms
+
+lib/index.js → dist/motion.dev.js...
+created dist/motion.dev.js in 440ms
+
+lib/index.js → dist/motion.js...
+created dist/motion.js in 855ms
+
+lib/index.js → dist/cjs...
+created dist/cjs in 244ms
+
+lib/react-client.js → dist/cjs...
+created dist/cjs in 385ms
+
+lib/react.js → dist/cjs...
+created dist/cjs in 5ms
+
+lib/mini.js → dist/cjs...
+created dist/cjs in 41ms
+
+lib/react-mini.js → dist/cjs...
+created dist/cjs in 39ms
+
+lib/react-m.js → dist/cjs...
+created dist/cjs in 82ms
+
+lib/index.js, lib/mini.js, lib/react.js, lib/react-mini.js, lib/react-client.js, lib/react-m.js → dist/es...
+created dist/es in 541ms
+
+types/index.d.ts → dist/index.d.ts...
+created dist/index.d.ts in 12ms
+
+types/react.d.ts → dist/react.d.ts...
+created dist/react.d.ts in 8ms
+
+types/react-mini.d.ts → dist/react-mini.d.ts...
+created dist/react-mini.d.ts in 10ms
+
+types/react-m.d.ts → dist/react-m.d.ts...
+created dist/react-m.d.ts in 2ms
+
+types/mini.d.ts → dist/mini.d.ts...
+created dist/mini.d.ts in 3ms
+
+types/react-client.d.ts → dist/react-client.d.ts...
+created dist/react-client.d.ts in 1ms

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" alt="Motion Icon" />
+  <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" />
 </p>
 <h1 align="center">Motion for React</h1>
 
@@ -26,7 +26,7 @@
 
 Motion for React is an open source, production-ready library that’s designed for all creative developers.
 
-It's the only animation library with a hybrid engine, combining the power of JavaScript animations combined with the performance of native browser APIs.
+It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.
 
 It looks like this:
 
@@ -55,7 +55,7 @@ It does all this:
 
 ### 🐇 Quick start
 
-Install `motion` with via your package manager:
+Install `motion` via your package manager:
 
 ```
 npm install motion
@@ -109,7 +109,7 @@ Motion powers Framer animations, the web builder for creative pros. Design and s
 
 <a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Frontend.fyi" src="https://github.com/user-attachments/assets/07d23aa5-69db-44a0-849d-90177e6fc817" width="150px" height="100px"></a>
 
-<a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Statamic" src="https://github.com/user-attachments/assets/5d28f090-bdd9-4b31-b134-fb2b94ca636f" width="150px" height="100px"></a>
+<a href="https://statamic.com"><img alt="Statamic" src="https://github.com/user-attachments/assets/5d28f090-bdd9-4b31-b134-fb2b94ca636f" width="150px" height="100px"></a>
 
 <a href="https://firecrawl.dev"><img alt="Firecrawl" src="https://github.com/user-attachments/assets/cba90e54-1329-4353-8fba-85beef4d2ee9" width="150px" height="100px"></a>
 

package/dist/cjs/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const noop = (any) => any;
 
-exports.warning = noop;
+let warning = noop;
 exports.invariant = noop;
 if (process.env.NODE_ENV !== "production") {
-    exports.warning = (check, message) => {
+    warning = (check, message) => {
         if (!check && typeof console !== "undefined") {
             console.warn(message);
         }
@@ -40,27 +40,12 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     return Array.from(elementOrSelector);
 }
 
-function hover(elementOrSelector, onHoverStart) {
-    const elements = resolveElements(elementOrSelector);
-    const cancelGesture = new AbortController();
-    const options = { signal: cancelGesture.signal };
-    const onPointerEnter = (enterEvent) => {
-        if (enterEvent.pointerType === "touch")
-            return;
-        const { target } = enterEvent;
-        const onHoverEnd = onHoverStart(enterEvent);
-        if (onHoverEnd && target) {
-            const onPointerLeave = (leaveEvent) => {
-                onHoverEnd(leaveEvent);
-                target.removeEventListener("pointerleave", onPointerLeave);
-            };
-            target.addEventListener("pointerleave", onPointerLeave, options);
-        }
-    };
-    elements.forEach((element) => {
-        element.addEventListener("pointerenter", onPointerEnter, options);
-    });
-    return () => cancelGesture.abort();
+const isDragging = {
+    x: false,
+    y: false,
+};
+function isDragActive() {
+    return isDragging.y;
 }
 
 function addUniqueItem(arr, item) {
@@ -338,7 +323,7 @@ class MotionValue {
          * 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 = "11.13.0-beta.0";
+        this.version = "11.13.1";
         /**
          * 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
@@ -787,7 +772,7 @@ const safeMin = 0.001;
 function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass, }) {
     let envelope;
     let derivative;
-    exports.warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), "Spring duration must be 10 seconds or less");
+    warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), "Spring duration must be 10 seconds or less");
     let dampingRatio = 1 - bounce;
     /**
      * Restrict dampingRatio and duration to within acceptable ranges.
@@ -2458,7 +2443,7 @@ function canAnimate(keyframes, name, type, velocity) {
     const targetKeyframe = keyframes[keyframes.length - 1];
     const isOriginAnimatable = isAnimatable(originKeyframe, name);
     const isTargetAnimatable = isAnimatable(targetKeyframe, name);
-    exports.warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \`style\` property.`);
+    warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \`style\` property.`);
     // Always skip if any of these are true
     if (!isOriginAnimatable || !isTargetAnimatable) {
         return false;
@@ -2761,7 +2746,7 @@ const colorTypes = [hex, rgba, hsla];
 const getColorType = (v) => colorTypes.find((type) => type.test(v));
 function asRGBA(color) {
     const type = getColorType(color);
-    exports.warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);
+    warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);
     if (!Boolean(type))
         return false;
     let model = type.parse(color);
@@ -2880,7 +2865,7 @@ const mixComplex = (origin, target) => {
         return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);
     }
     else {
-        exports.warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`);
+        warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`);
         return mixImmediate(origin, target);
     }
 };
@@ -4175,7 +4160,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.13.0-beta.0", `Attempting to mix Motion versions ${nextValue.version} with 11.13.0-beta.0 may not work as expected.`);
+                warnOnce(nextValue.version === "11.13.1", `Attempting to mix Motion versions ${nextValue.version} with 11.13.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -4732,6 +4717,20 @@ class DOMVisualElement extends VisualElement {
         delete vars[key];
         delete style[key];
     }
+    handleChildMotionValue() {
+        if (this.childSubscription) {
+            this.childSubscription();
+            delete this.childSubscription;
+        }
+        const { children } = this.props;
+        if (isMotionValue(children)) {
+            this.childSubscription = children.on("change", (latest) => {
+                if (this.current) {
+                    this.current.textContent = `${latest}`;
+                }
+            });
+        }
+    }
 }
 
 /**
@@ -5092,19 +5091,6 @@ class HTMLVisualElement extends DOMVisualElement {
     scrapeMotionValuesFromProps(props, prevProps, visualElement) {
         return scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
     }
-    handleChildMotionValue() {
-        if (this.childSubscription) {
-            this.childSubscription();
-            delete this.childSubscription;
-        }
-        const { children } = this.props;
-        if (isMotionValue(children)) {
-            this.childSubscription = children.on("change", (latest) => {
-                if (this.current)
-                    this.current.textContent = `${latest}`;
-            });
-        }
-    }
 }
 
 function isObjectKey(key, object) {
@@ -6196,10 +6182,10 @@ exports.easeOut = easeOut;
 exports.frame = frame;
 exports.frameData = frameData;
 exports.frameSteps = frameSteps;
-exports.hover = hover;
 exports.inView = inView;
 exports.inertia = inertia;
 exports.interpolate = interpolate;
+exports.isDragActive = isDragActive;
 exports.keyframes = keyframes;
 exports.mirrorEasing = mirrorEasing;
 exports.mix = mix;
@@ -6207,7 +6193,6 @@ exports.motionValue = motionValue;
 exports.noop = noop;
 exports.pipe = pipe;
 exports.progress = progress;
-exports.resolveElements = resolveElements;
 exports.reverseEasing = reverseEasing;
 exports.scroll = scroll;
 exports.scrollInfo = scrollInfo;

package/dist/cjs/react-client.js

@@ -3348,7 +3348,7 @@ class MotionValue {
          * 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 = "11.13.0-beta.0";
+        this.version = "11.13.1";
         /**
          * 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
@@ -4254,6 +4254,102 @@ const animations = {
     },
 };
 
+function resolveElements(elementOrSelector, scope, selectorCache) {
+    var _a;
+    if (elementOrSelector instanceof Element) {
+        return [elementOrSelector];
+    }
+    else if (typeof elementOrSelector === "string") {
+        let root = document;
+        if (scope) {
+            // TODO: Refactor to utils package
+            // invariant(
+            //     Boolean(scope.current),
+            //     "Scope provided, but no element detected."
+            // )
+            root = scope.current;
+        }
+        const elements = (_a = selectorCache === null || selectorCache === void 0 ? void 0 : selectorCache[elementOrSelector]) !== null && _a !== void 0 ? _a : root.querySelectorAll(elementOrSelector);
+        return elements ? Array.from(elements) : [];
+    }
+    return Array.from(elementOrSelector);
+}
+
+const isDragging = {
+    x: false,
+    y: false,
+};
+function isDragActive() {
+    return isDragging.x || isDragging.y;
+}
+
+/**
+ * Filter out events that are not pointer events, or are triggering
+ * while a Motion gesture is active.
+ */
+function filterEvents(callback) {
+    return (event) => {
+        if (event.pointerType === "touch" || isDragActive())
+            return;
+        callback(event);
+    };
+}
+/**
+ * Create a hover gesture. hover() is different to .addEventListener("pointerenter")
+ * in that it has an easier syntax, filters out polyfilled touch events, interoperates
+ * with drag gestures, and automatically removes the "pointerennd" event listener when the hover ends.
+ *
+ * @public
+ */
+function hover(elementOrSelector, onHoverStart, options = {}) {
+    const gestureAbortController = new AbortController();
+    const eventOptions = {
+        passive: true,
+        ...options,
+        signal: gestureAbortController.signal,
+    };
+    const onPointerEnter = filterEvents((enterEvent) => {
+        const { target } = enterEvent;
+        const onHoverEnd = onHoverStart(enterEvent);
+        if (!onHoverEnd || !target)
+            return;
+        const onPointerLeave = filterEvents((leaveEvent) => {
+            onHoverEnd(leaveEvent);
+            target.removeEventListener("pointerleave", onPointerLeave);
+        });
+        target.addEventListener("pointerleave", onPointerLeave, eventOptions);
+    });
+    resolveElements(elementOrSelector).forEach((element) => {
+        element.addEventListener("pointerenter", onPointerEnter, eventOptions);
+    });
+    return () => gestureAbortController.abort();
+}
+
+function setDragLock(axis) {
+    if (axis === "x" || axis === "y") {
+        if (isDragging[axis]) {
+            return null;
+        }
+        else {
+            isDragging[axis] = true;
+            return () => {
+                isDragging[axis] = false;
+            };
+        }
+    }
+    else {
+        if (isDragging.x || isDragging.y) {
+            return null;
+        }
+        else {
+            isDragging.x = isDragging.y = true;
+            return () => {
+                isDragging.x = isDragging.y = false;
+            };
+        }
+    }
+}
+
 const isPrimaryPointer = (event) => {
     if (event.pointerType === "mouse") {
         return typeof event.button !== "number" || event.button <= 0;
@@ -4447,58 +4543,6 @@ function getVelocity(history, timeDelta) {
     return currentVelocity;
 }
 
-function createLock(name) {
-    let lock = null;
-    return () => {
-        const openLock = () => {
-            lock = null;
-        };
-        if (lock === null) {
-            lock = name;
-            return openLock;
-        }
-        return false;
-    };
-}
-const globalHorizontalLock = createLock("dragHorizontal");
-const globalVerticalLock = createLock("dragVertical");
-function getGlobalLock(drag) {
-    let lock = false;
-    if (drag === "y") {
-        lock = globalVerticalLock();
-    }
-    else if (drag === "x") {
-        lock = globalHorizontalLock();
-    }
-    else {
-        const openHorizontal = globalHorizontalLock();
-        const openVertical = globalVerticalLock();
-        if (openHorizontal && openVertical) {
-            lock = () => {
-                openHorizontal();
-                openVertical();
-            };
-        }
-        else {
-            // Release the locks because we don't use them
-            if (openHorizontal)
-                openHorizontal();
-            if (openVertical)
-                openVertical();
-        }
-    }
-    return lock;
-}
-function isDragActive() {
-    // Check the gesture lock - if we get it, it means no drag gesture is active
-    // and we can safely fire the tap gesture.
-    const openGestureLock = getGlobalLock(true);
-    if (!openGestureLock)
-        return true;
-    openGestureLock();
-    return false;
-}
-
 function isRefObject(ref) {
     return (ref &&
         typeof ref === "object" &&
@@ -4894,10 +4938,7 @@ const elementDragControls = new WeakMap();
 // let latestPointerEvent: PointerEvent
 class VisualElementDragControls {
     constructor(visualElement) {
-        // This is a reference to the global drag gesture lock, ensuring only one component
-        // can "capture" the drag of one or both axes.
-        // TODO: Look into moving this into pansession?
-        this.openGlobalLock = null;
+        this.openDragLock = null;
         this.isDragging = false;
         this.currentDirection = null;
         this.originPoint = { x: 0, y: 0 };
@@ -4932,11 +4973,11 @@ class VisualElementDragControls {
             // Attempt to grab the global drag gesture lock - maybe make this part of PanSession
             const { drag, dragPropagation, onDragStart } = this.getProps();
             if (drag && !dragPropagation) {
-                if (this.openGlobalLock)
-                    this.openGlobalLock();
-                this.openGlobalLock = getGlobalLock(drag);
+                if (this.openDragLock)
+                    this.openDragLock();
+                this.openDragLock = setDragLock(drag);
                 // If we don 't have the lock, don't start dragging
-                if (!this.openGlobalLock)
+                if (!this.openDragLock)
                     return;
             }
             this.isDragging = true;
@@ -4978,7 +5019,7 @@ class VisualElementDragControls {
             // latestPointerEvent = event
             const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag, } = this.getProps();
             // If we didn't successfully receive the gesture lock, early return.
-            if (!dragPropagation && !this.openGlobalLock)
+            if (!dragPropagation && !this.openDragLock)
                 return;
             const { offset } = info;
             // Attempt to detect drag direction if directionLock is true
@@ -5046,9 +5087,9 @@ class VisualElementDragControls {
         this.panSession && this.panSession.end();
         this.panSession = undefined;
         const { dragPropagation } = this.getProps();
-        if (!dragPropagation && this.openGlobalLock) {
-            this.openGlobalLock();
-            this.openGlobalLock = null;
+        if (!dragPropagation && this.openDragLock) {
+            this.openDragLock();
+            this.openDragLock = null;
         }
         animationState && animationState.setActive("whileDrag", false);
     }
@@ -7686,28 +7727,25 @@ const drag = {
     },
 };
 
-function addHoverEvent(node, isActive) {
-    const eventName = isActive ? "pointerenter" : "pointerleave";
-    const callbackName = isActive ? "onHoverStart" : "onHoverEnd";
-    const handleEvent = (event, info) => {
-        if (event.pointerType === "touch" || isDragActive())
-            return;
-        const props = node.getProps();
-        if (node.animationState && props.whileHover) {
-            node.animationState.setActive("whileHover", isActive);
-        }
-        const callback = props[callbackName];
-        if (callback) {
-            frame.postRender(() => callback(event, info));
-        }
-    };
-    return addPointerEvent(node.current, eventName, handleEvent, {
-        passive: !node.getProps()[callbackName],
-    });
+function handleHoverEvent(node, event, isActive) {
+    const { props } = node;
+    if (node.animationState && props.whileHover) {
+        node.animationState.setActive("whileHover", isActive);
+    }
+    const callback = props[isActive ? "onHoverStart" : "onHoverEnd"];
+    if (callback) {
+        frame.postRender(() => callback(event, extractEventInfo(event)));
+    }
 }
 class HoverGesture extends Feature {
     mount() {
-        this.unmount = pipe(addHoverEvent(this.node, true), addHoverEvent(this.node, false));
+        const { current, props } = this.node;
+        if (!current)
+            return;
+        this.unmount = hover(current, (startEvent) => {
+            handleHoverEvent(this.node, startEvent, true);
+            return (endEvent) => handleHoverEvent(this.node, endEvent, false);
+        }, { passive: !props.onHoverStart && !props.onHoverEnd });
     }
     unmount() { }
 }
@@ -9091,7 +9129,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.13.0-beta.0", `Attempting to mix Motion versions ${nextValue.version} with 11.13.0-beta.0 may not work as expected.`);
+                warnOnce(nextValue.version === "11.13.1", `Attempting to mix Motion versions ${nextValue.version} with 11.13.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -9617,6 +9655,20 @@ class DOMVisualElement extends VisualElement {
         delete vars[key];
         delete style[key];
     }
+    handleChildMotionValue() {
+        if (this.childSubscription) {
+            this.childSubscription();
+            delete this.childSubscription;
+        }
+        const { children } = this.props;
+        if (isMotionValue(children)) {
+            this.childSubscription = children.on("change", (latest) => {
+                if (this.current) {
+                    this.current.textContent = `${latest}`;
+                }
+            });
+        }
+    }
 }
 
 function getComputedStyle(element) {
@@ -9650,19 +9702,6 @@ class HTMLVisualElement extends DOMVisualElement {
     scrapeMotionValuesFromProps(props, prevProps, visualElement) {
         return scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
     }
-    handleChildMotionValue() {
-        if (this.childSubscription) {
-            this.childSubscription();
-            delete this.childSubscription;
-        }
-        const { children } = this.props;
-        if (isMotionValue(children)) {
-            this.childSubscription = children.on("change", (latest) => {
-                if (this.current)
-                    this.current.textContent = `${latest}`;
-            });
-        }
-    }
 }
 
 class SVGVisualElement extends DOMVisualElement {

package/dist/es/framer-motion/dist/es/animation/animate/resolve-subjects.mjs

@@ -1,4 +1,4 @@
-import { resolveElements } from '../../../../../dom/dist/es/utils/resolve-elements.mjs';
+import { resolveElements } from '../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
 import { isDOMKeyframes } from '../utils/is-dom-keyframes.mjs';
 
 function resolveSubjects(subject, keyframes, scope, selectorCache) {

package/dist/es/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,4 +1,4 @@
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../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/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -2,8 +2,8 @@ import { anticipate } from '../../easing/anticipate.mjs';
 import { backInOut } from '../../easing/back.mjs';
 import { circInOut } from '../../easing/circ.mjs';
 import { DOMKeyframesResolver } from '../../render/dom/DOMKeyframesResolver.mjs';
-import '../../../../../utils/dist/es/errors.mjs';
-import { noop } from '../../../../../utils/dist/es/noop.mjs';
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
 import { millisecondsToSeconds, secondsToMilliseconds } from '../../utils/time-conversion.mjs';
 import { isGenerator } from '../generators/utils/is-generator.mjs';
 import { BaseAnimation } from './BaseAnimation.mjs';

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

@@ -8,7 +8,7 @@ import { mix } from '../../utils/mix/index.mjs';
 import { calcGeneratorDuration } from '../generators/utils/calc-duration.mjs';
 import { millisecondsToSeconds, secondsToMilliseconds } from '../../utils/time-conversion.mjs';
 import { clamp } from '../../utils/clamp.mjs';
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { frameloopDriver } from './drivers/driver-frameloop.mjs';
 import { getFinalKeyframe } from './waapi/utils/get-final-keyframe.mjs';
 import { isGenerator } from '../generators/utils/is-generator.mjs';

package/dist/es/framer-motion/dist/es/animation/animators/utils/can-animate.mjs

@@ -1,4 +1,4 @@
-import { warning } from '../../../../../../utils/dist/es/errors.mjs';
+import { warning } from '../../../../../../motion-utils/dist/es/errors.mjs';
 import { isGenerator } from '../../generators/utils/is-generator.mjs';
 import { isAnimatable } from '../../utils/is-animatable.mjs';
 

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

@@ -1,8 +1,8 @@
 import { startWaapiAnimation } from './index.mjs';
 import { createGeneratorEasing } from '../../../easing/utils/create-generator-easing.mjs';
 import { browserNumberValueTypes } from '../../../render/dom/value-types/number-browser.mjs';
-import { invariant } from '../../../../../../utils/dist/es/errors.mjs';
-import { noop } from '../../../../../../utils/dist/es/noop.mjs';
+import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
+import { noop } from '../../../../../../motion-utils/dist/es/noop.mjs';
 import { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';
 import { isGenerator } from '../../generators/utils/is-generator.mjs';
 import { attachTimeline } from './utils/attach-timeline.mjs';

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

@@ -1,5 +1,5 @@
-import { resolveElements } from '../../../../../../dom/dist/es/utils/resolve-elements.mjs';
-import { invariant } from '../../../../../../utils/dist/es/errors.mjs';
+import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
+import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
 import { secondsToMilliseconds } from '../../../utils/time-conversion.mjs';
 import { getValueTransition } from '../../utils/get-value-transition.mjs';
 import { NativeAnimation } from './NativeAnimation.mjs';