motion 11.13.0-beta.0 → 11.13.0

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

@@ -1,6 +1,6 @@
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
+import { setDragLock } from '../../../../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
 import { PanSession } from '../pan/PanSession.mjs';
-import { getGlobalLock } from './utils/lock.mjs';
 import { isRefObject } from '../../utils/is-ref-object.mjs';
 import { addPointerEvent } from '../../events/add-pointer-event.mjs';
 import { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, rebaseAxisConstraints, calcOrigin, defaultElastic } from './utils/constraints.mjs';
@@ -25,10 +25,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 };
@@ -63,11 +60,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;
@@ -109,7 +106,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
@@ -177,9 +174,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);
     }

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

@@ -1,6 +1,6 @@
 import { Feature } from '../../motion/features/Feature.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 { VisualElementDragControls } from './VisualElementDragControls.mjs';
 
 class DragGesture extends Feature {

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

@@ -1,31 +1,27 @@
-import { addPointerEvent } from '../events/add-pointer-event.mjs';
-import { pipe } from '../utils/pipe.mjs';
-import { isDragActive } from './drag/utils/lock.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
+import { hover } from '../../../../motion-dom/dist/es/gestures/hover.mjs';
+import { extractEventInfo } from '../events/event-info.mjs';
 import { frame } from '../frameloop/frame.mjs';
 
-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() { }
 }

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

@@ -1,8 +1,8 @@
 import { PanSession } from './PanSession.mjs';
 import { addPointerEvent } from '../../events/add-pointer-event.mjs';
 import { Feature } from '../../motion/features/Feature.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 { getContextWindow } from '../../utils/get-context-window.mjs';
 import { frame } from '../../frameloop/frame.mjs';
 

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

@@ -3,10 +3,10 @@ import { addDomEvent } from '../events/add-dom-event.mjs';
 import { addPointerEvent } from '../events/add-pointer-event.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
 import { pipe } from '../utils/pipe.mjs';
