motion 11.12.0 → 11.13.0-beta.0

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

@@ -1,6 +1,6 @@
-import { invariant } from '../../utils/errors.mjs';
+import { invariant } from '../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../utils/dist/es/noop.mjs';
 import { cubicBezier } from '../cubic-bezier.mjs';
-import { noop } from '../../utils/noop.mjs';
 import { easeIn, easeInOut, easeOut } from '../ease.mjs';
 import { circIn, circInOut, circOut } from '../circ.mjs';
 import { backIn, backInOut, backOut } from '../back.mjs';

package/dist/es/framer-motion/dist/es/events/event-info.mjs

@@ -1,10 +1,10 @@
 import { isPrimaryPointer } from './utils/is-primary-pointer.mjs';
 
-function extractEventInfo(event, pointType = "page") {
+function extractEventInfo(event) {
     return {
         point: {
-            x: event[`${pointType}X`],
-            y: event[`${pointType}Y`],
+            x: event.pageX,
+            y: event.pageY,
         },
     };
 }

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

@@ -1,4 +1,5 @@
-import { noop } from '../utils/noop.mjs';
+import '../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../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,4 +1,4 @@
-import { invariant } from '../../utils/errors.mjs';
+import { invariant } from '../../../../../utils/dist/es/errors.mjs';
 import { PanSession } from '../pan/PanSession.mjs';
 import { getGlobalLock } from './utils/lock.mjs';
 import { isRefObject } from '../../utils/is-ref-object.mjs';
@@ -56,7 +56,7 @@ class VisualElementDragControls {
             // the component.
             dragSnapToOrigin ? this.pauseAnimation() : this.stopAnimation();
             if (snapToCursor) {
-                this.snapToCursor(extractEventInfo(event, "page").point);
+                this.snapToCursor(extractEventInfo(event).point);
             }
         };
         const onStart = (event, info) => {

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

@@ -1,5 +1,6 @@
 import { Feature } from '../../motion/features/Feature.mjs';
-import { noop } from '../../utils/noop.mjs';
+import '../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../utils/dist/es/noop.mjs';
 import { VisualElementDragControls } from './VisualElementDragControls.mjs';
 
 class DragGesture extends Feature {

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

@@ -1,7 +1,8 @@
 import { PanSession } from './PanSession.mjs';
 import { addPointerEvent } from '../../events/add-pointer-event.mjs';
 import { Feature } from '../../motion/features/Feature.mjs';
-import { noop } from '../../utils/noop.mjs';
+import '../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../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

@@ -5,7 +5,8 @@ import { Feature } from '../motion/features/Feature.mjs';
 import { pipe } from '../utils/pipe.mjs';
 import { isDragActive } from './drag/utils/lock.mjs';
 import { isNodeOrChild } from './utils/is-node-or-child.mjs';
-import { noop } from '../utils/noop.mjs';
+import '../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../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/errors.mjs';
+import { warning, invariant } from '../../../../utils/dist/es/errors.mjs';
 import { featureDefinitions } from './features/definitions.mjs';
 
 /**

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

@@ -1,7 +1,8 @@
 import { circOut } from '../../easing/circ.mjs';
 import { progress } from '../../utils/progress.mjs';
 import { mixNumber } from '../../utils/mix/number.mjs';
-import { noop } from '../../utils/noop.mjs';
+import '../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../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,7 +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 { noop } from '../../utils/noop.mjs';
+import '../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../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 '../utils/resolve-element.mjs';
+import { resolveElements } from '../../../../../../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,7 +1,8 @@
 import { scrollInfo } from './track.mjs';
 import { observeTimeline } from './observe.mjs';
 import { supportsScrollTimeline } from './supports.mjs';
-import { noop } from '../../../utils/noop.mjs';
+import '../../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../../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/errors.mjs';
+import { invariant } from '../../../../../../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 '../utils/resolve-element.mjs';
+import { resolveElements } from '../../../../../../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.12.0", `Attempting to mix Motion versions ${nextValue.version} with 11.12.0 may not work as expected.`);
+                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.`);
             }
         }
         else if (isMotionValue(prevValue)) {

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

@@ -1,8 +1,8 @@
-import { invariant } from './errors.mjs';
 import { clamp } from './clamp.mjs';
 import { pipe } from './pipe.mjs';
 import { progress } from './progress.mjs';
-import { noop } from './noop.mjs';
+import { invariant } from '../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../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 '../errors.mjs';
+import { warning } from '../../../../../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 '../errors.mjs';
+import { warning } from '../../../../../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.12.0";
+        this.version = "11.13.0-beta.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/errors.mjs';
+import { invariant, warning } from '../../../../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/errors.mjs';
+import { warning } from '../../../../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

@@ -20,7 +20,6 @@ export { transform } from '../../framer-motion/dist/es/utils/transform.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';
-export { invariant, warning } from '../../framer-motion/dist/es/utils/errors.mjs';
 export { interpolate } from '../../framer-motion/dist/es/utils/interpolate.mjs';
 export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
 export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
@@ -28,3 +27,7 @@ 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

@@ -90,7 +90,6 @@ export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
 export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
 export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
 export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
-export { invariant, warning } from '../../framer-motion/dist/es/utils/errors.mjs';
 export { interpolate } from '../../framer-motion/dist/es/utils/interpolate.mjs';
 export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.mjs';
 export { animations } from '../../framer-motion/dist/es/motion/features/animations.mjs';
@@ -106,5 +105,9 @@ 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/motion.dev.js

@@ -4,6 +4,67 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Motion = {}));
 })(this, (function (exports) { 'use strict';
 
+    const noop = (any) => any;
+
+    exports.warning = noop;
+    exports.invariant = noop;
+    {
+        exports.warning = (check, message) => {
+            if (!check && typeof console !== "undefined") {
+                console.warn(message);
+            }
+        };
+        exports.invariant = (check, message) => {
+            if (!check) {
+                throw new Error(message);
+            }
+        };
+    }
+
+    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);
+    }
+
+    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();
+    }
+
     function addUniqueItem(arr, item) {
         if (arr.indexOf(item) === -1)
             arr.push(item);
@@ -76,8 +137,6 @@
         useManualTiming: false,
     };
 
-    const noop = (any) => any;
-
     function createRenderStep(runNextFrame) {
         /**
          * We create and reuse two queues, one to queue jobs for the current frame
@@ -281,7 +340,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.12.0";
+            this.version = "11.13.0-beta.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
@@ -692,21 +751,6 @@
         return velocityPerSecond(current - resolveValue(prevT), t - prevT);
     }
 
-    exports.warning = noop;
-    exports.invariant = noop;
-    {
-        exports.warning = (check, message) => {
-            if (!check && typeof console !== "undefined") {
-                console.warn(message);
-            }
-        };
-        exports.invariant = (check, message) => {
-            if (!check) {
-                throw new Error(message);
-            }
-        };
-    }
-
     const clamp = (min, max, v) => {
         if (v > max)
             return max;
@@ -1047,31 +1091,6 @@
 
     const isMotionValue = (value) => Boolean(value && value.getVelocity);
 
-    function resolveElements(elements, scope, selectorCache) {
-        var _a;
-        if (typeof elements === "string") {
-            let root = document;
-            if (scope) {
-                exports.invariant(Boolean(scope.current), "Scope provided, but no element detected.");
-                root = scope.current;
-            }
-            if (selectorCache) {
-                (_a = selectorCache[elements]) !== null && _a !== void 0 ? _a : (selectorCache[elements] = root.querySelectorAll(elements));
-                elements = selectorCache[elements];
-            }
-            else {
-                elements = root.querySelectorAll(elements);
-            }
-        }
-        else if (elements instanceof Element) {
-            elements = [elements];
-        }
-        /**
-         * Return an empty array
-         */
-        return Array.from(elements || []);
-    }
-
     function isDOMKeyframes(keyframes) {
         return typeof keyframes === "object" && !Array.isArray(keyframes);
     }
@@ -4158,7 +4177,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "11.12.0", `Attempting to mix Motion versions ${nextValue.version} with 11.12.0 may not work as expected.`);
+                    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.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -6179,6 +6198,7 @@
     exports.frame = frame;
     exports.frameData = frameData;
     exports.frameSteps = frameSteps;
+    exports.hover = hover;
     exports.inView = inView;
     exports.inertia = inertia;
     exports.interpolate = interpolate;
@@ -6186,8 +6206,10 @@
     exports.mirrorEasing = mirrorEasing;
     exports.mix = mix;
     exports.motionValue = motionValue;
+    exports.noop = noop;
     exports.pipe = pipe;
     exports.progress = progress;
+    exports.resolveElements = resolveElements;
     exports.reverseEasing = reverseEasing;
     exports.scroll = scroll;
     exports.scrollInfo = scrollInfo;