framer-motion 9.1.1 → 9.1.2

package/dist/cjs/index.js

@@ -150,25 +150,14 @@ function isAnimationControls(v) {
     return typeof v === "object" && typeof v.start === "function";
 }
 
-exports.AnimationType = void 0;
-(function (AnimationType) {
-    AnimationType["Animate"] = "animate";
-    AnimationType["Hover"] = "whileHover";
-    AnimationType["Tap"] = "whileTap";
-    AnimationType["Drag"] = "whileDrag";
-    AnimationType["Focus"] = "whileFocus";
-    AnimationType["InView"] = "whileInView";
-    AnimationType["Exit"] = "exit";
-})(exports.AnimationType || (exports.AnimationType = {}));
-
 const variantPriorityOrder$1 = [
-    exports.AnimationType.Animate,
-    exports.AnimationType.InView,
-    exports.AnimationType.Focus,
-    exports.AnimationType.Hover,
-    exports.AnimationType.Tap,
-    exports.AnimationType.Drag,
-    exports.AnimationType.Exit,
+    "animate" /* AnimationType.Animate */,
+    "whileInView" /* AnimationType.InView */,
+    "whileFocus" /* AnimationType.Focus */,
+    "whileHover" /* AnimationType.Hover */,
+    "whileTap" /* AnimationType.Tap */,
+    "whileDrag" /* AnimationType.Drag */,
+    "exit" /* AnimationType.Exit */,
 ];
 const variantProps = ["initial", ...variantPriorityOrder$1];
 
@@ -1416,7 +1405,7 @@ function addHoverEvent(node, isActive) {
             return;
         const props = node.getProps();
         if (node.animationState && props.whileHover) {
-            node.animationState.setActive(exports.AnimationType.Hover, isActive);
+            node.animationState.setActive("whileHover" /* AnimationType.Hover */, isActive);
         }
         if (props[callbackName]) {
             props[callbackName](event, info);
@@ -1454,13 +1443,13 @@ class FocusGesture extends Feature {
         }
         if (!isFocusVisible || !this.node.animationState)
             return;
-        this.node.animationState.setActive(exports.AnimationType.Focus, true);
+        this.node.animationState.setActive("whileFocus" /* AnimationType.Focus */, true);
         this.isActive = true;
     }
     onBlur() {
         if (!this.isActive || !this.node.animationState)
             return;
-        this.node.animationState.setActive(exports.AnimationType.Focus, false);
+        this.node.animationState.setActive("whileFocus" /* AnimationType.Focus */, false);
         this.isActive = false;
     }
     mount() {
@@ -1556,7 +1545,7 @@ class PressGesture extends Feature {
          * Ensure we trigger animations before firing event callback
          */
         if (whileTap && this.node.animationState) {
-            this.node.animationState.setActive(exports.AnimationType.Tap, true);
+            this.node.animationState.setActive("whileTap" /* AnimationType.Tap */, true);
         }
         onTapStart && onTapStart(event, info);
     }
@@ -1565,7 +1554,7 @@ class PressGesture extends Feature {
         this.isPressing = false;
         const props = this.node.getProps();
         if (props.whileTap && this.node.animationState) {
-            this.node.animationState.setActive(exports.AnimationType.Tap, false);
+            this.node.animationState.setActive("whileTap" /* AnimationType.Tap */, false);
         }
         return !isDragActive();
     }
@@ -1660,7 +1649,7 @@ class InViewFeature extends Feature {
             const { onViewportEnter } = this.node.getProps();
             onViewportEnter && onViewportEnter(null);
             if (this.node.animationState) {
-                this.node.animationState.setActive(exports.AnimationType.InView, true);
+                this.node.animationState.setActive("whileInView" /* AnimationType.InView */, true);
             }
         });
     }
