@tamagui/animations-reanimated 1.0.0-beta.187 → 1.0.0-beta.2

package/dist/cjs/createAnimations.js

@@ -2,22 +2,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -51,58 +37,74 @@ function createAnimations(animations) {
     animations,
     View: AnimatedView,
     Text: AnimatedText,
-    useAnimations: (props, state) => {
-      const { style, exitStyle, onDidAnimate, delay } = state;
-      const [isPresent, safeToUnmount] = (0, import_animate_presence.usePresence)();
+    useAnimations: (props, helpers) => {
+      var _a, _b;
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers;
+      const [isEntering, safeToUnmount] = (0, import_animate_presence.useEntering)();
       const presence = (0, import_react.useContext)(import_animate_presence.AnimatePresenceContext);
-      const isMounted = (0, import_react_native_reanimated.useSharedValue)(false);
-      const hasExitStyle = !!exitStyle;
-      const custom = (0, import_react.useCallback)(() => {
-        "worklet";
-        return presence == null ? void 0 : presence.custom;
-      }, [presence]);
-      const reanimatedOnDidAnimated = (0, import_react.useCallback)((...args) => {
-        onDidAnimate == null ? void 0 : onDidAnimate(...args);
+      const exitStyle = (presence == null ? void 0 : presence.exitVariant) ? ((_b = (_a = staticConfig.variantsParsed) == null ? void 0 : _a[presence.exitVariant]) == null ? void 0 : _b.true) || pseudos.exitStyle : pseudos.exitStyle;
+      const reanimatedOnDidAnimated = (0, import_react.useCallback)((...args2) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args2);
       }, [onDidAnimate]);
-      const reanimatedSafeToUnmount = (0, import_react.useCallback)(() => {
-        safeToUnmount == null ? void 0 : safeToUnmount();
-      }, [safeToUnmount]);
-      (0, import_react.useEffect)(() => {
-        isMounted.value = true;
-      }, [isMounted]);
-      (0, import_react.useEffect)(/* @__PURE__ */ __name(function allowUnMountIfMissingExit() {
-        if (!isPresent && !hasExitStyle) {
-          reanimatedSafeToUnmount();
+      const all = getStyle({
+        isEntering,
+        exitVariant: presence == null ? void 0 : presence.exitVariant,
+        enterVariant: presence == null ? void 0 : presence.enterVariant
+      });
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true
+      };
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key];
+        } else {
+          nonAnimatedStyle[key] = all[key];
         }
-      }, "allowUnMountIfMissingExit"), [hasExitStyle, isPresent, reanimatedSafeToUnmount]);
+      }
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isEntering,
+        onDidAnimate,
+        reanimatedOnDidAnimated,
+        presence == null ? void 0 : presence.exitVariant,
+        presence == null ? void 0 : presence.enterVariant
+      ];
       const animatedStyle = (0, import_react_native_reanimated.useAnimatedStyle)(() => {
-        var _a, _b;
+        const style = animatedStyles;
         const final = {
           transform: []
         };
-        const isExiting = !isPresent && !!exitStyle;
+        const isExiting = isEntering === false;
         const transition = animations[props.animation];
-        const mergedStyles = __spreadValues(__spreadValues({}, style), isExiting && exitStyle);
         const exitingStyleProps = {};
         if (exitStyle) {
           for (const key of Object.keys(exitStyle)) {
             exitingStyleProps[key] = true;
           }
         }
-        for (const key in mergedStyles) {
-          const value = mergedStyles[key];
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = animationConfig(key, transition);
+        for (const key in style) {
+          const value = style[key];
+          const aconf = animationConfig(key, transition);
+          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = aconf;
           const callback = /* @__PURE__ */ __name((completed, recentValue) => {
-            if (onDidAnimate) {
-              (0, import_react_native_reanimated.runOnJS)(reanimatedOnDidAnimated)(key, completed, recentValue, {
-                attemptedValue: value
-              });
-            }
+            (0, import_react_native_reanimated.runOnJS)(reanimatedOnDidAnimated)(key, completed, recentValue, {
+              attemptedValue: value
+            });
             if (isExiting) {
               exitingStyleProps[key] = false;
               const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
               if (!areStylesExiting) {
-                (0, import_react_native_reanimated.runOnJS)(reanimatedSafeToUnmount)();
+                if (safeToUnmount) {
+                  (0, import_react_native_reanimated.runOnJS)(safeToUnmount)();
+                }
               }
             }
           }, "callback");
@@ -110,83 +112,69 @@ function createAnimations(animations) {
           if (key === "transform") {
             if (!Array.isArray(value)) {
               console.error(`Invalid transform value. Needs to be an array.`);
-            } else {
-              for (const transformObject of value) {
-                const key2 = Object.keys(transformObject)[0];
-                const transformValue = transformObject[key2];
-                const transform = {};
-                if (((_a = transition == null ? void 0 : transition[key2]) == null ? void 0 : _a.delay) != null) {
-                  delayMs = ((_b = transition == null ? void 0 : transition[key2]) == null ? void 0 : _b.delay) ?? null;
-                }
-                let finalValue = animation(transformValue, config, callback);
-                if (shouldRepeat) {
-                  finalValue = (0, import_react_native_reanimated.withRepeat)(finalValue, repeatCount, repeatReverse);
-                }
-                if (delayMs != null) {
-                  transform[key2] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue);
-                } else {
-                  transform[key2] = finalValue;
-                }
-                if (Object.keys(transform).length) {
-                  final["transform"].push(transform);
-                }
+              continue;
+            }
+            for (const transformObject of value) {
+              const key2 = Object.keys(transformObject)[0];
+              const transformValue = transformObject[key2];
+              let finalValue2 = animation(transformValue, config, callback);
+              if (shouldRepeat) {
+                finalValue2 = (0, import_react_native_reanimated.withRepeat)(finalValue2, repeatCount, repeatReverse);
               }
+              final["transform"].push({
+                [key2]: finalValue2
+              });
             }
-          } else if (typeof value === "object") {
+            continue;
+          }
+          if (typeof value === "object") {
             final[key] = {};
             for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue = animation(value, config, callback);
+              let finalValue2 = animation(value, config, callback);
               if (shouldRepeat) {
-                finalValue = (0, import_react_native_reanimated.withRepeat)(finalValue, repeatCount, repeatReverse);
+                finalValue2 = (0, import_react_native_reanimated.withRepeat)(finalValue2, repeatCount, repeatReverse);
               }
               if (delayMs != null) {
-                final[key][innerStyleKey] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue);
+                final[key][innerStyleKey] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue2);
               } else {
-                final[key][innerStyleKey] = finalValue;
+                final[key][innerStyleKey] = finalValue2;
               }
             }
+            continue;
+          }
+          let finalValue = animation(value, config, callback);
+          if (shouldRepeat) {
+            finalValue = (0, import_react_native_reanimated.withRepeat)(finalValue, repeatCount, repeatReverse);
+          }
+          if (delayMs != null && typeof delayMs === "number") {
+            final[key] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue);
           } else {
-            let finalValue = animation(value, config, callback);
-            if (shouldRepeat) {
-              finalValue = (0, import_react_native_reanimated.withRepeat)(finalValue, repeatCount, repeatReverse);
-            }
-            if (delayMs != null && typeof delayMs === "number") {
-              final[key] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue);
-            } else {
-              final[key] = finalValue;
-            }
+            final[key] = finalValue;
           }
         }
+        if (process.env.NODE_ENV === "development" && props["debug"]) {
+          console.log("animation style", final);
+        }
         return final;
-      }, [
-        style,
-        custom,
-        delay,
-        hasExitStyle,
-        isMounted,
-        isPresent,
-        onDidAnimate,
-        reanimatedOnDidAnimated,
-        reanimatedSafeToUnmount
-      ]);
-      return {
-        style: animatedStyle
-      };
+      }, args);
+      return (0, import_react.useMemo)(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
+      }, args);
     }
   };
 }
 __name(createAnimations, "createAnimations");
 function animationDelay(key, transition, defaultDelay) {
-  var _a, _b;
   "worklet";
-  let delayMs = defaultDelay;
-  if (((_a = transition[key]) == null ? void 0 : _a.delay) != null) {
-    delayMs = (_b = transition[key]) == null ? void 0 : _b.delay;
-  } else if ((transition == null ? void 0 : transition.delay) != null) {
-    delayMs = transition.delay;
+  if (!transition || !transition[key] || transition[key].delayMs === void 0 || transition[key].delayMs === null) {
+    return {
+      delayMs: null
+    };
   }
   return {
-    delayMs
+    delayMs: transition[key].delayMs
   };
 }
 __name(animationDelay, "animationDelay");
@@ -205,7 +193,7 @@ const isColor = /* @__PURE__ */ __name((styleKey) => {
   ].includes(styleKey);
 }, "isColor");
 function animationConfig(styleProp, transition) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e;
   "worklet";
   const key = styleProp;
   let repeatCount = 0;
