motion 11.16.0 → 11.16.2

package/dist/cjs/react-m.js

@@ -5,6 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
+const noop = (any) => any;
+
+let warning = noop;
+let invariant = noop;
+if (process.env.NODE_ENV !== "production") {
+    warning = (check, message) => {
+        if (!check && typeof console !== "undefined") {
+            console.warn(message);
+        }
+    };
+    invariant = (check, message) => {
+        if (!check) {
+            throw new Error(message);
+        }
+    };
+}
+
+const LayoutGroupContext = react.createContext({});
+
+const LazyContext = react.createContext({ strict: false });
+
 /**
  * @public
  */
@@ -17,15 +38,142 @@ const MotionConfigContext = react.createContext({
 const MotionContext = react.createContext({});
 
 /**
- * @public
+ * Decides if the supplied variable is variant label
  */
-const PresenceContext = react.createContext(null);
+function isVariantLabel(v) {
+    return typeof v === "string" || Array.isArray(v);
+}
+
+function isAnimationControls(v) {
+    return (v !== null &&
+        typeof v === "object" &&
+        typeof v.start === "function");
+}
+
+const variantPriorityOrder = [
+    "animate",
+    "whileInView",
+    "whileFocus",
+    "whileHover",
+    "whileTap",
+    "whileDrag",
+    "exit",
+];
+const variantProps = ["initial", ...variantPriorityOrder];
+
+function isControllingVariants(props) {
+    return (isAnimationControls(props.animate) ||
+        variantProps.some((name) => isVariantLabel(props[name])));
+}
+function isVariantNode(props) {
+    return Boolean(isControllingVariants(props) || props.variants);
+}
+
+function getCurrentTreeVariants(props, context) {
+    if (isControllingVariants(props)) {
+        const { initial, animate } = props;
+        return {
+            initial: initial === false || isVariantLabel(initial)
+                ? initial
+                : undefined,
+            animate: isVariantLabel(animate) ? animate : undefined,
+        };
+    }
+    return props.inherit !== false ? context : {};
+}
+
+function useCreateMotionContext(props) {
+    const { initial, animate } = getCurrentTreeVariants(props, react.useContext(MotionContext));
+    return react.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
+}
+function variantLabelsAsDependency(prop) {
+    return Array.isArray(prop) ? prop.join(" ") : prop;
+}
 
 const isBrowser = typeof window !== "undefined";
 
-const useIsomorphicLayoutEffect = isBrowser ? react.useLayoutEffect : react.useEffect;
+const featureProps = {
+    animation: [
+        "animate",
+        "variants",
+        "whileHover",
+        "whileTap",
+        "exit",
+        "whileInView",
+        "whileFocus",
+        "whileDrag",
+    ],
+    exit: ["exit"],
+    drag: ["drag", "dragControls"],
+    focus: ["whileFocus"],
+    hover: ["whileHover", "onHoverStart", "onHoverEnd"],
+    tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
+    pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
+    inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
+    layout: ["layout", "layoutId"],
+};
+const featureDefinitions = {};
+for (const key in featureProps) {
+    featureDefinitions[key] = {
+        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),
+    };
+}
 
-const LazyContext = react.createContext({ strict: false });
+function loadFeatures(features) {
+    for (const key in features) {
+        featureDefinitions[key] = {
+            ...featureDefinitions[key],
+            ...features[key],
+        };
+    }
+}
+
+const motionComponentSymbol = Symbol.for("motionComponentSymbol");
+
+function isRefObject(ref) {
+    return (ref &&
+        typeof ref === "object" &&
+        Object.prototype.hasOwnProperty.call(ref, "current"));
+}
+
+/**
+ * Creates a ref function that, when called, hydrates the provided
+ * external ref and VisualElement.
+ */
+function useMotionRef(visualState, visualElement, externalRef) {
+    return react.useCallback((instance) => {
+        instance && visualState.mount && visualState.mount(instance);
+        if (visualElement) {
+            if (instance) {
+                visualElement.mount(instance);
+            }
+            else {
+                visualElement.unmount();
+            }
+        }
+        if (externalRef) {
+            if (typeof externalRef === "function") {
+                externalRef(instance);
+            }
+            else if (isRefObject(externalRef)) {
+                externalRef.current = instance;
+            }
+        }
+    }, 
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [visualElement]);
+}
+
+/**
+ * @public
+ */
+const PresenceContext = react.createContext(null);
+
+const useIsomorphicLayoutEffect = isBrowser ? react.useLayoutEffect : react.useEffect;
 
 /**
  * Convert camelCase to dash-case properties.
@@ -185,12 +333,6 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
 
 const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
 
-function isRefObject(ref) {
-    return (ref &&
-        typeof ref === "object" &&
-        Object.prototype.hasOwnProperty.call(ref, "current"));
-}
-
 /**
  * Internal, exported only for usage in Framer
  */
@@ -318,148 +460,6 @@ function getClosestProjectingNode(visualElement) {
         : getClosestProjectingNode(visualElement.parent);
 }
 
-/**
- * Creates a ref function that, when called, hydrates the provided
- * external ref and VisualElement.
- */
-function useMotionRef(visualState, visualElement, externalRef) {
-    return react.useCallback((instance) => {
-        instance && visualState.mount && visualState.mount(instance);
-        if (visualElement) {
-            if (instance) {
-                visualElement.mount(instance);
-            }
-            else {
-                visualElement.unmount();
-            }
-        }
-        if (externalRef) {
-            if (typeof externalRef === "function") {
-                externalRef(instance);
-            }
-            else if (isRefObject(externalRef)) {
-                externalRef.current = instance;
-            }
-        }
-    }, 
-    /**
-     * Only pass a new ref callback to React if we've received a visual element
-     * factory. Otherwise we'll be mounting/remounting every time externalRef
-     * or other dependencies change.
-     */
-    [visualElement]);
-}
-
-/**
- * Decides if the supplied variable is variant label
- */
-function isVariantLabel(v) {
-    return typeof v === "string" || Array.isArray(v);
-}
-
-function isAnimationControls(v) {
-    return (v !== null &&
-        typeof v === "object" &&
-        typeof v.start === "function");
-}
-
-const variantPriorityOrder = [
-    "animate",
-    "whileInView",
-    "whileFocus",
-    "whileHover",
-    "whileTap",
-    "whileDrag",
-    "exit",
-];
-const variantProps = ["initial", ...variantPriorityOrder];
-
-function isControllingVariants(props) {
-    return (isAnimationControls(props.animate) ||
-        variantProps.some((name) => isVariantLabel(props[name])));
-}
-function isVariantNode(props) {
-    return Boolean(isControllingVariants(props) || props.variants);
-}
-
-function getCurrentTreeVariants(props, context) {
-    if (isControllingVariants(props)) {
-        const { initial, animate } = props;
-        return {
-            initial: initial === false || isVariantLabel(initial)
-                ? initial
-                : undefined,
-            animate: isVariantLabel(animate) ? animate : undefined,
-        };
-    }
-    return props.inherit !== false ? context : {};
-}
-
-function useCreateMotionContext(props) {
-    const { initial, animate } = getCurrentTreeVariants(props, react.useContext(MotionContext));
-    return react.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
-}
-function variantLabelsAsDependency(prop) {
-    return Array.isArray(prop) ? prop.join(" ") : prop;
-}
-
-const featureProps = {
-    animation: [
-        "animate",
-        "variants",
-        "whileHover",
-        "whileTap",
-        "exit",
-        "whileInView",
-        "whileFocus",
-        "whileDrag",
-    ],
-    exit: ["exit"],
-    drag: ["drag", "dragControls"],
-    focus: ["whileFocus"],
-    hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-    tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-    pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-    inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-    layout: ["layout", "layoutId"],
-};
-const featureDefinitions = {};
-for (const key in featureProps) {
-    featureDefinitions[key] = {
-        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),
-    };
-}
-
-function loadFeatures(features) {
-    for (const key in features) {
-        featureDefinitions[key] = {
-            ...featureDefinitions[key],
-            ...features[key],
-        };
-    }
-}
-
-const LayoutGroupContext = react.createContext({});
-
-const motionComponentSymbol = Symbol.for("motionComponentSymbol");
-
-const noop = (any) => any;
-
-let warning = noop;
-let invariant = noop;
-if (process.env.NODE_ENV !== "production") {
-    warning = (check, message) => {
-        if (!check && typeof console !== "undefined") {
-            console.warn(message);
-        }
-    };
-    invariant = (check, message) => {
-        if (!check) {
-            throw new Error(message);
-        }
-    };
-}
-
 /**
  * Create a `motion` component.
  *
@@ -470,6 +470,7 @@ if (process.env.NODE_ENV !== "production") {
  * component "offline", or outside the React render cycle.
  */
 function createRendererMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component, }) {
+    var _a, _b;
     preloadedFeatures && loadFeatures(preloadedFeatures);
     function MotionComponent(props, externalRef) {
         /**
@@ -503,6 +504,9 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
          */
         return (jsxRuntime.jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? (jsxRuntime.jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] }));
     }
