motion 11.13.0-beta.0 → 11.13.1

package/dist/es/framer-motion/dist/es/animation/generators/spring/find.mjs

@@ -1,4 +1,4 @@
-import { warning } from '../../../../../../utils/dist/es/errors.mjs';
+import { warning } from '../../../../../../motion-utils/dist/es/errors.mjs';
 import { clamp } from '../../../utils/clamp.mjs';
 import { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';
 import { springDefaults } from './defaults.mjs';

package/dist/es/framer-motion/dist/es/animation/hooks/animation-controls.mjs

@@ -1,4 +1,4 @@
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { setTarget } from '../../render/utils/setters.mjs';
 import { animateVisualElement } from '../interfaces/visual-element.mjs';
 

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

@@ -3,8 +3,8 @@ import { startWaapiAnimation } from '../animators/waapi/index.mjs';
 import { optimizedAppearDataId } from './data-id.mjs';
 import { handoffOptimizedAppearAnimation } from './handoff.mjs';
 import { appearAnimationStore, appearComplete } from './store.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 { getOptimisedAppearId } from './get-appear-id.mjs';
 
 /**

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

@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useMemo, useRef, useState, useContext } from 'react';
 import { PresenceChild } from './PresenceChild.mjs';
 import { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { useConstant } from '../../utils/use-constant.mjs';
 import { onlyElements, getChildKey } from './utils.mjs';
 import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';

package/dist/es/framer-motion/dist/es/components/AnimateSharedLayout.mjs

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { invariant } from '../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
 import * as React from 'react';
 import { useConstant } from '../utils/use-constant.mjs';
 import { LayoutGroup } from './LayoutGroup/index.mjs';

package/dist/es/framer-motion/dist/es/components/Reorder/Group.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { forwardRef, useRef, useEffect } from 'react';
 import { ReorderContext } from '../../context/ReorderContext.mjs';
 import { motion } from '../../render/components/motion/proxy.mjs';

package/dist/es/framer-motion/dist/es/components/Reorder/Item.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { forwardRef, useContext } from 'react';
 import { ReorderContext } from '../../context/ReorderContext.mjs';
 import { motion } from '../../render/components/motion/proxy.mjs';

package/dist/es/framer-motion/dist/es/easing/cubic-bezier.mjs

@@ -1,5 +1,5 @@
-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';
 
 /*
   Bezier function generator

package/dist/es/framer-motion/dist/es/easing/utils/map.mjs

@@ -1,5 +1,5 @@
-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 { cubicBezier } from '../cubic-bezier.mjs';
 import { easeIn, easeInOut, easeOut } from '../ease.mjs';
 import { circIn, circInOut, circOut } from '../circ.mjs';

package/dist/es/framer-motion/dist/es/frameloop/frame.mjs

@@ -1,5 +1,5 @@
-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 { createRenderBatcher } from './batcher.mjs';
 
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);

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/DOMVisualElement.mjs

@@ -1,5 +1,6 @@
 import { VisualElement } from '../VisualElement.mjs';
 import { DOMKeyframesResolver } from './DOMKeyframesResolver.mjs';
+import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 
 class DOMVisualElement extends VisualElement {
     constructor() {
@@ -23,6 +24,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}`;
+                }
+            });
+        }
+    }
 }
 
 export { DOMVisualElement };

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/html/HTMLVisualElement.mjs

@@ -6,7 +6,6 @@ import { renderHTML } from './utils/render.mjs';
 import { getDefaultValueType } from '../dom/value-types/defaults.mjs';
 import { measureViewportBox } from '../../projection/utils/measure.mjs';
 import { DOMVisualElement } from '../dom/DOMVisualElement.mjs';
-import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 
 function getComputedStyle(element) {
     return window.getComputedStyle(element);
@@ -39,19 +38,6 @@ class HTMLVisualElement extends DOMVisualElement {
     scrapeMotionValuesFromProps(props, prevProps, visualElement) {
         return scrapeMotionValuesFromProps(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}`;
-            });
-        }
-    }
 }
 
 export { HTMLVisualElement, getComputedStyle };

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.1", `Attempting to mix Motion versions ${nextValue.version} with 11.13.1 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.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

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 };