@@ -1697,7 +1686,7 @@ class InViewFeature extends Feature {
                 this.hasEnteredView = true;
             }
             if (this.node.animationState) {
-                this.node.animationState.setActive(exports.AnimationType.InView, isIntersecting);
+                this.node.animationState.setActive("whileInView" /* AnimationType.InView */, isIntersecting);
             }
             /**
              * Use the latest committed props rather than the ones in scope
@@ -2011,7 +2000,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 = "9.1.1";
+        this.version = "9.1.2";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -4191,13 +4180,13 @@ function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
 }
 
 const variantPriorityOrder = [
-    exports.AnimationType.Animate,
-    exports.AnimationType.InView,
-    exports.AnimationType.Focus,
-    exports.AnimationType.Hover,
-    exports.AnimationType.Tap,
-    exports.AnimationType.Drag,
-    exports.AnimationType.Exit,
+    "animate" /* AnimationType.Animate */,
+    "whileInView" /* AnimationType.InView */,
+    "whileFocus" /* AnimationType.Focus */,
+    "whileHover" /* AnimationType.Hover */,
+    "whileTap" /* AnimationType.Tap */,
+    "whileDrag" /* AnimationType.Drag */,
+    "exit" /* AnimationType.Exit */,
 ];
 const reversePriorityOrder = [...variantPriorityOrder].reverse();
 const numAnimationTypes = variantPriorityOrder.length;
@@ -4499,13 +4488,13 @@ function createTypeState(isActive = false) {
 }
 function createState() {
     return {
-        [exports.AnimationType.Animate]: createTypeState(true),
-        [exports.AnimationType.InView]: createTypeState(),
-        [exports.AnimationType.Hover]: createTypeState(),
-        [exports.AnimationType.Tap]: createTypeState(),
-        [exports.AnimationType.Drag]: createTypeState(),
-        [exports.AnimationType.Focus]: createTypeState(),
-        [exports.AnimationType.Exit]: createTypeState(),
+        ["animate" /* AnimationType.Animate */]: createTypeState(true),
+        ["whileInView" /* AnimationType.InView */]: createTypeState(),
+        ["whileHover" /* AnimationType.Hover */]: createTypeState(),
+        ["whileTap" /* AnimationType.Tap */]: createTypeState(),
+        ["whileDrag" /* AnimationType.Drag */]: createTypeState(),
+        ["whileFocus" /* AnimationType.Focus */]: createTypeState(),
+        ["exit" /* AnimationType.Exit */]: createTypeState(),
     };
 }
 
@@ -4556,7 +4545,7 @@ class ExitAnimationFeature extends Feature {
         if (!this.node.animationState || isPresent === prevIsPresent) {
             return;
         }
-        const exitAnimation = this.node.animationState.setActive(exports.AnimationType.Exit, !isPresent, { custom: custom !== null && custom !== void 0 ? custom : this.node.getProps().custom });
+        const exitAnimation = this.node.animationState.setActive("exit" /* AnimationType.Exit */, !isPresent, { custom: custom !== null && custom !== void 0 ? custom : this.node.getProps().custom });
         if (onExitComplete && !isPresent) {
             exitAnimation.then(() => onExitComplete(this.id));
         }
@@ -5170,7 +5159,7 @@ class VisualElementDragControls {
             // Fire onDragStart event
             onDragStart && onDragStart(event, info);
             const { animationState } = this.visualElement;
-            animationState && animationState.setActive(exports.AnimationType.Drag, true);
+            animationState && animationState.setActive("whileDrag" /* AnimationType.Drag */, true);
         };
         const onMove = (event, info) => {
             // latestPointerEvent = event
@@ -5235,7 +5224,7 @@ class VisualElementDragControls {
             this.openGlobalLock();
             this.openGlobalLock = null;
         }
-        animationState && animationState.setActive(exports.AnimationType.Drag, false);
+        animationState && animationState.setActive("whileDrag" /* AnimationType.Drag */, false);
     }
     updateAxis(axis, _point, offset) {
         const { drag } = this.getProps();
@@ -7521,15 +7510,6 @@ const hasPositionalKey = (target) => {
     return Object.keys(target).some(isPositionalKey);
 };
 const isNumOrPxType = (v) => v === number || v === px;
-var BoundingBoxDimension;
-(function (BoundingBoxDimension) {
-    BoundingBoxDimension["width"] = "width";
-    BoundingBoxDimension["height"] = "height";
-    BoundingBoxDimension["left"] = "left";
-    BoundingBoxDimension["right"] = "right";
-    BoundingBoxDimension["top"] = "top";
-    BoundingBoxDimension["bottom"] = "bottom";
-})(BoundingBoxDimension || (BoundingBoxDimension = {}));
 const getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]);
 const getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform }) => {
     if (transform === "none" || !transform)
@@ -7784,7 +7764,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "9.1.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.1.1 may not work as expected.`);
+                warnOnce(nextValue.version === "9.1.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.1.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -9299,6 +9279,17 @@ const Reorder = {
     Item,
 };
 
+exports.AnimationType = void 0;
+(function (AnimationType) {
+    AnimationType["Animate"] = "animate";
+    AnimationType["Hover"] = "whileHover";
+    AnimationType["Tap"] = "whileTap";
+    AnimationType["Drag"] = "whileDrag";
+    AnimationType["Focus"] = "whileFocus";
+    AnimationType["InView"] = "whileInView";
+    AnimationType["Exit"] = "exit";
+})(exports.AnimationType || (exports.AnimationType = {}));
+
 /**
  * @public
  */

package/dist/es/gestures/drag/VisualElementDragControls.mjs

@@ -4,7 +4,6 @@ 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, defaultElastic, rebaseAxisConstraints, calcOrigin } from './utils/constraints.mjs';
-import { AnimationType } from '../../render/utils/types.mjs';
 import { createBox } from '../../projection/geometry/models.mjs';
 import { eachAxis } from '../../projection/utils/each-axis.mjs';
 import { measurePageBox } from '../../projection/utils/measure.mjs';
