motion 12.0.0-alpha.2 → 12.0.0

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

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

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

@@ -1,30 +1,35 @@
-export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
+export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
+export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
+export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
+export { invariant } from '../../motion-utils/dist/es/errors.mjs';
+export { noop } from '../../motion-utils/dist/es/noop.mjs';
+export { progress } from '../../motion-utils/dist/es/progress.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';
 export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
 export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
 export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
+export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
 export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
 export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
 export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
-export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { cubicBezier } from '../../framer-motion/dist/es/easing/cubic-bezier.mjs';
-export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
+export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
 export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
-export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
+export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
 export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
 export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
+export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
 export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
-export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
+export { time } from '../../framer-motion/dist/es/frameloop/sync-time.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';
-export { progress } from '../../framer-motion/dist/es/utils/progress.mjs';
+export { transform } from '../../framer-motion/dist/es/utils/transform.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';

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

@@ -1 +1,2 @@
+export { animateSequence } from '../../framer-motion/dist/es/animation/animators/waapi/animate-sequence.mjs';
 export { animateMini as animate } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';

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

@@ -1,104 +1,108 @@
 "use client";
-export { motion } from '../../framer-motion/dist/es/render/components/motion/proxy.mjs';
-export { m } from '../../framer-motion/dist/es/render/components/m/proxy.mjs';
 export { AnimatePresence } from '../../framer-motion/dist/es/components/AnimatePresence/index.mjs';
-export { MotionConfig } from '../../framer-motion/dist/es/components/MotionConfig/index.mjs';
-export { LazyMotion } from '../../framer-motion/dist/es/components/LazyMotion/index.mjs';
 export { LayoutGroup } from '../../framer-motion/dist/es/components/LayoutGroup/index.mjs';
-export { domMin } from '../../framer-motion/dist/es/render/dom/features-min.mjs';
+export { LazyMotion } from '../../framer-motion/dist/es/components/LazyMotion/index.mjs';
+export { MotionConfig } from '../../framer-motion/dist/es/components/MotionConfig/index.mjs';
+export { m } from '../../framer-motion/dist/es/render/components/m/proxy.mjs';
+export { motion } from '../../framer-motion/dist/es/render/components/motion/proxy.mjs';
 export { domAnimation } from '../../framer-motion/dist/es/render/dom/features-animation.mjs';
 export { domMax } from '../../framer-motion/dist/es/render/dom/features-max.mjs';
-export { useMotionValue } from '../../framer-motion/dist/es/value/use-motion-value.mjs';
-export { useMotionTemplate } from '../../framer-motion/dist/es/value/use-motion-template.mjs';
-export { resolveMotionValue } from '../../framer-motion/dist/es/value/utils/resolve-motion-value.mjs';
-export { useTransform } from '../../framer-motion/dist/es/value/use-transform.mjs';
-export { useSpring } from '../../framer-motion/dist/es/value/use-spring.mjs';
-export { useVelocity } from '../../framer-motion/dist/es/value/use-velocity.mjs';
-export { useScroll } from '../../framer-motion/dist/es/value/use-scroll.mjs';
+export { domMin } from '../../framer-motion/dist/es/render/dom/features-min.mjs';
+export { useMotionValueEvent } from '../../framer-motion/dist/es/utils/use-motion-value-event.mjs';
 export { useElementScroll } from '../../framer-motion/dist/es/value/scroll/use-element-scroll.mjs';
 export { useViewportScroll } from '../../framer-motion/dist/es/value/scroll/use-viewport-scroll.mjs';
+export { useMotionTemplate } from '../../framer-motion/dist/es/value/use-motion-template.mjs';
+export { useMotionValue } from '../../framer-motion/dist/es/value/use-motion-value.mjs';
+export { useScroll } from '../../framer-motion/dist/es/value/use-scroll.mjs';
+export { useSpring } from '../../framer-motion/dist/es/value/use-spring.mjs';
 export { useTime } from '../../framer-motion/dist/es/value/use-time.mjs';
+export { useTransform } from '../../framer-motion/dist/es/value/use-transform.mjs';
+export { useVelocity } from '../../framer-motion/dist/es/value/use-velocity.mjs';
 export { useWillChange } from '../../framer-motion/dist/es/value/use-will-change/index.mjs';
