framer-motion 7.0.0 → 7.0.1

package/dist/cjs/index.js

@@ -1929,18 +1929,6 @@ var gestureAnimations = {
     hover: makeRenderlessComponent(useHoverGesture),
 };
 
-var counter = 0;
-var incrementId = function () { return counter++; };
-var useId = function () { return useConstant(incrementId); };
-/**
- * Ideally we'd use the following code to support React 18 optionally.
- * But this fairly fails in Webpack (otherwise treeshaking wouldn't work at all).
- * Need to come up with a different way of figuring this out.
- */
-// export const useId = (React as any).useId
-//     ? (React as any).useId
-//     : () => useConstant(incrementId)
-
 /**
  * When a component is the child of `AnimatePresence`, it can use `usePresence`
  * to access information about whether it's still present in the React tree.
@@ -1972,7 +1960,7 @@ function usePresence() {
     // It's safe to call the following hooks conditionally (after an early return) because the context will always
     // either be null or non-null for the lifespan of the component.
     // Replace with useId when released in React
-    var id = useId();
+    var id = React.useId();
     React.useEffect(function () { return register(id); }, []);
     var safeToRemove = function () { return onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete(id); };
     return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
@@ -2449,7 +2437,7 @@ var MotionValue = /** @class */ (function () {
          * 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 = "7.0.0";
+        this.version = "7.0.1";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -4419,7 +4407,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "7.0.0", "Attempting to mix Framer Motion versions ".concat(nextValue.version, " with 7.0.0 may not work as expected."));
+                warnOnce(nextValue.version === "7.0.1", "Attempting to mix Framer Motion versions ".concat(nextValue.version, " with 7.0.1 may not work as expected."));
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -7190,7 +7178,7 @@ function useForceUpdate() {
 var PresenceChild = function (_a) {
     var children = _a.children, initial = _a.initial, isPresent = _a.isPresent, onExitComplete = _a.onExitComplete, custom = _a.custom, presenceAffectsLayout = _a.presenceAffectsLayout;
     var presenceChildren = useConstant(newChildrenMap);
-    var id = useId();
+    var id = React.useId();
     var context = React.useMemo(function () { return ({
         id: id,
         initial: initial,

package/dist/es/components/AnimatePresence/PresenceChild.mjs

@@ -1,9 +1,8 @@
 import { __values } from 'tslib';
 import * as React from 'react';
-import { useMemo } from 'react';
+import { useId, useMemo } from 'react';
 import { PresenceContext } from '../../context/PresenceContext.mjs';
 import { useConstant } from '../../utils/use-constant.mjs';
-import { useId } from '../../utils/use-id.mjs';
 
 var PresenceChild = function (_a) {
     var children = _a.children, initial = _a.initial, isPresent = _a.isPresent, onExitComplete = _a.onExitComplete, custom = _a.custom, presenceAffectsLayout = _a.presenceAffectsLayout;

package/dist/es/components/AnimatePresence/use-presence.mjs

@@ -1,6 +1,5 @@
-import { useContext, useEffect } from 'react';
+import { useContext, useId, useEffect } from 'react';
 import { PresenceContext } from '../../context/PresenceContext.mjs';
-import { useId } from '../../utils/use-id.mjs';
 
 /**
  * When a component is the child of `AnimatePresence`, it can use `usePresence`

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

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

package/dist/es/value/index.mjs

@@ -25,7 +25,7 @@ var MotionValue = /** @class */ (function () {
          * 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 = "7.0.0";
+        this.version = "7.0.1";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -3339,18 +3339,6 @@
         hover: makeRenderlessComponent(useHoverGesture),
     };
 
-    var counter = 0;
-    var incrementId = function () { return counter++; };
-    var useId = function () { return useConstant(incrementId); };
-    /**
-     * Ideally we'd use the following code to support React 18 optionally.
-     * But this fairly fails in Webpack (otherwise treeshaking wouldn't work at all).
-     * Need to come up with a different way of figuring this out.
-     */
-    // export const useId = (React as any).useId
-    //     ? (React as any).useId
-    //     : () => useConstant(incrementId)
-
     /**
      * When a component is the child of `AnimatePresence`, it can use `usePresence`
      * to access information about whether it's still present in the React tree.
@@ -3382,7 +3370,7 @@
         // It's safe to call the following hooks conditionally (after an early return) because the context will always
         // either be null or non-null for the lifespan of the component.
         // Replace with useId when released in React
-        var id = useId();
+        var id = React.useId();
         React.useEffect(function () { return register(id); }, []);
         var safeToRemove = function () { return onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete(id); };
         return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
@@ -3859,7 +3847,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 = "7.0.0";
+            this.version = "7.0.1";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5829,7 +5817,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "7.0.0", "Attempting to mix Framer Motion versions ".concat(nextValue.version, " with 7.0.0 may not work as expected."));
+                    warnOnce(nextValue.version === "7.0.1", "Attempting to mix Framer Motion versions ".concat(nextValue.version, " with 7.0.1 may not work as expected."));
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -8600,7 +8588,7 @@
     var PresenceChild = function (_a) {
         var children = _a.children, initial = _a.initial, isPresent = _a.isPresent, onExitComplete = _a.onExitComplete, custom = _a.custom, presenceAffectsLayout = _a.presenceAffectsLayout;
         var presenceChildren = useConstant(newChildrenMap);
-        var id = useId();
+        var id = React.useId();
         var context = React.useMemo(function () { return ({
             id: id,
             initial: initial,