@tamagui/animations-motion 1.132.10 → 1.132.12

package/dist/cjs/createAnimations.cjs

@@ -72,7 +72,7 @@ function createAnimations(animationsProp) {
         sendExitComplete = presence?.[1],
         isFirstRender = (0, import_react2.useRef)(!0),
         [scope, animate] = (0, import_react.useAnimate)(),
-        lastAnimationStyle = (0, import_react2.useRef)(null),
+        lastDoAnimate = (0, import_react2.useRef)(null),
         controls = (0, import_react2.useRef)(null),
         styleKey = JSON.stringify(style),
         shouldDebug =
@@ -85,67 +85,53 @@ function createAnimations(animationsProp) {
         } = (0, import_react2.useMemo)(() => getMotionAnimatedProps(props, style, disableAnimation), [isExiting, animationKey, styleKey]),
         animationsQueue = (0, import_react2.useRef)([]),
         lastAnimateAt = (0, import_react2.useRef)(0),
-        minTimeBetweenAnimations = 16.667,
         disposed = (0, import_react2.useRef)(!1),
         [firstRenderStyle] = (0, import_react2.useState)(style),
         lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
       (0, import_react2.useLayoutEffect)(() => () => {
         disposed.current = !0;
       }, []);
-      const runAnimation = props2 => {
-          const waitForNextAnimationFrame = () => {
-              const queue = animationsQueue.current,
-                last = queue[queue.length - 1];
-              if (animationsQueue.current = [], !last) {
-                console.error("Should never hit");
-                return;
-              }
-              if (!props2) return;
-              const elapsed = Date.now() - lastAnimateAt.current;
-              elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, {
-                props: props2
-              }), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
-            },
-            hasQueue = animationsQueue.current.length,
-            shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
-          isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
-        },
-        updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastAnimationStyle.current ? !1 : (lastAnimationStyle.current = style, animate(scope.current, doAnimate || {}, {
+      const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
           type: !1
-        }).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
+        }).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
         flushAnimation = ({
-          doAnimate: doAnimate2,
-          dontAnimate: dontAnimate2,
-          animationOptions: animationOptions2 = {}
+          doAnimate: doAnimate2 = {},
+          animationOptions: animationOptions2 = {},
+          dontAnimate: dontAnimate2
         }) => {
           try {
             const node = stateRef.current.host;
-            if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2) return;
-            const next = doAnimate2 || {};
-            if (dontAnimate2) {
-              const curDontAnimate = lastDontAnimate.current;
-              if (node && curDontAnimate) {
-                for (const key in curDontAnimate) key in style || (console.info("deleting!", key, {
-                  dontAnimate: dontAnimate2,
-                  doAnimate: doAnimate2
-                }), delete node.style[key]);
-                const newDontAnimate = getDiff(curDontAnimate, dontAnimate2);
-                newDontAnimate && Object.assign(node.style, newDontAnimate);
-              }
-            }
-            if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle()) return;
-            const diff = getDiff(lastAnimationStyle.current, next);
-            if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({
-              next,
+            if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate2), null, 2)})`), console.info({
+              doAnimate: doAnimate2,
+              dontAnimate: dontAnimate2,
               animationOptions: animationOptions2,
               animationProps,
-              diff,
-              lastAnimationStyle: {
-                ...lastAnimationStyle.current
+              lastDoAnimate: {
+                ...lastDoAnimate.current
+              },
+              lastDontAnimate: {
+                ...lastDontAnimate.current
               },
-              isExiting
-            }), console.trace(), console.groupEnd()), lastAnimationStyle.current = next, lastAnimateAt.current = Date.now(), !diff) return;
-            controls.current = animate(scope.current, diff, animationOptions2);
+              isExiting,
+              style,
+              node
+            }), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.groupEnd()), !(node instanceof HTMLElement)) return;
+            if (dontAnimate2) {
+              const prev = lastDontAnimate.current;
+              if (prev) {
+                removeRemovedStyles(prev, dontAnimate2, node);
+                const changed = getDiff(prev, dontAnimate2);
+                changed && Object.assign(node.style, changed);
+              }
+            }
+            if (lastDontAnimate.current = dontAnimate2 || {}, doAnimate2) {
+              if (updateFirstAnimationStyle()) return;
+              const lastAnimated = lastDoAnimate.current;
+              lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
+              const diff = getDiff(lastDoAnimate.current, doAnimate2);
+              diff && (controls.current = animate(scope.current, diff, animationOptions2));
+            }
+            lastDoAnimate.current = doAnimate2, lastAnimateAt.current = Date.now();
           } finally {
             isExiting && (controls.current ? controls.current.finished.then(() => {
               sendExitComplete?.();
@@ -154,36 +140,29 @@ function createAnimations(animationsProp) {
         };
       useStyleEmitter?.(nextStyle => {
         const animationProps2 = getMotionAnimatedProps(props, nextStyle, disableAnimation);
-        runAnimation(animationProps2);
-      }), (0, import_react2.useEffect)(() => () => {
-        lastAnimationStyle.current = null;
-      }, []);
-      const animateKey = JSON.stringify(doAnimate);
-      (0, import_core.useIsomorphicLayoutEffect)(() => {
+        flushAnimation(animationProps2);
+      });
+      const animateKey = JSON.stringify(style);
+      return (0, import_core.useIsomorphicLayoutEffect)(() => {
         if (isFirstRender.current) {
-          updateFirstAnimationStyle(), isFirstRender.current = !1;
+          updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
           return;
         }
-        !doAnimate && !isExiting || (animationsQueue.current = [], flushAnimation({
+        animationsQueue.current = [], flushAnimation({
           doAnimate,
           dontAnimate,
           animationOptions
-        }));
-      }, [animateKey, isExiting, lastAnimationStyle]);
-      const [initialStyle] = (0, import_react2.useState)(() => ({
-        ...dontAnimate,
-        ...doAnimate
-      }));
-      return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
+        });
+      }, [animateKey, isExiting]), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
         style,
         doAnimate,
         dontAnimate,
         animateKey,
         scope,
         animationOptions,
-        initialStyle,
         isExiting,
-        isFirstRender: isFirstRender.current
+        isFirstRender: isFirstRender.current,
+        animationProps
       }), console.groupEnd()), {
         // we never change this, after first render on
         style: firstRenderStyle,
@@ -265,6 +244,9 @@ function createAnimations(animationsProp) {
     };
   }
 }
+function removeRemovedStyles(prev, next, node) {
+  for (const key in prev) key in next || (node.style[key] = "");
+}
 const disableAnimationProps = /* @__PURE__ */new Set(["alignContent", "alignItems", "aspectRatio", "backdropFilter", "boxSizing", "contain", "display", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "justifyContent", "marginRight", "marginLeft", "marginBottom", "marginTop", "maxHeight", "maxWidth", "minHeight", "minWidth", "outlineColor", "outlineStyle", "outlineWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "textWrap", "transformOrigin", "zIndex", "WebkitBackdropFilter"]),
   MotionView = createMotionView("div"),
   MotionText = createMotionView("span");

package/dist/cjs/createAnimations.js

@@ -46,7 +46,7 @@ function createAnimations(animationsProp) {
     usePresence: import_use_presence.usePresence,
     ResetPresence: import_use_presence.ResetPresence,
     useAnimations: (animationProps) => {
-      const { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, disableAnimation = componentState.unmounted === !0 || !animationKey, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
+      const { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, disableAnimation = componentState.unmounted === !0 || !animationKey, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastDoAnimate = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
         // process.env.NODE_ENV === 'development' &&
         props.debug && props.debug !== "profile"
       ), {
@@ -57,58 +57,50 @@ function createAnimations(animationsProp) {
         props,
         style,
         disableAnimation
-      ), [isExiting, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667, disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
+      ), [isExiting, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
       (0, import_react2.useLayoutEffect)(() => () => {
         disposed.current = !0;
       }, []);
-      const runAnimation = (props2) => {
-        const waitForNextAnimationFrame = () => {
-          const queue = animationsQueue.current, last = queue[queue.length - 1];
-          if (animationsQueue.current = [], !last) {
-            console.error("Should never hit");
-            return;
-          }
-          if (!props2) return;
-          const elapsed = Date.now() - lastAnimateAt.current;
-          elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, { props: props2 }), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
-        }, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
-        isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
-      }, updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastAnimationStyle.current ? !1 : (lastAnimationStyle.current = style, animate(scope.current, doAnimate || {}, {
+      const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
         type: !1
-      }).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
-        doAnimate: doAnimate2,
-        dontAnimate: dontAnimate2,
-        animationOptions: animationOptions2 = {}
+      }).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
+        doAnimate: doAnimate2 = {},
+        animationOptions: animationOptions2 = {},
+        dontAnimate: dontAnimate2
       }) => {
         try {
           const node = stateRef.current.host;
-          if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2)
-            return;
-          const next = doAnimate2 || {};
-          if (dontAnimate2) {
-            const curDontAnimate = lastDontAnimate.current;
-            if (node && curDontAnimate) {
-              for (const key in curDontAnimate)
-                key in style || (console.info("deleting!", key, { dontAnimate: dontAnimate2, doAnimate: doAnimate2 }), delete node.style[key]);
-              const newDontAnimate = getDiff(curDontAnimate, dontAnimate2);
-              newDontAnimate && Object.assign(node.style, newDontAnimate);
-            }
-          }
-          if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle())
-            return;
-          const diff = getDiff(lastAnimationStyle.current, next);
           if (shouldDebug && (console.groupCollapsed(
-            `[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`
+            `[motion] \u{1F30A} animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate2), null, 2)})`
           ), console.info({
-            next,
+            doAnimate: doAnimate2,
+            dontAnimate: dontAnimate2,
             animationOptions: animationOptions2,
             animationProps,
-            diff,
-            lastAnimationStyle: { ...lastAnimationStyle.current },
-            isExiting
-          }), console.trace(), console.groupEnd()), lastAnimationStyle.current = next, lastAnimateAt.current = Date.now(), !diff)
+            lastDoAnimate: { ...lastDoAnimate.current },
+            lastDontAnimate: { ...lastDontAnimate.current },
+            isExiting,
+            style,
+            node
+          }), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.groupEnd()), !(node instanceof HTMLElement))
             return;
-          controls.current = animate(scope.current, diff, animationOptions2);
+          if (dontAnimate2) {
+            const prev = lastDontAnimate.current;
+            if (prev) {
+              removeRemovedStyles(prev, dontAnimate2, node);
+              const changed = getDiff(prev, dontAnimate2);
+              changed && Object.assign(node.style, changed);
+            }
+          }
+          if (lastDontAnimate.current = dontAnimate2 || {}, doAnimate2) {
+            if (updateFirstAnimationStyle())
+              return;
+            const lastAnimated = lastDoAnimate.current;
+            lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
+            const diff = getDiff(lastDoAnimate.current, doAnimate2);
+            diff && (controls.current = animate(scope.current, diff, animationOptions2));
+          }
+          lastDoAnimate.current = doAnimate2, lastAnimateAt.current = Date.now();
         } finally {
           isExiting && (controls.current ? controls.current.finished.then(() => {
             sendExitComplete?.();
@@ -121,33 +113,29 @@ function createAnimations(animationsProp) {
           nextStyle,
           disableAnimation
         );
-        runAnimation(animationProps2);
-      }), (0, import_react2.useEffect)(() => () => {
-        lastAnimationStyle.current = null;
-      }, []);
-      const animateKey = JSON.stringify(doAnimate);
-      (0, import_core.useIsomorphicLayoutEffect)(() => {
+        flushAnimation(animationProps2);
+      });
+      const animateKey = JSON.stringify(style);
+      return (0, import_core.useIsomorphicLayoutEffect)(() => {
         if (isFirstRender.current) {
-          updateFirstAnimationStyle(), isFirstRender.current = !1;
+          updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
           return;
         }
-        !doAnimate && !isExiting || (animationsQueue.current = [], flushAnimation({
+        animationsQueue.current = [], flushAnimation({
           doAnimate,
           dontAnimate,
           animationOptions
-        }));
-      }, [animateKey, isExiting, lastAnimationStyle]);
-      const [initialStyle] = (0, import_react2.useState)(() => ({ ...dontAnimate, ...doAnimate }));
-      return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
+        });
+      }, [animateKey, isExiting]), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
         style,
         doAnimate,
         dontAnimate,
         animateKey,
         scope,
         animationOptions,
-        initialStyle,
         isExiting,
-        isFirstRender: isFirstRender.current
+        isFirstRender: isFirstRender.current,
+        animationProps
       }), console.groupEnd()), {
         // we never change this, after first render on
         style: firstRenderStyle,
@@ -239,6 +227,10 @@ function createAnimations(animationsProp) {
     };
   }
 }
+function removeRemovedStyles(prev, next, node) {
+  for (const key in prev)
+    key in next || (node.style[key] = "");
+}
 const disableAnimationProps = /* @__PURE__ */ new Set([
   "alignContent",
   "alignItems",

package/dist/cjs/createAnimations.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": "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",
-  "names": ["import_react", "props", "doAnimate", "dontAnimate", "animationOptions", "animationProps", "React"]
+  "mappings": "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",
+  "names": ["import_react", "doAnimate", "animationOptions", "dontAnimate", "animationProps", "React", "props"]
 }

package/dist/cjs/createAnimations.native.js

@@ -46,7 +46,7 @@ function createAnimations(animationsProp) {
     usePresence: import_use_presence.usePresence,
     ResetPresence: import_use_presence.ResetPresence,
     useAnimations: function(animationProps) {
-      var { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
+      var { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastDoAnimate = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
         // process.env.NODE_ENV === 'development' &&
         props.debug && props.debug !== "profile"
       ), { dontAnimate = {}, doAnimate, animationOptions } = (0, import_react2.useMemo)(function() {
@@ -56,73 +56,61 @@ function createAnimations(animationsProp) {
         isExiting,
         animationKey,
         styleKey
-      ]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667, disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
+      ]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
       (0, import_react2.useLayoutEffect)(function() {
         return function() {
           disposed.current = !0;
         };
       }, []);
-      var runAnimation = function(props2) {
-        var waitForNextAnimationFrame = function() {
-          var queue = animationsQueue.current, last = queue[queue.length - 1];
-          if (animationsQueue.current = [], !last) {
-            console.error("Should never hit");
-            return;
-          }
-          if (props2) {
-            var elapsed = Date.now() - lastAnimateAt.current;
-            elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, {
-              props: props2
-            }), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
-          }
-        }, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
-        isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
-      }, updateFirstAnimationStyle = function() {
+      var updateFirstAnimationStyle = function() {
         var node = stateRef.current.host;
         if (!(node instanceof HTMLElement))
           return !1;
-        if (!lastAnimationStyle.current) {
-          lastAnimationStyle.current = style;
+        if (!lastDoAnimate.current) {
+          lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {};
           var firstAnimation = animate(scope.current, doAnimate || {}, {
             type: !1
           });
-          return firstAnimation.complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0;
+          return firstAnimation.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0;
         }
         return !1;
       }, flushAnimation = function(param) {
-        var { doAnimate: doAnimate2, dontAnimate: dontAnimate2, animationOptions: animationOptions2 = {} } = param;
+        var { doAnimate: doAnimate2 = {}, animationOptions: animationOptions2 = {}, dontAnimate: dontAnimate2 } = param;
         try {
           var node = stateRef.current.host;
-          if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2)
-            return;
-          var next = doAnimate2 || {};
-          if (dontAnimate2) {
-            var curDontAnimate = lastDontAnimate.current;
-            if (node && curDontAnimate) {
-              for (var key2 in curDontAnimate)
-                key2 in style || (console.info("deleting!", key2, {
-                  dontAnimate: dontAnimate2,
-                  doAnimate: doAnimate2
-                }), delete node.style[key2]);
-              var newDontAnimate = getDiff(curDontAnimate, dontAnimate2);
-              newDontAnimate && Object.assign(node.style, newDontAnimate);
-            }
-          }
-          if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle())
-            return;
-          var diff = getDiff(lastAnimationStyle.current, next);
-          if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({
-            next,
+          if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate2), null, 2)})`), console.info({
+            doAnimate: doAnimate2,
+            dontAnimate: dontAnimate2,
             animationOptions: animationOptions2,
             animationProps,
-            diff,
-            lastAnimationStyle: {
-              ...lastAnimationStyle.current
+            lastDoAnimate: {
+              ...lastDoAnimate.current
+            },
+            lastDontAnimate: {
+              ...lastDontAnimate.current
             },
-            isExiting
-          }), console.trace(), console.groupEnd()), lastAnimationStyle.current = next, lastAnimateAt.current = Date.now(), !diff)
+            isExiting,
+            style,
+            node
+          }), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.groupEnd()), !(node instanceof HTMLElement))
             return;