@@ -214,30 +202,23 @@ function animationConfig(styleProp, transition) {
   if (isColor(key) || key === "opacity") {
     animationType = "timing";
   }
+  if (!transition) {
+    return {};
+  }
   if ((_a = transition[key]) == null ? void 0 : _a.type) {
     animationType = (_b = transition[key]) == null ? void 0 : _b.type;
-  } else if (transition == null ? void 0 : transition.type) {
+  } else if (transition.type) {
     animationType = transition.type;
   }
-  const loop = ((_c = transition[key]) == null ? void 0 : _c.loop) ?? (transition == null ? void 0 : transition.loop);
+  const loop = ((_c = transition[key]) == null ? void 0 : _c.loop) || transition.loop || null;
   if (loop != null) {
     repeatCount = loop ? -1 : 0;
   }
-  if (((_d = transition[key]) == null ? void 0 : _d.repeat) != null) {
-    repeatCount = (_e = transition[key]) == null ? void 0 : _e.repeat;
-  } else if ((transition == null ? void 0 : transition.repeat) != null) {
-    repeatCount = transition.repeat;
-  }
-  if (((_f = transition[key]) == null ? void 0 : _f.repeatReverse) != null) {
-    repeatReverse = (_g = transition[key]) == null ? void 0 : _g.repeatReverse;
-  } else if ((transition == null ? void 0 : transition.repeatReverse) != null) {
-    repeatReverse = transition.repeatReverse;
-  }
   let config = {};
-  let animation = /* @__PURE__ */ __name((...props) => props, "animation");
+  let animation;
   if (animationType === "timing") {
-    const duration = ((_h = transition[key]) == null ? void 0 : _h.duration) ?? (transition == null ? void 0 : transition.duration);
-    const easing = ((_i = transition[key]) == null ? void 0 : _i.easing) ?? (transition == null ? void 0 : transition.easing);
+    const duration = ((_d = transition[key]) == null ? void 0 : _d.duration) ?? (transition == null ? void 0 : transition.duration);
+    const easing = ((_e = transition[key]) == null ? void 0 : _e.easing) ?? (transition == null ? void 0 : transition.easing);
     if (easing) {
       config["easing"] = easing;
     }
@@ -301,4 +282,8 @@ const configKeys = [
   "stiffness",
   "velocity"
 ];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAnimations
+});
 //# sourceMappingURL=createAnimations.js.map

