@tamagui/animations-css 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/cjs/createAnimations.cjs

@@ -39,40 +39,73 @@ var import_animation_helpers = require("@tamagui/animation-helpers"),
   import_use_presence = require("@tamagui/use-presence"),
   import_web = require("@tamagui/web"),
   import_react = __toESM(require("react"), 1);
+const EXTRACT_MS_REGEX = /(\d+(?:\.\d+)?)\s*ms/,
+  EXTRACT_S_REGEX = /(\d+(?:\.\d+)?)\s*s/;
 function extractDuration(animation) {
-  const msMatch = animation.match(/(\d+(?:\.\d+)?)\s*ms/);
+  const msMatch = animation.match(EXTRACT_MS_REGEX);
   if (msMatch) return Number.parseInt(msMatch[1], 10);
-  const sMatch = animation.match(/(\d+(?:\.\d+)?)\s*s/);
+  const sMatch = animation.match(EXTRACT_S_REGEX);
   return sMatch ? Math.round(Number.parseFloat(sMatch[1]) * 1e3) : 300;
 }
+const MS_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*ms/,
+  S_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*s(?!tiffness)/;
+function applyDurationOverride(animation, durationMs) {
+  const msReplaced = animation.replace(MS_DURATION_REGEX, `${durationMs}ms`);
+  if (msReplaced !== animation) return msReplaced;
+  const sReplaced = animation.replace(S_DURATION_REGEX, `${durationMs}ms`);
+  return sReplaced !== animation ? sReplaced : `${durationMs}ms ${animation}`;
+}
+const TRANSFORM_KEYS = ["x", "y", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY"];
+function buildTransformString(style) {
+  if (!style) return "";
+  const parts = [];
+  if (style.x !== void 0 || style.y !== void 0) {
+    const x = style.x ?? 0,
+      y = style.y ?? 0;
+    parts.push(`translate(${x}px, ${y}px)`);
+  }
+  if (style.scale !== void 0 && parts.push(`scale(${style.scale})`), style.scaleX !== void 0 && parts.push(`scaleX(${style.scaleX})`), style.scaleY !== void 0 && parts.push(`scaleY(${style.scaleY})`), style.rotate !== void 0) {
+    const val = style.rotate,
+      unit = typeof val == "string" && val.includes("deg") ? "" : "deg";
+    parts.push(`rotate(${val}${unit})`);
+  }
+  return style.rotateX !== void 0 && parts.push(`rotateX(${style.rotateX}deg)`), style.rotateY !== void 0 && parts.push(`rotateY(${style.rotateY}deg)`), style.rotateZ !== void 0 && parts.push(`rotateZ(${style.rotateZ}deg)`), style.skewX !== void 0 && parts.push(`skewX(${style.skewX}deg)`), style.skewY !== void 0 && parts.push(`skewY(${style.skewY}deg)`), parts.join(" ");
+}
+function applyStylesToNode(node, style) {
+  if (!style) return;
+  const transformStr = buildTransformString(style);
+  transformStr && (node.style.transform = transformStr);
+  for (const [key, value] of Object.entries(style)) TRANSFORM_KEYS.includes(key) || value !== void 0 && (key === "opacity" ? node.style.opacity = String(value) : key === "backgroundColor" ? node.style.backgroundColor = String(value) : key === "color" ? node.style.color = String(value) : node.style[key] = typeof value == "number" ? `${value}px` : String(value));
+}
 function createAnimations(animations) {
   const reactionListeners = /* @__PURE__ */new WeakMap();
   return {
     animations,
     usePresence: import_use_presence.usePresence,
     ResetPresence: import_use_presence.ResetPresence,
-    supportsCSS: !0,
     inputStyle: "css",
     outputStyle: "css",
-    classNameAnimation: !0,
     useAnimatedNumber(initial) {
       const [val, setVal] = import_react.default.useState(initial),
-        [onFinish, setOnFinish] = (0, import_react.useState)();
-      return (0, import_constants.useIsomorphicLayoutEffect)(() => {
-        onFinish && (onFinish?.(), setOnFinish(void 0));
-      }, [onFinish]), {
+        finishTimerRef = import_react.default.useRef(null);
+      return {
         getInstance() {
           return setVal;
         },
         getValue() {
           return val;
         },
-        setValue(next, config, onFinish2) {
-          setVal(next), setOnFinish(onFinish2);
+        setValue(next, config, onFinish) {
+          if (setVal(next), finishTimerRef.current && (clearTimeout(finishTimerRef.current), finishTimerRef.current = null), onFinish) if (!config || config.type === "direct" || config.type === "timing" && config.duration === 0) onFinish();else {
+            const duration = config.type === "timing" ? config.duration : 300;
+            finishTimerRef.current = setTimeout(onFinish, duration);
+          }
           const listeners = reactionListeners.get(setVal);
           listeners && listeners.forEach(listener => listener(next));
         },
-        stop() {}
+        stop() {
+          finishTimerRef.current && (clearTimeout(finishTimerRef.current), finishTimerRef.current = null);
+        }
       };
     },
     useAnimatedNumberReaction({
@@ -93,14 +126,17 @@ function createAnimations(animations) {
     useAnimatedNumberStyle(val, getStyle) {
       return getStyle(val.getValue());
     },
+    // @ts-ignore - styleState is added by createComponent
     useAnimations: ({
       props,
       presence,
       style,
       componentState,
-      stateRef
+      stateRef,
+      styleState
     }) => {
-      const isEntering = !!componentState.unmounted,
+      const isHydrating = componentState.unmounted === !0,
+        isEntering = !!componentState.unmounted,
         isExiting = presence?.[0] === !1,
         sendExitComplete = presence?.[1],
         wasEnteringRef = import_react.default.useRef(isEntering),
@@ -108,7 +144,17 @@ function createAnimations(animations) {
       import_react.default.useEffect(() => {
         wasEnteringRef.current = isEntering;
       });
-      const normalized = (0, import_animation_helpers.normalizeTransition)(props.transition),
+      const exitCycleIdRef = import_react.default.useRef(0),
+        exitCompletedRef = import_react.default.useRef(!1),
+        wasExitingRef = import_react.default.useRef(!1),
+        exitInterruptedRef = import_react.default.useRef(!1),
+        justStartedExiting = isExiting && !wasExitingRef.current,
+        justStoppedExiting = !isExiting && wasExitingRef.current;
+      justStartedExiting && (exitCycleIdRef.current++, exitCompletedRef.current = !1), justStoppedExiting && (exitCycleIdRef.current++, exitInterruptedRef.current = !0), import_react.default.useEffect(() => {
+        wasExitingRef.current = isExiting;
+      });
+      const effectiveTransition = styleState?.effectiveTransition ?? props.transition,
+        normalized = (0, import_animation_helpers.normalizeTransition)(effectiveTransition),
         effectiveAnimationKey = (0, import_animation_helpers.getEffectiveAnimation)(normalized, isExiting ? "exit" : isEntering || justFinishedEntering ? "enter" : "default"),
         defaultAnimation = effectiveAnimationKey ? animations[effectiveAnimationKey] : null,
         animatedProperties = (0, import_animation_helpers.getAnimatedProperties)(normalized),
@@ -119,25 +165,75 @@ function createAnimations(animations) {
         const host = stateRef.current.host;
         if (!sendExitComplete || !isExiting || !host) return;
         const node = host,
-          animationDuration = defaultAnimation ? extractDuration(defaultAnimation) : 200,
-          delay = normalized.delay ?? 0,
-          fallbackTimeout = animationDuration + delay,
+          cycleId = exitCycleIdRef.current,
+          completeExit = () => {
+            cycleId === exitCycleIdRef.current && (exitCompletedRef.current || (exitCompletedRef.current = !0, sendExitComplete()));
+          };
+        if (keys.length === 0) {
+          completeExit();
+          return;
+        }
+        let rafId;
+        const wasInterrupted = exitInterruptedRef.current;
+        let ignoreCancelEvents = wasInterrupted;
+        const enterStyle = props.enterStyle,
+          exitStyle = props.exitStyle,
+          delayStr2 = normalized.delay ? ` ${normalized.delay}ms` : "",
+          durationOverride2 = normalized.config?.duration,
+          exitTransitionString = keys.map(key => {
+            const propAnimation = normalized.properties[key];
+            let animationValue = null;
+            return typeof propAnimation == "string" ? animationValue = animations[propAnimation] : propAnimation && typeof propAnimation == "object" && propAnimation.type ? animationValue = animations[propAnimation.type] : defaultAnimation && (animationValue = defaultAnimation), animationValue && durationOverride2 && (animationValue = applyDurationOverride(animationValue, durationOverride2)), animationValue ? `${key} ${animationValue}${delayStr2}` : null;
+          }).filter(Boolean).join(", ");
+        if (wasInterrupted) {
+          if (exitInterruptedRef.current = !1, node.style.transition = "none", exitStyle) {
+            const resetStyle = {};
+            for (const key of Object.keys(exitStyle)) key === "opacity" ? resetStyle[key] = 1 : TRANSFORM_KEYS.includes(key) ? resetStyle[key] = key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0 : enterStyle?.[key] !== void 0 && (resetStyle[key] = enterStyle[key]);
+            applyStylesToNode(node, resetStyle);
+          } else node.style.opacity = "1", node.style.transform = "none";
+          node.offsetHeight;
+        } else if (exitStyle) {
+          ignoreCancelEvents = !0, node.style.transition = "none";
+          const resetStyle = {};
+          for (const key of Object.keys(exitStyle)) key === "opacity" ? resetStyle[key] = 1 : TRANSFORM_KEYS.includes(key) ? resetStyle[key] = key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0 : enterStyle?.[key] !== void 0 && (resetStyle[key] = enterStyle[key]);
+          applyStylesToNode(node, resetStyle), node.offsetHeight, rafId = requestAnimationFrame(() => {
+            cycleId === exitCycleIdRef.current && (node.style.transition = exitTransitionString, node.offsetHeight, applyStylesToNode(node, exitStyle), ignoreCancelEvents = !1);
+          });
+        }
+        let maxDuration = defaultAnimation ? extractDuration(defaultAnimation) : 200;
+        const animationConfigs = (0, import_animation_helpers.getAnimationConfigsForKeys)(normalized, animations, keys, defaultAnimation);
+        for (const animationValue of animationConfigs.values()) if (animationValue) {
+          const duration = extractDuration(animationValue);
+          duration > maxDuration && (maxDuration = duration);
+        }
+        const delay = normalized.delay ?? 0,
+          fallbackTimeout = maxDuration + delay,
           timeoutId = setTimeout(() => {
-            sendExitComplete?.();
+            completeExit();
           }, fallbackTimeout),
-          onFinishAnimation = () => {
-            clearTimeout(timeoutId), sendExitComplete?.();
+          transitioningProps = new Set(keys);
+        let completedCount = 0;
+        const onFinishAnimation = event => {
+            if (event.target !== node) return;
+            const eventProp = event.propertyName;
+            (transitioningProps.has(eventProp) || eventProp === "all") && (completedCount++, completedCount >= transitioningProps.size && (clearTimeout(timeoutId), completeExit()));
+          },
+          onCancelAnimation = () => {
+            ignoreCancelEvents || (clearTimeout(timeoutId), completeExit());
           };
-        return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
-          clearTimeout(timeoutId), node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
+        return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onCancelAnimation), wasInterrupted && (rafId = requestAnimationFrame(() => {
+          cycleId === exitCycleIdRef.current && (node.style.transition = exitTransitionString, node.offsetHeight, applyStylesToNode(node, exitStyle), ignoreCancelEvents = !1);
+        })), () => {
+          clearTimeout(timeoutId), rafId !== void 0 && cancelAnimationFrame(rafId), node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onCancelAnimation), node.style.transition = "";
         };
-      }, [sendExitComplete, isExiting]), !(0, import_animation_helpers.hasAnimation)(normalized)) return null;
+      }, [sendExitComplete, isExiting, stateRef, keys, normalized, defaultAnimation, props.enterStyle, props.exitStyle]), isHydrating || !(0, import_animation_helpers.hasAnimation)(normalized)) return null;
       Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform));
-      const delayStr = normalized.delay ? ` ${normalized.delay}ms` : "";
+      const delayStr = normalized.delay ? ` ${normalized.delay}ms` : "",
+        durationOverride = normalized.config?.duration;
       return style.transition = keys.map(key => {
         const propAnimation = normalized.properties[key];
         let animationValue = null;
-        return typeof propAnimation == "string" ? animationValue = animations[propAnimation] : propAnimation && typeof propAnimation == "object" && propAnimation.type ? animationValue = animations[propAnimation.type] : defaultAnimation && (animationValue = defaultAnimation), animationValue ? `${key} ${animationValue}${delayStr}` : null;
+        return typeof propAnimation == "string" ? animationValue = animations[propAnimation] : propAnimation && typeof propAnimation == "object" && propAnimation.type ? animationValue = animations[propAnimation.type] : defaultAnimation && (animationValue = defaultAnimation), animationValue && durationOverride && (animationValue = applyDurationOverride(animationValue, durationOverride)), animationValue ? `${key} ${animationValue}${delayStr}` : null;
       }).filter(Boolean).join(", "), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info("CSS animation", {
         props,
         animations,

package/dist/cjs/createAnimations.native.js

@@ -46,42 +46,94 @@ function _type_of(obj) {
 
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+var EXTRACT_MS_REGEX = /(\d+(?:\.\d+)?)\s*ms/,
+  EXTRACT_S_REGEX = /(\d+(?:\.\d+)?)\s*s/;
 function extractDuration(animation) {
-  var msMatch = animation.match(/(\d+(?:\.\d+)?)\s*ms/);
+  var msMatch = animation.match(EXTRACT_MS_REGEX);
   if (msMatch) return Number.parseInt(msMatch[1], 10);
-  var sMatch = animation.match(/(\d+(?:\.\d+)?)\s*s/);
+  var sMatch = animation.match(EXTRACT_S_REGEX);
   return sMatch ? Math.round(Number.parseFloat(sMatch[1]) * 1e3) : 300;
 }
+var MS_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*ms/,
+  S_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*s(?!tiffness)/;
+function applyDurationOverride(animation, durationMs) {
+  var msReplaced = animation.replace(MS_DURATION_REGEX, `${durationMs}ms`);
+  if (msReplaced !== animation) return msReplaced;
+  var sReplaced = animation.replace(S_DURATION_REGEX, `${durationMs}ms`);
+  return sReplaced !== animation ? sReplaced : `${durationMs}ms ${animation}`;
+}
+var TRANSFORM_KEYS = ["x", "y", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY"];
+function buildTransformString(style) {
+  if (!style) return "";
+  var parts = [];
+  if (style.x !== void 0 || style.y !== void 0) {
+    var _style_x,
+      x = (_style_x = style.x) !== null && _style_x !== void 0 ? _style_x : 0,
+      _style_y,
+      y = (_style_y = style.y) !== null && _style_y !== void 0 ? _style_y : 0;
+    parts.push(`translate(${x}px, ${y}px)`);
+  }
+  if (style.scale !== void 0 && parts.push(`scale(${style.scale})`), style.scaleX !== void 0 && parts.push(`scaleX(${style.scaleX})`), style.scaleY !== void 0 && parts.push(`scaleY(${style.scaleY})`), style.rotate !== void 0) {
+    var val = style.rotate,
+      unit = typeof val == "string" && val.includes("deg") ? "" : "deg";
+    parts.push(`rotate(${val}${unit})`);
+  }
+  return style.rotateX !== void 0 && parts.push(`rotateX(${style.rotateX}deg)`), style.rotateY !== void 0 && parts.push(`rotateY(${style.rotateY}deg)`), style.rotateZ !== void 0 && parts.push(`rotateZ(${style.rotateZ}deg)`), style.skewX !== void 0 && parts.push(`skewX(${style.skewX}deg)`), style.skewY !== void 0 && parts.push(`skewY(${style.skewY}deg)`), parts.join(" ");
+}
+function applyStylesToNode(node, style) {
+  if (style) {
+    var transformStr = buildTransformString(style);
+    transformStr && (node.style.transform = transformStr);
+    var _iteratorNormalCompletion = !0,
+      _didIteratorError = !1,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = Object.entries(style)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+        var [key, value] = _step.value;
+        TRANSFORM_KEYS.includes(key) || value !== void 0 && (key === "opacity" ? node.style.opacity = String(value) : key === "backgroundColor" ? node.style.backgroundColor = String(value) : key === "color" ? node.style.color = String(value) : node.style[key] = typeof value == "number" ? `${value}px` : String(value));
+      }
+    } catch (err) {
+      _didIteratorError = !0, _iteratorError = err;
+    } finally {
+      try {
+        !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+      } finally {
+        if (_didIteratorError) throw _iteratorError;
+      }
+    }
+  }
+}
 function createAnimations(animations) {
   var reactionListeners = /* @__PURE__ */new WeakMap();
   return {
     animations,
     usePresence: import_use_presence.usePresence,
     ResetPresence: import_use_presence.ResetPresence,
-    supportsCSS: !0,
     inputStyle: "css",
     outputStyle: "css",
-    classNameAnimation: !0,
     useAnimatedNumber(initial) {
       var [val, setVal] = import_react.default.useState(initial),
-        [onFinish, setOnFinish] = (0, import_react.useState)();
-      return (0, import_constants.useIsomorphicLayoutEffect)(function () {
-        onFinish && (onFinish?.(), setOnFinish(void 0));
-      }, [onFinish]), {
+        finishTimerRef = import_react.default.useRef(null);
+      return {
         getInstance() {
           return setVal;
         },
         getValue() {
           return val;
         },
-        setValue(next, config, onFinish2) {
-          setVal(next), setOnFinish(onFinish2);
+        setValue(next, config, onFinish) {
+          if (setVal(next), finishTimerRef.current && (clearTimeout(finishTimerRef.current), finishTimerRef.current = null), onFinish) if (!config || config.type === "direct" || config.type === "timing" && config.duration === 0) onFinish();else {
+            var duration = config.type === "timing" ? config.duration : 300;
+            finishTimerRef.current = setTimeout(onFinish, duration);
+          }
           var listeners = reactionListeners.get(setVal);
           listeners && listeners.forEach(function (listener) {
             return listener(next);
           });
         },
-        stop() {}
+        stop() {
+          finishTimerRef.current && (clearTimeout(finishTimerRef.current), finishTimerRef.current = null);
+        }
       };
     },
     useAnimatedNumberReaction(param, onValue) {
@@ -103,14 +155,18 @@ function createAnimations(animations) {
     useAnimatedNumberStyle(val, getStyle) {
       return getStyle(val.getValue());
     },
+    // @ts-ignore - styleState is added by createComponent
     useAnimations: function (param) {
       var {
           props,
           presence,
           style,
           componentState,
-          stateRef
+          stateRef,
+          styleState
         } = param,
+        _normalized_config,
+        isHydrating = componentState.unmounted === !0,
         isEntering = !!componentState.unmounted,
         isExiting = presence?.[0] === !1,
         sendExitComplete = presence?.[1],
@@ -119,7 +175,18 @@ function createAnimations(animations) {
       import_react.default.useEffect(function () {
         wasEnteringRef.current = isEntering;
       });
-      var normalized = (0, import_animation_helpers.normalizeTransition)(props.transition),
+      var exitCycleIdRef = import_react.default.useRef(0),
+        exitCompletedRef = import_react.default.useRef(!1),
+        wasExitingRef = import_react.default.useRef(!1),
+        exitInterruptedRef = import_react.default.useRef(!1),
+        justStartedExiting = isExiting && !wasExitingRef.current,
+        justStoppedExiting = !isExiting && wasExitingRef.current;
+      justStartedExiting && (exitCycleIdRef.current++, exitCompletedRef.current = !1), justStoppedExiting && (exitCycleIdRef.current++, exitInterruptedRef.current = !0), import_react.default.useEffect(function () {
+        wasExitingRef.current = isExiting;
+      });
+      var _styleState_effectiveTransition,
+        effectiveTransition = (_styleState_effectiveTransition = styleState?.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition,
+        normalized = (0, import_animation_helpers.normalizeTransition)(effectiveTransition),
         animationState = isExiting ? "exit" : isEntering || justFinishedEntering ? "enter" : "default",
         effectiveAnimationKey = (0, import_animation_helpers.getEffectiveAnimation)(normalized, animationState),
         defaultAnimation = effectiveAnimationKey ? animations[effectiveAnimationKey] : null,
@@ -128,30 +195,130 @@ function createAnimations(animations) {
         hasPerPropertyConfigs = animatedProperties.length > 0,
         keys;
       if (props.animateOnly ? keys = props.animateOnly : hasPerPropertyConfigs && !hasDefault ? keys = animatedProperties : hasPerPropertyConfigs && hasDefault ? keys = ["all", ...animatedProperties] : keys = ["all"], (0, import_constants.useIsomorphicLayoutEffect)(function () {
-        var host = stateRef.current.host;
+        var _normalized_config2,
+          host = stateRef.current.host;
         if (!(!sendExitComplete || !isExiting || !host)) {
           var node = host,
-            animationDuration = defaultAnimation ? extractDuration(defaultAnimation) : 200,
-            _normalized_delay,
+            cycleId = exitCycleIdRef.current,
+            completeExit = function () {
+              cycleId === exitCycleIdRef.current && (exitCompletedRef.current || (exitCompletedRef.current = !0, sendExitComplete()));
+            };
+          if (keys.length === 0) {
+            completeExit();
+            return;
+          }
+          var rafId,
+            wasInterrupted = exitInterruptedRef.current,
+            ignoreCancelEvents = wasInterrupted,
+            enterStyle = props.enterStyle,
+            exitStyle = props.exitStyle,
+            delayStr2 = normalized.delay ? ` ${normalized.delay}ms` : "",
+            durationOverride2 = (_normalized_config2 = normalized.config) === null || _normalized_config2 === void 0 ? void 0 : _normalized_config2.duration,
+            exitTransitionString = keys.map(function (key2) {
+              var propAnimation = normalized.properties[key2],
+                animationValue2 = null;
+              return typeof propAnimation == "string" ? animationValue2 = animations[propAnimation] : propAnimation && (typeof propAnimation > "u" ? "undefined" : _type_of(propAnimation)) === "object" && propAnimation.type ? animationValue2 = animations[propAnimation.type] : defaultAnimation && (animationValue2 = defaultAnimation), animationValue2 && durationOverride2 && (animationValue2 = applyDurationOverride(animationValue2, durationOverride2)), animationValue2 ? `${key2} ${animationValue2}${delayStr2}` : null;
+            }).filter(Boolean).join(", ");
+          if (wasInterrupted) {
+            if (exitInterruptedRef.current = !1, node.style.transition = "none", exitStyle) {
+              var resetStyle = {},
+                _iteratorNormalCompletion = !0,
+                _didIteratorError = !1,
+                _iteratorError = void 0;
+              try {
+                for (var _iterator = Object.keys(exitStyle)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+                  var key = _step.value;
+                  key === "opacity" ? resetStyle[key] = 1 : TRANSFORM_KEYS.includes(key) ? resetStyle[key] = key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0 : enterStyle?.[key] !== void 0 && (resetStyle[key] = enterStyle[key]);
+                }
+              } catch (err) {
+                _didIteratorError = !0, _iteratorError = err;
+              } finally {
+                try {
+                  !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+                } finally {
+                  if (_didIteratorError) throw _iteratorError;
+                }
+              }
+              applyStylesToNode(node, resetStyle);
+            } else node.style.opacity = "1", node.style.transform = "none";
+            node.offsetHeight;
+          } else if (exitStyle) {
+            ignoreCancelEvents = !0, node.style.transition = "none";
+            var resetStyle1 = {},
+              _iteratorNormalCompletion1 = !0,
+              _didIteratorError1 = !1,
+              _iteratorError1 = void 0;
+            try {
+              for (var _iterator1 = Object.keys(exitStyle)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
+                var key1 = _step1.value;
+                key1 === "opacity" ? resetStyle1[key1] = 1 : TRANSFORM_KEYS.includes(key1) ? resetStyle1[key1] = key1 === "scale" || key1 === "scaleX" || key1 === "scaleY" ? 1 : 0 : enterStyle?.[key1] !== void 0 && (resetStyle1[key1] = enterStyle[key1]);
+              }
+            } catch (err) {
+              _didIteratorError1 = !0, _iteratorError1 = err;
+            } finally {
+              try {
+                !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
+              } finally {
+                if (_didIteratorError1) throw _iteratorError1;
+              }
+            }
+            applyStylesToNode(node, resetStyle1), node.offsetHeight, rafId = requestAnimationFrame(function () {
+              cycleId === exitCycleIdRef.current && (node.style.transition = exitTransitionString, node.offsetHeight, applyStylesToNode(node, exitStyle), ignoreCancelEvents = !1);
+            });
+          }
+          var maxDuration = defaultAnimation ? extractDuration(defaultAnimation) : 200,
+            animationConfigs = (0, import_animation_helpers.getAnimationConfigsForKeys)(normalized, animations, keys, defaultAnimation),
+            _iteratorNormalCompletion2 = !0,
+            _didIteratorError2 = !1,
+            _iteratorError2 = void 0;
+          try {
+            for (var _iterator2 = animationConfigs.values()[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+              var animationValue = _step2.value;
+              if (animationValue) {
+                var duration = extractDuration(animationValue);
+                duration > maxDuration && (maxDuration = duration);
+              }
+            }
+          } catch (err) {
+            _didIteratorError2 = !0, _iteratorError2 = err;
+          } finally {
+            try {
+              !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
+            } finally {
+              if (_didIteratorError2) throw _iteratorError2;
+            }
+          }
+          var _normalized_delay,
             delay = (_normalized_delay = normalized.delay) !== null && _normalized_delay !== void 0 ? _normalized_delay : 0,
-            fallbackTimeout = animationDuration + delay,
+            fallbackTimeout = maxDuration + delay,
             timeoutId = setTimeout(function () {
-              sendExitComplete?.();
+              completeExit();
             }, fallbackTimeout),
-            onFinishAnimation = function () {
-              clearTimeout(timeoutId), sendExitComplete?.();
+            transitioningProps = new Set(keys),
+            completedCount = 0,
+            onFinishAnimation = function (event) {
+              if (event.target === node) {
+                var eventProp = event.propertyName;
+                (transitioningProps.has(eventProp) || eventProp === "all") && (completedCount++, completedCount >= transitioningProps.size && (clearTimeout(timeoutId), completeExit()));
+              }
+            },
+            onCancelAnimation = function () {
+              ignoreCancelEvents || (clearTimeout(timeoutId), completeExit());
             };
-          return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), function () {
-            clearTimeout(timeoutId), node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
+          return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onCancelAnimation), wasInterrupted && (rafId = requestAnimationFrame(function () {
+            cycleId === exitCycleIdRef.current && (node.style.transition = exitTransitionString, node.offsetHeight, applyStylesToNode(node, exitStyle), ignoreCancelEvents = !1);
+          })), function () {
+            clearTimeout(timeoutId), rafId !== void 0 && cancelAnimationFrame(rafId), node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onCancelAnimation), node.style.transition = "";
           };
         }
-      }, [sendExitComplete, isExiting]), !(0, import_animation_helpers.hasAnimation)(normalized)) return null;
+      }, [sendExitComplete, isExiting, stateRef, keys, normalized, defaultAnimation, props.enterStyle, props.exitStyle]), isHydrating || !(0, import_animation_helpers.hasAnimation)(normalized)) return null;
       Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform));
-      var delayStr = normalized.delay ? ` ${normalized.delay}ms` : "";
+      var delayStr = normalized.delay ? ` ${normalized.delay}ms` : "",
+        durationOverride = (_normalized_config = normalized.config) === null || _normalized_config === void 0 ? void 0 : _normalized_config.duration;
       return style.transition = keys.map(function (key) {
         var propAnimation = normalized.properties[key],
           animationValue = null;
-        return typeof propAnimation == "string" ? animationValue = animations[propAnimation] : propAnimation && (typeof propAnimation > "u" ? "undefined" : _type_of(propAnimation)) === "object" && propAnimation.type ? animationValue = animations[propAnimation.type] : defaultAnimation && (animationValue = defaultAnimation), animationValue ? `${key} ${animationValue}${delayStr}` : null;
+        return typeof propAnimation == "string" ? animationValue = animations[propAnimation] : propAnimation && (typeof propAnimation > "u" ? "undefined" : _type_of(propAnimation)) === "object" && propAnimation.type ? animationValue = animations[propAnimation.type] : defaultAnimation && (animationValue = defaultAnimation), animationValue && durationOverride && (animationValue = applyDurationOverride(animationValue, durationOverride)), animationValue ? `${key} ${animationValue}${delayStr}` : null;
       }).filter(Boolean).join(", "), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info("CSS animation", {
         props,
         animations,

package/dist/cjs/createAnimations.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createAnimations_exports","__export","createAnimations","module","exports","import_animation_helpers","require","import_constants","import_use_presence","import_web","import_react","__toESM","_type_of","obj","Symbol","constructor","extractDuration","animation","msMatch","match","Number","parseInt","sMatch","Math","round","parseFloat","animations","reactionListeners","WeakMap","usePresence","ResetPresence","supportsCSS","inputStyle","outputStyle","classNameAnimation","useAnimatedNumber","initial","val","setVal","default","useState","onFinish","setOnFinish","useIsomorphicLayoutEffect","getInstance","getValue","setValue","next","config","onFinish2","listeners","get","forEach","listener","stop","useAnimatedNumberReaction","param","onValue","useEffect","instance","queue","Set","set","add","delete","useAnimatedNumberStyle","getStyle","useAnimations","props","presence","style","componentState","stateRef","isEntering","unmounted","isExiting","sendExitComplete","wasEnteringRef","useRef","justFinishedEntering","current","normalized","normalizeTransition","transition","animationState","effectiveAnimationKey","getEffectiveAnimation","defaultAnimation","animatedProperties","getAnimatedProperties","hasDefault","enter","exit","hasPerPropertyConfigs","length","keys","animateOnly","host","node","animationDuration","_normalized_delay","delay","fallbackTimeout","timeoutId","setTimeout","onFinishAnimation","clearTimeout","addEventListener","removeEventListener","hasAnimation","Array","isArray","transform","transformsToString"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createAnimations_exports","__export","createAnimations","module","exports","import_animation_helpers","require","import_constants","import_use_presence","import_web","import_react","__toESM","_type_of","obj","Symbol","constructor","EXTRACT_MS_REGEX","EXTRACT_S_REGEX","extractDuration","animation","msMatch","match","Number","parseInt","sMatch","Math","round","parseFloat","MS_DURATION_REGEX","S_DURATION_REGEX","applyDurationOverride","durationMs","msReplaced","replace","sReplaced","TRANSFORM_KEYS","buildTransformString","style","parts","x","y","_style_x","_style_y","push","scale","scaleX","scaleY","rotate","val","unit","includes","rotateX","rotateY","rotateZ","skewX","skewY","join","applyStylesToNode","node","transformStr","transform","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","entries","iterator","_step","next","done","key","opacity","String","backgroundColor","color","err","return","animations","reactionListeners","WeakMap","usePresence","ResetPresence","inputStyle","outputStyle","useAnimatedNumber","initial","setVal","default","useState","finishTimerRef","useRef","getInstance","getValue","setValue","config","onFinish","current","clearTimeout","type","duration","setTimeout","listeners","get","forEach","listener","stop","useAnimatedNumberReaction","param","onValue","useEffect","instance","queue","Set","set","add","delete","useAnimatedNumberStyle","getStyle","useAnimations","props","presence","componentState","stateRef","styleState","_normalized_config","isHydrating","unmounted","isEntering","isExiting","sendExitComplete","wasEnteringRef","justFinishedEntering","exitCycleIdRef","exitCompletedRef","wasExitingRef","exitInterruptedRef","justStartedExiting","justStoppedExiting","_styleState_effectiveTransition","effectiveTransition","transition","normalized","normalizeTransition","animationState","effectiveAnimationKey","getEffectiveAnimation","defaultAnimation","animatedProperties","getAnimatedProperties","hasDefault","enter","exit","hasPerPropertyConfigs","length","keys","animateOnly","useIsomorphicLayoutEffect","_normalized_config2","host","cycleId","completeExit","rafId","wasInterrupted","ignoreCancelEvents","enterStyle","exitStyle","delayStr2","delay","durationOverride2","exitTransitionString","map","key2","propAnimation","properties","animationValue2","filter","Boolean","resetStyle","offsetHeight","resetStyle1","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","key1","requestAnimationFrame","maxDuration","animationConfigs","getAnimationConfigsForKeys","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","values","_step2","animationValue"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/index.js

@@ -3,13 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./createAnimations"), module.exports);
-//# sourceMappingURL=index.js.map
+__reExport(index_exports, require("./createAnimations.cjs"), module.exports);