-          controls.current = animate(scope.current, diff, animationOptions2);
+          if (dontAnimate2) {
+            var prev = lastDontAnimate.current;
+            if (prev) {
+              removeRemovedStyles(prev, dontAnimate2, node);
+              var changed = getDiff(prev, dontAnimate2);
+              changed && Object.assign(node.style, changed);
+            }
+          }
+          if (lastDontAnimate.current = dontAnimate2 || {}, doAnimate2) {
+            if (updateFirstAnimationStyle())
+              return;
+            var lastAnimated = lastDoAnimate.current;
+            lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
+            var diff = getDiff(lastDoAnimate.current, doAnimate2);
+            diff && (controls.current = animate(scope.current, diff, animationOptions2));
+          }
+          lastDoAnimate.current = doAnimate2, lastAnimateAt.current = Date.now();
         } finally {
           isExiting && (controls.current ? controls.current.finished.then(function() {
             sendExitComplete == null || sendExitComplete();
@@ -131,44 +119,32 @@ function createAnimations(animationsProp) {
       };
       useStyleEmitter == null || useStyleEmitter(function(nextStyle) {
         var _$animationProps = getMotionAnimatedProps(props, nextStyle, disableAnimation);
-        runAnimation(_$animationProps);
-      }), (0, import_react2.useEffect)(function() {
-        return function() {
-          lastAnimationStyle.current = null;
-        };
-      }, []);
-      var animateKey = JSON.stringify(doAnimate);
-      (0, import_core.useIsomorphicLayoutEffect)(function() {
+        flushAnimation(_$animationProps);
+      });
+      var animateKey = JSON.stringify(style);
+      return (0, import_core.useIsomorphicLayoutEffect)(function() {
         if (isFirstRender.current) {
-          updateFirstAnimationStyle(), isFirstRender.current = !1;
+          updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
           return;
         }
-        !doAnimate && !isExiting || (animationsQueue.current = [], flushAnimation({
+        animationsQueue.current = [], flushAnimation({
           doAnimate,
           dontAnimate,
           animationOptions
-        }));
+        });
       }, [
         animateKey,
-        isExiting,
-        lastAnimationStyle
-      ]);
-      var [initialStyle] = (0, import_react2.useState)(function() {
-        return {
-          ...dontAnimate,
-          ...doAnimate
-        };
-      });
-      return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
+        isExiting
+      ]), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
         style,
         doAnimate,
         dontAnimate,
         animateKey,
         scope,
         animationOptions,
-        initialStyle,
         isExiting,
-        isFirstRender: isFirstRender.current
+        isFirstRender: isFirstRender.current,
+        animationProps
       }), console.groupEnd()), {
         // we never change this, after first render on
         style: firstRenderStyle,
@@ -270,6 +246,10 @@ function createAnimations(animationsProp) {
     };
   }
 }
+function removeRemovedStyles(prev, next, node) {
+  for (var key in prev)
+    key in next || (node.style[key] = "");
+}
 var disableAnimationProps = /* @__PURE__ */ new Set([
   "alignContent",
   "alignItems",