-import { isDragActive } from './drag/utils/lock.mjs';
+import { isDragActive } from '../../../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 import { isNodeOrChild } from './utils/is-node-or-child.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 { frame } from '../frameloop/frame.mjs';
 
 function fireSyntheticPointerEvent(name, handler) {

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

@@ -11,7 +11,7 @@ import { isBrowser } from '../utils/is-browser.mjs';
 import { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';
 import { LazyContext } from '../context/LazyContext.mjs';
 import { motionComponentSymbol } from './utils/symbol.mjs';
-import { warning, invariant } from '../../../../utils/dist/es/errors.mjs';
+import { warning, invariant } from '../../../../motion-utils/dist/es/errors.mjs';
 import { featureDefinitions } from './features/definitions.mjs';
 
 /**

package/dist/es/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -1,8 +1,8 @@
 import { circOut } from '../../easing/circ.mjs';
 import { progress } from '../../utils/progress.mjs';
 import { mixNumber } from '../../utils/mix/number.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 { percent, px } from '../../value/types/numbers/units.mjs';
 
 const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];

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

@@ -20,8 +20,8 @@ import { isSVGElement } from '../../render/dom/utils/is-svg-element.mjs';
 import { animateSingleValue } from '../../animation/animate/single-value.mjs';
 import { clamp } from '../../utils/clamp.mjs';
 import { cancelFrame, frameData, frameSteps, frame } from '../../frameloop/frame.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 { time } from '../../frameloop/sync-time.mjs';
 import { microtask } from '../../frameloop/microtask.mjs';
 import { getOptimisedAppearId } from '../../animation/optimized-appear/get-appear-id.mjs';

package/dist/es/framer-motion/dist/es/render/dom/resize/handle-element.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';
 
 const resizeHandlers = new WeakMap();
 let observer;

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

@@ -1,8 +1,8 @@
 import { scrollInfo } from './track.mjs';
 import { observeTimeline } from './observe.mjs';
 import { supportsScrollTimeline } from './supports.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';
 
 function scrollTimelineFallback({ source, container, axis = "y", }) {
     // Support legacy source argument. Deprecate later.

package/dist/es/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs

@@ -1,4 +1,4 @@
-import { invariant } from '../../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
 import { isNumericalString } from '../../../utils/is-numerical-string.mjs';
 import { isCSSVariableToken } from './is-css-variable.mjs';
 

package/dist/es/framer-motion/dist/es/render/dom/viewport/index.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';
 
 const thresholds = {
     some: 0,

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

@@ -17,7 +17,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.0", `Attempting to mix Motion versions ${nextValue.version} with 11.13.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

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

@@ -1,8 +1,8 @@
 import { clamp } from './clamp.mjs';
 import { pipe } from './pipe.mjs';
 import { progress } from './progress.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 { mix } from './mix/index.mjs';
 
 function createMixers(output, ease, customMixer) {

package/dist/es/framer-motion/dist/es/utils/mix/color.mjs

@@ -1,5 +1,5 @@
 import { mixNumber } from './number.mjs';
-import { warning } from '../../../../../utils/dist/es/errors.mjs';
+import { warning } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { hslaToRgba } from '../hsla-to-rgba.mjs';
 import { hex } from '../../value/types/color/hex.mjs';
 import { rgba } from '../../value/types/color/rgba.mjs';

package/dist/es/framer-motion/dist/es/utils/mix/complex.mjs

@@ -1,7 +1,7 @@
 import { mixNumber as mixNumber$1 } from './number.mjs';
 import { mixColor } from './color.mjs';
 import { pipe } from '../pipe.mjs';
-import { warning } from '../../../../../utils/dist/es/errors.mjs';
+import { warning } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { color } from '../../value/types/color/index.mjs';
 import { complex, analyseComplexValue } from '../../value/types/complex/index.mjs';
 import { isCSSVariableToken } from '../../render/dom/utils/is-css-variable.mjs';

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

@@ -34,7 +34,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.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

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

@@ -1,5 +1,5 @@
 import { useTransform } from './use-transform.mjs';
-import { invariant, warning } from '../../../../utils/dist/es/errors.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';

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

@@ -1,7 +1,7 @@
 import { motionValue } from './index.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
 import { useEffect } from 'react';
-import { warning } from '../../../../utils/dist/es/errors.mjs';
+import { warning } from '../../../../motion-utils/dist/es/errors.mjs';
 import { scroll } from '../render/dom/scroll/index.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 

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

@@ -1,3 +1,6 @@
+export { invariant } from '../../motion-utils/dist/es/errors.mjs';
+export { noop } from '../../motion-utils/dist/es/noop.mjs';
+export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.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';
@@ -27,7 +30,3 @@ export { progress } from '../../framer-motion/dist/es/utils/progress.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';
-export { invariant, warning } from '../../utils/dist/es/errors.mjs';
-export { noop } from '../../utils/dist/es/noop.mjs';
-export { hover } from '../../dom/dist/es/gestures/hover.mjs';
-export { resolveElements } from '../../dom/dist/es/utils/resolve-elements.mjs';

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

@@ -65,6 +65,9 @@ export { useAnimatedState as useDeprecatedAnimatedState } from '../../framer-mot
 export { useInvertedScale as useDeprecatedInvertedScale } from '../../framer-motion/dist/es/value/use-inverted-scale.mjs';
 export { AnimateSharedLayout } from '../../framer-motion/dist/es/components/AnimateSharedLayout.mjs';
 export { delay } from '../../framer-motion/dist/es/utils/delay.mjs';
+export { invariant } from '../../motion-utils/dist/es/errors.mjs';
+export { noop } from '../../motion-utils/dist/es/noop.mjs';
+export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.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';
@@ -97,7 +100,6 @@ export { createBox } from '../../framer-motion/dist/es/projection/geometry/model
 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 { isDragActive } from '../../framer-motion/dist/es/gestures/drag/utils/lock.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';
@@ -105,9 +107,5 @@ 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';
-export { invariant, warning } from '../../utils/dist/es/errors.mjs';
-export { noop } from '../../utils/dist/es/noop.mjs';
-export { hover } from '../../dom/dist/es/gestures/hover.mjs';
-export { resolveElements } from '../../dom/dist/es/utils/resolve-elements.mjs';
 import * as namespace from '../../framer-motion/dist/es/components/Reorder/namespace.mjs';
 export { namespace as Reorder };

package/dist/es/motion-dom/dist/es/gestures/drag/state/is-active.mjs

@@ -0,0 +1,9 @@
+const isDragging = {
+    x: false,
+    y: false,
+};
+function isDragActive() {
+    return isDragging.x || isDragging.y;
+}
+
+export { isDragActive, isDragging };

package/dist/es/motion-dom/dist/es/gestures/drag/state/set-active.mjs

@@ -0,0 +1,28 @@
+import { isDragging } from './is-active.mjs';
+
+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;
+            };
+        }
+    }
+}
+
+export { setDragLock };

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

@@ -0,0 +1,46 @@
+import { resolveElements } from '../utils/resolve-elements.mjs';
+import { isDragActive } from './drag/state/is-active.mjs';
+
+/**
+ * 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();
+}
+
+export { hover };

package/dist/motion.dev.js

@@ -6,10 +6,10 @@
 
     const noop = (any) => any;
 
-    exports.warning = noop;
+    let warning = noop;
     exports.invariant = noop;
     {
-        exports.warning = (check, message) => {
+        warning = (check, message) => {
             if (!check && typeof console !== "undefined") {
                 console.warn(message);
             }
@@ -42,27 +42,12 @@
         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) {
@@ -340,7 +325,7 @@
              * 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.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
@@ -789,7 +774,7 @@
     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.
@@ -2460,7 +2445,7 @@
         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;
@@ -2763,7 +2748,7 @@
     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);
@@ -2882,7 +2867,7 @@
             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);
         }
     };
@@ -4177,7 +4162,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    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.0", `Attempting to mix Motion versions ${nextValue.version} with 11.13.0 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -6198,10 +6183,10 @@
     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;
@@ -6209,7 +6194,6 @@
     exports.noop = noop;
     exports.pipe = pipe;
     exports.progress = progress;
-    exports.resolveElements = resolveElements;
     exports.reverseEasing = reverseEasing;
     exports.scroll = scroll;
     exports.scrollInfo = scrollInfo;