package/dist/cjs/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import { AnimatePresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, UseAnimationProps, UseAnimationState } from '@tamagui/core'\nimport { createContext, useCallback, useContext, useEffect } from 'react'\nimport {\n  PerpectiveTransform,\n  RotateTransform,\n  RotateXTransform,\n  RotateYTransform,\n  RotateZTransform,\n  ScaleTransform,\n  ScaleXTransform,\n  ScaleYTransform,\n  SkewXTransform,\n  SkewYTransform,\n  TranslateXTransform,\n  TranslateYTransform,\n} from 'react-native'\nimport Animated, {\n  WithDecayConfig,\n  WithSpringConfig,\n  WithTimingConfig,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withDecay,\n  withDelay,\n  withRepeat,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\nconst AnimatedView = Animated.View\nconst AnimatedText = Animated.Text\n\nAnimatedView['displayName'] = 'AnimatedView'\nAnimatedText['displayName'] = 'AnimatedText'\n\nexport function createAnimations<A extends Object>(animations: A): AnimationDriver<A> {\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props: UseAnimationProps, state: UseAnimationState) => {\n      const { style, exitStyle, onDidAnimate, delay } = state\n      const [isPresent, safeToUnmount] = usePresence()\n      const presence = useContext(AnimatePresenceContext)\n      const isMounted = useSharedValue(false)\n      const hasExitStyle = !!exitStyle\n      const custom = useCallback(() => {\n        'worklet'\n        return presence?.custom\n      }, [presence])\n\n      const reanimatedOnDidAnimated = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n      const reanimatedSafeToUnmount = useCallback(() => {\n        safeToUnmount?.()\n      }, [safeToUnmount])\n\n      useEffect(() => {\n        isMounted.value = true\n      }, [isMounted])\n\n      useEffect(\n        function allowUnMountIfMissingExit() {\n          if (!isPresent && !hasExitStyle) {\n            reanimatedSafeToUnmount()\n          }\n        },\n        [hasExitStyle, isPresent, reanimatedSafeToUnmount]\n      )\n\n      const animatedStyle = useAnimatedStyle(() => {\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = !isPresent && !!exitStyle\n        const transition = animations[props.animation]\n\n        const mergedStyles = {\n          ...style,\n          // ...isExiting && exitStyle(custom()),\n          ...(isExiting && exitStyle),\n        }\n\n        // console.log('wut', style, hoverStyle, pressStyle, isExiting)\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key of Object.keys(exitStyle)) {\n            exitingStyleProps[key] = true\n          }\n        }\n\n        for (const key in mergedStyles) {\n          const value = mergedStyles[key]\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = animationConfig(\n            key,\n            transition\n          )\n\n          const callback: (completed: boolean, value?: any) => void = (completed, recentValue) => {\n            if (onDidAnimate) {\n              runOnJS(reanimatedOnDidAnimated)(key as any, completed, recentValue, {\n                attemptedValue: value,\n              })\n            }\n            if (isExiting) {\n              exitingStyleProps[key] = false\n              const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n              // if this is true, then we've finished our exit animations\n              if (!areStylesExiting) {\n                runOnJS(reanimatedSafeToUnmount)()\n              }\n            }\n          }\n\n          let { delayMs = null } = animationDelay(key, transition, delay)\n\n          if (key === 'transform') {\n            if (!Array.isArray(value)) {\n              console.error(`Invalid transform value. Needs to be an array.`)\n            } else {\n              for (const transformObject of value) {\n                const key = Object.keys(transformObject)[0]\n                const transformValue = transformObject[key]\n                const transform = {} as any\n                if (transition?.[key]?.delay != null) {\n                  delayMs = transition?.[key]?.delay ?? null\n                }\n                let finalValue = animation(transformValue, config, callback)\n                if (shouldRepeat) {\n                  finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n                }\n                if (delayMs != null) {\n                  transform[key] = withDelay(delayMs, finalValue)\n                } else {\n                  transform[key] = finalValue\n                }\n                if (Object.keys(transform).length) {\n                  final['transform'].push(transform)\n                }\n              }\n            }\n          } else if (typeof value === 'object') {\n            // shadows\n            final[key] = {}\n            for (const innerStyleKey of Object.keys(value || {})) {\n              let finalValue = animation(value, config, callback)\n              if (shouldRepeat) {\n                finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n              }\n              if (delayMs != null) {\n                final[key][innerStyleKey] = withDelay(delayMs, finalValue)\n              } else {\n                final[key][innerStyleKey] = finalValue\n              }\n            }\n          } else {\n            let finalValue = animation(value, config, callback)\n            if (shouldRepeat) {\n              finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n            }\n            if (delayMs != null && typeof delayMs === 'number') {\n              final[key] = withDelay(delayMs, finalValue)\n            } else {\n              final[key] = finalValue\n            }\n          }\n\n          // end for (key in mergedStyles)\n        }\n\n        return final\n      }, [\n        style,\n        custom,\n        delay,\n        // disableInitialAnimation,\n        // exitProp,\n        // exitTransitionProp,\n        // fromProp,\n        hasExitStyle,\n        isMounted,\n        isPresent,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        reanimatedSafeToUnmount,\n        // state,\n        // stylePriority,\n        // transitionProp,\n      ])\n\n      return {\n        style: animatedStyle,\n      }\n    },\n  }\n}\n\nfunction animationDelay<Animate>(\n  key: string,\n  transition: MotiTransition<Animate> | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  let delayMs: TransitionConfig['delay'] = defaultDelay\n\n  if (transition[key as keyof Animate]?.delay != null) {\n    delayMs = transition[key as keyof Animate]?.delay\n  } else if (transition?.delay != null) {\n    delayMs = transition.delay\n  }\n\n  return {\n    delayMs,\n  }\n}\n\ntype MotiTransition<A> = any\ntype Transforms = PerpectiveTransform &\n  RotateTransform &\n  RotateXTransform &\n  RotateYTransform &\n  RotateZTransform &\n  ScaleTransform &\n  ScaleXTransform &\n  ScaleYTransform &\n  TranslateXTransform &\n  TranslateYTransform &\n  SkewXTransform &\n  SkewYTransform\ntype TransitionConfigWithoutRepeats = (\n  | ({ type?: 'spring' } & WithSpringConfig)\n  | ({ type: 'timing' } & WithTimingConfig)\n  | ({ type: 'decay' } & WithDecayConfig)\n) & {\n  delay?: number\n}\n\ntype TransitionConfig = TransitionConfigWithoutRepeats & {\n  /**\n   * Number of times this animation should repeat. To make it infinite, use the `loop` boolean.\n   *\n   * Default: `0`\n   *\n   * It's worth noting that this value isn't *exactly* a `repeat`. Instead, it uses Reanimated's `withRepeat` function under the hood, which repeats back to the **previous value**. If you want a repeated animation, I recommend setting it to `true` from the start, and make sure you have a `from` value.\n   *\n   * As a result, this value cannot be reliably changed on the fly. If you would like animations to repeat based on the `from` value, `repeat` must be a number when the component initializes. You can set it to `0` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  repeat?: number\n  /**\n   * Setting this to `true` is the same as `repeat: Infinity`\n   *\n   * Default: `false`\n   *\n   * Note: this value cannot be set on the fly. If you would like animations to repeat based on the `from` value, it must be `true` when the component initializes. You can set it to `false` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  loop?: boolean\n  /**\n   * Whether or not the animation repetition should alternate in direction.\n   *\n   * By default, this is `true`.\n   *\n   * If `false`, any animations with `loop` or `repeat` will not go back and forth. Instead, they will go from 0 -> 1, and again from 0 -> 1.\n   *\n   * If `true`, then animations will go 0 -> 1 -> 0.\n   *\n   * Setting this to `true` is like setting `animationDirection: alternate` in CSS.\n   */\n  repeatReverse?: boolean\n}\n\nconst isColor = (styleKey: string) => {\n  'worklet'\n  return [\n    'backgroundColor',\n    'borderBottomColor',\n    'borderColor',\n    'borderEndColor',\n    'borderLeftColor',\n    'borderRightColor',\n    'borderStartColor',\n    'borderTopColor',\n    'color',\n  ].includes(styleKey)\n}\n\nfunction animationConfig<Animate>(\n  styleProp: string,\n  transition: MotiTransition<Animate> | undefined\n) {\n  'worklet'\n  const key = styleProp\n  let repeatCount = 0\n  let repeatReverse = true\n  let animationType: Required<TransitionConfig>['type'] = 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  // say that we're looking at `width`\n  // first, check if we have transition.width.type\n  if (transition[key as keyof Animate]?.type) {\n    animationType = (transition as any)[key]?.type\n  } else if (transition?.type) {\n    // otherwise, fallback to transition.type\n    animationType = transition.type\n  }\n\n  const loop = transition[key as keyof Animate]?.loop ?? transition?.loop\n\n  if (loop != null) {\n    repeatCount = loop ? -1 : 0\n  }\n\n  if (transition[key as keyof Animate]?.repeat != null) {\n    repeatCount = transition[key as keyof Animate]?.repeat\n  } else if (transition?.repeat != null) {\n    repeatCount = transition.repeat\n  }\n\n  if (transition[key as keyof Animate]?.repeatReverse != null) {\n    repeatReverse = transition[key as keyof Animate]?.repeatReverse\n  } else if (transition?.repeatReverse != null) {\n    repeatReverse = transition.repeatReverse\n  }\n\n  let config = {}\n  // so sad, but fix it later :(\n  let animation = (...props: any): any => props\n\n  if (animationType === 'timing') {\n    const duration =\n      (transition[key as keyof Animate] as WithTimingConfig)?.duration ??\n      (transition as WithTimingConfig)?.duration\n\n    const easing =\n      (transition[key as keyof Animate] as WithTimingConfig)?.easing ??\n      (transition as WithTimingConfig)?.easing\n\n    if (easing) {\n      config['easing'] = easing\n    }\n    if (duration != null) {\n      config['duration'] = duration\n    }\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n    config = {} as WithSpringConfig\n    configKeys.forEach((configKey) => {\n      'worklet'\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = {\n      velocity: 2,\n      deceleration: 2,\n    }\n    const configKeys: (keyof WithDecayConfig)[] = [\n      'clamp',\n      'velocity',\n      'deceleration',\n      'velocityFactor',\n    ]\n    configKeys.forEach((configKey) => {\n      'worklet'\n      // is this necessary ^ don't think so...?\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n\nconst configKeys: (keyof WithSpringConfig)[] = [\n  'damping',\n  'mass',\n  'overshootClamping',\n  'restDisplacementThreshold',\n  'restSpeedThreshold',\n  'stiffness',\n  'velocity',\n]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { AnimatePresenceContext, useEntering } from '@tamagui/animate-presence'\nimport { AnimationDriver } from '@tamagui/core'\nimport { useCallback, useContext, useEffect, useMemo } from 'react'\nimport Animated, {\n  WithDecayConfig,\n  WithSpringConfig,\n  WithTimingConfig,\n  runOnJS,\n  useAnimatedStyle,\n  withDecay,\n  withDelay,\n  withRepeat,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig =\n  | ({ type: 'timing'; loop?: number } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number } & WithDecayConfig)\n// | ({ type: 'transition' } & TransitionProps)\n\nconst AnimatedView = Animated.View\nconst AnimatedText = Animated.Text\n\nAnimatedView['displayName'] = 'AnimatedView'\nAnimatedText['displayName'] = 'AnimatedText'\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props, helpers) => {\n      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers\n      const [isEntering, safeToUnmount] = useEntering()\n      const presence = useContext(AnimatePresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const reanimatedOnDidAnimated = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n\n      const all = getStyle({\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\n      const animatedStyleKey = {\n        transform: true,\n        opacity: true,\n      }\n      for (const key of Object.keys(all)) {\n        if (animatedStyleKey[key]) {\n          animatedStyles[key] = all[key]\n        } else {\n          nonAnimatedStyle[key] = all[key]\n        }\n      }\n\n      const args = [\n        JSON.stringify(all),\n        state.mounted,\n        state.hover,\n        state.press,\n        state.pressIn,\n        state.focus,\n        delay,\n        isEntering,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const animatedStyle = useAnimatedStyle(() => {\n        const style = animatedStyles\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isEntering === false\n        const transition = animations[props.animation]\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key of Object.keys(exitStyle)) {\n            exitingStyleProps[key] = true\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const aconf = animationConfig(key, transition)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = aconf\n\n          const callback: (completed: boolean, value?: any) => void = (completed, recentValue) => {\n            runOnJS(reanimatedOnDidAnimated)(key, completed, recentValue, {\n              attemptedValue: value,\n            })\n            if (isExiting) {\n              exitingStyleProps[key] = false\n              const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n              // if this is true, then we've finished our exit animations\n              if (!areStylesExiting) {\n                if (safeToUnmount) {\n                  runOnJS(safeToUnmount)()\n                }\n              }\n            }\n          }\n\n          let { delayMs = null } = animationDelay(key, transition, delay)\n\n          if (key === 'transform') {\n            if (!Array.isArray(value)) {\n              console.error(`Invalid transform value. Needs to be an array.`)\n              continue\n            }\n\n            for (const transformObject of value) {\n              const key = Object.keys(transformObject)[0]\n              const transformValue = transformObject[key]\n              let finalValue = animation(transformValue, config, callback)\n              if (shouldRepeat) {\n                finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n              }\n              final['transform'].push({\n                [key]: finalValue,\n              })\n            }\n            continue\n          }\n\n          if (typeof value === 'object') {\n            // shadows\n            final[key] = {}\n            for (const innerStyleKey of Object.keys(value || {})) {\n              let finalValue = animation(value, config, callback)\n              if (shouldRepeat) {\n                finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n              }\n              if (delayMs != null) {\n                final[key][innerStyleKey] = withDelay(delayMs, finalValue)\n              } else {\n                final[key][innerStyleKey] = finalValue\n              }\n            }\n            continue\n          }\n\n          let finalValue = animation(value, config, callback)\n          if (shouldRepeat) {\n            finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n          }\n          if (delayMs != null && typeof delayMs === 'number') {\n            final[key] = withDelay(delayMs, finalValue)\n          } else {\n            final[key] = finalValue\n          }\n\n          // end for (key in mergedStyles)\n        }\n\n        if (process.env.NODE_ENV === 'development' && props['debug']) {\n          console.log('animation style', final)\n        }\n\n        return final\n      }, args)\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  transition: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !transition ||\n    !transition[key] ||\n    transition[key].delayMs === undefined ||\n    transition[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: transition[key].delayMs as TransitionConfig['delay'],\n  }\n}\n\ntype TransitionConfigWithoutRepeats = (\n  | ({ type?: 'spring' } & WithSpringConfig)\n  | ({ type: 'timing' } & WithTimingConfig)\n  | ({ type: 'decay' } & WithDecayConfig)\n) & {\n  delay?: number\n}\n\ntype TransitionConfig = TransitionConfigWithoutRepeats & {\n  /**\n   * Number of times this animation should repeat. To make it infinite, use the `loop` boolean.\n   *\n   * Default: `0`\n   *\n   * It's worth noting that this value isn't *exactly* a `repeat`. Instead, it uses Reanimated's `withRepeat` function under the hood, which repeats back to the **previous value**. If you want a repeated animation, I recommend setting it to `true` from the start, and make sure you have a `from` value.\n   *\n   * As a result, this value cannot be reliably changed on the fly. If you would like animations to repeat based on the `from` value, `repeat` must be a number when the component initializes. You can set it to `0` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  repeat?: number\n  /**\n   * Setting this to `true` is the same as `repeat: Infinity`\n   *\n   * Default: `false`\n   *\n   * Note: this value cannot be set on the fly. If you would like animations to repeat based on the `from` value, it must be `true` when the component initializes. You can set it to `false` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  loop?: boolean\n  /**\n   * Whether or not the animation repetition should alternate in direction.\n   *\n   * By default, this is `true`.\n   *\n   * If `false`, any animations with `loop` or `repeat` will not go back and forth. Instead, they will go from 0 -> 1, and again from 0 -> 1.\n   *\n   * If `true`, then animations will go 0 -> 1 -> 0.\n   *\n   * Setting this to `true` is like setting `animationDirection: alternate` in CSS.\n   */\n  repeatReverse?: boolean\n}\n\nconst isColor = (styleKey: string) => {\n  'worklet'\n  return [\n    'backgroundColor',\n    'borderBottomColor',\n    'borderColor',\n    'borderEndColor',\n    'borderLeftColor',\n    'borderRightColor',\n    'borderStartColor',\n    'borderTopColor',\n    'color',\n  ].includes(styleKey)\n}\n\nfunction animationConfig<Animate>(styleProp: string, transition: AnimationConfig | undefined) {\n  'worklet'\n  const key = styleProp\n  let repeatCount = 0\n  let repeatReverse = true\n  let animationType: Required<TransitionConfig>['type'] = 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if (!transition) {\n    return {}\n  }\n\n  // say that we're looking at `width`\n  // first, check if we have transition.width.type\n  if (transition[key]?.type) {\n    animationType = transition[key]?.type\n  } else if (transition.type) {\n    // otherwise, fallback to transition.type\n    animationType = transition.type\n  }\n\n  const loop = transition[key]?.loop || transition.loop || null\n\n  if (loop != null) {\n    repeatCount = loop ? -1 : 0\n  }\n\n  // if (transition[key]?.repeat != null) {\n  //   repeatCount = transition[key]?.repeat\n  // } else if (transition?.repeat != null) {\n  //   repeatCount = transition.repeat\n  // }\n\n  // if (transition[key]?.repeatReverse != null) {\n  //   repeatReverse = transition[key]?.repeatReverse\n  // } else if (transition?.repeatReverse != null) {\n  //   repeatReverse = transition.repeatReverse\n  // }\n\n  let config = {}\n  // so sad, but fix it later :(\n  let animation: any\n\n  if (animationType === 'timing') {\n    const duration =\n      (transition[key] as WithTimingConfig)?.duration ?? (transition as WithTimingConfig)?.duration\n\n    const easing =\n      (transition[key] as WithTimingConfig)?.easing ?? (transition as WithTimingConfig)?.easing\n\n    if (easing) {\n      config['easing'] = easing\n    }\n    if (duration != null) {\n      config['duration'] = duration\n    }\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n    config = {} as WithSpringConfig\n    configKeys.forEach((configKey) => {\n      'worklet'\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = {\n      velocity: 2,\n      deceleration: 2,\n    }\n    const configKeys: (keyof WithDecayConfig)[] = [\n      'clamp',\n      'velocity',\n      'deceleration',\n      'velocityFactor',\n    ]\n    configKeys.forEach((configKey) => {\n      'worklet'\n      // is this necessary ^ don't think so...?\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n\nconst configKeys: (keyof WithSpringConfig)[] = [\n  'damping',\n  'mass',\n  'overshootClamping',\n  'restDisplacementThreshold',\n  'restSpeedThreshold',\n  'stiffness',\n  'velocity',\n]\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/createAnimations.js

@@ -1,11 +1,10 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { AnimatePresenceContext, usePresence } from "@tamagui/animate-presence";
-import { useCallback, useContext, useEffect } from "react";
+import { AnimatePresenceContext, useEntering } from "@tamagui/animate-presence";
+import { useCallback, useContext, useMemo } from "react";
 import Animated, {
   runOnJS,
   useAnimatedStyle,
-  useSharedValue,
   withDecay,
   withDelay,
   withRepeat,
@@ -22,61 +21,74 @@ function createAnimations(animations) {
     animations,
     View: AnimatedView,
     Text: AnimatedText,
-    useAnimations: (props, state) => {
-      const { style, exitStyle, onDidAnimate, delay } = state;
-      const [isPresent, safeToUnmount] = usePresence();
+    useAnimations: (props, helpers) => {
+      var _a, _b;
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers;
+      const [isEntering, safeToUnmount] = useEntering();
       const presence = useContext(AnimatePresenceContext);
-      const isMounted = useSharedValue(false);
-      const hasExitStyle = !!exitStyle;
-      const custom = useCallback(() => {
-        "worklet";
-        return presence == null ? void 0 : presence.custom;
-      }, [presence]);
-      const reanimatedOnDidAnimated = useCallback((...args) => {
-        onDidAnimate == null ? void 0 : onDidAnimate(...args);
+      const exitStyle = (presence == null ? void 0 : presence.exitVariant) ? ((_b = (_a = staticConfig.variantsParsed) == null ? void 0 : _a[presence.exitVariant]) == null ? void 0 : _b.true) || pseudos.exitStyle : pseudos.exitStyle;
+      const reanimatedOnDidAnimated = useCallback((...args2) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args2);
       }, [onDidAnimate]);
-      const reanimatedSafeToUnmount = useCallback(() => {
-        safeToUnmount == null ? void 0 : safeToUnmount();
-      }, [safeToUnmount]);
-      useEffect(() => {
-        isMounted.value = true;
-      }, [isMounted]);
-      useEffect(/* @__PURE__ */ __name(function allowUnMountIfMissingExit() {
-        if (!isPresent && !hasExitStyle) {
-          reanimatedSafeToUnmount();
+      const all = getStyle({
+        isEntering,
+        exitVariant: presence == null ? void 0 : presence.exitVariant,
+        enterVariant: presence == null ? void 0 : presence.enterVariant
+      });
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true
+      };
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key];
+        } else {
+          nonAnimatedStyle[key] = all[key];
         }
-      }, "allowUnMountIfMissingExit"), [hasExitStyle, isPresent, reanimatedSafeToUnmount]);
+      }
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isEntering,
+        onDidAnimate,
+        reanimatedOnDidAnimated,
+        presence == null ? void 0 : presence.exitVariant,
+        presence == null ? void 0 : presence.enterVariant
+      ];
       const animatedStyle = useAnimatedStyle(() => {
-        var _a, _b, _c;
+        const style = animatedStyles;
         const final = {
           transform: []
         };
-        const isExiting = !isPresent && !!exitStyle;
+        const isExiting = isEntering === false;
         const transition = animations[props.animation];
-        const mergedStyles = {
-          ...style,
-          ...isExiting && exitStyle
-        };
         const exitingStyleProps = {};
         if (exitStyle) {
           for (const key of Object.keys(exitStyle)) {
             exitingStyleProps[key] = true;
           }
         }
-        for (const key in mergedStyles) {
-          const value = mergedStyles[key];
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = animationConfig(key, transition);
+        for (const key in style) {
+          const value = style[key];
+          const aconf = animationConfig(key, transition);
+          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = aconf;
           const callback = /* @__PURE__ */ __name((completed, recentValue) => {
-            if (onDidAnimate) {
-              runOnJS(reanimatedOnDidAnimated)(key, completed, recentValue, {
-                attemptedValue: value
-              });
-            }
+            runOnJS(reanimatedOnDidAnimated)(key, completed, recentValue, {
+              attemptedValue: value
+            });
             if (isExiting) {
               exitingStyleProps[key] = false;
               const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
               if (!areStylesExiting) {
-                runOnJS(reanimatedSafeToUnmount)();
+                if (safeToUnmount) {
+                  runOnJS(safeToUnmount)();
+                }
               }
             }
           }, "callback");
@@ -84,83 +96,69 @@ function createAnimations(animations) {
           if (key === "transform") {
             if (!Array.isArray(value)) {
               console.error(`Invalid transform value. Needs to be an array.`);
-            } else {
-              for (const transformObject of value) {
-                const key2 = Object.keys(transformObject)[0];
-                const transformValue = transformObject[key2];
-                const transform = {};
-                if (((_a = transition == null ? void 0 : transition[key2]) == null ? void 0 : _a.delay) != null) {
-                  delayMs = (_c = (_b = transition == null ? void 0 : transition[key2]) == null ? void 0 : _b.delay) != null ? _c : null;
-                }
-                let finalValue = animation(transformValue, config, callback);
-                if (shouldRepeat) {
-                  finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
-                }
-                if (delayMs != null) {
-                  transform[key2] = withDelay(delayMs, finalValue);
-                } else {
-                  transform[key2] = finalValue;
-                }
-                if (Object.keys(transform).length) {
-                  final["transform"].push(transform);
-                }
+              continue;
+            }
+            for (const transformObject of value) {
+              const key2 = Object.keys(transformObject)[0];
+              const transformValue = transformObject[key2];
+              let finalValue2 = animation(transformValue, config, callback);
+              if (shouldRepeat) {
+                finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
+              final["transform"].push({
+                [key2]: finalValue2
+              });
             }
-          } else if (typeof value === "object") {
+            continue;
+          }
+          if (typeof value === "object") {
             final[key] = {};
             for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue = animation(value, config, callback);
+              let finalValue2 = animation(value, config, callback);
               if (shouldRepeat) {
-                finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
+                finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
               if (delayMs != null) {
-                final[key][innerStyleKey] = withDelay(delayMs, finalValue);
+                final[key][innerStyleKey] = withDelay(delayMs, finalValue2);
               } else {
-                final[key][innerStyleKey] = finalValue;
+                final[key][innerStyleKey] = finalValue2;
               }
             }
+            continue;
+          }
+          let finalValue = animation(value, config, callback);
+          if (shouldRepeat) {
+            finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
+          }
+          if (delayMs != null && typeof delayMs === "number") {
+            final[key] = withDelay(delayMs, finalValue);
           } else {
-            let finalValue = animation(value, config, callback);
-            if (shouldRepeat) {
-              finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
-            }
-            if (delayMs != null && typeof delayMs === "number") {
-              final[key] = withDelay(delayMs, finalValue);
-            } else {
-              final[key] = finalValue;
-            }
+            final[key] = finalValue;
           }
         }
+        if (process.env.NODE_ENV === "development" && props["debug"]) {
+          console.log("animation style", final);
+        }
         return final;
-      }, [
-        style,
-        custom,
-        delay,
-        hasExitStyle,
-        isMounted,
-        isPresent,
-        onDidAnimate,
-        reanimatedOnDidAnimated,
-        reanimatedSafeToUnmount
-      ]);
-      return {
-        style: animatedStyle
-      };
+      }, args);
+      return useMemo(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
+      }, args);
     }
   };
 }
 __name(createAnimations, "createAnimations");
 function animationDelay(key, transition, defaultDelay) {
-  var _a, _b;
   "worklet";
-  let delayMs = defaultDelay;
-  if (((_a = transition[key]) == null ? void 0 : _a.delay) != null) {
-    delayMs = (_b = transition[key]) == null ? void 0 : _b.delay;
-  } else if ((transition == null ? void 0 : transition.delay) != null) {
-    delayMs = transition.delay;
+  if (!transition || !transition[key] || transition[key].delayMs === void 0 || transition[key].delayMs === null) {
+    return {
+      delayMs: null
+    };
   }
   return {
-    delayMs
+    delayMs: transition[key].delayMs
   };
 }
 __name(animationDelay, "animationDelay");
@@ -179,7 +177,7 @@ const isColor = /* @__PURE__ */ __name((styleKey) => {
   ].includes(styleKey);
 }, "isColor");
 function animationConfig(styleProp, transition) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g;
   "worklet";
   const key = styleProp;
   let repeatCount = 0;
@@ -188,30 +186,23 @@ function animationConfig(styleProp, transition) {
   if (isColor(key) || key === "opacity") {
     animationType = "timing";
   }
+  if (!transition) {
+    return {};
+  }
   if ((_a = transition[key]) == null ? void 0 : _a.type) {
     animationType = (_b = transition[key]) == null ? void 0 : _b.type;
-  } else if (transition == null ? void 0 : transition.type) {
+  } else if (transition.type) {
     animationType = transition.type;
   }
-  const loop = (_d = (_c = transition[key]) == null ? void 0 : _c.loop) != null ? _d : transition == null ? void 0 : transition.loop;
+  const loop = ((_c = transition[key]) == null ? void 0 : _c.loop) || transition.loop || null;
   if (loop != null) {
     repeatCount = loop ? -1 : 0;
   }
-  if (((_e = transition[key]) == null ? void 0 : _e.repeat) != null) {
-    repeatCount = (_f = transition[key]) == null ? void 0 : _f.repeat;
-  } else if ((transition == null ? void 0 : transition.repeat) != null) {
-    repeatCount = transition.repeat;
-  }
-  if (((_g = transition[key]) == null ? void 0 : _g.repeatReverse) != null) {
-    repeatReverse = (_h = transition[key]) == null ? void 0 : _h.repeatReverse;
-  } else if ((transition == null ? void 0 : transition.repeatReverse) != null) {
-    repeatReverse = transition.repeatReverse;
-  }
   let config = {};
-  let animation = /* @__PURE__ */ __name((...props) => props, "animation");
+  let animation;
   if (animationType === "timing") {
-    const duration = (_j = (_i = transition[key]) == null ? void 0 : _i.duration) != null ? _j : transition == null ? void 0 : transition.duration;
-    const easing = (_l = (_k = transition[key]) == null ? void 0 : _k.easing) != null ? _l : transition == null ? void 0 : transition.easing;
+    const duration = (_e = (_d = transition[key]) == null ? void 0 : _d.duration) != null ? _e : transition == null ? void 0 : transition.duration;
+    const easing = (_g = (_f = transition[key]) == null ? void 0 : _f.easing) != null ? _g : transition == null ? void 0 : transition.easing;
     if (easing) {
       config["easing"] = easing;
     }

package/dist/esm/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import { AnimatePresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, UseAnimationProps, UseAnimationState } from '@tamagui/core'\nimport { createContext, useCallback, useContext, useEffect } from 'react'\nimport {\n  PerpectiveTransform,\n  RotateTransform,\n  RotateXTransform,\n  RotateYTransform,\n  RotateZTransform,\n  ScaleTransform,\n  ScaleXTransform,\n  ScaleYTransform,\n  SkewXTransform,\n  SkewYTransform,\n  TranslateXTransform,\n  TranslateYTransform,\n} from 'react-native'\nimport Animated, {\n  WithDecayConfig,\n  WithSpringConfig,\n  WithTimingConfig,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withDecay,\n  withDelay,\n  withRepeat,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\nconst AnimatedView = Animated.View\nconst AnimatedText = Animated.Text\n\nAnimatedView['displayName'] = 'AnimatedView'\nAnimatedText['displayName'] = 'AnimatedText'\n\nexport function createAnimations<A extends Object>(animations: A): AnimationDriver<A> {\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props: UseAnimationProps, state: UseAnimationState) => {\n      const { style, exitStyle, onDidAnimate, delay } = state\n      const [isPresent, safeToUnmount] = usePresence()\n      const presence = useContext(AnimatePresenceContext)\n      const isMounted = useSharedValue(false)\n      const hasExitStyle = !!exitStyle\n      const custom = useCallback(() => {\n        'worklet'\n        return presence?.custom\n      }, [presence])\n\n      const reanimatedOnDidAnimated = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n      const reanimatedSafeToUnmount = useCallback(() => {\n        safeToUnmount?.()\n      }, [safeToUnmount])\n\n      useEffect(() => {\n        isMounted.value = true\n      }, [isMounted])\n\n      useEffect(\n        function allowUnMountIfMissingExit() {\n          if (!isPresent && !hasExitStyle) {\n            reanimatedSafeToUnmount()\n          }\n        },\n        [hasExitStyle, isPresent, reanimatedSafeToUnmount]\n      )\n\n      const animatedStyle = useAnimatedStyle(() => {\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = !isPresent && !!exitStyle\n        const transition = animations[props.animation]\n\n        const mergedStyles = {\n          ...style,\n          // ...isExiting && exitStyle(custom()),\n          ...(isExiting && exitStyle),\n        }\n\n        // console.log('wut', style, hoverStyle, pressStyle, isExiting)\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key of Object.keys(exitStyle)) {\n            exitingStyleProps[key] = true\n          }\n        }\n\n        for (const key in mergedStyles) {\n          const value = mergedStyles[key]\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = animationConfig(\n            key,\n            transition\n          )\n\n          const callback: (completed: boolean, value?: any) => void = (completed, recentValue) => {\n            if (onDidAnimate) {\n              runOnJS(reanimatedOnDidAnimated)(key as any, completed, recentValue, {\n                attemptedValue: value,\n              })\n            }\n            if (isExiting) {\n              exitingStyleProps[key] = false\n              const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n              // if this is true, then we've finished our exit animations\n              if (!areStylesExiting) {\n                runOnJS(reanimatedSafeToUnmount)()\n              }\n            }\n          }\n\n          let { delayMs = null } = animationDelay(key, transition, delay)\n\n          if (key === 'transform') {\n            if (!Array.isArray(value)) {\n              console.error(`Invalid transform value. Needs to be an array.`)\n            } else {\n              for (const transformObject of value) {\n                const key = Object.keys(transformObject)[0]\n                const transformValue = transformObject[key]\n                const transform = {} as any\n                if (transition?.[key]?.delay != null) {\n                  delayMs = transition?.[key]?.delay ?? null\n                }\n                let finalValue = animation(transformValue, config, callback)\n                if (shouldRepeat) {\n                  finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n                }\n                if (delayMs != null) {\n                  transform[key] = withDelay(delayMs, finalValue)\n                } else {\n                  transform[key] = finalValue\n                }\n                if (Object.keys(transform).length) {\n                  final['transform'].push(transform)\n                }\n              }\n            }\n          } else if (typeof value === 'object') {\n            // shadows\n            final[key] = {}\n            for (const innerStyleKey of Object.keys(value || {})) {\n              let finalValue = animation(value, config, callback)\n              if (shouldRepeat) {\n                finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n              }\n              if (delayMs != null) {\n                final[key][innerStyleKey] = withDelay(delayMs, finalValue)\n              } else {\n                final[key][innerStyleKey] = finalValue\n              }\n            }\n          } else {\n            let finalValue = animation(value, config, callback)\n            if (shouldRepeat) {\n              finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n            }\n            if (delayMs != null && typeof delayMs === 'number') {\n              final[key] = withDelay(delayMs, finalValue)\n            } else {\n              final[key] = finalValue\n            }\n          }\n\n          // end for (key in mergedStyles)\n        }\n\n        return final\n      }, [\n        style,\n        custom,\n        delay,\n        // disableInitialAnimation,\n        // exitProp,\n        // exitTransitionProp,\n        // fromProp,\n        hasExitStyle,\n        isMounted,\n        isPresent,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        reanimatedSafeToUnmount,\n        // state,\n        // stylePriority,\n        // transitionProp,\n      ])\n\n      return {\n        style: animatedStyle,\n      }\n    },\n  }\n}\n\nfunction animationDelay<Animate>(\n  key: string,\n  transition: MotiTransition<Animate> | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  let delayMs: TransitionConfig['delay'] = defaultDelay\n\n  if (transition[key as keyof Animate]?.delay != null) {\n    delayMs = transition[key as keyof Animate]?.delay\n  } else if (transition?.delay != null) {\n    delayMs = transition.delay\n  }\n\n  return {\n    delayMs,\n  }\n}\n\ntype MotiTransition<A> = any\ntype Transforms = PerpectiveTransform &\n  RotateTransform &\n  RotateXTransform &\n  RotateYTransform &\n  RotateZTransform &\n  ScaleTransform &\n  ScaleXTransform &\n  ScaleYTransform &\n  TranslateXTransform &\n  TranslateYTransform &\n  SkewXTransform &\n  SkewYTransform\ntype TransitionConfigWithoutRepeats = (\n  | ({ type?: 'spring' } & WithSpringConfig)\n  | ({ type: 'timing' } & WithTimingConfig)\n  | ({ type: 'decay' } & WithDecayConfig)\n) & {\n  delay?: number\n}\n\ntype TransitionConfig = TransitionConfigWithoutRepeats & {\n  /**\n   * Number of times this animation should repeat. To make it infinite, use the `loop` boolean.\n   *\n   * Default: `0`\n   *\n   * It's worth noting that this value isn't *exactly* a `repeat`. Instead, it uses Reanimated's `withRepeat` function under the hood, which repeats back to the **previous value**. If you want a repeated animation, I recommend setting it to `true` from the start, and make sure you have a `from` value.\n   *\n   * As a result, this value cannot be reliably changed on the fly. If you would like animations to repeat based on the `from` value, `repeat` must be a number when the component initializes. You can set it to `0` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  repeat?: number\n  /**\n   * Setting this to `true` is the same as `repeat: Infinity`\n   *\n   * Default: `false`\n   *\n   * Note: this value cannot be set on the fly. If you would like animations to repeat based on the `from` value, it must be `true` when the component initializes. You can set it to `false` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  loop?: boolean\n  /**\n   * Whether or not the animation repetition should alternate in direction.\n   *\n   * By default, this is `true`.\n   *\n   * If `false`, any animations with `loop` or `repeat` will not go back and forth. Instead, they will go from 0 -> 1, and again from 0 -> 1.\n   *\n   * If `true`, then animations will go 0 -> 1 -> 0.\n   *\n   * Setting this to `true` is like setting `animationDirection: alternate` in CSS.\n   */\n  repeatReverse?: boolean\n}\n\nconst isColor = (styleKey: string) => {\n  'worklet'\n  return [\n    'backgroundColor',\n    'borderBottomColor',\n    'borderColor',\n    'borderEndColor',\n    'borderLeftColor',\n    'borderRightColor',\n    'borderStartColor',\n    'borderTopColor',\n    'color',\n  ].includes(styleKey)\n}\n\nfunction animationConfig<Animate>(\n  styleProp: string,\n  transition: MotiTransition<Animate> | undefined\n) {\n  'worklet'\n  const key = styleProp\n  let repeatCount = 0\n  let repeatReverse = true\n  let animationType: Required<TransitionConfig>['type'] = 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  // say that we're looking at `width`\n  // first, check if we have transition.width.type\n  if (transition[key as keyof Animate]?.type) {\n    animationType = (transition as any)[key]?.type\n  } else if (transition?.type) {\n    // otherwise, fallback to transition.type\n    animationType = transition.type\n  }\n\n  const loop = transition[key as keyof Animate]?.loop ?? transition?.loop\n\n  if (loop != null) {\n    repeatCount = loop ? -1 : 0\n  }\n\n  if (transition[key as keyof Animate]?.repeat != null) {\n    repeatCount = transition[key as keyof Animate]?.repeat\n  } else if (transition?.repeat != null) {\n    repeatCount = transition.repeat\n  }\n\n  if (transition[key as keyof Animate]?.repeatReverse != null) {\n    repeatReverse = transition[key as keyof Animate]?.repeatReverse\n  } else if (transition?.repeatReverse != null) {\n    repeatReverse = transition.repeatReverse\n  }\n\n  let config = {}\n  // so sad, but fix it later :(\n  let animation = (...props: any): any => props\n\n  if (animationType === 'timing') {\n    const duration =\n      (transition[key as keyof Animate] as WithTimingConfig)?.duration ??\n      (transition as WithTimingConfig)?.duration\n\n    const easing =\n      (transition[key as keyof Animate] as WithTimingConfig)?.easing ??\n      (transition as WithTimingConfig)?.easing\n\n    if (easing) {\n      config['easing'] = easing\n    }\n    if (duration != null) {\n      config['duration'] = duration\n    }\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n    config = {} as WithSpringConfig\n    configKeys.forEach((configKey) => {\n      'worklet'\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = {\n      velocity: 2,\n      deceleration: 2,\n    }\n    const configKeys: (keyof WithDecayConfig)[] = [\n      'clamp',\n      'velocity',\n      'deceleration',\n      'velocityFactor',\n    ]\n    configKeys.forEach((configKey) => {\n      'worklet'\n      // is this necessary ^ don't think so...?\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n\nconst configKeys: (keyof WithSpringConfig)[] = [\n  'damping',\n  'mass',\n  'overshootClamping',\n  'restDisplacementThreshold',\n  'restSpeedThreshold',\n  'stiffness',\n  'velocity',\n]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { AnimatePresenceContext, useEntering } from '@tamagui/animate-presence'\nimport { AnimationDriver } from '@tamagui/core'\nimport { useCallback, useContext, useEffect, useMemo } from 'react'\nimport Animated, {\n  WithDecayConfig,\n  WithSpringConfig,\n  WithTimingConfig,\n  runOnJS,\n  useAnimatedStyle,\n  withDecay,\n  withDelay,\n  withRepeat,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig =\n  | ({ type: 'timing'; loop?: number } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number } & WithDecayConfig)\n// | ({ type: 'transition' } & TransitionProps)\n\nconst AnimatedView = Animated.View\nconst AnimatedText = Animated.Text\n\nAnimatedView['displayName'] = 'AnimatedView'\nAnimatedText['displayName'] = 'AnimatedText'\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props, helpers) => {\n      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers\n      const [isEntering, safeToUnmount] = useEntering()\n      const presence = useContext(AnimatePresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const reanimatedOnDidAnimated = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n\n      const all = getStyle({\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\n      const animatedStyleKey = {\n        transform: true,\n        opacity: true,\n      }\n      for (const key of Object.keys(all)) {\n        if (animatedStyleKey[key]) {\n          animatedStyles[key] = all[key]\n        } else {\n          nonAnimatedStyle[key] = all[key]\n        }\n      }\n\n      const args = [\n        JSON.stringify(all),\n        state.mounted,\n        state.hover,\n        state.press,\n        state.pressIn,\n        state.focus,\n        delay,\n        isEntering,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const animatedStyle = useAnimatedStyle(() => {\n        const style = animatedStyles\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isEntering === false\n        const transition = animations[props.animation]\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key of Object.keys(exitStyle)) {\n            exitingStyleProps[key] = true\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const aconf = animationConfig(key, transition)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = aconf\n\n          const callback: (completed: boolean, value?: any) => void = (completed, recentValue) => {\n            runOnJS(reanimatedOnDidAnimated)(key, completed, recentValue, {\n              attemptedValue: value,\n            })\n            if (isExiting) {\n              exitingStyleProps[key] = false\n              const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n              // if this is true, then we've finished our exit animations\n              if (!areStylesExiting) {\n                if (safeToUnmount) {\n                  runOnJS(safeToUnmount)()\n                }\n              }\n            }\n          }\n\n          let { delayMs = null } = animationDelay(key, transition, delay)\n\n          if (key === 'transform') {\n            if (!Array.isArray(value)) {\n              console.error(`Invalid transform value. Needs to be an array.`)\n              continue\n            }\n\n            for (const transformObject of value) {\n              const key = Object.keys(transformObject)[0]\n              const transformValue = transformObject[key]\n              let finalValue = animation(transformValue, config, callback)\n              if (shouldRepeat) {\n                finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n              }\n              final['transform'].push({\n                [key]: finalValue,\n              })\n            }\n            continue\n          }\n\n          if (typeof value === 'object') {\n            // shadows\n            final[key] = {}\n            for (const innerStyleKey of Object.keys(value || {})) {\n              let finalValue = animation(value, config, callback)\n              if (shouldRepeat) {\n                finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n              }\n              if (delayMs != null) {\n                final[key][innerStyleKey] = withDelay(delayMs, finalValue)\n              } else {\n                final[key][innerStyleKey] = finalValue\n              }\n            }\n            continue\n          }\n\n          let finalValue = animation(value, config, callback)\n          if (shouldRepeat) {\n            finalValue = withRepeat(finalValue, repeatCount, repeatReverse)\n          }\n          if (delayMs != null && typeof delayMs === 'number') {\n            final[key] = withDelay(delayMs, finalValue)\n          } else {\n            final[key] = finalValue\n          }\n\n          // end for (key in mergedStyles)\n        }\n\n        if (process.env.NODE_ENV === 'development' && props['debug']) {\n          console.log('animation style', final)\n        }\n\n        return final\n      }, args)\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  transition: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !transition ||\n    !transition[key] ||\n    transition[key].delayMs === undefined ||\n    transition[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: transition[key].delayMs as TransitionConfig['delay'],\n  }\n}\n\ntype TransitionConfigWithoutRepeats = (\n  | ({ type?: 'spring' } & WithSpringConfig)\n  | ({ type: 'timing' } & WithTimingConfig)\n  | ({ type: 'decay' } & WithDecayConfig)\n) & {\n  delay?: number\n}\n\ntype TransitionConfig = TransitionConfigWithoutRepeats & {\n  /**\n   * Number of times this animation should repeat. To make it infinite, use the `loop` boolean.\n   *\n   * Default: `0`\n   *\n   * It's worth noting that this value isn't *exactly* a `repeat`. Instead, it uses Reanimated's `withRepeat` function under the hood, which repeats back to the **previous value**. If you want a repeated animation, I recommend setting it to `true` from the start, and make sure you have a `from` value.\n   *\n   * As a result, this value cannot be reliably changed on the fly. If you would like animations to repeat based on the `from` value, `repeat` must be a number when the component initializes. You can set it to `0` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  repeat?: number\n  /**\n   * Setting this to `true` is the same as `repeat: Infinity`\n   *\n   * Default: `false`\n   *\n   * Note: this value cannot be set on the fly. If you would like animations to repeat based on the `from` value, it must be `true` when the component initializes. You can set it to `false` to stop it, but you won't be able to start it again. You might be better off using the sequence array API if you need to update its repetitiveness on the fly.\n   */\n  loop?: boolean\n  /**\n   * Whether or not the animation repetition should alternate in direction.\n   *\n   * By default, this is `true`.\n   *\n   * If `false`, any animations with `loop` or `repeat` will not go back and forth. Instead, they will go from 0 -> 1, and again from 0 -> 1.\n   *\n   * If `true`, then animations will go 0 -> 1 -> 0.\n   *\n   * Setting this to `true` is like setting `animationDirection: alternate` in CSS.\n   */\n  repeatReverse?: boolean\n}\n\nconst isColor = (styleKey: string) => {\n  'worklet'\n  return [\n    'backgroundColor',\n    'borderBottomColor',\n    'borderColor',\n    'borderEndColor',\n    'borderLeftColor',\n    'borderRightColor',\n    'borderStartColor',\n    'borderTopColor',\n    'color',\n  ].includes(styleKey)\n}\n\nfunction animationConfig<Animate>(styleProp: string, transition: AnimationConfig | undefined) {\n  'worklet'\n  const key = styleProp\n  let repeatCount = 0\n  let repeatReverse = true\n  let animationType: Required<TransitionConfig>['type'] = 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if (!transition) {\n    return {}\n  }\n\n  // say that we're looking at `width`\n  // first, check if we have transition.width.type\n  if (transition[key]?.type) {\n    animationType = transition[key]?.type\n  } else if (transition.type) {\n    // otherwise, fallback to transition.type\n    animationType = transition.type\n  }\n\n  const loop = transition[key]?.loop || transition.loop || null\n\n  if (loop != null) {\n    repeatCount = loop ? -1 : 0\n  }\n\n  // if (transition[key]?.repeat != null) {\n  //   repeatCount = transition[key]?.repeat\n  // } else if (transition?.repeat != null) {\n  //   repeatCount = transition.repeat\n  // }\n\n  // if (transition[key]?.repeatReverse != null) {\n  //   repeatReverse = transition[key]?.repeatReverse\n  // } else if (transition?.repeatReverse != null) {\n  //   repeatReverse = transition.repeatReverse\n  // }\n\n  let config = {}\n  // so sad, but fix it later :(\n  let animation: any\n\n  if (animationType === 'timing') {\n    const duration =\n      (transition[key] as WithTimingConfig)?.duration ?? (transition as WithTimingConfig)?.duration\n\n    const easing =\n      (transition[key] as WithTimingConfig)?.easing ?? (transition as WithTimingConfig)?.easing\n\n    if (easing) {\n      config['easing'] = easing\n    }\n    if (duration != null) {\n      config['duration'] = duration\n    }\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n    config = {} as WithSpringConfig\n    configKeys.forEach((configKey) => {\n      'worklet'\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = {\n      velocity: 2,\n      deceleration: 2,\n    }\n    const configKeys: (keyof WithDecayConfig)[] = [\n      'clamp',\n      'velocity',\n      'deceleration',\n      'velocityFactor',\n    ]\n    configKeys.forEach((configKey) => {\n      'worklet'\n      // is this necessary ^ don't think so...?\n      const styleSpecificConfig = transition?.[key]?.[configKey]\n      const transitionConfigForKey = transition?.[configKey]\n\n      if (styleSpecificConfig != null) {\n        config[configKey] = styleSpecificConfig\n      } else if (transitionConfigForKey != null) {\n        config[configKey] = transitionConfigForKey\n      }\n    })\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n\nconst configKeys: (keyof WithSpringConfig)[] = [\n  'damping',\n  'mass',\n  'overshootClamping',\n  'restDisplacementThreshold',\n  'restSpeedThreshold',\n  'stiffness',\n  'velocity',\n]\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/createAnimations.js

@@ -1,11 +1,10 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { AnimatePresenceContext, usePresence } from "@tamagui/animate-presence";
-import { useCallback, useContext, useEffect } from "react";
+import { AnimatePresenceContext, useEntering } from "@tamagui/animate-presence";
+import { useCallback, useContext, useMemo } from "react";
 import Animated, {
   runOnJS,
   useAnimatedStyle,
-  useSharedValue,
   withDecay,
   withDelay,
   withRepeat,
@@ -22,61 +21,74 @@ function createAnimations(animations) {
     animations,
     View: AnimatedView,
     Text: AnimatedText,
-    useAnimations: (props, state) => {
-      const { style, exitStyle, onDidAnimate, delay } = state;
-      const [isPresent, safeToUnmount] = usePresence();
+    useAnimations: (props, helpers) => {
+      var _a, _b;
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers;
+      const [isEntering, safeToUnmount] = useEntering();
       const presence = useContext(AnimatePresenceContext);
-      const isMounted = useSharedValue(false);
-      const hasExitStyle = !!exitStyle;
-      const custom = useCallback(() => {
-        "worklet";
-        return presence == null ? void 0 : presence.custom;
-      }, [presence]);
-      const reanimatedOnDidAnimated = useCallback((...args) => {
-        onDidAnimate == null ? void 0 : onDidAnimate(...args);
+      const exitStyle = (presence == null ? void 0 : presence.exitVariant) ? ((_b = (_a = staticConfig.variantsParsed) == null ? void 0 : _a[presence.exitVariant]) == null ? void 0 : _b.true) || pseudos.exitStyle : pseudos.exitStyle;
+      const reanimatedOnDidAnimated = useCallback((...args2) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args2);
       }, [onDidAnimate]);
-      const reanimatedSafeToUnmount = useCallback(() => {
-        safeToUnmount == null ? void 0 : safeToUnmount();
-      }, [safeToUnmount]);
-      useEffect(() => {
-        isMounted.value = true;
-      }, [isMounted]);
-      useEffect(/* @__PURE__ */ __name(function allowUnMountIfMissingExit() {
-        if (!isPresent && !hasExitStyle) {
-          reanimatedSafeToUnmount();
+      const all = getStyle({
+        isEntering,
+        exitVariant: presence == null ? void 0 : presence.exitVariant,
+        enterVariant: presence == null ? void 0 : presence.enterVariant
+      });
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true
+      };
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key];
+        } else {
+          nonAnimatedStyle[key] = all[key];
         }
-      }, "allowUnMountIfMissingExit"), [hasExitStyle, isPresent, reanimatedSafeToUnmount]);
+      }
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isEntering,
+        onDidAnimate,
+        reanimatedOnDidAnimated,
+        presence == null ? void 0 : presence.exitVariant,
+        presence == null ? void 0 : presence.enterVariant
+      ];
       const animatedStyle = useAnimatedStyle(() => {
-        var _a, _b, _c;
+        const style = animatedStyles;
         const final = {
           transform: []
         };
-        const isExiting = !isPresent && !!exitStyle;
+        const isExiting = isEntering === false;
         const transition = animations[props.animation];
-        const mergedStyles = {
-          ...style,
-          ...isExiting && exitStyle
-        };
         const exitingStyleProps = {};
         if (exitStyle) {
           for (const key of Object.keys(exitStyle)) {
             exitingStyleProps[key] = true;
           }
         }
-        for (const key in mergedStyles) {
-          const value = mergedStyles[key];
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = animationConfig(key, transition);
+        for (const key in style) {
+          const value = style[key];
+          const aconf = animationConfig(key, transition);
+          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = aconf;
           const callback = /* @__PURE__ */ __name((completed, recentValue) => {
-            if (onDidAnimate) {
-              runOnJS(reanimatedOnDidAnimated)(key, completed, recentValue, {
-                attemptedValue: value
-              });
-            }
+            runOnJS(reanimatedOnDidAnimated)(key, completed, recentValue, {
+              attemptedValue: value
+            });
             if (isExiting) {
               exitingStyleProps[key] = false;
               const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
               if (!areStylesExiting) {
-                runOnJS(reanimatedSafeToUnmount)();
+                if (safeToUnmount) {
+                  runOnJS(safeToUnmount)();
+                }
               }
             }
           }, "callback");
@@ -84,83 +96,69 @@ function createAnimations(animations) {
           if (key === "transform") {
             if (!Array.isArray(value)) {
               console.error(`Invalid transform value. Needs to be an array.`);
-            } else {
-              for (const transformObject of value) {
-                const key2 = Object.keys(transformObject)[0];
-                const transformValue = transformObject[key2];
-                const transform = {};
-                if (((_a = transition == null ? void 0 : transition[key2]) == null ? void 0 : _a.delay) != null) {
-                  delayMs = (_c = (_b = transition == null ? void 0 : transition[key2]) == null ? void 0 : _b.delay) != null ? _c : null;
-                }
-                let finalValue = animation(transformValue, config, callback);
-                if (shouldRepeat) {
-                  finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
-                }
-                if (delayMs != null) {
-                  transform[key2] = withDelay(delayMs, finalValue);
-                } else {
-                  transform[key2] = finalValue;
-                }
-                if (Object.keys(transform).length) {
-                  final["transform"].push(transform);
-                }
+              continue;
+            }
+            for (const transformObject of value) {
+              const key2 = Object.keys(transformObject)[0];
+              const transformValue = transformObject[key2];
+              let finalValue2 = animation(transformValue, config, callback);
+              if (shouldRepeat) {
+                finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
+              final["transform"].push({
+                [key2]: finalValue2
+              });
             }
-          } else if (typeof value === "object") {
+            continue;
+          }
+          if (typeof value === "object") {
             final[key] = {};
             for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue = animation(value, config, callback);
+              let finalValue2 = animation(value, config, callback);
               if (shouldRepeat) {
-                finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
+                finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
               if (delayMs != null) {
-                final[key][innerStyleKey] = withDelay(delayMs, finalValue);
+                final[key][innerStyleKey] = withDelay(delayMs, finalValue2);
               } else {
-                final[key][innerStyleKey] = finalValue;
+                final[key][innerStyleKey] = finalValue2;
               }
             }
+            continue;
+          }
+          let finalValue = animation(value, config, callback);
+          if (shouldRepeat) {
+            finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
+          }
+          if (delayMs != null && typeof delayMs === "number") {
+            final[key] = withDelay(delayMs, finalValue);
           } else {
-            let finalValue = animation(value, config, callback);
-            if (shouldRepeat) {
-              finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
-            }
-            if (delayMs != null && typeof delayMs === "number") {
-              final[key] = withDelay(delayMs, finalValue);
-            } else {
-              final[key] = finalValue;
-            }
+            final[key] = finalValue;
           }
         }
+        if (process.env.NODE_ENV === "development" && props["debug"]) {
+          console.log("animation style", final);
+        }
         return final;
-      }, [
-        style,
-        custom,
-        delay,
-        hasExitStyle,
-        isMounted,
-        isPresent,
-        onDidAnimate,
-        reanimatedOnDidAnimated,
-        reanimatedSafeToUnmount
-      ]);
-      return {
-        style: animatedStyle
-      };
+      }, args);
+      return useMemo(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
+      }, args);
     }
   };
 }
 __name(createAnimations, "createAnimations");
 function animationDelay(key, transition, defaultDelay) {
-  var _a, _b;
   "worklet";
-  let delayMs = defaultDelay;
-  if (((_a = transition[key]) == null ? void 0 : _a.delay) != null) {
-    delayMs = (_b = transition[key]) == null ? void 0 : _b.delay;
-  } else if ((transition == null ? void 0 : transition.delay) != null) {
-    delayMs = transition.delay;
+  if (!transition || !transition[key] || transition[key].delayMs === void 0 || transition[key].delayMs === null) {
+    return {
+      delayMs: null
+    };
   }
   return {
-    delayMs
+    delayMs: transition[key].delayMs
   };
 }
 __name(animationDelay, "animationDelay");
@@ -179,7 +177,7 @@ const isColor = /* @__PURE__ */ __name((styleKey) => {
   ].includes(styleKey);
 }, "isColor");
 function animationConfig(styleProp, transition) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g;
   "worklet";
   const key = styleProp;
   let repeatCount = 0;
@@ -188,30 +186,23 @@ function animationConfig(styleProp, transition) {
   if (isColor(key) || key === "opacity") {
     animationType = "timing";
   }
+  if (!transition) {
+    return {};
+  }
   if ((_a = transition[key]) == null ? void 0 : _a.type) {
     animationType = (_b = transition[key]) == null ? void 0 : _b.type;
-  } else if (transition == null ? void 0 : transition.type) {
+  } else if (transition.type) {
     animationType = transition.type;
   }
-  const loop = (_d = (_c = transition[key]) == null ? void 0 : _c.loop) != null ? _d : transition == null ? void 0 : transition.loop;
+  const loop = ((_c = transition[key]) == null ? void 0 : _c.loop) || transition.loop || null;
   if (loop != null) {
     repeatCount = loop ? -1 : 0;
   }
-  if (((_e = transition[key]) == null ? void 0 : _e.repeat) != null) {
-    repeatCount = (_f = transition[key]) == null ? void 0 : _f.repeat;
-  } else if ((transition == null ? void 0 : transition.repeat) != null) {
-    repeatCount = transition.repeat;
-  }
-  if (((_g = transition[key]) == null ? void 0 : _g.repeatReverse) != null) {
-    repeatReverse = (_h = transition[key]) == null ? void 0 : _h.repeatReverse;
-  } else if ((transition == null ? void 0 : transition.repeatReverse) != null) {
-    repeatReverse = transition.repeatReverse;
-  }
   let config = {};
-  let animation = /* @__PURE__ */ __name((...props) => props, "animation");
+  let animation;
   if (animationType === "timing") {
-    const duration = (_j = (_i = transition[key]) == null ? void 0 : _i.duration) != null ? _j : transition == null ? void 0 : transition.duration;
-    const easing = (_l = (_k = transition[key]) == null ? void 0 : _k.easing) != null ? _l : transition == null ? void 0 : transition.easing;
+    const duration = (_e = (_d = transition[key]) == null ? void 0 : _d.duration) != null ? _e : transition == null ? void 0 : transition.duration;
+    const easing = (_g = (_f = transition[key]) == null ? void 0 : _f.easing) != null ? _g : transition == null ? void 0 : transition.easing;
     if (easing) {
       config["easing"] = easing;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-reanimated",
-  "version": "1.0.0-beta.187+b4ae9217",
+  "version": "1.0.0-beta.2",
   "source": "src/index.ts",
   "license": "MIT",
   "typings": "types",
@@ -12,12 +12,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/animate-presence": "^1.0.0-beta.187+b4ae9217",
-    "@tamagui/core": "^1.0.0-beta.187+b4ae9217",
-    "react-native-reanimated": "^2.4.1"
+    "@tamagui/animate-presence": "^1.0.0-beta.2",
+    "@tamagui/core": "^1.0.0-beta.2",
+    "react-native-reanimated": "^2.3.1"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.187+b4ae9217"
+    "@tamagui/build": "^1.0.0-beta.2"
   },
   "scripts": {
     "build": "tamagui-build",
@@ -28,5 +28,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b4ae92179a688f73380c8f41296ecfc881b1cbc0"
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
 }

package/types/createAnimations.d.ts

@@ -1,3 +1,18 @@
 import { AnimationDriver } from '@tamagui/core';
-export declare function createAnimations<A extends Object>(animations: A): AnimationDriver<A>;
+import { WithDecayConfig, WithSpringConfig, WithTimingConfig } from 'react-native-reanimated';
+declare type AnimationsConfig<A extends Object = any> = {
+    [Key in keyof A]: AnimationConfig;
+};
+declare type AnimationConfig = ({
+    type: 'timing';
+    loop?: number;
+} & WithTimingConfig) | ({
+    type: 'spring';
+    loop?: number;
+} & WithSpringConfig) | ({
+    type: 'decay';
+    loop?: number;
+} & WithDecayConfig);
+export declare function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A>;
+export {};
 //# sourceMappingURL=createAnimations.d.ts.map

package/types/createAnimations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAwC,MAAM,eAAe,CAAA;AAoCrF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAuKpF"}
+{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAiB,EACf,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAQjB,MAAM,yBAAyB,CAAA;AAEhC,aAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI;KAC7C,GAAG,IAAI,MAAM,CAAC,GAAG,eAAe;CAClC,CAAA;AAED,aAAK,eAAe,GAChB,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,gBAAgB,CAAC,GACtD,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,gBAAgB,CAAC,GACtD,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,eAAe,CAAC,CAAA;AASxD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CA+J9F"}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2020 Nate Wienert
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.