-export { useMotionValueEvent } from '../../framer-motion/dist/es/utils/use-motion-value-event.mjs';
+export { resolveMotionValue } from '../../framer-motion/dist/es/value/utils/resolve-motion-value.mjs';
 export { useReducedMotion } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs';
 export { useReducedMotionConfig } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs';
+export { AcceleratedAnimation } from '../../framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs';
+export { animateValue } from '../../framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs';
 export { animationControls } from '../../framer-motion/dist/es/animation/hooks/animation-controls.mjs';
 export { useAnimate } from '../../framer-motion/dist/es/animation/hooks/use-animate.mjs';
 export { useAnimateMini } from '../../framer-motion/dist/es/animation/hooks/use-animate-style.mjs';
 export { useAnimation, useAnimationControls } from '../../framer-motion/dist/es/animation/hooks/use-animation.mjs';
-export { useAnimationFrame } from '../../framer-motion/dist/es/utils/use-animation-frame.mjs';
 export { animateVisualElement } from '../../framer-motion/dist/es/animation/interfaces/visual-element.mjs';
-export { useCycle } from '../../framer-motion/dist/es/utils/use-cycle.mjs';
-export { isValidMotionProp } from '../../framer-motion/dist/es/motion/utils/valid-prop.mjs';
 export { useIsPresent, usePresence } from '../../framer-motion/dist/es/components/AnimatePresence/use-presence.mjs';
-export { useInView } from '../../framer-motion/dist/es/utils/use-in-view.mjs';
-export { DragControls, useDragControls } from '../../framer-motion/dist/es/gestures/drag/use-drag-controls.mjs';
 export { useDomEvent } from '../../framer-motion/dist/es/events/use-dom-event.mjs';
+export { DragControls, useDragControls } from '../../framer-motion/dist/es/gestures/drag/use-drag-controls.mjs';
 export { createRendererMotionComponent } from '../../framer-motion/dist/es/motion/index.mjs';
 export { isMotionComponent } from '../../framer-motion/dist/es/motion/utils/is-motion-component.mjs';
 export { unwrapMotionComponent } from '../../framer-motion/dist/es/motion/utils/unwrap-motion-component.mjs';
-export { VisualElement } from '../../framer-motion/dist/es/render/VisualElement.mjs';
+export { isValidMotionProp } from '../../framer-motion/dist/es/motion/utils/valid-prop.mjs';
 export { addScaleCorrector } from '../../framer-motion/dist/es/projection/styles/scale-correction.mjs';
-export { disableInstantTransitions, useInstantTransition } from '../../framer-motion/dist/es/utils/use-instant-transition.mjs';
 export { useInstantLayoutTransition } from '../../framer-motion/dist/es/projection/use-instant-layout-transition.mjs';
 export { useResetProjection } from '../../framer-motion/dist/es/projection/use-reset-projection.mjs';
 export { buildTransform } from '../../framer-motion/dist/es/render/html/utils/build-transform.mjs';
 export { visualElementStore } from '../../framer-motion/dist/es/render/store.mjs';
-export { animateValue } from '../../framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs';
+export { VisualElement } from '../../framer-motion/dist/es/render/VisualElement.mjs';
+export { MotionGlobalConfig } from '../../framer-motion/dist/es/utils/GlobalConfig.mjs';
+export { useAnimationFrame } from '../../framer-motion/dist/es/utils/use-animation-frame.mjs';
+export { useCycle } from '../../framer-motion/dist/es/utils/use-cycle.mjs';
+export { useInView } from '../../framer-motion/dist/es/utils/use-in-view.mjs';
+export { disableInstantTransitions, useInstantTransition } from '../../framer-motion/dist/es/utils/use-instant-transition.mjs';
 export { color } from '../../framer-motion/dist/es/value/types/color/index.mjs';
 export { complex } from '../../framer-motion/dist/es/value/types/complex/index.mjs';
 export { px } from '../../framer-motion/dist/es/value/types/numbers/units.mjs';
