framer-motion 7.0.0 → 7.0.3-beta.0

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.3-beta.0";
         /**
          * 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.3-beta.0", "Attempting to mix Framer Motion versions ".concat(nextValue.version, " with 7.0.3-beta.0 may not work as expected."));
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -5209,9 +5197,11 @@ var htmlConfig = {
         }
         else {
             var computedStyle = getComputedStyle$1(domElement);
-            return ((isCSSVariable$1(key)
+            var value = (isCSSVariable$1(key)
                 ? computedStyle.getPropertyValue(key)
-                : computedStyle[key]) || 0);
+                : computedStyle[key]) || 0;
+            console.log(value);
+            return value; //typeof value === "string" ? value.trim() : value
         }
     },
     sortNodePosition: function (a, b) {
@@ -7190,7 +7180,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/html/visual-element.mjs

@@ -22,9 +22,11 @@ var htmlConfig = {
         }
         else {
             var computedStyle = getComputedStyle(domElement);
-            return ((isCSSVariable(key)
+            var value = (isCSSVariable(key)
                 ? computedStyle.getPropertyValue(key)
-                : computedStyle[key]) || 0);
+                : computedStyle[key]) || 0;
+            console.log(value);
+            return value; //typeof value === "string" ? value.trim() : value
         }
     },
     sortNodePosition: function (a, b) {

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.3-beta.0", "Attempting to mix Framer Motion versions ".concat(nextValue.version, " with 7.0.3-beta.0 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.3-beta.0";
         /**
          * Duration, in milliseconds, since last updating frame.
          *