@@ -97,7 +96,7 @@ class VisualElementDragControls {
             // Fire onDragStart event
             onDragStart && onDragStart(event, info);
             const { animationState } = this.visualElement;
-            animationState && animationState.setActive(AnimationType.Drag, true);
+            animationState && animationState.setActive("whileDrag" /* AnimationType.Drag */, true);
         };
         const onMove = (event, info) => {
             // latestPointerEvent = event
@@ -162,7 +161,7 @@ class VisualElementDragControls {
             this.openGlobalLock();
             this.openGlobalLock = null;
         }
-        animationState && animationState.setActive(AnimationType.Drag, false);
+        animationState && animationState.setActive("whileDrag" /* AnimationType.Drag */, false);
     }
     updateAxis(axis, _point, offset) {
         const { drag } = this.getProps();

package/dist/es/gestures/focus.mjs

@@ -1,6 +1,5 @@
 import { addDomEvent } from '../events/add-dom-event.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
-import { AnimationType } from '../render/utils/types.mjs';
 import { pipe } from '../utils/pipe.mjs';
 
 class FocusGesture extends Feature {
@@ -24,13 +23,13 @@ class FocusGesture extends Feature {
         }
         if (!isFocusVisible || !this.node.animationState)
             return;
-        this.node.animationState.setActive(AnimationType.Focus, true);
+        this.node.animationState.setActive("whileFocus" /* AnimationType.Focus */, true);
         this.isActive = true;
     }
     onBlur() {
         if (!this.isActive || !this.node.animationState)
             return;
-        this.node.animationState.setActive(AnimationType.Focus, false);
+        this.node.animationState.setActive("whileFocus" /* AnimationType.Focus */, false);
         this.isActive = false;
     }
     mount() {

package/dist/es/gestures/hover.mjs

@@ -1,5 +1,4 @@
 import { addPointerEvent } from '../events/add-pointer-event.mjs';
-import { AnimationType } from '../render/utils/types.mjs';
 import { pipe } from '../utils/pipe.mjs';
 import { isDragActive } from './drag/utils/lock.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
@@ -12,7 +11,7 @@ function addHoverEvent(node, isActive) {
             return;
         const props = node.getProps();
         if (node.animationState && props.whileHover) {
-            node.animationState.setActive(AnimationType.Hover, isActive);
+            node.animationState.setActive("whileHover" /* AnimationType.Hover */, isActive);
         }
         if (props[callbackName]) {
             props[callbackName](event, info);

package/dist/es/gestures/press.mjs

@@ -2,7 +2,6 @@ import { extractEventInfo } from '../events/event-info.mjs';
 import { addDomEvent } from '../events/add-dom-event.mjs';
 import { addPointerEvent } from '../events/add-pointer-event.mjs';
 import { Feature } from '../motion/features/Feature.mjs';
-import { AnimationType } from '../render/utils/types.mjs';
 import { pipe } from '../utils/pipe.mjs';
 import { isDragActive } from './drag/utils/lock.mjs';
 import { isNodeOrChild } from './utils/is-node-or-child.mjs';
@@ -74,7 +73,7 @@ class PressGesture extends Feature {
          * Ensure we trigger animations before firing event callback
          */
         if (whileTap && this.node.animationState) {
-            this.node.animationState.setActive(AnimationType.Tap, true);
+            this.node.animationState.setActive("whileTap" /* AnimationType.Tap */, true);
         }
         onTapStart && onTapStart(event, info);
     }
@@ -83,7 +82,7 @@ class PressGesture extends Feature {
         this.isPressing = false;
         const props = this.node.getProps();
         if (props.whileTap && this.node.animationState) {
-            this.node.animationState.setActive(AnimationType.Tap, false);
+            this.node.animationState.setActive("whileTap" /* AnimationType.Tap */, false);
         }
         return !isDragActive();
     }

package/dist/es/motion/features/animation/exit.mjs

@@ -1,4 +1,3 @@
-import { AnimationType } from '../../../render/utils/types.mjs';
 import { Feature } from '../Feature.mjs';
 
 let id = 0;
@@ -15,7 +14,7 @@ class ExitAnimationFeature extends Feature {
         if (!this.node.animationState || isPresent === prevIsPresent) {
             return;
         }
-        const exitAnimation = this.node.animationState.setActive(AnimationType.Exit, !isPresent, { custom: custom !== null && custom !== void 0 ? custom : this.node.getProps().custom });
+        const exitAnimation = this.node.animationState.setActive("exit" /* AnimationType.Exit */, !isPresent, { custom: custom !== null && custom !== void 0 ? custom : this.node.getProps().custom });
         if (onExitComplete && !isPresent) {
             exitAnimation.then(() => onExitComplete(this.id));
         }

package/dist/es/motion/features/viewport/index.mjs

@@ -1,4 +1,3 @@
-import { AnimationType } from '../../../render/utils/types.mjs';
 import { Feature } from '../Feature.mjs';
 import { observeIntersection } from './observers.mjs';
 
@@ -26,7 +25,7 @@ class InViewFeature extends Feature {
             const { onViewportEnter } = this.node.getProps();
             onViewportEnter && onViewportEnter(null);
             if (this.node.animationState) {
-                this.node.animationState.setActive(AnimationType.InView, true);
+                this.node.animationState.setActive("whileInView" /* AnimationType.InView */, true);
             }
         });
     }
@@ -63,7 +62,7 @@ class InViewFeature extends Feature {
                 this.hasEnteredView = true;
             }
             if (this.node.animationState) {
-                this.node.animationState.setActive(AnimationType.InView, isIntersecting);
+                this.node.animationState.setActive("whileInView" /* AnimationType.InView */, isIntersecting);
             }
             /**
              * Use the latest committed props rather than the ones in scope

package/dist/es/render/dom/utils/unit-conversion.mjs

@@ -21,15 +21,6 @@ const hasPositionalKey = (target) => {
     return Object.keys(target).some(isPositionalKey);
 };
 const isNumOrPxType = (v) => v === number || v === px;
-var BoundingBoxDimension;
-(function (BoundingBoxDimension) {
-    BoundingBoxDimension["width"] = "width";
-    BoundingBoxDimension["height"] = "height";
-    BoundingBoxDimension["left"] = "left";
-    BoundingBoxDimension["right"] = "right";
-    BoundingBoxDimension["top"] = "top";
-    BoundingBoxDimension["bottom"] = "bottom";
-})(BoundingBoxDimension || (BoundingBoxDimension = {}));
 const getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]);
 const getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform }) => {
     if (transform === "none" || !transform)
@@ -225,4 +216,4 @@ function unitConversion(visualElement, target, origin, transitionEnd) {
         : { target, transitionEnd };
 }
 
-export { BoundingBoxDimension, positionalValues, unitConversion };
+export { positionalValues, unitConversion };

package/dist/es/render/utils/animation-state.mjs

@@ -3,17 +3,16 @@ import { isKeyframesTarget } from '../../animation/utils/is-keyframes-target.mjs
 import { shallowCompare } from '../../utils/shallow-compare.mjs';
 import { animateVisualElement } from './animation.mjs';
 import { isVariantLabel } from './is-variant-label.mjs';
-import { AnimationType } from './types.mjs';
 import { resolveVariant } from './resolve-dynamic-variants.mjs';
 
 const variantPriorityOrder = [
-    AnimationType.Animate,
-    AnimationType.InView,
-    AnimationType.Focus,
-    AnimationType.Hover,
-    AnimationType.Tap,
-    AnimationType.Drag,
-    AnimationType.Exit,
+    "animate" /* AnimationType.Animate */,
+    "whileInView" /* AnimationType.InView */,
+    "whileFocus" /* AnimationType.Focus */,
+    "whileHover" /* AnimationType.Hover */,
+    "whileTap" /* AnimationType.Tap */,
+    "whileDrag" /* AnimationType.Drag */,
+    "exit" /* AnimationType.Exit */,
 ];
 const reversePriorityOrder = [...variantPriorityOrder].reverse();
 const numAnimationTypes = variantPriorityOrder.length;
@@ -315,13 +314,13 @@ function createTypeState(isActive = false) {
 }
 function createState() {
     return {
-        [AnimationType.Animate]: createTypeState(true),
-        [AnimationType.InView]: createTypeState(),
-        [AnimationType.Hover]: createTypeState(),
-        [AnimationType.Tap]: createTypeState(),
-        [AnimationType.Drag]: createTypeState(),
-        [AnimationType.Focus]: createTypeState(),
-        [AnimationType.Exit]: createTypeState(),
+        ["animate" /* AnimationType.Animate */]: createTypeState(true),
+        ["whileInView" /* AnimationType.InView */]: createTypeState(),
+        ["whileHover" /* AnimationType.Hover */]: createTypeState(),
+        ["whileTap" /* AnimationType.Tap */]: createTypeState(),
+        ["whileDrag" /* AnimationType.Drag */]: createTypeState(),
+        ["whileFocus" /* AnimationType.Focus */]: createTypeState(),
+        ["exit" /* AnimationType.Exit */]: createTypeState(),
     };
 }
 

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

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "9.1.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.1.1 may not work as expected.`);
+                warnOnce(nextValue.version === "9.1.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.1.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/render/utils/variant-props.mjs

@@ -1,13 +1,11 @@
-import { AnimationType } from './types.mjs';
-
 const variantPriorityOrder = [
-    AnimationType.Animate,
-    AnimationType.InView,
-    AnimationType.Focus,
-    AnimationType.Hover,
-    AnimationType.Tap,
-    AnimationType.Drag,
-    AnimationType.Exit,
+    "animate" /* AnimationType.Animate */,
+    "whileInView" /* AnimationType.InView */,
+    "whileFocus" /* AnimationType.Focus */,
+    "whileHover" /* AnimationType.Hover */,
+    "whileTap" /* AnimationType.Tap */,
+    "whileDrag" /* AnimationType.Drag */,
+    "exit" /* AnimationType.Exit */,
 ];
 const variantProps = ["initial", ...variantPriorityOrder];
 

package/dist/es/value/index.mjs

@@ -25,7 +25,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 = "9.1.1";
+        this.version = "9.1.2";
         /**
          * Duration, in milliseconds, since last updating frame.
          *