framer-motion 11.5.3 → 11.5.5

package/dist/cjs/client-entry.js

@@ -470,11 +470,11 @@ const createUnitType = (unit) => ({
     parse: parseFloat,
     transform: (v) => `${v}${unit}`,
 });
-const degrees = createUnitType("deg");
-const percent = createUnitType("%");
-const px = createUnitType("px");
-const vh = createUnitType("vh");
-const vw = createUnitType("vw");
+const degrees = /*@__PURE__*/ createUnitType("deg");
+const percent = /*@__PURE__*/ createUnitType("%");
+const px = /*@__PURE__*/ createUnitType("px");
+const vh = /*@__PURE__*/ createUnitType("vh");
+const vw = /*@__PURE__*/ createUnitType("vw");
 const progressPercentage = {
     ...percent,
     parse: (v) => percent.parse(v) / 100,
@@ -751,8 +751,8 @@ const rgbUnit = {
     transform: (v) => Math.round(clampRgbUnit(v)),
 };
 const rgba = {
-    test: isColorString("rgb", "red"),
-    parse: splitColor("red", "green", "blue"),
+    test: /*@__PURE__*/ isColorString("rgb", "red"),
+    parse: /*@__PURE__*/ splitColor("red", "green", "blue"),
     transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" +
         rgbUnit.transform(red) +
         ", " +
@@ -795,14 +795,14 @@ function parseHex(v) {
     };
 }
 const hex = {
-    test: isColorString("#"),
+    test: /*@__PURE__*/ isColorString("#"),
     parse: parseHex,
     transform: rgba.transform,
 };
 
 const hsla = {
-    test: isColorString("hsl", "hue"),
-    parse: splitColor("hue", "saturation", "lightness"),
+    test: /*@__PURE__*/ isColorString("hsl", "hue"),
+    parse: /*@__PURE__*/ splitColor("hue", "saturation", "lightness"),
     transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
         return ("hsla(" +
             Math.round(hue) +
@@ -1766,9 +1766,9 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
     return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
 }
 
-const easeIn = cubicBezier(0.42, 0, 1, 1);
-const easeOut = cubicBezier(0, 0, 0.58, 1);
-const easeInOut = cubicBezier(0.42, 0, 0.58, 1);
+const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);
+const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);
+const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);
 
 const isEasingArray = (ease) => {
     return Array.isArray(ease) && typeof ease[0] !== "number";
@@ -1786,9 +1786,9 @@ const circIn = (p) => 1 - Math.sin(Math.acos(p));
 const circOut = reverseEasing(circIn);
 const circInOut = mirrorEasing(circIn);
 
-const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
-const backIn = reverseEasing(backOut);
-const backInOut = mirrorEasing(backIn);
+const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);
+const backIn = /*@__PURE__*/ reverseEasing(backOut);
+const backInOut = /*@__PURE__*/ mirrorEasing(backIn);
 
 const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
 