-export { MotionGlobalConfig } from '../../framer-motion/dist/es/utils/GlobalConfig.mjs';
-export { AcceleratedAnimation } from '../../framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs';
-export { startOptimizedAppearAnimation } from '../../framer-motion/dist/es/animation/optimized-appear/start.mjs';
-export { optimizedAppearDataAttribute } from '../../framer-motion/dist/es/animation/optimized-appear/data-id.mjs';
 export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
 export { findSpring } from '../../framer-motion/dist/es/animation/generators/spring/find.mjs';
-export { MotionContext } from '../../framer-motion/dist/es/context/MotionContext/index.mjs';
+export { optimizedAppearDataAttribute } from '../../framer-motion/dist/es/animation/optimized-appear/data-id.mjs';
+export { startOptimizedAppearAnimation } from '../../framer-motion/dist/es/animation/optimized-appear/start.mjs';
+export { LayoutGroupContext } from '../../framer-motion/dist/es/context/LayoutGroupContext.mjs';
 export { MotionConfigContext } from '../../framer-motion/dist/es/context/MotionConfigContext.mjs';
+export { MotionContext } from '../../framer-motion/dist/es/context/MotionContext/index.mjs';
 export { PresenceContext } from '../../framer-motion/dist/es/context/PresenceContext.mjs';
-export { LayoutGroupContext } from '../../framer-motion/dist/es/context/LayoutGroupContext.mjs';
 export { SwitchLayoutGroupContext } from '../../framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs';
 export { FlatTree } from '../../framer-motion/dist/es/render/utils/flat-tree.mjs';
-export { DeprecatedLayoutGroupContext } from '../../framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs';
 export { useAnimatedState as useDeprecatedAnimatedState } from '../../framer-motion/dist/es/animation/hooks/use-animated-state.mjs';
-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 { DeprecatedLayoutGroupContext } from '../../framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs';
+export { useInvertedScale as useDeprecatedInvertedScale } from '../../framer-motion/dist/es/value/use-inverted-scale.mjs';
 export { delay } from '../../framer-motion/dist/es/utils/delay.mjs';
-export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
+export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
+export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
+export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
+export { invariant } from '../../motion-utils/dist/es/errors.mjs';
+export { noop } from '../../motion-utils/dist/es/noop.mjs';
+export { progress } from '../../motion-utils/dist/es/progress.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';
 export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
 export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
 export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
+export { MotionValue, motionValue } from '../../framer-motion/dist/es/value/index.mjs';
 export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
 export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
 export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
-export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
+export { time } from '../../framer-motion/dist/es/frameloop/sync-time.mjs';
 export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
 export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
 export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
-export { progress } from '../../framer-motion/dist/es/utils/progress.mjs';
+export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
 export { wrap } from '../../framer-motion/dist/es/utils/wrap.mjs';
 export { cancelSync, sync } from '../../framer-motion/dist/es/frameloop/index-legacy.mjs';
 export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
 export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
 export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
-export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { cubicBezier } from '../../framer-motion/dist/es/easing/cubic-bezier.mjs';
-export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
+export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
 export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
 export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
+export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
+export { cancelFrame, frame, frameData, frameSteps } from '../../framer-motion/dist/es/frameloop/frame.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';
 export { createBox } from '../../framer-motion/dist/es/projection/geometry/models.mjs';
 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';

package/dist/es/{framer-motion/dist/es/animation/GroupPlaybackControls.mjs → motion-dom/dist/es/animation/controls/BaseGroup.mjs}

@@ -1,13 +1,14 @@
-import { supportsScrollTimeline } from '../render/dom/scroll/supports.mjs';
+import { supportsScrollTimeline } from '../../utils/supports/scroll-timeline.mjs';
 
