@tamagui/animations-reanimated 1.0.1-beta.112 → 1.0.1-beta.113

package/dist/cjs/createAnimations.js

@@ -25,6 +25,7 @@ __export(createAnimations_exports, {
 });
 module.exports = __toCommonJS(createAnimations_exports);
 var import_animate_presence = require("@tamagui/animate-presence");
+var import_core = require("@tamagui/core");
 var import_react = require("react");
 var import_react_native_reanimated = __toESM(require("react-native-reanimated"));
 const animatedStyleKey = {
@@ -47,9 +48,9 @@ function createAnimations(animations) {
       const [isPresent, sendExitComplete] = (0, import_animate_presence.usePresence)();
       const presence = (0, import_react.useContext)(import_animate_presence.PresenceContext);
       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 reanimatedOnDidAnimated = (0, import_core.useEvent)((...args) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args);
+      });
       const isExiting = isPresent === false;
       const isEntering = !state.mounted;
       const all = getStyle({
@@ -59,15 +60,15 @@ function createAnimations(animations) {
         enterVariant: presence == null ? void 0 : presence.enterVariant
       });
       const [animatedStyles, nonAnimatedStyle] = [{}, {}];
-      for (const key of Object.keys(all)) {
-        if (animatedStyleKey[key]) {
-          animatedStyles[key] = all[key];
+      for (const key2 of Object.keys(all)) {
+        if (animatedStyleKey[key2]) {
+          animatedStyles[key2] = all[key2];
         } else {
-          nonAnimatedStyle[key] = all[key];
+          nonAnimatedStyle[key2] = all[key2];
         }
       }
-      const args = [
-        JSON.stringify(all),
+      const animatedString = JSON.stringify(animatedStyles);
+      const key = animatedString + JSON.stringify([
         state.mounted,
         state.hover,
         state.press,
@@ -76,19 +77,18 @@ function createAnimations(animations) {
         delay,
         isPresent,
         onDidAnimate,
-        reanimatedOnDidAnimated,
         presence == null ? void 0 : presence.exitVariant,
         presence == null ? void 0 : presence.enterVariant
-      ];
-      const callback = (isExiting2, exitingStyleProps, key, value) => {
+      ]);
+      const callback = (isExiting2, exitingStyleProps, key2, value) => {
         "worklet";
         return (completed, current) => {
           "worklet";
-          (0, import_react_native_reanimated.runOnJS)(reanimatedOnDidAnimated)(key, completed, current, {
+          (0, import_react_native_reanimated.runOnJS)(reanimatedOnDidAnimated)(key2, completed, current, {
             attemptedValue: value
           });
           if (isExiting2) {
-            exitingStyleProps[key] = false;
+            exitingStyleProps[key2] = false;
             const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
             if (!areStylesExiting) {
               if (sendExitComplete) {
@@ -100,87 +100,87 @@ function createAnimations(animations) {
       };
       const animatedStyle = (0, import_react_native_reanimated.useAnimatedStyle)(() => {
         "worklet";
-        const style = animatedStyles;
+        const style = JSON.parse(animatedString);
         const final = {
           transform: []
         };
         const isExiting2 = isPresent === false;
         const exitingStyleProps = {};
         if (exitStyle) {
-          for (const key in exitStyle) {
-            if (key === "transform") {
-              for (const attr of exitStyle[key]) {
+          for (const key2 in exitStyle) {
+            if (key2 === "transform") {
+              for (const attr of exitStyle[key2]) {
                 const tkey = Object.keys(attr)[0];
                 exitingStyleProps[tkey] = true;
               }
             } else {
-              exitingStyleProps[key] = true;
+              exitingStyleProps[key2] = true;
             }
           }
         }
-        for (const key in style) {
-          const value = style[key];
-          const animationConfig = getAnimationConfig(key, animations, props.animation);
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key, animationConfig, props.animateOnly);
-          const { delayMs = null } = animationDelay(key, animationConfig, delay);
+        for (const key2 in style) {
+          const value = style[key2];
+          const animationConfig = getAnimationConfig(key2, animations, props.animation);
+          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key2, animationConfig, props.animateOnly);
+          const { delayMs = null } = animationDelay(key2, animationConfig, delay);
           if (!animation) {
-            console.warn("No animation for", key, "in", style);
+            console.warn("No animation for", key2, "in", style);
             continue;
           }
           if (!config) {
-            console.warn("No animation config for", key, "in", style);
+            console.warn("No animation config for", key2, "in", style);
             continue;
           }
-          if (key === "transform") {
+          if (key2 === "transform") {
             if (!Array.isArray(value)) {
               console.error(`Invalid transform value. Needs to be an array.`);
               continue;
             }
             for (const transformObject of value) {
-              const key2 = Object.keys(transformObject)[0];
-              const transformValue = transformObject[key2];
-              let finalValue2 = animation(transformValue, config, callback(isExiting2, exitingStyleProps, key2, value));
+              const key3 = Object.keys(transformObject)[0];
+              const transformValue = transformObject[key3];
+              let finalValue2 = animation(transformValue, config, callback(isExiting2, exitingStyleProps, key3, value));
               if (shouldRepeat) {
                 finalValue2 = (0, import_react_native_reanimated.withRepeat)(finalValue2, repeatCount, repeatReverse);
               }
               final["transform"].push({
-                [key2]: finalValue2
+                [key3]: finalValue2
               });
             }
             continue;
           }
           if (typeof value === "object") {
-            final[key] = {};
+            final[key2] = {};
             for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue2 = animation(value, config, callback(isExiting2, exitingStyleProps, key, value));
+              let finalValue2 = animation(value, config, callback(isExiting2, exitingStyleProps, key2, value));
               if (shouldRepeat) {
                 finalValue2 = (0, import_react_native_reanimated.withRepeat)(finalValue2, repeatCount, repeatReverse);
               }
               if (delayMs != null) {
-                final[key][innerStyleKey] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue2);
+                final[key2][innerStyleKey] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue2);
               } else {
-                final[key][innerStyleKey] = finalValue2;
+                final[key2][innerStyleKey] = finalValue2;
               }
             }
             continue;
           }
-          let finalValue = animation(value, config, callback(isExiting2, exitingStyleProps, key, value));
+          let finalValue = animation(value, config, callback(isExiting2, exitingStyleProps, key2, value));
           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);
+            final[key2] = (0, import_react_native_reanimated.withDelay)(delayMs, finalValue);
           } else {
-            final[key] = finalValue;
+            final[key2] = finalValue;
           }
         }
         return final;
-      }, args);
+      }, [key]);
       return (0, import_react.useMemo)(() => {
         return {
           style: [nonAnimatedStyle, animatedStyle]
         };
-      }, args);
+      }, [key]);
     }
   };
 }

package/dist/cjs/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp } from '@tamagui/core'\nimport { useCallback, useContext, 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; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n  // backgroundColor: true,\n  // color: true,\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\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 [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\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 isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\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        isPresent,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const callback = (\n        isExiting: boolean,\n        exitingStyleProps: Record<string, boolean>,\n        key: string,\n        value: any\n      ) => {\n        'worklet'\n        return (completed, current) => {\n          'worklet'\n          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {\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 (sendExitComplete) {\n                runOnJS(sendExitComplete)()\n              }\n            }\n          }\n        }\n      }\n\n      const animatedStyle = useAnimatedStyle(() => {\n        'worklet'\n        const style = animatedStyles\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isPresent === false\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key in exitStyle) {\n            if (key === 'transform') {\n              for (const attr of exitStyle[key]) {\n                const tkey = Object.keys(attr)[0]\n                exitingStyleProps[tkey] = true\n              }\n            } else {\n              exitingStyleProps[key] = true\n            }\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const animationConfig = getAnimationConfig(key, animations, props.animation)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(\n            key,\n            animationConfig,\n            props.animateOnly\n          )\n\n          const { delayMs = null } = animationDelay(key, animationConfig, delay)\n\n          if (!animation) {\n            console.warn('No animation for', key, 'in', style)\n            continue\n          }\n          if (!config) {\n            console.warn('No animation config for', key, 'in', style)\n            continue\n          }\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(\n                transformValue,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n                value,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n            value,\n            config as any,\n            callback(isExiting, exitingStyleProps, key, value)\n          )\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        return final\n      }, args)\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\n  'worklet'\n  if (typeof animation === 'string') {\n    return animations[animation]\n  }\n  let type = ''\n  let extraConf: any\n  if (Array.isArray(animation)) {\n    type = animation[0] as string\n    const conf = animation[1] && animation[1][key]\n    if (conf) {\n      if (typeof conf === 'string') {\n        type = conf\n      } else {\n        type = (conf as any).type || type\n        extraConf = conf\n      }\n    }\n  } else {\n    const val = animation?.[key]\n    type = val?.type\n    extraConf = val\n  }\n  const found = animations[type]\n  if (!found) {\n    throw new Error(`No animation of type \"${type}\" for key \"${key}\"`)\n  }\n  return {\n    ...found,\n    ...extraConf,\n    type: found.type,\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  animation: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !animation ||\n    !animation[key] ||\n    animation[key].delayMs === undefined ||\n    animation[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: animation[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 getAnimation(\n  key: string,\n  animationConfig: AnimationConfig | undefined,\n  animateOnly?: string[]\n) {\n  'worklet'\n  if (!animationConfig || (animateOnly && !animateOnly.includes(key))) {\n    return {}\n  }\n\n  let repeatCount = 0\n  const repeatReverse = animationConfig.repeatReverse || false\n  let animationType: Required<TransitionConfig>['type'] = animationConfig?.type || 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if ('repeat' in animationConfig) {\n    repeatCount = animationConfig.repeat || 0\n  } else {\n    if (animationConfig.loop) {\n      repeatCount = animationConfig.loop ? -1 : 0\n    }\n  }\n\n  let config = animationConfig\n  let animation: typeof withTiming | typeof withSpring | typeof withDecay\n\n  if (animationType === 'timing') {\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = config || {\n      velocity: 2,\n      deceleration: 2,\n    }\n  } else {\n    console.warn('no type of animation?', animationType)\n    animation = withSpring\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp, useEvent } from '@tamagui/core'\nimport { useContext, 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; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n  // backgroundColor: true,\n  // color: true,\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\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 [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const reanimatedOnDidAnimated = useEvent<NonNullable<typeof onDidAnimate>>((...args) => {\n        onDidAnimate?.(...args)\n      })\n\n      const isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\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 animatedString = JSON.stringify(animatedStyles)\n      const key =\n        animatedString +\n        JSON.stringify([\n          state.mounted,\n          state.hover,\n          state.press,\n          state.pressIn,\n          state.focus,\n          delay,\n          isPresent,\n          onDidAnimate,\n          presence?.exitVariant,\n          presence?.enterVariant,\n        ])\n\n      const callback = (\n        isExiting: boolean,\n        exitingStyleProps: Record<string, boolean>,\n        key: string,\n        value: any\n      ) => {\n        'worklet'\n        return (completed, current) => {\n          'worklet'\n          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {\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 (sendExitComplete) {\n                runOnJS(sendExitComplete)()\n              }\n            }\n          }\n        }\n      }\n\n      const animatedStyle = useAnimatedStyle(() => {\n        'worklet'\n\n        // getting issues with native unless this :/\n        const style = JSON.parse(animatedString)\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isPresent === false\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key in exitStyle) {\n            if (key === 'transform') {\n              for (const attr of exitStyle[key]) {\n                const tkey = Object.keys(attr)[0]\n                exitingStyleProps[tkey] = true\n              }\n            } else {\n              exitingStyleProps[key] = true\n            }\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const animationConfig = getAnimationConfig(key, animations, props.animation)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(\n            key,\n            animationConfig,\n            props.animateOnly\n          )\n\n          const { delayMs = null } = animationDelay(key, animationConfig, delay)\n\n          if (!animation) {\n            console.warn('No animation for', key, 'in', style)\n            continue\n          }\n          if (!config) {\n            console.warn('No animation config for', key, 'in', style)\n            continue\n          }\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(\n                transformValue,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n                value,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n            value,\n            config as any,\n            callback(isExiting, exitingStyleProps, key, value)\n          )\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        return final\n      }, [key])\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, [key])\n    },\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\n  'worklet'\n  if (typeof animation === 'string') {\n    return animations[animation]\n  }\n  let type = ''\n  let extraConf: any\n  if (Array.isArray(animation)) {\n    type = animation[0] as string\n    const conf = animation[1] && animation[1][key]\n    if (conf) {\n      if (typeof conf === 'string') {\n        type = conf\n      } else {\n        type = (conf as any).type || type\n        extraConf = conf\n      }\n    }\n  } else {\n    const val = animation?.[key]\n    type = val?.type\n    extraConf = val\n  }\n  const found = animations[type]\n  if (!found) {\n    throw new Error(`No animation of type \"${type}\" for key \"${key}\"`)\n  }\n  return {\n    ...found,\n    ...extraConf,\n    type: found.type,\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  animation: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !animation ||\n    !animation[key] ||\n    animation[key].delayMs === undefined ||\n    animation[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: animation[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 getAnimation(\n  key: string,\n  animationConfig: AnimationConfig | undefined,\n  animateOnly?: string[]\n) {\n  'worklet'\n  if (!animationConfig || (animateOnly && !animateOnly.includes(key))) {\n    return {}\n  }\n\n  let repeatCount = 0\n  const repeatReverse = animationConfig.repeatReverse || false\n  let animationType: Required<TransitionConfig>['type'] = animationConfig?.type || 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if ('repeat' in animationConfig) {\n    repeatCount = animationConfig.repeat || 0\n  } else {\n    if (animationConfig.loop) {\n      repeatCount = animationConfig.loop ? -1 : 0\n    }\n  }\n\n  let config = animationConfig\n  let animation: typeof withTiming | typeof withSpring | typeof withDecay\n\n  if (animationType === 'timing') {\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = config || {\n      velocity: 2,\n      deceleration: 2,\n    }\n  } else {\n    console.warn('no type of animation?', animationType)\n    animation = withSpring\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/createAnimations.js

@@ -1,5 +1,6 @@
 import { PresenceContext, usePresence } from "@tamagui/animate-presence";
-import { useCallback, useContext, useMemo } from "react";
+import { useEvent } from "@tamagui/core";
+import { useContext, useMemo } from "react";
 import Animated, {
   runOnJS,
   useAnimatedStyle,
@@ -29,9 +30,9 @@ function createAnimations(animations) {
       const [isPresent, sendExitComplete] = usePresence();
       const presence = useContext(PresenceContext);
       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 reanimatedOnDidAnimated = useEvent((...args) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args);
+      });
       const isExiting = isPresent === false;
       const isEntering = !state.mounted;
       const all = getStyle({
@@ -41,15 +42,15 @@ function createAnimations(animations) {
         enterVariant: presence == null ? void 0 : presence.enterVariant
       });
       const [animatedStyles, nonAnimatedStyle] = [{}, {}];
-      for (const key of Object.keys(all)) {
-        if (animatedStyleKey[key]) {
-          animatedStyles[key] = all[key];
+      for (const key2 of Object.keys(all)) {
+        if (animatedStyleKey[key2]) {
+          animatedStyles[key2] = all[key2];
         } else {
-          nonAnimatedStyle[key] = all[key];
+          nonAnimatedStyle[key2] = all[key2];
         }
       }
-      const args = [
-        JSON.stringify(all),
+      const animatedString = JSON.stringify(animatedStyles);
+      const key = animatedString + JSON.stringify([
         state.mounted,
         state.hover,
         state.press,
@@ -58,19 +59,18 @@ function createAnimations(animations) {
         delay,
         isPresent,
         onDidAnimate,
-        reanimatedOnDidAnimated,
         presence == null ? void 0 : presence.exitVariant,
         presence == null ? void 0 : presence.enterVariant
-      ];
-      const callback = (isExiting2, exitingStyleProps, key, value) => {
+      ]);
+      const callback = (isExiting2, exitingStyleProps, key2, value) => {
         "worklet";
         return (completed, current) => {
           "worklet";
-          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {
+          runOnJS(reanimatedOnDidAnimated)(key2, completed, current, {
             attemptedValue: value
           });
           if (isExiting2) {
-            exitingStyleProps[key] = false;
+            exitingStyleProps[key2] = false;
             const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
             if (!areStylesExiting) {
               if (sendExitComplete) {
@@ -82,87 +82,87 @@ function createAnimations(animations) {
       };
       const animatedStyle = useAnimatedStyle(() => {
         "worklet";
-        const style = animatedStyles;
+        const style = JSON.parse(animatedString);
         const final = {
           transform: []
         };
         const isExiting2 = isPresent === false;
         const exitingStyleProps = {};
         if (exitStyle) {
-          for (const key in exitStyle) {
-            if (key === "transform") {
-              for (const attr of exitStyle[key]) {
+          for (const key2 in exitStyle) {
+            if (key2 === "transform") {
+              for (const attr of exitStyle[key2]) {
                 const tkey = Object.keys(attr)[0];
                 exitingStyleProps[tkey] = true;
               }
             } else {
-              exitingStyleProps[key] = true;
+              exitingStyleProps[key2] = true;
             }
           }
         }
-        for (const key in style) {
-          const value = style[key];
-          const animationConfig = getAnimationConfig(key, animations, props.animation);
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key, animationConfig, props.animateOnly);
-          const { delayMs = null } = animationDelay(key, animationConfig, delay);
+        for (const key2 in style) {
+          const value = style[key2];
+          const animationConfig = getAnimationConfig(key2, animations, props.animation);
+          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key2, animationConfig, props.animateOnly);
+          const { delayMs = null } = animationDelay(key2, animationConfig, delay);
           if (!animation) {
-            console.warn("No animation for", key, "in", style);
+            console.warn("No animation for", key2, "in", style);
             continue;
           }
           if (!config) {
-            console.warn("No animation config for", key, "in", style);
+            console.warn("No animation config for", key2, "in", style);
             continue;
           }
-          if (key === "transform") {
+          if (key2 === "transform") {
             if (!Array.isArray(value)) {
               console.error(`Invalid transform value. Needs to be an array.`);
               continue;
             }
             for (const transformObject of value) {
-              const key2 = Object.keys(transformObject)[0];
-              const transformValue = transformObject[key2];
-              let finalValue2 = animation(transformValue, config, callback(isExiting2, exitingStyleProps, key2, value));
+              const key3 = Object.keys(transformObject)[0];
+              const transformValue = transformObject[key3];
+              let finalValue2 = animation(transformValue, config, callback(isExiting2, exitingStyleProps, key3, value));
               if (shouldRepeat) {
                 finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
               final["transform"].push({
-                [key2]: finalValue2
+                [key3]: finalValue2
               });
             }
             continue;
           }
           if (typeof value === "object") {
-            final[key] = {};
+            final[key2] = {};
             for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue2 = animation(value, config, callback(isExiting2, exitingStyleProps, key, value));
+              let finalValue2 = animation(value, config, callback(isExiting2, exitingStyleProps, key2, value));
               if (shouldRepeat) {
                 finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
               if (delayMs != null) {
-                final[key][innerStyleKey] = withDelay(delayMs, finalValue2);
+                final[key2][innerStyleKey] = withDelay(delayMs, finalValue2);
               } else {
-                final[key][innerStyleKey] = finalValue2;
+                final[key2][innerStyleKey] = finalValue2;
               }
             }
             continue;
           }
-          let finalValue = animation(value, config, callback(isExiting2, exitingStyleProps, key, value));
+          let finalValue = animation(value, config, callback(isExiting2, exitingStyleProps, key2, value));
           if (shouldRepeat) {
             finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
           }
           if (delayMs != null && typeof delayMs === "number") {
-            final[key] = withDelay(delayMs, finalValue);
+            final[key2] = withDelay(delayMs, finalValue);
           } else {
-            final[key] = finalValue;
+            final[key2] = finalValue;
           }
         }
         return final;
-      }, args);
+      }, [key]);
       return useMemo(() => {
         return {
           style: [nonAnimatedStyle, animatedStyle]
         };
-      }, args);
+      }, [key]);
     }
   };
 }

package/dist/esm/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp } from '@tamagui/core'\nimport { useCallback, useContext, 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; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n  // backgroundColor: true,\n  // color: true,\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\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 [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\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 isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\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        isPresent,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const callback = (\n        isExiting: boolean,\n        exitingStyleProps: Record<string, boolean>,\n        key: string,\n        value: any\n      ) => {\n        'worklet'\n        return (completed, current) => {\n          'worklet'\n          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {\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 (sendExitComplete) {\n                runOnJS(sendExitComplete)()\n              }\n            }\n          }\n        }\n      }\n\n      const animatedStyle = useAnimatedStyle(() => {\n        'worklet'\n        const style = animatedStyles\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isPresent === false\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key in exitStyle) {\n            if (key === 'transform') {\n              for (const attr of exitStyle[key]) {\n                const tkey = Object.keys(attr)[0]\n                exitingStyleProps[tkey] = true\n              }\n            } else {\n              exitingStyleProps[key] = true\n            }\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const animationConfig = getAnimationConfig(key, animations, props.animation)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(\n            key,\n            animationConfig,\n            props.animateOnly\n          )\n\n          const { delayMs = null } = animationDelay(key, animationConfig, delay)\n\n          if (!animation) {\n            console.warn('No animation for', key, 'in', style)\n            continue\n          }\n          if (!config) {\n            console.warn('No animation config for', key, 'in', style)\n            continue\n          }\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(\n                transformValue,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n                value,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n            value,\n            config as any,\n            callback(isExiting, exitingStyleProps, key, value)\n          )\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        return final\n      }, args)\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\n  'worklet'\n  if (typeof animation === 'string') {\n    return animations[animation]\n  }\n  let type = ''\n  let extraConf: any\n  if (Array.isArray(animation)) {\n    type = animation[0] as string\n    const conf = animation[1] && animation[1][key]\n    if (conf) {\n      if (typeof conf === 'string') {\n        type = conf\n      } else {\n        type = (conf as any).type || type\n        extraConf = conf\n      }\n    }\n  } else {\n    const val = animation?.[key]\n    type = val?.type\n    extraConf = val\n  }\n  const found = animations[type]\n  if (!found) {\n    throw new Error(`No animation of type \"${type}\" for key \"${key}\"`)\n  }\n  return {\n    ...found,\n    ...extraConf,\n    type: found.type,\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  animation: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !animation ||\n    !animation[key] ||\n    animation[key].delayMs === undefined ||\n    animation[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: animation[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 getAnimation(\n  key: string,\n  animationConfig: AnimationConfig | undefined,\n  animateOnly?: string[]\n) {\n  'worklet'\n  if (!animationConfig || (animateOnly && !animateOnly.includes(key))) {\n    return {}\n  }\n\n  let repeatCount = 0\n  const repeatReverse = animationConfig.repeatReverse || false\n  let animationType: Required<TransitionConfig>['type'] = animationConfig?.type || 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if ('repeat' in animationConfig) {\n    repeatCount = animationConfig.repeat || 0\n  } else {\n    if (animationConfig.loop) {\n      repeatCount = animationConfig.loop ? -1 : 0\n    }\n  }\n\n  let config = animationConfig\n  let animation: typeof withTiming | typeof withSpring | typeof withDecay\n\n  if (animationType === 'timing') {\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = config || {\n      velocity: 2,\n      deceleration: 2,\n    }\n  } else {\n    console.warn('no type of animation?', animationType)\n    animation = withSpring\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp, useEvent } from '@tamagui/core'\nimport { useContext, 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; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n  // backgroundColor: true,\n  // color: true,\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\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 [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const reanimatedOnDidAnimated = useEvent<NonNullable<typeof onDidAnimate>>((...args) => {\n        onDidAnimate?.(...args)\n      })\n\n      const isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\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 animatedString = JSON.stringify(animatedStyles)\n      const key =\n        animatedString +\n        JSON.stringify([\n          state.mounted,\n          state.hover,\n          state.press,\n          state.pressIn,\n          state.focus,\n          delay,\n          isPresent,\n          onDidAnimate,\n          presence?.exitVariant,\n          presence?.enterVariant,\n        ])\n\n      const callback = (\n        isExiting: boolean,\n        exitingStyleProps: Record<string, boolean>,\n        key: string,\n        value: any\n      ) => {\n        'worklet'\n        return (completed, current) => {\n          'worklet'\n          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {\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 (sendExitComplete) {\n                runOnJS(sendExitComplete)()\n              }\n            }\n          }\n        }\n      }\n\n      const animatedStyle = useAnimatedStyle(() => {\n        'worklet'\n\n        // getting issues with native unless this :/\n        const style = JSON.parse(animatedString)\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isPresent === false\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key in exitStyle) {\n            if (key === 'transform') {\n              for (const attr of exitStyle[key]) {\n                const tkey = Object.keys(attr)[0]\n                exitingStyleProps[tkey] = true\n              }\n            } else {\n              exitingStyleProps[key] = true\n            }\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const animationConfig = getAnimationConfig(key, animations, props.animation)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(\n            key,\n            animationConfig,\n            props.animateOnly\n          )\n\n          const { delayMs = null } = animationDelay(key, animationConfig, delay)\n\n          if (!animation) {\n            console.warn('No animation for', key, 'in', style)\n            continue\n          }\n          if (!config) {\n            console.warn('No animation config for', key, 'in', style)\n            continue\n          }\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(\n                transformValue,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n                value,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n            value,\n            config as any,\n            callback(isExiting, exitingStyleProps, key, value)\n          )\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        return final\n      }, [key])\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, [key])\n    },\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\n  'worklet'\n  if (typeof animation === 'string') {\n    return animations[animation]\n  }\n  let type = ''\n  let extraConf: any\n  if (Array.isArray(animation)) {\n    type = animation[0] as string\n    const conf = animation[1] && animation[1][key]\n    if (conf) {\n      if (typeof conf === 'string') {\n        type = conf\n      } else {\n        type = (conf as any).type || type\n        extraConf = conf\n      }\n    }\n  } else {\n    const val = animation?.[key]\n    type = val?.type\n    extraConf = val\n  }\n  const found = animations[type]\n  if (!found) {\n    throw new Error(`No animation of type \"${type}\" for key \"${key}\"`)\n  }\n  return {\n    ...found,\n    ...extraConf,\n    type: found.type,\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  animation: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !animation ||\n    !animation[key] ||\n    animation[key].delayMs === undefined ||\n    animation[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: animation[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 getAnimation(\n  key: string,\n  animationConfig: AnimationConfig | undefined,\n  animateOnly?: string[]\n) {\n  'worklet'\n  if (!animationConfig || (animateOnly && !animateOnly.includes(key))) {\n    return {}\n  }\n\n  let repeatCount = 0\n  const repeatReverse = animationConfig.repeatReverse || false\n  let animationType: Required<TransitionConfig>['type'] = animationConfig?.type || 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if ('repeat' in animationConfig) {\n    repeatCount = animationConfig.repeat || 0\n  } else {\n    if (animationConfig.loop) {\n      repeatCount = animationConfig.loop ? -1 : 0\n    }\n  }\n\n  let config = animationConfig\n  let animation: typeof withTiming | typeof withSpring | typeof withDecay\n\n  if (animationType === 'timing') {\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = config || {\n      velocity: 2,\n      deceleration: 2,\n    }\n  } else {\n    console.warn('no type of animation?', animationType)\n    animation = withSpring\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/createAnimations.js

@@ -1,5 +1,6 @@
 import { PresenceContext, usePresence } from "@tamagui/animate-presence";
-import { useCallback, useContext, useMemo } from "react";
+import { useEvent } from "@tamagui/core";
+import { useContext, useMemo } from "react";
 import Animated, {
   runOnJS,
   useAnimatedStyle,
@@ -29,9 +30,9 @@ function createAnimations(animations) {
       const [isPresent, sendExitComplete] = usePresence();
       const presence = useContext(PresenceContext);
       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 reanimatedOnDidAnimated = useEvent((...args) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args);
+      });
       const isExiting = isPresent === false;
       const isEntering = !state.mounted;
       const all = getStyle({
@@ -41,15 +42,15 @@ function createAnimations(animations) {
         enterVariant: presence == null ? void 0 : presence.enterVariant
       });
       const [animatedStyles, nonAnimatedStyle] = [{}, {}];
-      for (const key of Object.keys(all)) {
-        if (animatedStyleKey[key]) {
-          animatedStyles[key] = all[key];
+      for (const key2 of Object.keys(all)) {
+        if (animatedStyleKey[key2]) {
+          animatedStyles[key2] = all[key2];
         } else {
-          nonAnimatedStyle[key] = all[key];
+          nonAnimatedStyle[key2] = all[key2];
         }
       }
-      const args = [
-        JSON.stringify(all),
+      const animatedString = JSON.stringify(animatedStyles);
+      const key = animatedString + JSON.stringify([
         state.mounted,
         state.hover,
         state.press,
@@ -58,19 +59,18 @@ function createAnimations(animations) {
         delay,
         isPresent,
         onDidAnimate,
-        reanimatedOnDidAnimated,
         presence == null ? void 0 : presence.exitVariant,
         presence == null ? void 0 : presence.enterVariant
-      ];
-      const callback = (isExiting2, exitingStyleProps, key, value) => {
+      ]);
+      const callback = (isExiting2, exitingStyleProps, key2, value) => {
         "worklet";
         return (completed, current) => {
           "worklet";
-          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {
+          runOnJS(reanimatedOnDidAnimated)(key2, completed, current, {
             attemptedValue: value
           });
           if (isExiting2) {
-            exitingStyleProps[key] = false;
+            exitingStyleProps[key2] = false;
             const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
             if (!areStylesExiting) {
               if (sendExitComplete) {
@@ -82,87 +82,87 @@ function createAnimations(animations) {
       };
       const animatedStyle = useAnimatedStyle(() => {
         "worklet";
-        const style = animatedStyles;
+        const style = JSON.parse(animatedString);
         const final = {
           transform: []
         };
         const isExiting2 = isPresent === false;
         const exitingStyleProps = {};
         if (exitStyle) {
-          for (const key in exitStyle) {
-            if (key === "transform") {
-              for (const attr of exitStyle[key]) {
+          for (const key2 in exitStyle) {
+            if (key2 === "transform") {
+              for (const attr of exitStyle[key2]) {
                 const tkey = Object.keys(attr)[0];
                 exitingStyleProps[tkey] = true;
               }
             } else {
-              exitingStyleProps[key] = true;
+              exitingStyleProps[key2] = true;
             }
           }
         }
-        for (const key in style) {
-          const value = style[key];
-          const animationConfig = getAnimationConfig(key, animations, props.animation);
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key, animationConfig, props.animateOnly);
-          const { delayMs = null } = animationDelay(key, animationConfig, delay);
+        for (const key2 in style) {
+          const value = style[key2];
+          const animationConfig = getAnimationConfig(key2, animations, props.animation);
+          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key2, animationConfig, props.animateOnly);
+          const { delayMs = null } = animationDelay(key2, animationConfig, delay);
           if (!animation) {
-            console.warn("No animation for", key, "in", style);
+            console.warn("No animation for", key2, "in", style);
             continue;
           }
           if (!config) {
-            console.warn("No animation config for", key, "in", style);
+            console.warn("No animation config for", key2, "in", style);
             continue;
           }
-          if (key === "transform") {
+          if (key2 === "transform") {
             if (!Array.isArray(value)) {
               console.error(`Invalid transform value. Needs to be an array.`);
               continue;
             }
             for (const transformObject of value) {
-              const key2 = Object.keys(transformObject)[0];
-              const transformValue = transformObject[key2];
-              let finalValue2 = animation(transformValue, config, callback(isExiting2, exitingStyleProps, key2, value));
+              const key3 = Object.keys(transformObject)[0];
+              const transformValue = transformObject[key3];
+              let finalValue2 = animation(transformValue, config, callback(isExiting2, exitingStyleProps, key3, value));
               if (shouldRepeat) {
                 finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
               final["transform"].push({
-                [key2]: finalValue2
+                [key3]: finalValue2
               });
             }
             continue;
           }
           if (typeof value === "object") {
-            final[key] = {};
+            final[key2] = {};
             for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue2 = animation(value, config, callback(isExiting2, exitingStyleProps, key, value));
+              let finalValue2 = animation(value, config, callback(isExiting2, exitingStyleProps, key2, value));
               if (shouldRepeat) {
                 finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
               }
               if (delayMs != null) {
-                final[key][innerStyleKey] = withDelay(delayMs, finalValue2);
+                final[key2][innerStyleKey] = withDelay(delayMs, finalValue2);
               } else {
-                final[key][innerStyleKey] = finalValue2;
+                final[key2][innerStyleKey] = finalValue2;
               }
             }
             continue;
           }
-          let finalValue = animation(value, config, callback(isExiting2, exitingStyleProps, key, value));
+          let finalValue = animation(value, config, callback(isExiting2, exitingStyleProps, key2, value));
           if (shouldRepeat) {
             finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
           }
           if (delayMs != null && typeof delayMs === "number") {
-            final[key] = withDelay(delayMs, finalValue);
+            final[key2] = withDelay(delayMs, finalValue);
           } else {
-            final[key] = finalValue;
+            final[key2] = finalValue;
           }
         }
         return final;
-      }, args);
+      }, [key]);
       return useMemo(() => {
         return {
           style: [nonAnimatedStyle, animatedStyle]
         };
-      }, args);
+      }, [key]);
     }
   };
 }

package/dist/jsx/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp } from '@tamagui/core'\nimport { useCallback, useContext, 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; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n  // backgroundColor: true,\n  // color: true,\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\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 [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\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 isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\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        isPresent,\n        onDidAnimate,\n        reanimatedOnDidAnimated,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const callback = (\n        isExiting: boolean,\n        exitingStyleProps: Record<string, boolean>,\n        key: string,\n        value: any\n      ) => {\n        'worklet'\n        return (completed, current) => {\n          'worklet'\n          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {\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 (sendExitComplete) {\n                runOnJS(sendExitComplete)()\n              }\n            }\n          }\n        }\n      }\n\n      const animatedStyle = useAnimatedStyle(() => {\n        'worklet'\n        const style = animatedStyles\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isPresent === false\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key in exitStyle) {\n            if (key === 'transform') {\n              for (const attr of exitStyle[key]) {\n                const tkey = Object.keys(attr)[0]\n                exitingStyleProps[tkey] = true\n              }\n            } else {\n              exitingStyleProps[key] = true\n            }\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const animationConfig = getAnimationConfig(key, animations, props.animation)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(\n            key,\n            animationConfig,\n            props.animateOnly\n          )\n\n          const { delayMs = null } = animationDelay(key, animationConfig, delay)\n\n          if (!animation) {\n            console.warn('No animation for', key, 'in', style)\n            continue\n          }\n          if (!config) {\n            console.warn('No animation config for', key, 'in', style)\n            continue\n          }\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(\n                transformValue,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n                value,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n            value,\n            config as any,\n            callback(isExiting, exitingStyleProps, key, value)\n          )\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        return final\n      }, args)\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\n  'worklet'\n  if (typeof animation === 'string') {\n    return animations[animation]\n  }\n  let type = ''\n  let extraConf: any\n  if (Array.isArray(animation)) {\n    type = animation[0] as string\n    const conf = animation[1] && animation[1][key]\n    if (conf) {\n      if (typeof conf === 'string') {\n        type = conf\n      } else {\n        type = (conf as any).type || type\n        extraConf = conf\n      }\n    }\n  } else {\n    const val = animation?.[key]\n    type = val?.type\n    extraConf = val\n  }\n  const found = animations[type]\n  if (!found) {\n    throw new Error(`No animation of type \"${type}\" for key \"${key}\"`)\n  }\n  return {\n    ...found,\n    ...extraConf,\n    type: found.type,\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  animation: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !animation ||\n    !animation[key] ||\n    animation[key].delayMs === undefined ||\n    animation[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: animation[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 getAnimation(\n  key: string,\n  animationConfig: AnimationConfig | undefined,\n  animateOnly?: string[]\n) {\n  'worklet'\n  if (!animationConfig || (animateOnly && !animateOnly.includes(key))) {\n    return {}\n  }\n\n  let repeatCount = 0\n  const repeatReverse = animationConfig.repeatReverse || false\n  let animationType: Required<TransitionConfig>['type'] = animationConfig?.type || 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if ('repeat' in animationConfig) {\n    repeatCount = animationConfig.repeat || 0\n  } else {\n    if (animationConfig.loop) {\n      repeatCount = animationConfig.loop ? -1 : 0\n    }\n  }\n\n  let config = animationConfig\n  let animation: typeof withTiming | typeof withSpring | typeof withDecay\n\n  if (animationType === 'timing') {\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = config || {\n      velocity: 2,\n      deceleration: 2,\n    }\n  } else {\n    console.warn('no type of animation?', animationType)\n    animation = withSpring\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp, useEvent } from '@tamagui/core'\nimport { useContext, 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; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n  | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n  | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n  // backgroundColor: true,\n  // color: true,\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\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 [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const reanimatedOnDidAnimated = useEvent<NonNullable<typeof onDidAnimate>>((...args) => {\n        onDidAnimate?.(...args)\n      })\n\n      const isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\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 animatedString = JSON.stringify(animatedStyles)\n      const key =\n        animatedString +\n        JSON.stringify([\n          state.mounted,\n          state.hover,\n          state.press,\n          state.pressIn,\n          state.focus,\n          delay,\n          isPresent,\n          onDidAnimate,\n          presence?.exitVariant,\n          presence?.enterVariant,\n        ])\n\n      const callback = (\n        isExiting: boolean,\n        exitingStyleProps: Record<string, boolean>,\n        key: string,\n        value: any\n      ) => {\n        'worklet'\n        return (completed, current) => {\n          'worklet'\n          runOnJS(reanimatedOnDidAnimated)(key, completed, current, {\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 (sendExitComplete) {\n                runOnJS(sendExitComplete)()\n              }\n            }\n          }\n        }\n      }\n\n      const animatedStyle = useAnimatedStyle(() => {\n        'worklet'\n\n        // getting issues with native unless this :/\n        const style = JSON.parse(animatedString)\n\n        const final = {\n          transform: [] as any[],\n        }\n\n        const isExiting = isPresent === false\n\n        const exitingStyleProps: Record<string, boolean> = {}\n        if (exitStyle) {\n          for (const key in exitStyle) {\n            if (key === 'transform') {\n              for (const attr of exitStyle[key]) {\n                const tkey = Object.keys(attr)[0]\n                exitingStyleProps[tkey] = true\n              }\n            } else {\n              exitingStyleProps[key] = true\n            }\n          }\n        }\n\n        for (const key in style) {\n          const value = style[key]\n          const animationConfig = getAnimationConfig(key, animations, props.animation)\n          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(\n            key,\n            animationConfig,\n            props.animateOnly\n          )\n\n          const { delayMs = null } = animationDelay(key, animationConfig, delay)\n\n          if (!animation) {\n            console.warn('No animation for', key, 'in', style)\n            continue\n          }\n          if (!config) {\n            console.warn('No animation config for', key, 'in', style)\n            continue\n          }\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(\n                transformValue,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n                value,\n                config as any,\n                callback(isExiting, exitingStyleProps, key, value)\n              )\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(\n            value,\n            config as any,\n            callback(isExiting, exitingStyleProps, key, value)\n          )\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        return final\n      }, [key])\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, [key])\n    },\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\n  'worklet'\n  if (typeof animation === 'string') {\n    return animations[animation]\n  }\n  let type = ''\n  let extraConf: any\n  if (Array.isArray(animation)) {\n    type = animation[0] as string\n    const conf = animation[1] && animation[1][key]\n    if (conf) {\n      if (typeof conf === 'string') {\n        type = conf\n      } else {\n        type = (conf as any).type || type\n        extraConf = conf\n      }\n    }\n  } else {\n    const val = animation?.[key]\n    type = val?.type\n    extraConf = val\n  }\n  const found = animations[type]\n  if (!found) {\n    throw new Error(`No animation of type \"${type}\" for key \"${key}\"`)\n  }\n  return {\n    ...found,\n    ...extraConf,\n    type: found.type,\n  }\n}\n\nfunction animationDelay(\n  key: string,\n  animation: AnimationConfig | undefined,\n  defaultDelay?: number\n) {\n  'worklet'\n  if (\n    !animation ||\n    !animation[key] ||\n    animation[key].delayMs === undefined ||\n    animation[key].delayMs === null\n  ) {\n    return {\n      delayMs: null,\n    }\n  }\n  return {\n    delayMs: animation[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 getAnimation(\n  key: string,\n  animationConfig: AnimationConfig | undefined,\n  animateOnly?: string[]\n) {\n  'worklet'\n  if (!animationConfig || (animateOnly && !animateOnly.includes(key))) {\n    return {}\n  }\n\n  let repeatCount = 0\n  const repeatReverse = animationConfig.repeatReverse || false\n  let animationType: Required<TransitionConfig>['type'] = animationConfig?.type || 'spring'\n\n  if (isColor(key) || key === 'opacity') {\n    animationType = 'timing'\n  }\n\n  if ('repeat' in animationConfig) {\n    repeatCount = animationConfig.repeat || 0\n  } else {\n    if (animationConfig.loop) {\n      repeatCount = animationConfig.loop ? -1 : 0\n    }\n  }\n\n  let config = animationConfig\n  let animation: typeof withTiming | typeof withSpring | typeof withDecay\n\n  if (animationType === 'timing') {\n    animation = withTiming\n  } else if (animationType === 'spring') {\n    animation = withSpring\n  } else if (animationType === 'decay') {\n    animation = withDecay\n    config = config || {\n      velocity: 2,\n      deceleration: 2,\n    }\n  } else {\n    console.warn('no type of animation?', animationType)\n    animation = withSpring\n  }\n\n  return {\n    animation,\n    config,\n    repeatReverse,\n    repeatCount,\n    shouldRepeat: !!repeatCount,\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-reanimated",
-  "version": "1.0.1-beta.112",
+  "version": "1.0.1-beta.113",
   "source": "src/index.ts",
   "sideEffects": true,
   "license": "MIT",
@@ -14,12 +14,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/animate-presence": "^1.0.1-beta.112",
-    "@tamagui/core": "^1.0.1-beta.112",
+    "@tamagui/animate-presence": "^1.0.1-beta.113",
+    "@tamagui/core": "^1.0.1-beta.113",
     "react-native-reanimated": "^2.8.0"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.112"
+    "@tamagui/build": "^1.0.1-beta.113"
   },
   "scripts": {
     "build": "tamagui-build",

package/src/createAnimations.tsx

@@ -1,6 +1,6 @@
 import { PresenceContext, usePresence } from '@tamagui/animate-presence'
-import { AnimationDriver, AnimationProp } from '@tamagui/core'
-import { useCallback, useContext, useMemo } from 'react'
+import { AnimationDriver, AnimationProp, useEvent } from '@tamagui/core'
+import { useContext, useMemo } from 'react'
 import Animated, {
   WithDecayConfig,
   WithSpringConfig,
@@ -51,12 +51,9 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
         ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle
         : pseudos.exitStyle
 
-      const reanimatedOnDidAnimated = useCallback<NonNullable<typeof onDidAnimate>>(
-        (...args) => {
-          onDidAnimate?.(...args)
-        },
-        [onDidAnimate]
-      )
+      const reanimatedOnDidAnimated = useEvent<NonNullable<typeof onDidAnimate>>((...args) => {
+        onDidAnimate?.(...args)
+      })
 
       const isExiting = isPresent === false
       const isEntering = !state.mounted
@@ -77,20 +74,21 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
         }
       }
 
-      const args = [
-        JSON.stringify(all),
-        state.mounted,
-        state.hover,
-        state.press,
-        state.pressIn,
-        state.focus,
-        delay,
-        isPresent,
-        onDidAnimate,
-        reanimatedOnDidAnimated,
-        presence?.exitVariant,
-        presence?.enterVariant,
-      ]
+      const animatedString = JSON.stringify(animatedStyles)
+      const key =
+        animatedString +
+        JSON.stringify([
+          state.mounted,
+          state.hover,
+          state.press,
+          state.pressIn,
+          state.focus,
+          delay,
+          isPresent,
+          onDidAnimate,
+          presence?.exitVariant,
+          presence?.enterVariant,
+        ])
 
       const callback = (
         isExiting: boolean,
@@ -119,7 +117,9 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
 
       const animatedStyle = useAnimatedStyle(() => {
         'worklet'
-        const style = animatedStyles
+
+        // getting issues with native unless this :/
+        const style = JSON.parse(animatedString)
 
         const final = {
           transform: [] as any[],
@@ -224,13 +224,13 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
         }
 
         return final
-      }, args)
+      }, [key])
 
       return useMemo(() => {
         return {
           style: [nonAnimatedStyle, animatedStyle],
         }
-      }, args)
+      }, [key])
     },
   }
 }

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,EAAiB,MAAM,eAAe,CAAA;AAE9D,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,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,gBAAgB,CAAC,GAChG,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,gBAAgB,CAAC,GAChG,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,CAAC,CAAA;AASlG,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CA2M9F"}
+{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA2B,MAAM,eAAe,CAAA;AAExE,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,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,gBAAgB,CAAC,GAChG,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,gBAAgB,CAAC,GAChG,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,CAAC,CAAA;AASlG,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CA2M9F"}