@@ -2610,10 +2610,10 @@ const supportedWaapiEasing = {
     easeIn: "ease-in",
     easeOut: "ease-out",
     easeInOut: "ease-in-out",
-    circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
-    circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
-    backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
-    backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
+    circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),
+    circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),
+    backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
+    backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
 };
 function mapEasingToNativeEasingWithDefault(easing) {
     return (mapEasingToNativeEasing(easing) ||
@@ -2654,7 +2654,7 @@ function animateStyle(element, valueName, keyframes, { delay = 0, duration = 300
     });
 }
 
-const supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 /**
  * 10ms is chosen here as it strikes a balance between smooth
  * results (more than one keyframe per frame at 60fps) and
@@ -3227,7 +3227,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.5.3";
+        this.version = "11.5.5";
         /**
          * 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
@@ -3767,6 +3767,30 @@ function animateVisualElement(visualElement, definition, options = {}) {
     });
 }
 
+const numVariantProps = variantProps.length;
+function getVariantContext(visualElement) {
+    if (!visualElement)
+        return undefined;
+    if (!visualElement.isControllingVariants) {
+        const context = visualElement.parent
+            ? getVariantContext(visualElement.parent) || {}
+            : {};
+        if (visualElement.props.initial !== undefined) {
+            context.initial = visualElement.props.initial;
+        }
+        return context;
+    }
+    const context = {};
+    for (let i = 0; i < numVariantProps; i++) {
+        const name = variantProps[i];
+        const prop = visualElement.props[name];
+        if (isVariantLabel(prop) || prop === false) {
+            context[name] = prop;
+        }
+    }
+    return context;
+}
+
 const reversePriorityOrder = [...variantPriorityOrder].reverse();
 const numAnimationTypes = variantPriorityOrder.length;
 function animateList(visualElement) {
@@ -3809,8 +3833,8 @@ function createAnimationState(visualElement) {
      *    what to animate those to.
      */
     function animateChanges(changedActiveType) {
-        const props = visualElement.getProps();
-        const context = visualElement.getVariantContext(true) || {};
+        const { props } = visualElement;
+        const context = getVariantContext(visualElement.parent) || {};
         /**
          * A list of animations that we'll build into as we iterate through the animation
          * types. This will get executed at the end of the function.
@@ -3994,9 +4018,12 @@ function createAnimationState(visualElement) {
                 shouldAnimateType = false;
             }
             /**
-             * If this is an inherited prop we want to hard-block animations
+             * If this is an inherited prop we want to skip this animation
+             * unless the inherited variants haven't changed on this render.
              */
-            if (shouldAnimateType && (!isInherited || handledRemovedValues)) {
+            const willAnimateViaParent = isInherited && variantDidChange;
+            const needsAnimating = !willAnimateViaParent || handledRemovedValues;
+            if (shouldAnimateType && needsAnimating) {
                 animations.push(...definitionList.map((animation) => ({
                     animation: animation,
                     options: { type },
@@ -5406,8 +5433,8 @@ function getRadius(values, radiusName) {
 //         latestLeadValues.backgroundColor as string
 //     )(p)
 // }
-const easeCrossfadeIn = compress(0, 0.5, circOut);
-const easeCrossfadeOut = compress(0.5, 0.95, noop);
+const easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);
+const easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);
 function compress(min, max, easing) {
     return (p) => {
         // Could replace ifs with clamp
@@ -5850,7 +5877,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.5.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.3 may not work as expected.`);
+                warnOnce(nextValue.version === "11.5.5", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.5 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -5934,7 +5961,6 @@ const propEventHandlers = [
     "LayoutAnimationStart",
     "LayoutAnimationComplete",
 ];
-const numVariantProps = variantProps.length;
 /**
  * A VisualElement is an imperative abstraction around UI elements such as
  * HTMLElement, SVGElement, Three.Object3D etc.
@@ -6251,29 +6277,6 @@ class VisualElement {
                 ? this.parent.getClosestVariantNode()
                 : undefined;
     }
-    getVariantContext(startAtParent = false) {
-        if (startAtParent) {
-            return this.parent ? this.parent.getVariantContext() : undefined;
-        }
-        if (!this.isControllingVariants) {
-            const context = this.parent
-                ? this.parent.getVariantContext() || {}
-                : {};
-            if (this.props.initial !== undefined) {
-                context.initial = this.props.initial;
-            }
-            return context;
-        }
-        const context = {};
-        for (let i = 0; i < numVariantProps; i++) {
-            const name = variantProps[i];
-            const prop = this.props[name];
-            if (isVariantLabel(prop) || prop === false) {
-                context[name] = prop;
-            }
-        }
-        return context;
-    }
     /**
      * Add a child visual element to our set of children.
      */

package/dist/cjs/dom-entry.js

@@ -279,7 +279,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.5.3";
+        this.version = "11.5.5";
         /**
          * 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
@@ -922,11 +922,11 @@ const createUnitType = (unit) => ({
     parse: parseFloat,
     transform: (v) => `${v}${unit}`,
 });
-const degrees = createUnitType("deg");
-const percent = createUnitType("%");
-const px = createUnitType("px");
-const vh = createUnitType("vh");
-const vw = createUnitType("vw");
+const degrees = /*@__PURE__*/ createUnitType("deg");
+const percent = /*@__PURE__*/ createUnitType("%");
+const px = /*@__PURE__*/ createUnitType("px");
+const vh = /*@__PURE__*/ createUnitType("vh");
+const vw = /*@__PURE__*/ createUnitType("vw");
 const progressPercentage = {
     ...percent,
     parse: (v) => percent.parse(v) / 100,
@@ -1203,8 +1203,8 @@ const rgbUnit = {
     transform: (v) => Math.round(clampRgbUnit(v)),
 };
 const rgba = {
-    test: isColorString("rgb", "red"),
-    parse: splitColor("red", "green", "blue"),
+    test: /*@__PURE__*/ isColorString("rgb", "red"),
+    parse: /*@__PURE__*/ splitColor("red", "green", "blue"),
     transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" +
         rgbUnit.transform(red) +
         ", " +
@@ -1247,14 +1247,14 @@ function parseHex(v) {
     };
 }
 const hex = {
-    test: isColorString("#"),
+    test: /*@__PURE__*/ isColorString("#"),
     parse: parseHex,
     transform: rgba.transform,
 };
 
 const hsla = {
-    test: isColorString("hsl", "hue"),
-    parse: splitColor("hue", "saturation", "lightness"),
+    test: /*@__PURE__*/ isColorString("hsl", "hue"),
+    parse: /*@__PURE__*/ splitColor("hue", "saturation", "lightness"),
     transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
         return ("hsla(" +
             Math.round(hue) +
@@ -2172,9 +2172,9 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
     return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
 }
 
-const easeIn = cubicBezier(0.42, 0, 1, 1);
-const easeOut = cubicBezier(0, 0, 0.58, 1);
-const easeInOut = cubicBezier(0.42, 0, 0.58, 1);
+const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);
+const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);
+const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);
 
 const isEasingArray = (ease) => {
     return Array.isArray(ease) && typeof ease[0] !== "number";
@@ -2192,9 +2192,9 @@ const circIn = (p) => 1 - Math.sin(Math.acos(p));
 const circOut = reverseEasing(circIn);
 const circInOut = mirrorEasing(circIn);
 
-const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
-const backIn = reverseEasing(backOut);
-const backInOut = mirrorEasing(backIn);
+const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);
+const backIn = /*@__PURE__*/ reverseEasing(backOut);
+const backInOut = /*@__PURE__*/ mirrorEasing(backIn);
 
 const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
 
@@ -3016,10 +3016,10 @@ const supportedWaapiEasing = {
     easeIn: "ease-in",
     easeOut: "ease-out",
     easeInOut: "ease-in-out",
-    circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
-    circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
-    backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
-    backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
+    circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),
+    circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),
+    backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
+    backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
 };
 function mapEasingToNativeEasingWithDefault(easing) {
     return (mapEasingToNativeEasing(easing) ||
@@ -3060,7 +3060,7 @@ function animateStyle(element, valueName, keyframes, { delay = 0, duration = 300
     });
 }
 
-const supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 /**
  * 10ms is chosen here as it strikes a balance between smooth
  * results (more than one keyframe per frame at 60fps) and
@@ -3790,7 +3790,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.5.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.3 may not work as expected.`);
+                warnOnce(nextValue.version === "11.5.5", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.5 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -3880,7 +3880,6 @@ const propEventHandlers = [
     "LayoutAnimationStart",
     "LayoutAnimationComplete",
 ];
-const numVariantProps = variantProps.length;
 /**
  * A VisualElement is an imperative abstraction around UI elements such as
  * HTMLElement, SVGElement, Three.Object3D etc.
@@ -4197,29 +4196,6 @@ class VisualElement {
                 ? this.parent.getClosestVariantNode()
                 : undefined;
     }
-    getVariantContext(startAtParent = false) {
-        if (startAtParent) {
-            return this.parent ? this.parent.getVariantContext() : undefined;
-        }
-        if (!this.isControllingVariants) {
-            const context = this.parent
-                ? this.parent.getVariantContext() || {}
-                : {};
-            if (this.props.initial !== undefined) {
-                context.initial = this.props.initial;
-            }
-            return context;
-        }
-        const context = {};
-        for (let i = 0; i < numVariantProps; i++) {
-            const name = variantProps[i];
-            const prop = this.props[name];
-            if (isVariantLabel(prop) || prop === false) {
-                context[name] = prop;
-            }
-        }
-        return context;
-    }
     /**
      * Add a child visual element to our set of children.
      */

package/dist/cjs/index.js

@@ -540,11 +540,11 @@ const createUnitType = (unit) => ({
     parse: parseFloat,
     transform: (v) => `${v}${unit}`,
 });
-const degrees = createUnitType("deg");
-const percent = createUnitType("%");
-const px = createUnitType("px");
-const vh = createUnitType("vh");
-const vw = createUnitType("vw");
+const degrees = /*@__PURE__*/ createUnitType("deg");
+const percent = /*@__PURE__*/ createUnitType("%");
+const px = /*@__PURE__*/ createUnitType("px");
+const vh = /*@__PURE__*/ createUnitType("vh");
+const vw = /*@__PURE__*/ createUnitType("vw");
 const progressPercentage = {
     ...percent,
     parse: (v) => percent.parse(v) / 100,
@@ -821,8 +821,8 @@ const rgbUnit = {
     transform: (v) => Math.round(clampRgbUnit(v)),
 };
 const rgba = {
-    test: isColorString("rgb", "red"),
-    parse: splitColor("red", "green", "blue"),
+    test: /*@__PURE__*/ isColorString("rgb", "red"),
+    parse: /*@__PURE__*/ splitColor("red", "green", "blue"),
     transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" +
         rgbUnit.transform(red) +
         ", " +
@@ -865,14 +865,14 @@ function parseHex(v) {
     };
 }
 const hex = {
-    test: isColorString("#"),
+    test: /*@__PURE__*/ isColorString("#"),
     parse: parseHex,
     transform: rgba.transform,
 };
 
 const hsla = {
-    test: isColorString("hsl", "hue"),
-    parse: splitColor("hue", "saturation", "lightness"),
+    test: /*@__PURE__*/ isColorString("hsl", "hue"),
+    parse: /*@__PURE__*/ splitColor("hue", "saturation", "lightness"),
     transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
         return ("hsla(" +
             Math.round(hue) +
@@ -1836,9 +1836,9 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
     return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
 }
 
-const easeIn = cubicBezier(0.42, 0, 1, 1);
-const easeOut = cubicBezier(0, 0, 0.58, 1);
-const easeInOut = cubicBezier(0.42, 0, 0.58, 1);
+const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);
+const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);
+const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);
 
 const isEasingArray = (ease) => {
     return Array.isArray(ease) && typeof ease[0] !== "number";
@@ -1856,9 +1856,9 @@ const circIn = (p) => 1 - Math.sin(Math.acos(p));
 const circOut = reverseEasing(circIn);
 const circInOut = mirrorEasing(circIn);
 
-const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
-const backIn = reverseEasing(backOut);
-const backInOut = mirrorEasing(backIn);
+const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);
+const backIn = /*@__PURE__*/ reverseEasing(backOut);
+const backInOut = /*@__PURE__*/ mirrorEasing(backIn);
 
 const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
 
@@ -2684,10 +2684,10 @@ const supportedWaapiEasing = {
     easeIn: "ease-in",
     easeOut: "ease-out",
     easeInOut: "ease-in-out",
-    circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
-    circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
-    backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
-    backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
+    circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),
+    circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),
+    backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
+    backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
 };
 function mapEasingToNativeEasingWithDefault(easing) {
     return (mapEasingToNativeEasing(easing) ||
@@ -2728,7 +2728,7 @@ function animateStyle(element, valueName, keyframes, { delay = 0, duration = 300
     });
 }
 
-const supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 /**
  * 10ms is chosen here as it strikes a balance between smooth
  * results (more than one keyframe per frame at 60fps) and
@@ -3310,7 +3310,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.5.3";
+        this.version = "11.5.5";
         /**
          * 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
@@ -3853,6 +3853,30 @@ function animateVisualElement(visualElement, definition, options = {}) {
     });
 }
 
+const numVariantProps = variantProps.length;
+function getVariantContext(visualElement) {
+    if (!visualElement)
+        return undefined;
+    if (!visualElement.isControllingVariants) {
+        const context = visualElement.parent
+            ? getVariantContext(visualElement.parent) || {}
+            : {};
+        if (visualElement.props.initial !== undefined) {
+            context.initial = visualElement.props.initial;
+        }
+        return context;
+    }
+    const context = {};
+    for (let i = 0; i < numVariantProps; i++) {
+        const name = variantProps[i];
+        const prop = visualElement.props[name];
+        if (isVariantLabel(prop) || prop === false) {
+            context[name] = prop;
+        }
+    }
+    return context;
+}
+
 const reversePriorityOrder = [...variantPriorityOrder].reverse();
 const numAnimationTypes = variantPriorityOrder.length;
 function animateList(visualElement) {
@@ -3895,8 +3919,8 @@ function createAnimationState(visualElement) {
      *    what to animate those to.
      */
     function animateChanges(changedActiveType) {
-        const props = visualElement.getProps();
-        const context = visualElement.getVariantContext(true) || {};
+        const { props } = visualElement;
+        const context = getVariantContext(visualElement.parent) || {};
         /**
          * A list of animations that we'll build into as we iterate through the animation
          * types. This will get executed at the end of the function.
@@ -4080,9 +4104,12 @@ function createAnimationState(visualElement) {
                 shouldAnimateType = false;
             }
             /**
-             * If this is an inherited prop we want to hard-block animations
+             * If this is an inherited prop we want to skip this animation
+             * unless the inherited variants haven't changed on this render.
              */
-            if (shouldAnimateType && (!isInherited || handledRemovedValues)) {
+            const willAnimateViaParent = isInherited && variantDidChange;
+            const needsAnimating = !willAnimateViaParent || handledRemovedValues;
+            if (shouldAnimateType && needsAnimating) {
                 animations.push(...definitionList.map((animation) => ({
                     animation: animation,
                     options: { type },
@@ -5492,8 +5519,8 @@ function getRadius(values, radiusName) {
 //         latestLeadValues.backgroundColor as string
 //     )(p)
 // }
-const easeCrossfadeIn = compress(0, 0.5, circOut);
-const easeCrossfadeOut = compress(0.5, 0.95, noop);
+const easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);
+const easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);
 function compress(min, max, easing) {
     return (p) => {
         // Could replace ifs with clamp
@@ -5965,7 +5992,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.5.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.3 may not work as expected.`);
+                warnOnce(nextValue.version === "11.5.5", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.5 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -6049,7 +6076,6 @@ const propEventHandlers = [
     "LayoutAnimationStart",
     "LayoutAnimationComplete",
 ];
-const numVariantProps = variantProps.length;
 /**
  * A VisualElement is an imperative abstraction around UI elements such as
  * HTMLElement, SVGElement, Three.Object3D etc.
@@ -6366,29 +6392,6 @@ class VisualElement {
                 ? this.parent.getClosestVariantNode()
                 : undefined;
     }
-    getVariantContext(startAtParent = false) {
-        if (startAtParent) {
-            return this.parent ? this.parent.getVariantContext() : undefined;
-        }
-        if (!this.isControllingVariants) {
-            const context = this.parent
-                ? this.parent.getVariantContext() || {}
-                : {};
-            if (this.props.initial !== undefined) {
-                context.initial = this.props.initial;
-            }
-            return context;
-        }
-        const context = {};
-        for (let i = 0; i < numVariantProps; i++) {
-            const name = variantProps[i];
-            const prop = this.props[name];
-            if (isVariantLabel(prop) || prop === false) {
-                context[name] = prop;
-            }
-        }
-        return context;
-    }
     /**
      * Add a child visual element to our set of children.
      */
@@ -11335,7 +11338,7 @@ function ReorderGroupComponent({ children, as = "ul", axis = "y", onReorder, val
     });
     return (jsxRuntime.jsx(Component, { ...props, ref: externalRef, ignoreStrict: true, children: jsxRuntime.jsx(ReorderContext.Provider, { value: context, children: children }) }));
 }
-const ReorderGroup = React.forwardRef(ReorderGroupComponent);
+const ReorderGroup = /*@__PURE__*/ React.forwardRef(ReorderGroupComponent);
 function getValue(item) {
     return item.value;
 }
@@ -11465,7 +11468,7 @@ function ReorderItemComponent({ children, style = {}, value, as = "li", onDrag,
             onDrag && onDrag(event, gesturePoint);
         }, onLayoutMeasure: (measured) => registerItem(value, measured), ref: externalRef, ignoreStrict: true, children: children }));
 }
-const ReorderItem = React.forwardRef(ReorderItemComponent);
+const ReorderItem = /*@__PURE__*/ React.forwardRef(ReorderItemComponent);
 
 var namespace = /*#__PURE__*/Object.freeze({
     __proto__: null,

package/dist/cjs/m-entry.js

@@ -961,9 +961,9 @@ const createUnitType = (unit) => ({
     parse: parseFloat,
     transform: (v) => `${v}${unit}`,
 });
-const degrees = createUnitType("deg");
-const percent = createUnitType("%");
-const px = createUnitType("px");
+const degrees = /*@__PURE__*/ createUnitType("deg");
+const percent = /*@__PURE__*/ createUnitType("%");
+const px = /*@__PURE__*/ createUnitType("px");
 const progressPercentage = {
     ...percent,
     parse: (v) => percent.parse(v) / 100,