-class GroupPlaybackControls {
+class BaseGroupPlaybackControls {
     constructor(animations) {
         // Bound to accomodate common `return animation.stop` pattern
         this.stop = () => this.runAll("stop");
         this.animations = animations.filter(Boolean);
     }
-    then(onResolve, onReject) {
-        return Promise.all(this.animations).then(onResolve).catch(onReject);
+    get finished() {
+        // Support for new finished Promise and legacy thennable API
+        return Promise.all(this.animations.map((animation) => "finished" in animation ? animation.finished : animation));
     }
     /**
      * TODO: Filter out cancelled or stopped animations before returning
@@ -25,7 +26,7 @@ class GroupPlaybackControls {
             if (supportsScrollTimeline() && animation.attachTimeline) {
                 return animation.attachTimeline(timeline);
             }
-            else {
+            else if (typeof fallback === "function") {
                 return fallback(animation);
             }
         });
@@ -78,4 +79,4 @@ class GroupPlaybackControls {
     }
 }
 
-export { GroupPlaybackControls };
+export { BaseGroupPlaybackControls };

package/dist/es/motion-dom/dist/es/animation/controls/Group.mjs

@@ -0,0 +1,13 @@
+import { BaseGroupPlaybackControls } from './BaseGroup.mjs';
+
+/**
+ * TODO: This is a temporary class to support the legacy
+ * thennable API
+ */
+class GroupPlaybackControls extends BaseGroupPlaybackControls {
+    then(onResolve, onReject) {
+        return Promise.all(this.animations).then(onResolve).catch(onReject);
+    }
+}
+
+export { GroupPlaybackControls };

package/dist/es/{framer-motion/dist/es/easing → motion-dom/dist/es/animation/generators}/utils/create-generator-easing.mjs

@@ -1,5 +1,6 @@
-import { calcGeneratorDuration, maxGeneratorDuration } from '../../animation/generators/utils/calc-duration.mjs';
-import { millisecondsToSeconds } from '../../utils/time-conversion.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';
 
 /**
  * Create a progress => progress easing function from a generator.
@@ -9,7 +10,9 @@ function createGeneratorEasing(options, scale = 100, createGenerator) {
     const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
     return {
         type: "keyframes",
-        ease: (progress) => generator.next(duration * progress).value / scale,
+        ease: (progress) => {
+            return generator.next(duration * progress).value / scale;
+        },
         duration: millisecondsToSeconds(duration),
     };
 }

package/dist/es/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs

@@ -0,0 +1,85 @@
+import '../../../../../motion-utils/dist/es/errors.mjs';
+import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
+import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
+import { attachTimeline } from './utils/attach-timeline.mjs';
+
+class NativeAnimationControls {
+    constructor(animation) {
+        this.animation = animation;
+    }
+    get duration() {
+        var _a, _b, _c;
+        const durationInMs = ((_b = (_a = this.animation) === null || _a === void 0 ? void 0 : _a.effect) === null || _b === void 0 ? void 0 : _b.getComputedTiming().duration) ||
+            ((_c = this.options) === null || _c === void 0 ? void 0 : _c.duration) ||
+            300;
+        return millisecondsToSeconds(Number(durationInMs));
+    }
+    get time() {
+        var _a;
+        if (this.animation) {
+            return millisecondsToSeconds(((_a = this.animation) === null || _a === void 0 ? void 0 : _a.currentTime) || 0);
+        }
+        return 0;
+    }
+    set time(newTime) {
+        if (this.animation) {
+            this.animation.currentTime = secondsToMilliseconds(newTime);
+        }
+    }
+    get speed() {
+        return this.animation ? this.animation.playbackRate : 1;
+    }
+    set speed(newSpeed) {
+        if (this.animation) {
+            this.animation.playbackRate = newSpeed;
+        }
+    }
+    get state() {
+        return this.animation ? this.animation.playState : "finished";
+    }
+    get startTime() {
+        return this.animation ? this.animation.startTime : null;
+    }
+    get finished() {
+        return this.animation ? this.animation.finished : Promise.resolve();
+    }
+    play() {
+        this.animation && this.animation.play();
+    }
+    pause() {
+        this.animation && this.animation.pause();
+    }
+    stop() {
+        if (!this.animation ||
+            this.state === "idle" ||
+            this.state === "finished") {
+            return;
+        }
+        if (this.animation.commitStyles) {
+            this.animation.commitStyles();
+        }
+        this.cancel();
+    }
+    flatten() {
+        var _a;
+        if (!this.animation)
+            return;
+        (_a = this.animation.effect) === null || _a === void 0 ? void 0 : _a.updateTiming({ easing: "linear" });
+    }
+    attachTimeline(timeline) {
+        if (this.animation)
+            attachTimeline(this.animation, timeline);
+        return noop;
+    }
+    complete() {
+        this.animation && this.animation.finish();
+    }
+    cancel() {
+        try {
+            this.animation && this.animation.cancel();
+        }
+        catch (e) { }
+    }
+}
+
+export { NativeAnimationControls };

package/dist/es/{framer-motion/dist/es/animation/animators/waapi → motion-dom/dist/es/animation/waapi/utils}/easing.mjs

@@ -1,6 +1,6 @@
-import { isBezierDefinition } from '../../../easing/utils/is-bezier-definition.mjs';
-import { generateLinearEasing } from './utils/linear.mjs';
-import { supportsLinearEasing } from './utils/supports-linear-easing.mjs';
+import { isBezierDefinition } from '../../../utils/is-bezier-definition.mjs';
+import { supportsLinearEasing } from '../../../utils/supports/linear-easing.mjs';
+import { generateLinearEasing } from './linear.mjs';
 
 function isWaapiSupportedEasing(easing) {
     return Boolean((typeof easing === "function" && supportsLinearEasing()) ||

package/dist/es/{framer-motion/dist/es/animation/animators → motion-dom/dist/es/animation}/waapi/utils/linear.mjs

@@ -1,8 +1,8 @@
-import { progress } from '../../../../utils/progress.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
 
-// Create a linear easing point for every 10 ms
-const resolution = 10;
-const generateLinearEasing = (easing, duration // as milliseconds
+const generateLinearEasing = (easing, duration, // as milliseconds
+resolution = 10 // as milliseconds
 ) => {
     let points = "";
     const numPoints = Math.max(Math.round(duration / resolution), 2);

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,37 @@
+import { isDragActive } from './drag/state/is-active.mjs';
+import { setupGesture } from './utils/setup.mjs';
+
+function isValidHover(event) {
+    return !(event.pointerType === "touch" || isDragActive());
+}
+/**
+ * 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 [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);
+    const onPointerEnter = (enterEvent) => {
+        if (!isValidHover(enterEvent))
+            return;
+        const { target } = enterEvent;
+        const onHoverEnd = onHoverStart(target, enterEvent);
+        if (typeof onHoverEnd !== "function" || !target)
+            return;
+        const onPointerLeave = (leaveEvent) => {
+            if (!isValidHover(leaveEvent))
+                return;
+            onHoverEnd(leaveEvent);
+            target.removeEventListener("pointerleave", onPointerLeave);
+        };
+        target.addEventListener("pointerleave", onPointerLeave, eventOptions);
+    };
+    elements.forEach((element) => {
+        element.addEventListener("pointerenter", onPointerEnter, eventOptions);
+    });
+    return cancel;
+}
+
+export { hover };

package/dist/es/motion-dom/dist/es/gestures/press/index.mjs

@@ -0,0 +1,76 @@
+import { isDragActive } from '../drag/state/is-active.mjs';
+import { isNodeOrChild } from '../utils/is-node-or-child.mjs';
+import { isPrimaryPointer } from '../utils/is-primary-pointer.mjs';
+import { setupGesture } from '../utils/setup.mjs';
+import { isElementKeyboardAccessible } from './utils/is-keyboard-accessible.mjs';
+import { enableKeyboardPress } from './utils/keyboard.mjs';
+import { isPressing } from './utils/state.mjs';
+
+/**
+ * Filter out events that are not primary pointer events, or are triggering
+ * while a Motion gesture is active.
+ */
+function isValidPressEvent(event) {
+    return isPrimaryPointer(event) && !isDragActive();
+}
+/**
+ * Create a press gesture.
+ *
+ * Press is different to `"pointerdown"`, `"pointerup"` in that it
+ * automatically filters out secondary pointer events like right
+ * click and multitouch.
+ *
+ * It also adds accessibility support for keyboards, where
+ * an element with a press gesture will receive focus and
+ *  trigger on Enter `"keydown"` and `"keyup"` events.
+ *
+ * This is different to a browser's `"click"` event, which does
+ * respond to keyboards but only for the `"click"` itself, rather
+ * than the press start and end/cancel. The element also needs
+ * to be focusable for this to work, whereas a press gesture will
+ * make an element focusable by default.
+ *
+ * @public
+ */
+function press(elementOrSelector, onPressStart, options = {}) {
+    const [elements, eventOptions, cancelEvents] = setupGesture(elementOrSelector, options);
+    const startPress = (startEvent) => {
+        const element = startEvent.currentTarget;
+        if (!isValidPressEvent(startEvent) || isPressing.has(element))
+            return;
+        isPressing.add(element);
+        const onPressEnd = onPressStart(element, startEvent);
+        const onPointerEnd = (endEvent, success) => {
+            window.removeEventListener("pointerup", onPointerUp);
+            window.removeEventListener("pointercancel", onPointerCancel);
+            if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
+                return;
+            }
+            isPressing.delete(element);
+            if (typeof onPressEnd === "function") {
+                onPressEnd(endEvent, { success });
+            }
+        };
+        const onPointerUp = (upEvent) => {
+            onPointerEnd(upEvent, options.useGlobalTarget ||
+                isNodeOrChild(element, upEvent.target));
+        };
+        const onPointerCancel = (cancelEvent) => {
+            onPointerEnd(cancelEvent, false);
+        };
+        window.addEventListener("pointerup", onPointerUp, eventOptions);
+        window.addEventListener("pointercancel", onPointerCancel, eventOptions);
+    };
+    elements.forEach((element) => {
+        if (!isElementKeyboardAccessible(element) &&
+            element.getAttribute("tabindex") === null) {
+            element.tabIndex = 0;
+        }
+        const target = options.useGlobalTarget ? window : element;
+        target.addEventListener("pointerdown", startPress, eventOptions);
+        element.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions), eventOptions);
+    });
+    return cancelEvents;
+}
+
+export { press };