+    MotionComponent.displayName = `motion.${typeof Component === "string"
+        ? Component
+        : `create(${(_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : ""})`}`;
     const ForwardRefMotionComponent = react.forwardRef(MotionComponent);
     ForwardRefMotionComponent[motionComponentSymbol] = Component;
     return ForwardRefMotionComponent;

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

@@ -1,18 +1,18 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { warning, invariant } from '../../../../motion-utils/dist/es/errors.mjs';
 import { forwardRef, useContext } from 'react';
+import { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';
+import { LazyContext } from '../context/LazyContext.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
 import { MotionContext } from '../context/MotionContext/index.mjs';
-import { useVisualElement } from './utils/use-visual-element.mjs';
-import { useMotionRef } from './utils/use-motion-ref.mjs';
 import { useCreateMotionContext } from '../context/MotionContext/create.mjs';
-import { loadFeatures } from './features/load-features.mjs';
 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 '../../../../motion-utils/dist/es/errors.mjs';
 import { featureDefinitions } from './features/definitions.mjs';
+import { loadFeatures } from './features/load-features.mjs';
+import { motionComponentSymbol } from './utils/symbol.mjs';
+import { useMotionRef } from './utils/use-motion-ref.mjs';
+import { useVisualElement } from './utils/use-visual-element.mjs';
 
 /**
  * Create a `motion` component.
@@ -24,6 +24,7 @@ import { featureDefinitions } from './features/definitions.mjs';
  * component "offline", or outside the React render cycle.
  */
 function createRendererMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component, }) {
+    var _a, _b;
     preloadedFeatures && loadFeatures(preloadedFeatures);
     function MotionComponent(props, externalRef) {
         /**
@@ -57,6 +58,9 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
          */
         return (jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? (jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] }));
     }
