motion 11.11.17 → 11.13.0-beta.0

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

@@ -1,6 +1,10 @@
+import { generateLinearEasing } from '../../animators/waapi/utils/linear.mjs';
 import { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';
 import { calcGeneratorVelocity } from '../utils/velocity.mjs';
 import { findSpring, calcAngularFreq } from './find.mjs';
+import { calcGeneratorDuration, maxGeneratorDuration } from '../utils/calc-duration.mjs';
+import { clamp } from '../../../utils/clamp.mjs';
+import { springDefaults } from './defaults.mjs';
 
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
@@ -9,29 +13,51 @@ function isSpringType(options, keys) {
 }
 function getSpringOptions(options) {
     let springOptions = {
-        velocity: 0.0,
-        stiffness: 100,
-        damping: 10,
-        mass: 1.0,
+        velocity: springDefaults.velocity,
+        stiffness: springDefaults.stiffness,
+        damping: springDefaults.damping,
+        mass: springDefaults.mass,
         isResolvedFromDuration: false,
         ...options,
     };
     // stiffness/damping/mass overrides duration/bounce
     if (!isSpringType(options, physicsKeys) &&
         isSpringType(options, durationKeys)) {
-        const derived = findSpring(options);
-        springOptions = {
-            ...springOptions,
-            ...derived,
-            mass: 1.0,
-        };
-        springOptions.isResolvedFromDuration = true;
+        if (options.visualDuration) {
+            const visualDuration = options.visualDuration;
+            const root = (2 * Math.PI) / (visualDuration * 1.2);
+            const stiffness = root * root;
+            const damping = 2 * clamp(0.05, 1, 1 - options.bounce) * Math.sqrt(stiffness);
+            springOptions = {
+                ...springOptions,
+                mass: springDefaults.mass,
+                stiffness,
+                damping,
+            };
+        }
+        else {
+            const derived = findSpring(options);
+            springOptions = {
+                ...springOptions,
+                ...derived,
+                mass: springDefaults.mass,
+            };
+            springOptions.isResolvedFromDuration = true;
+        }
     }
     return springOptions;
 }
-function spring({ keyframes, restDelta, restSpeed, ...options }) {
-    const origin = keyframes[0];
-    const target = keyframes[keyframes.length - 1];
+function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce = springDefaults.bounce) {
+    const options = typeof optionsOrVisualDuration !== "object"
+        ? {
+            visualDuration: optionsOrVisualDuration,
+            keyframes: [0, 1],
+            bounce,
+        }
+        : optionsOrVisualDuration;
+    let { restSpeed, restDelta } = options;
+    const origin = options.keyframes[0];
+    const target = options.keyframes[options.keyframes.length - 1];
     /**
      * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator
      * to reduce GC during animation.
@@ -53,8 +79,12 @@ function spring({ keyframes, restDelta, restSpeed, ...options }) {
      * ratio between feeling good and finishing as soon as changes are imperceptible.
      */
     const isGranularScale = Math.abs(initialDelta) < 5;
-    restSpeed || (restSpeed = isGranularScale ? 0.01 : 2);
-    restDelta || (restDelta = isGranularScale ? 0.005 : 0.5);
+    restSpeed || (restSpeed = isGranularScale
+        ? springDefaults.restSpeed.granular
+        : springDefaults.restSpeed.default);
+    restDelta || (restDelta = isGranularScale
+        ? springDefaults.restDelta.granular
+        : springDefaults.restDelta.default);
     let resolveSpring;
     if (dampingRatio < 1) {
         const angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);
@@ -95,7 +125,7 @@ function spring({ keyframes, restDelta, restSpeed, ...options }) {
                     dampedAngularFreq);
         };
     }
-    return {
+    const generator = {
         calculatedDuration: isResolvedFromDuration ? duration || null : null,
         next: (t) => {
             const current = resolveSpring(t);
@@ -123,7 +153,13 @@ function spring({ keyframes, restDelta, restSpeed, ...options }) {
             state.value = state.done ? target : current;
             return state;
         },
+        toString: () => {
+            const calculatedDuration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
+            const easing = generateLinearEasing((progress) => generator.next(calculatedDuration * progress).value, calculatedDuration, 30);
+            return calculatedDuration + "ms " + easing;
+        },
     };
+    return generator;
 }
 
 export { spring };

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

@@ -1,4 +1,4 @@
-import { invariant } from '../../utils/errors.mjs';
+import { invariant } from '../../../../../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,7 +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 { noop } from '../../utils/noop.mjs';
+import '../../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../../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/errors.mjs';
+import { invariant } from '../../../../../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/errors.mjs';
+import { invariant } from '../../../../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/errors.mjs';
+import { invariant } from '../../../../../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/errors.mjs';
+import { invariant } from '../../../../../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,4 +1,5 @@
-import { noop } from '../utils/noop.mjs';
+import '../../../../utils/dist/es/errors.mjs';
+import { noop } from '../../../../utils/dist/es/noop.mjs';
 
 /*
   Bezier function generator

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.11.17", `Attempting to mix Motion versions ${nextValue.version} with 11.11.17 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.11.17";
+        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 };