package/dist/es/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs

@@ -0,0 +1,13 @@
+const focusableElements = new Set([
+    "BUTTON",
+    "INPUT",
+    "SELECT",
+    "TEXTAREA",
+    "A",
+]);
+function isElementKeyboardAccessible(element) {
+    return (focusableElements.has(element.tagName) ||
+        element.tabIndex !== -1);
+}
+
+export { isElementKeyboardAccessible };

package/dist/es/motion-dom/dist/es/gestures/press/utils/keyboard.mjs

@@ -0,0 +1,38 @@
+import { isPressing } from './state.mjs';
+
+/**
+ * Filter out events that are not "Enter" keys.
+ */
+function filterEvents(callback) {
+    return (event) => {
+        if (event.key !== "Enter")
+            return;
+        callback(event);
+    };
+}
+function firePointerEvent(target, type) {
+    target.dispatchEvent(new PointerEvent("pointer" + type, { isPrimary: true, bubbles: true }));
+}
+const enableKeyboardPress = (focusEvent, eventOptions) => {
+    const element = focusEvent.currentTarget;
+    if (!element)
+        return;
+    const handleKeydown = filterEvents(() => {
+        if (isPressing.has(element))
+            return;
+        firePointerEvent(element, "down");
+        const handleKeyup = filterEvents(() => {
+            firePointerEvent(element, "up");
+        });
+        const handleBlur = () => firePointerEvent(element, "cancel");
+        element.addEventListener("keyup", handleKeyup, eventOptions);
+        element.addEventListener("blur", handleBlur, eventOptions);
+    });
+    element.addEventListener("keydown", handleKeydown, eventOptions);
+    /**
+     * Add an event listener that fires on blur to remove the keydown events.
+     */
+    element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
+};
+
+export { enableKeyboardPress };

package/dist/es/motion-dom/dist/es/gestures/press/utils/state.mjs

@@ -0,0 +1,3 @@
+const isPressing = new WeakSet();
+
+export { isPressing };

package/dist/es/motion-dom/dist/es/gestures/utils/setup.mjs

@@ -0,0 +1,15 @@
+import { resolveElements } from '../../utils/resolve-elements.mjs';
+
+function setupGesture(elementOrSelector, options) {
+    const elements = resolveElements(elementOrSelector);
+    const gestureAbortController = new AbortController();
+    const eventOptions = {
+        passive: true,
+        ...options,
+        signal: gestureAbortController.signal,
+    };
+    const cancel = () => gestureAbortController.abort();
+    return [elements, eventOptions, cancel];
+}
+
+export { setupGesture };