+    MotionComponent.displayName = `motion.${typeof Component === "string"
+        ? Component
+        : `create(${(_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : ""})`}`;
     const ForwardRefMotionComponent = forwardRef(MotionComponent);
     ForwardRefMotionComponent[motionComponentSymbol] = Component;
     return ForwardRefMotionComponent;

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.16.0", `Attempting to mix Motion versions ${nextValue.version} with 11.16.0 may not work as expected.`);
+                warnOnce(nextValue.version === "11.16.2", `Attempting to mix Motion versions ${nextValue.version} with 11.16.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

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.16.0";
+        this.version = "11.16.2";
         /**
          * 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/motion/lib/react.mjs

@@ -1,69 +1,69 @@
 "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 { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
 export { invariant } from '../../motion-utils/dist/es/errors.mjs';

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

@@ -1,9 +1,9 @@
 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 { enableKeyboardPress } from './utils/keyboard.mjs';
 import { isElementKeyboardAccessible } from './utils/is-keyboard-accessible.mjs';
-import { isNodeOrChild } from '../utils/is-node-or-child.mjs';
+import { enableKeyboardPress } from './utils/keyboard.mjs';
 import { isPressing } from './utils/state.mjs';
 
 /**
@@ -62,7 +62,8 @@ function press(elementOrSelector, onPressStart, options = {}) {
         window.addEventListener("pointercancel", onPointerCancel, eventOptions);
     };
     elements.forEach((element) => {
-        if (!isElementKeyboardAccessible(element)) {
+        if (!isElementKeyboardAccessible(element) &&
+            element.getAttribute("tabindex") === null) {
             element.tabIndex = 0;
         }
         const target = options.useGlobalTarget ? window : element;

package/dist/motion.dev.js

@@ -1359,7 +1359,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "11.16.0";
+            this.version = "11.16.2";
             /**
              * 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
@@ -4295,7 +4295,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "11.16.0", `Attempting to mix Motion versions ${nextValue.version} with 11.16.0 may not work as expected.`);
+                    warnOnce(nextValue.version === "11.16.2", `Attempting to mix Motion versions ${nextValue.version} with 11.16.2 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {