@tamagui/animations-react-native 1.0.1-beta.214 → 1.0.1-beta.215

package/dist/cjs/createAnimations.js

@@ -116,8 +116,8 @@ function createAnimations(animations) {
       const [isPresent, sendExitComplete] = (0, import_use_presence.usePresence)();
       const presence = (0, import_react.useContext)(import_use_presence.PresenceContext);
       const isExiting = isPresent === false;
-      const isEntering = !state.mounted;
-      const all = getStyle({
+      const isEntering = state.unmounted;
+      const mergedStyles = getStyle({
         isExiting,
         isEntering,
         exitVariant: presence == null ? void 0 : presence.exitVariant,
@@ -125,14 +125,15 @@ function createAnimations(animations) {
       });
       const animateStyles = (0, import_core.useSafeRef)({});
       const animatedTranforms = (0, import_core.useSafeRef)([]);
-      const interpolations = (0, import_core.useSafeRef)(
-        /* @__PURE__ */ new WeakMap()
-      );
+      const animationsState = (0, import_core.useSafeRef)(null);
+      if (!animationsState.current) {
+        animationsState.current = /* @__PURE__ */ new WeakMap();
+      }
       const runners = [];
       const completions = [];
       const args = [
-        JSON.stringify(all),
-        state.mounted,
+        JSON.stringify(mergedStyles),
+        state.unmounted,
         state.hover,
         state.press,
         state.pressIn,
@@ -145,23 +146,66 @@ function createAnimations(animations) {
       ];
       const res = (0, import_react.useMemo)(() => {
         var _a;
+        const nonAnimatedStyle = {};
+        for (const key in mergedStyles) {
+          const val = mergedStyles[key];
+          if (!animatedStyleKey[key]) {
+            nonAnimatedStyle[key] = val;
+            continue;
+          }
+          if (key !== "transform") {
+            animateStyles.current[key] = update(key, animateStyles.current[key], val);
+            continue;
+          }
+          if (!val)
+            continue;
+          for (const [index, transform] of val.entries()) {
+            if (!transform)
+              continue;
+            const tkey = Object.keys(transform)[0];
+            const currentTransform = (_a = animatedTranforms.current[index]) == null ? void 0 : _a[tkey];
+            animatedTranforms.current[index] = {
+              [tkey]: update(tkey, currentTransform, transform[tkey])
+            };
+            animatedTranforms.current = [...animatedTranforms.current];
+          }
+        }
+        const animatedStyle = {
+          ...Object.fromEntries(
+            Object.entries({
+              ...animateStyles.current
+            }).map(([k, v]) => {
+              var _a2;
+              return [k, ((_a2 = animationsState.current.get(v)) == null ? void 0 : _a2.interopolation) || v];
+            })
+          ),
+          transform: animatedTranforms.current.map((r) => {
+            var _a2;
+            const key = Object.keys(r)[0];
+            const val = ((_a2 = animationsState.current.get(r[key])) == null ? void 0 : _a2.interopolation) || r[key];
+            return { [key]: val };
+          })
+        };
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
         function update(key, animated, valIn) {
           const [val, type] = getValue(valIn);
           const value = animated || new import_react_native.Animated.Value(val);
           let interpolateArgs;
           if (type) {
-            const curInterpolation = interpolations.current.get(value);
+            const curInterpolation = animationsState.current.get(value);
             interpolateArgs = getInterpolated(
               (curInterpolation == null ? void 0 : curInterpolation.current) ?? value["_value"],
               val,
               type
             );
-            interpolations.current.set(value, {
+            animationsState.current.set(value, {
               interopolation: value.interpolate(interpolateArgs),
               current: val
             });
           }
-          if (animated) {
+          if (value) {
             const animationConfig = getAnimationConfig(key, animations, props.animation);
             let resolve;
             const promise = new Promise((res2) => {
@@ -169,8 +213,8 @@ function createAnimations(animations) {
             });
             completions.push(promise);
             runners.push(() => {
-              animated.stopAnimation();
-              import_react_native.Animated.spring(animated, {
+              value.stopAnimation();
+              import_react_native.Animated.spring(value, {
                 toValue: val,
                 useNativeDriver: !import_core.isWeb,
                 ...animationConfig
@@ -183,64 +227,32 @@ function createAnimations(animations) {
           }
           if (process.env.NODE_ENV === "development") {
             if (props["debug"]) {
-              console.log("AnimatedValue", key, "mapped value", valIn, "of type", type, "to", val, "interpolated", interpolateArgs, "- current Animated.Value", value["_value"]);
+              console.log(" \u{1F4A0} animate", key, `from ${value["_value"]} to`, valIn, `(${val})`, "type", type, "interpolate", interpolateArgs);
             }
           }
           return value;
         }
-        const nonAnimatedStyle = {};
-        for (const key in all) {
-          const val = all[key];
-          if (animatedStyleKey[key]) {
-            if (key === "transform") {
-              if (val) {
-                for (const [index, transform] of val.entries()) {
-                  if (!transform)
-                    continue;
-                  const tkey = Object.keys(transform)[0];
-                  animatedTranforms.current[index] = {
-                    [tkey]: update(tkey, (_a = animatedTranforms.current[index]) == null ? void 0 : _a[tkey], transform[tkey])
-                  };
-                }
-              }
-            } else {
-              animateStyles.current[key] = update(key, animateStyles.current[key], val);
-            }
-          } else {
-            nonAnimatedStyle[key] = val;
-          }
-        }
-        const animatedStyle = {
-          ...Object.fromEntries(
-            Object.entries({
-              ...animateStyles.current
-            }).map(([k, v]) => {
-              var _a2;
-              return [k, ((_a2 = interpolations.current.get(v)) == null ? void 0 : _a2.interopolation) || v];
-            })
-          ),
-          transform: animatedTranforms.current.map((r) => {
-            var _a2;
-            const key = Object.keys(r)[0];
-            const val = ((_a2 = interpolations.current.get(r[key])) == null ? void 0 : _a2.interopolation) || r[key];
-            return { [key]: val };
-          })
-        };
-        return {
-          style: [nonAnimatedStyle, animatedStyle]
-        };
       }, args);
       (0, import_core.useIsomorphicLayoutEffect)(() => {
-        for (const runner of runners) {
-          runner();
-        }
+        runners.forEach((r) => r());
+        let cancel = false;
         Promise.all(completions).then(() => {
+          if (cancel)
+            return;
           onDidAnimate == null ? void 0 : onDidAnimate();
           if (isExiting) {
             sendExitComplete == null ? void 0 : sendExitComplete();
           }
         });
+        return () => {
+          cancel = true;
+        };
       }, args);
+      if (process.env.NODE_ENV === "development") {
+        if (props["debug"]) {
+          console.log(`Returning animated`, res);
+        }
+      }
       return res;
     }
   };
@@ -295,11 +307,8 @@ function getValue(input) {
   if (typeof input !== "string") {
     return [input];
   }
-  const neg = input[0] === "-";
-  if (neg)
-    input = input.slice(1);
-  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? [];
-  return [+number * (neg ? -1 : 1), after];
+  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? [];
+  return [+number, after];
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  AnimationProp,\n  UniversalAnimatedNumber,\n  isWeb,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useSafeRef,\n} from '@tamagui/core'\nimport { PresenceContext, usePresence } from '@tamagui/use-presence'\nimport { useContext, useEffect, useMemo, useRef } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = Partial<\n  Pick<\n    Animated.SpringAnimationConfig,\n    | 'delay'\n    | 'bounciness'\n    | 'damping'\n    | 'friction'\n    | 'mass'\n    | 'overshootClamping'\n    | 'speed'\n    | 'stiffness'\n    | 'tension'\n    | 'velocity'\n  >\n>\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nexport const AnimatedView = Animated.View\nexport const AnimatedText = Animated.Text\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const state = useSafeRef(\n    null as any as {\n      val: Animated.Value\n      composite: Animated.CompositeAnimation | null\n      strategy: AnimatedNumberStrategy\n    }\n  )\n  if (!state.current) {\n    state.current = {\n      composite: null,\n      val: new Animated.Value(initial),\n      strategy: { type: 'spring' },\n    }\n  }\n\n  return {\n    getInstance() {\n      return state.current.val\n    },\n    getValue() {\n      return state.current.val['_value']\n    },\n    stop() {\n      state.current.composite?.stop()\n      state.current.composite = null\n    },\n    setValue(next: number, { type, ...config } = { type: 'spring' }) {\n      const val = state.current.val\n      if (type === 'direct') {\n        val.setValue(next)\n      } else if (type === 'spring') {\n        state.current.composite?.stop()\n        const composite = Animated.spring(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      } else {\n        state.current.composite?.stop()\n        const composite = Animated.timing(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: any) => any\n) {\n  return getStyle(value.getInstance())\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    isReactNative: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    useAnimations: (props, helpers) => {\n      const { onDidAnimate, delay, getStyle, state } = 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 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 animateStyles = useSafeRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = useSafeRef<{ [key: string]: Animated.Value }[]>([])\n      const interpolations = useSafeRef(\n        new WeakMap<\n          Animated.Value,\n          { interopolation: Animated.AnimatedInterpolation; current?: number }\n        >()\n      )\n\n      const runners: Function[] = []\n      const completions: Promise<void>[] = []\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        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const res = useMemo(() => {\n        function update(key: string, animated: Animated.Value | undefined, valIn: string | number) {\n          const [val, type] = getValue(valIn)\n          const value = animated || new Animated.Value(val)\n          let interpolateArgs: any\n          if (type) {\n            const curInterpolation = interpolations.current.get(value)\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            interpolations.current!.set(value, {\n              interopolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n          if (animated) {\n            const animationConfig = getAnimationConfig(key, animations, props.animation)\n\n            let resolve\n            const promise = new Promise<void>((res) => {\n              resolve = res\n            })\n            completions.push(promise)\n\n            runners.push(() => {\n              animated.stopAnimation()\n              Animated.spring(animated, {\n                toValue: val,\n                useNativeDriver: !isWeb,\n                ...animationConfig,\n              }).start(({ finished }) => {\n                if (finished) {\n                  resolve()\n                }\n              })\n            })\n          }\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug']) {\n              // prettier-ignore\n              // eslint-disable-next-line no-console\n              console.log('AnimatedValue', key, 'mapped value', valIn, 'of type', type, 'to', val, 'interpolated', interpolateArgs, '- current Animated.Value', value['_value'])\n            }\n          }\n          return value\n        }\n\n        const nonAnimatedStyle = {}\n        for (const key in all) {\n          const val = all[key]\n          if (animatedStyleKey[key]) {\n            if (key === 'transform') {\n              // for now just support one transform key\n              if (val) {\n                for (const [index, transform] of val.entries()) {\n                  if (!transform) continue\n                  const tkey = Object.keys(transform)[0]\n                  animatedTranforms.current[index] = {\n                    [tkey]: update(tkey, animatedTranforms.current[index]?.[tkey], transform[tkey]),\n                  }\n                }\n              }\n            } else {\n              animateStyles.current[key] = update(key, animateStyles.current[key], val)\n            }\n          } else {\n            nonAnimatedStyle[key] = val\n          }\n        }\n\n        const animatedStyle = {\n          ...Object.fromEntries(\n            Object.entries({\n              ...animateStyles.current,\n            }).map(([k, v]) => [k, interpolations.current!.get(v)?.interopolation || v])\n          ),\n          transform: animatedTranforms.current.map((r) => {\n            const key = Object.keys(r)[0]\n            const val = interpolations.current!.get(r[key])?.interopolation || r[key]\n            return { [key]: val }\n          }),\n        }\n\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, args)\n\n      useIsomorphicLayoutEffect(() => {\n        for (const runner of runners) {\n          runner()\n        }\n        Promise.all(completions).then(() => {\n          onDidAnimate?.()\n          if (isExiting) {\n            sendExitComplete?.()\n          }\n        })\n      }, args)\n\n      return res\n    },\n  }\n}\n\nfunction getInterpolated(current: number, next: number, postfix = 'deg') {\n  if (next === current) {\n    current = next - 0.000000001\n  }\n  const inputRange = [current, next]\n  const outputRange = [`${current}${postfix}`, `${next}${postfix}`]\n  if (next < current) {\n    inputRange.reverse()\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\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  }\n}\n\nfunction getValue(input: number | string) {\n  if (typeof input !== 'string') {\n    return [input] as const\n  }\n  const neg = input[0] === '-'\n  if (neg) input = input.slice(1)\n  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? []\n  return [+number * (neg ? -1 : 1), after] as const\n}\n"],
-  "mappings": "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",
-  "names": ["res", "_a"]
+  "sourcesContent": ["import {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  AnimationProp,\n  UniversalAnimatedNumber,\n  isWeb,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useSafeRef,\n} from '@tamagui/core'\nimport { PresenceContext, usePresence } from '@tamagui/use-presence'\nimport { useContext, useEffect, useMemo, useRef } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = Partial<\n  Pick<\n    Animated.SpringAnimationConfig,\n    | 'delay'\n    | 'bounciness'\n    | 'damping'\n    | 'friction'\n    | 'mass'\n    | 'overshootClamping'\n    | 'speed'\n    | 'stiffness'\n    | 'tension'\n    | 'velocity'\n  >\n>\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nexport const AnimatedView = Animated.View\nexport const AnimatedText = Animated.Text\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const state = useSafeRef(\n    null as any as {\n      val: Animated.Value\n      composite: Animated.CompositeAnimation | null\n      strategy: AnimatedNumberStrategy\n    }\n  )\n  if (!state.current) {\n    state.current = {\n      composite: null,\n      val: new Animated.Value(initial),\n      strategy: { type: 'spring' },\n    }\n  }\n\n  return {\n    getInstance() {\n      return state.current.val\n    },\n    getValue() {\n      return state.current.val['_value']\n    },\n    stop() {\n      state.current.composite?.stop()\n      state.current.composite = null\n    },\n    setValue(next: number, { type, ...config } = { type: 'spring' }) {\n      const val = state.current.val\n      if (type === 'direct') {\n        val.setValue(next)\n      } else if (type === 'spring') {\n        state.current.composite?.stop()\n        const composite = Animated.spring(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      } else {\n        state.current.composite?.stop()\n        const composite = Animated.timing(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: any) => any\n) {\n  return getStyle(value.getInstance())\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    isReactNative: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    useAnimations: (props, helpers) => {\n      const { onDidAnimate, delay, getStyle, state } = 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 isExiting = isPresent === false\n      const isEntering = state.unmounted\n\n      const mergedStyles = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const animateStyles = useSafeRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = useSafeRef<{ [key: string]: Animated.Value }[]>([])\n      const animationsState = useSafeRef<\n        WeakMap<\n          Animated.Value,\n          {\n            interopolation: Animated.AnimatedInterpolation\n            current?: number | undefined\n          }\n        >\n      >(null as any)\n      if (!animationsState.current) {\n        animationsState.current = new WeakMap()\n      }\n\n      const runners: Function[] = []\n      const completions: Promise<void>[] = []\n\n      const args = [\n        JSON.stringify(mergedStyles),\n        state.unmounted,\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 res = useMemo(() => {\n        const nonAnimatedStyle = {}\n        for (const key in mergedStyles) {\n          const val = mergedStyles[key]\n          if (!animatedStyleKey[key]) {\n            nonAnimatedStyle[key] = val\n            continue\n          }\n          if (key !== 'transform') {\n            animateStyles.current[key] = update(key, animateStyles.current[key], val)\n            continue\n          }\n          // key: 'transform'\n          // for now just support one transform key\n          if (!val) continue\n          for (const [index, transform] of val.entries()) {\n            if (!transform) continue\n            const tkey = Object.keys(transform)[0]\n            const currentTransform = animatedTranforms.current[index]?.[tkey]\n            animatedTranforms.current[index] = {\n              [tkey]: update(tkey, currentTransform, transform[tkey]),\n            }\n            animatedTranforms.current = [...animatedTranforms.current]\n          }\n        }\n\n        const animatedStyle = {\n          ...Object.fromEntries(\n            Object.entries({\n              ...animateStyles.current,\n            }).map(([k, v]) => [k, animationsState.current!.get(v)?.interopolation || v])\n          ),\n          transform: animatedTranforms.current.map((r) => {\n            const key = Object.keys(r)[0]\n            const val = animationsState.current!.get(r[key])?.interopolation || r[key]\n            return { [key]: val }\n          }),\n        }\n\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n\n        function update(key: string, animated: Animated.Value | undefined, valIn: string | number) {\n          const [val, type] = getValue(valIn)\n          const value = animated || new Animated.Value(val)\n          let interpolateArgs: any\n          if (type) {\n            const curInterpolation = animationsState.current.get(value)\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            animationsState.current!.set(value, {\n              interopolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n          if (value) {\n            const animationConfig = getAnimationConfig(key, animations, props.animation)\n\n            let resolve\n            const promise = new Promise<void>((res) => {\n              resolve = res\n            })\n            completions.push(promise)\n\n            runners.push(() => {\n              value.stopAnimation()\n              Animated.spring(value, {\n                toValue: val,\n                useNativeDriver: !isWeb,\n                ...animationConfig,\n              }).start(({ finished }) => {\n                if (finished) {\n                  resolve()\n                }\n              })\n            })\n          }\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug']) {\n              // prettier-ignore\n              // eslint-disable-next-line no-console\n              console.log(' \uD83D\uDCA0 animate', key, `from ${value['_value']} to`, valIn, `(${val})`, 'type', type, 'interpolate', interpolateArgs)\n            }\n          }\n          return value\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, args)\n\n      useIsomorphicLayoutEffect(() => {\n        runners.forEach((r) => r())\n        let cancel = false\n        Promise.all(completions).then(() => {\n          if (cancel) return\n          onDidAnimate?.()\n          if (isExiting) {\n            sendExitComplete?.()\n          }\n        })\n        return () => {\n          cancel = true\n        }\n      }, args)\n\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // eslint-disable-next-line no-console\n          console.log(`Returning animated`, res)\n        }\n      }\n\n      return res\n    },\n  }\n}\n\nfunction getInterpolated(current: number, next: number, postfix = 'deg') {\n  if (next === current) {\n    current = next - 0.000000001\n  }\n  const inputRange = [current, next]\n  const outputRange = [`${current}${postfix}`, `${next}${postfix}`]\n  if (next < current) {\n    inputRange.reverse()\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\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  }\n}\n\nfunction getValue(input: number | string) {\n  if (typeof input !== 'string') {\n    return [input] as const\n  }\n  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? []\n  return [+number, after] as const\n}\n"],
+  "mappings": "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",
+  "names": ["_a", "res"]
 }

package/dist/esm/createAnimations.js

@@ -93,8 +93,8 @@ function createAnimations(animations) {
       const [isPresent, sendExitComplete] = usePresence();
       const presence = useContext(PresenceContext);
       const isExiting = isPresent === false;
-      const isEntering = !state.mounted;
-      const all = getStyle({
+      const isEntering = state.unmounted;
+      const mergedStyles = getStyle({
         isExiting,
         isEntering,
         exitVariant: presence == null ? void 0 : presence.exitVariant,
@@ -102,14 +102,15 @@ function createAnimations(animations) {
       });
       const animateStyles = useSafeRef({});
       const animatedTranforms = useSafeRef([]);
-      const interpolations = useSafeRef(
-        /* @__PURE__ */ new WeakMap()
-      );
+      const animationsState = useSafeRef(null);
+      if (!animationsState.current) {
+        animationsState.current = /* @__PURE__ */ new WeakMap();
+      }
       const runners = [];
       const completions = [];
       const args = [
-        JSON.stringify(all),
-        state.mounted,
+        JSON.stringify(mergedStyles),
+        state.unmounted,
         state.hover,
         state.press,
         state.pressIn,
@@ -122,23 +123,66 @@ function createAnimations(animations) {
       ];
       const res = useMemo(() => {
         var _a;
+        const nonAnimatedStyle = {};
+        for (const key in mergedStyles) {
+          const val = mergedStyles[key];
+          if (!animatedStyleKey[key]) {
+            nonAnimatedStyle[key] = val;
+            continue;
+          }
+          if (key !== "transform") {
+            animateStyles.current[key] = update(key, animateStyles.current[key], val);
+            continue;
+          }
+          if (!val)
+            continue;
+          for (const [index, transform] of val.entries()) {
+            if (!transform)
+              continue;
+            const tkey = Object.keys(transform)[0];
+            const currentTransform = (_a = animatedTranforms.current[index]) == null ? void 0 : _a[tkey];
+            animatedTranforms.current[index] = {
+              [tkey]: update(tkey, currentTransform, transform[tkey])
+            };
+            animatedTranforms.current = [...animatedTranforms.current];
+          }
+        }
+        const animatedStyle = {
+          ...Object.fromEntries(
+            Object.entries({
+              ...animateStyles.current
+            }).map(([k, v]) => {
+              var _a2;
+              return [k, ((_a2 = animationsState.current.get(v)) == null ? void 0 : _a2.interopolation) || v];
+            })
+          ),
+          transform: animatedTranforms.current.map((r) => {
+            var _a2;
+            const key = Object.keys(r)[0];
+            const val = ((_a2 = animationsState.current.get(r[key])) == null ? void 0 : _a2.interopolation) || r[key];
+            return { [key]: val };
+          })
+        };
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
         function update(key, animated, valIn) {
           const [val, type] = getValue(valIn);
           const value = animated || new Animated.Value(val);
           let interpolateArgs;
           if (type) {
-            const curInterpolation = interpolations.current.get(value);
+            const curInterpolation = animationsState.current.get(value);
             interpolateArgs = getInterpolated(
               (curInterpolation == null ? void 0 : curInterpolation.current) ?? value["_value"],
               val,
               type
             );
-            interpolations.current.set(value, {
+            animationsState.current.set(value, {
               interopolation: value.interpolate(interpolateArgs),
               current: val
             });
           }
-          if (animated) {
+          if (value) {
             const animationConfig = getAnimationConfig(key, animations, props.animation);
             let resolve;
             const promise = new Promise((res2) => {
@@ -146,8 +190,8 @@ function createAnimations(animations) {
             });
             completions.push(promise);
             runners.push(() => {
-              animated.stopAnimation();
-              Animated.spring(animated, {
+              value.stopAnimation();
+              Animated.spring(value, {
                 toValue: val,
                 useNativeDriver: !isWeb,
                 ...animationConfig
@@ -160,64 +204,32 @@ function createAnimations(animations) {
           }
           if (process.env.NODE_ENV === "development") {
             if (props["debug"]) {
-              console.log("AnimatedValue", key, "mapped value", valIn, "of type", type, "to", val, "interpolated", interpolateArgs, "- current Animated.Value", value["_value"]);
+              console.log(" \u{1F4A0} animate", key, `from ${value["_value"]} to`, valIn, `(${val})`, "type", type, "interpolate", interpolateArgs);
             }
           }
           return value;
         }
-        const nonAnimatedStyle = {};
-        for (const key in all) {
-          const val = all[key];
-          if (animatedStyleKey[key]) {
-            if (key === "transform") {
-              if (val) {
-                for (const [index, transform] of val.entries()) {
-                  if (!transform)
-                    continue;
-                  const tkey = Object.keys(transform)[0];
-                  animatedTranforms.current[index] = {
-                    [tkey]: update(tkey, (_a = animatedTranforms.current[index]) == null ? void 0 : _a[tkey], transform[tkey])
-                  };
-                }
-              }
-            } else {
-              animateStyles.current[key] = update(key, animateStyles.current[key], val);
-            }
-          } else {
-            nonAnimatedStyle[key] = val;
-          }
-        }
-        const animatedStyle = {
-          ...Object.fromEntries(
-            Object.entries({
-              ...animateStyles.current
-            }).map(([k, v]) => {
-              var _a2;
-              return [k, ((_a2 = interpolations.current.get(v)) == null ? void 0 : _a2.interopolation) || v];
-            })
-          ),
-          transform: animatedTranforms.current.map((r) => {
-            var _a2;
-            const key = Object.keys(r)[0];
-            const val = ((_a2 = interpolations.current.get(r[key])) == null ? void 0 : _a2.interopolation) || r[key];
-            return { [key]: val };
-          })
-        };
-        return {
-          style: [nonAnimatedStyle, animatedStyle]
-        };
       }, args);
       useIsomorphicLayoutEffect(() => {
-        for (const runner of runners) {
-          runner();
-        }
+        runners.forEach((r) => r());
+        let cancel = false;
         Promise.all(completions).then(() => {
+          if (cancel)
+            return;
           onDidAnimate == null ? void 0 : onDidAnimate();
           if (isExiting) {
             sendExitComplete == null ? void 0 : sendExitComplete();
           }
         });
+        return () => {
+          cancel = true;
+        };
       }, args);
+      if (process.env.NODE_ENV === "development") {
+        if (props["debug"]) {
+          console.log(`Returning animated`, res);
+        }
+      }
       return res;
     }
   };
@@ -272,11 +284,8 @@ function getValue(input) {
   if (typeof input !== "string") {
     return [input];
   }
-  const neg = input[0] === "-";
-  if (neg)
-    input = input.slice(1);
-  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? [];
-  return [+number * (neg ? -1 : 1), after];
+  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? [];
+  return [+number, after];
 }
 export {
   AnimatedText,

package/dist/esm/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  AnimationProp,\n  UniversalAnimatedNumber,\n  isWeb,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useSafeRef,\n} from '@tamagui/core'\nimport { PresenceContext, usePresence } from '@tamagui/use-presence'\nimport { useContext, useEffect, useMemo, useRef } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = Partial<\n  Pick<\n    Animated.SpringAnimationConfig,\n    | 'delay'\n    | 'bounciness'\n    | 'damping'\n    | 'friction'\n    | 'mass'\n    | 'overshootClamping'\n    | 'speed'\n    | 'stiffness'\n    | 'tension'\n    | 'velocity'\n  >\n>\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nexport const AnimatedView = Animated.View\nexport const AnimatedText = Animated.Text\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const state = useSafeRef(\n    null as any as {\n      val: Animated.Value\n      composite: Animated.CompositeAnimation | null\n      strategy: AnimatedNumberStrategy\n    }\n  )\n  if (!state.current) {\n    state.current = {\n      composite: null,\n      val: new Animated.Value(initial),\n      strategy: { type: 'spring' },\n    }\n  }\n\n  return {\n    getInstance() {\n      return state.current.val\n    },\n    getValue() {\n      return state.current.val['_value']\n    },\n    stop() {\n      state.current.composite?.stop()\n      state.current.composite = null\n    },\n    setValue(next: number, { type, ...config } = { type: 'spring' }) {\n      const val = state.current.val\n      if (type === 'direct') {\n        val.setValue(next)\n      } else if (type === 'spring') {\n        state.current.composite?.stop()\n        const composite = Animated.spring(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      } else {\n        state.current.composite?.stop()\n        const composite = Animated.timing(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: any) => any\n) {\n  return getStyle(value.getInstance())\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    isReactNative: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    useAnimations: (props, helpers) => {\n      const { onDidAnimate, delay, getStyle, state } = 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 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 animateStyles = useSafeRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = useSafeRef<{ [key: string]: Animated.Value }[]>([])\n      const interpolations = useSafeRef(\n        new WeakMap<\n          Animated.Value,\n          { interopolation: Animated.AnimatedInterpolation; current?: number }\n        >()\n      )\n\n      const runners: Function[] = []\n      const completions: Promise<void>[] = []\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        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const res = useMemo(() => {\n        function update(key: string, animated: Animated.Value | undefined, valIn: string | number) {\n          const [val, type] = getValue(valIn)\n          const value = animated || new Animated.Value(val)\n          let interpolateArgs: any\n          if (type) {\n            const curInterpolation = interpolations.current.get(value)\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            interpolations.current!.set(value, {\n              interopolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n          if (animated) {\n            const animationConfig = getAnimationConfig(key, animations, props.animation)\n\n            let resolve\n            const promise = new Promise<void>((res) => {\n              resolve = res\n            })\n            completions.push(promise)\n\n            runners.push(() => {\n              animated.stopAnimation()\n              Animated.spring(animated, {\n                toValue: val,\n                useNativeDriver: !isWeb,\n                ...animationConfig,\n              }).start(({ finished }) => {\n                if (finished) {\n                  resolve()\n                }\n              })\n            })\n          }\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug']) {\n              // prettier-ignore\n              // eslint-disable-next-line no-console\n              console.log('AnimatedValue', key, 'mapped value', valIn, 'of type', type, 'to', val, 'interpolated', interpolateArgs, '- current Animated.Value', value['_value'])\n            }\n          }\n          return value\n        }\n\n        const nonAnimatedStyle = {}\n        for (const key in all) {\n          const val = all[key]\n          if (animatedStyleKey[key]) {\n            if (key === 'transform') {\n              // for now just support one transform key\n              if (val) {\n                for (const [index, transform] of val.entries()) {\n                  if (!transform) continue\n                  const tkey = Object.keys(transform)[0]\n                  animatedTranforms.current[index] = {\n                    [tkey]: update(tkey, animatedTranforms.current[index]?.[tkey], transform[tkey]),\n                  }\n                }\n              }\n            } else {\n              animateStyles.current[key] = update(key, animateStyles.current[key], val)\n            }\n          } else {\n            nonAnimatedStyle[key] = val\n          }\n        }\n\n        const animatedStyle = {\n          ...Object.fromEntries(\n            Object.entries({\n              ...animateStyles.current,\n            }).map(([k, v]) => [k, interpolations.current!.get(v)?.interopolation || v])\n          ),\n          transform: animatedTranforms.current.map((r) => {\n            const key = Object.keys(r)[0]\n            const val = interpolations.current!.get(r[key])?.interopolation || r[key]\n            return { [key]: val }\n          }),\n        }\n\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, args)\n\n      useIsomorphicLayoutEffect(() => {\n        for (const runner of runners) {\n          runner()\n        }\n        Promise.all(completions).then(() => {\n          onDidAnimate?.()\n          if (isExiting) {\n            sendExitComplete?.()\n          }\n        })\n      }, args)\n\n      return res\n    },\n  }\n}\n\nfunction getInterpolated(current: number, next: number, postfix = 'deg') {\n  if (next === current) {\n    current = next - 0.000000001\n  }\n  const inputRange = [current, next]\n  const outputRange = [`${current}${postfix}`, `${next}${postfix}`]\n  if (next < current) {\n    inputRange.reverse()\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\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  }\n}\n\nfunction getValue(input: number | string) {\n  if (typeof input !== 'string') {\n    return [input] as const\n  }\n  const neg = input[0] === '-'\n  if (neg) input = input.slice(1)\n  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? []\n  return [+number * (neg ? -1 : 1), after] as const\n}\n"],
-  "mappings": "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",
-  "names": ["res", "_a"]
+  "sourcesContent": ["import {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  AnimationProp,\n  UniversalAnimatedNumber,\n  isWeb,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useSafeRef,\n} from '@tamagui/core'\nimport { PresenceContext, usePresence } from '@tamagui/use-presence'\nimport { useContext, useEffect, useMemo, useRef } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = Partial<\n  Pick<\n    Animated.SpringAnimationConfig,\n    | 'delay'\n    | 'bounciness'\n    | 'damping'\n    | 'friction'\n    | 'mass'\n    | 'overshootClamping'\n    | 'speed'\n    | 'stiffness'\n    | 'tension'\n    | 'velocity'\n  >\n>\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nexport const AnimatedView = Animated.View\nexport const AnimatedText = Animated.Text\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const state = useSafeRef(\n    null as any as {\n      val: Animated.Value\n      composite: Animated.CompositeAnimation | null\n      strategy: AnimatedNumberStrategy\n    }\n  )\n  if (!state.current) {\n    state.current = {\n      composite: null,\n      val: new Animated.Value(initial),\n      strategy: { type: 'spring' },\n    }\n  }\n\n  return {\n    getInstance() {\n      return state.current.val\n    },\n    getValue() {\n      return state.current.val['_value']\n    },\n    stop() {\n      state.current.composite?.stop()\n      state.current.composite = null\n    },\n    setValue(next: number, { type, ...config } = { type: 'spring' }) {\n      const val = state.current.val\n      if (type === 'direct') {\n        val.setValue(next)\n      } else if (type === 'spring') {\n        state.current.composite?.stop()\n        const composite = Animated.spring(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      } else {\n        state.current.composite?.stop()\n        const composite = Animated.timing(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: any) => any\n) {\n  return getStyle(value.getInstance())\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    isReactNative: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    useAnimations: (props, helpers) => {\n      const { onDidAnimate, delay, getStyle, state } = 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 isExiting = isPresent === false\n      const isEntering = state.unmounted\n\n      const mergedStyles = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const animateStyles = useSafeRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = useSafeRef<{ [key: string]: Animated.Value }[]>([])\n      const animationsState = useSafeRef<\n        WeakMap<\n          Animated.Value,\n          {\n            interopolation: Animated.AnimatedInterpolation\n            current?: number | undefined\n          }\n        >\n      >(null as any)\n      if (!animationsState.current) {\n        animationsState.current = new WeakMap()\n      }\n\n      const runners: Function[] = []\n      const completions: Promise<void>[] = []\n\n      const args = [\n        JSON.stringify(mergedStyles),\n        state.unmounted,\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 res = useMemo(() => {\n        const nonAnimatedStyle = {}\n        for (const key in mergedStyles) {\n          const val = mergedStyles[key]\n          if (!animatedStyleKey[key]) {\n            nonAnimatedStyle[key] = val\n            continue\n          }\n          if (key !== 'transform') {\n            animateStyles.current[key] = update(key, animateStyles.current[key], val)\n            continue\n          }\n          // key: 'transform'\n          // for now just support one transform key\n          if (!val) continue\n          for (const [index, transform] of val.entries()) {\n            if (!transform) continue\n            const tkey = Object.keys(transform)[0]\n            const currentTransform = animatedTranforms.current[index]?.[tkey]\n            animatedTranforms.current[index] = {\n              [tkey]: update(tkey, currentTransform, transform[tkey]),\n            }\n            animatedTranforms.current = [...animatedTranforms.current]\n          }\n        }\n\n        const animatedStyle = {\n          ...Object.fromEntries(\n            Object.entries({\n              ...animateStyles.current,\n            }).map(([k, v]) => [k, animationsState.current!.get(v)?.interopolation || v])\n          ),\n          transform: animatedTranforms.current.map((r) => {\n            const key = Object.keys(r)[0]\n            const val = animationsState.current!.get(r[key])?.interopolation || r[key]\n            return { [key]: val }\n          }),\n        }\n\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n\n        function update(key: string, animated: Animated.Value | undefined, valIn: string | number) {\n          const [val, type] = getValue(valIn)\n          const value = animated || new Animated.Value(val)\n          let interpolateArgs: any\n          if (type) {\n            const curInterpolation = animationsState.current.get(value)\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            animationsState.current!.set(value, {\n              interopolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n          if (value) {\n            const animationConfig = getAnimationConfig(key, animations, props.animation)\n\n            let resolve\n            const promise = new Promise<void>((res) => {\n              resolve = res\n            })\n            completions.push(promise)\n\n            runners.push(() => {\n              value.stopAnimation()\n              Animated.spring(value, {\n                toValue: val,\n                useNativeDriver: !isWeb,\n                ...animationConfig,\n              }).start(({ finished }) => {\n                if (finished) {\n                  resolve()\n                }\n              })\n            })\n          }\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug']) {\n              // prettier-ignore\n              // eslint-disable-next-line no-console\n              console.log(' \uD83D\uDCA0 animate', key, `from ${value['_value']} to`, valIn, `(${val})`, 'type', type, 'interpolate', interpolateArgs)\n            }\n          }\n          return value\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, args)\n\n      useIsomorphicLayoutEffect(() => {\n        runners.forEach((r) => r())\n        let cancel = false\n        Promise.all(completions).then(() => {\n          if (cancel) return\n          onDidAnimate?.()\n          if (isExiting) {\n            sendExitComplete?.()\n          }\n        })\n        return () => {\n          cancel = true\n        }\n      }, args)\n\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // eslint-disable-next-line no-console\n          console.log(`Returning animated`, res)\n        }\n      }\n\n      return res\n    },\n  }\n}\n\nfunction getInterpolated(current: number, next: number, postfix = 'deg') {\n  if (next === current) {\n    current = next - 0.000000001\n  }\n  const inputRange = [current, next]\n  const outputRange = [`${current}${postfix}`, `${next}${postfix}`]\n  if (next < current) {\n    inputRange.reverse()\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\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  }\n}\n\nfunction getValue(input: number | string) {\n  if (typeof input !== 'string') {\n    return [input] as const\n  }\n  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? []\n  return [+number, after] as const\n}\n"],
+  "mappings": "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",
+  "names": ["_a", "res"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-react-native",
-  "version": "1.0.1-beta.214",
+  "version": "1.0.1-beta.215",
   "source": "src/index.ts",
   "sideEffects": [
     "./polyfill.js"
@@ -9,18 +9,17 @@
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
-  "module:jsx": "dist/jsx",
   "files": [
     "src",
     "types",
     "dist"
   ],
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.214",
-    "@tamagui/use-presence": "^1.0.1-beta.214"
+    "@tamagui/core": "^1.0.1-beta.215",
+    "@tamagui/use-presence": "^1.0.1-beta.215"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.214",
+    "@tamagui/build": "^1.0.1-beta.215",
     "react": "*",
     "react-dom": "*",
     "react-native": "*"

package/src/createAnimations.tsx

@@ -139,9 +139,9 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
       //   : pseudos.exitStyle
 
       const isExiting = isPresent === false
-      const isEntering = !state.mounted
+      const isEntering = state.unmounted
 
-      const all = getStyle({
+      const mergedStyles = getStyle({
         isExiting,
         isEntering,
         exitVariant: presence?.exitVariant,
@@ -150,19 +150,25 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
 
       const animateStyles = useSafeRef<Record<string, Animated.Value>>({})
       const animatedTranforms = useSafeRef<{ [key: string]: Animated.Value }[]>([])
-      const interpolations = useSafeRef(
-        new WeakMap<
+      const animationsState = useSafeRef<
+        WeakMap<
           Animated.Value,
-          { interopolation: Animated.AnimatedInterpolation; current?: number }
-        >()
-      )
+          {
+            interopolation: Animated.AnimatedInterpolation
+            current?: number | undefined
+          }
+        >
+      >(null as any)
+      if (!animationsState.current) {
+        animationsState.current = new WeakMap()
+      }
 
       const runners: Function[] = []
       const completions: Promise<void>[] = []
 
       const args = [
-        JSON.stringify(all),
-        state.mounted,
+        JSON.stringify(mergedStyles),
+        state.unmounted,
         state.hover,
         state.press,
         state.pressIn,
@@ -175,23 +181,65 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
       ]
 
       const res = useMemo(() => {
+        const nonAnimatedStyle = {}
+        for (const key in mergedStyles) {
+          const val = mergedStyles[key]
+          if (!animatedStyleKey[key]) {
+            nonAnimatedStyle[key] = val
+            continue
+          }
+          if (key !== 'transform') {
+            animateStyles.current[key] = update(key, animateStyles.current[key], val)
+            continue
+          }
+          // key: 'transform'
+          // for now just support one transform key
+          if (!val) continue
+          for (const [index, transform] of val.entries()) {
+            if (!transform) continue
+            const tkey = Object.keys(transform)[0]
+            const currentTransform = animatedTranforms.current[index]?.[tkey]
+            animatedTranforms.current[index] = {
+              [tkey]: update(tkey, currentTransform, transform[tkey]),
+            }
+            animatedTranforms.current = [...animatedTranforms.current]
+          }
+        }
+
+        const animatedStyle = {
+          ...Object.fromEntries(
+            Object.entries({
+              ...animateStyles.current,
+            }).map(([k, v]) => [k, animationsState.current!.get(v)?.interopolation || v])
+          ),
+          transform: animatedTranforms.current.map((r) => {
+            const key = Object.keys(r)[0]
+            const val = animationsState.current!.get(r[key])?.interopolation || r[key]
+            return { [key]: val }
+          }),
+        }
+
+        return {
+          style: [nonAnimatedStyle, animatedStyle],
+        }
+
         function update(key: string, animated: Animated.Value | undefined, valIn: string | number) {
           const [val, type] = getValue(valIn)
           const value = animated || new Animated.Value(val)
           let interpolateArgs: any
           if (type) {
-            const curInterpolation = interpolations.current.get(value)
+            const curInterpolation = animationsState.current.get(value)
             interpolateArgs = getInterpolated(
               curInterpolation?.current ?? value['_value'],
               val,
               type
             )
-            interpolations.current!.set(value, {
+            animationsState.current!.set(value, {
               interopolation: value.interpolate(interpolateArgs),
               current: val,
             })
           }
-          if (animated) {
+          if (value) {
             const animationConfig = getAnimationConfig(key, animations, props.animation)
 
             let resolve
@@ -201,8 +249,8 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
             completions.push(promise)
 
             runners.push(() => {
-              animated.stopAnimation()
-              Animated.spring(animated, {
+              value.stopAnimation()
+              Animated.spring(value, {
                 toValue: val,
                 useNativeDriver: !isWeb,
                 ...animationConfig,
@@ -217,66 +265,36 @@ export function createAnimations<A extends AnimationsConfig>(animations: A): Ani
             if (props['debug']) {
               // prettier-ignore
               // eslint-disable-next-line no-console
-              console.log('AnimatedValue', key, 'mapped value', valIn, 'of type', type, 'to', val, 'interpolated', interpolateArgs, '- current Animated.Value', value['_value'])
+              console.log(' 💠 animate', key, `from ${value['_value']} to`, valIn, `(${val})`, 'type', type, 'interpolate', interpolateArgs)
             }
           }
           return value
         }
-
-        const nonAnimatedStyle = {}
-        for (const key in all) {
-          const val = all[key]
-          if (animatedStyleKey[key]) {
-            if (key === 'transform') {
-              // for now just support one transform key
-              if (val) {
-                for (const [index, transform] of val.entries()) {
-                  if (!transform) continue
-                  const tkey = Object.keys(transform)[0]
-                  animatedTranforms.current[index] = {
-                    [tkey]: update(tkey, animatedTranforms.current[index]?.[tkey], transform[tkey]),
-                  }
-                }
-              }
-            } else {
-              animateStyles.current[key] = update(key, animateStyles.current[key], val)
-            }
-          } else {
-            nonAnimatedStyle[key] = val
-          }
-        }
-
-        const animatedStyle = {
-          ...Object.fromEntries(
-            Object.entries({
-              ...animateStyles.current,
-            }).map(([k, v]) => [k, interpolations.current!.get(v)?.interopolation || v])
-          ),
-          transform: animatedTranforms.current.map((r) => {
-            const key = Object.keys(r)[0]
-            const val = interpolations.current!.get(r[key])?.interopolation || r[key]
-            return { [key]: val }
-          }),
-        }
-
-        return {
-          style: [nonAnimatedStyle, animatedStyle],
-        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
       }, args)
 
       useIsomorphicLayoutEffect(() => {
-        for (const runner of runners) {
-          runner()
-        }
+        runners.forEach((r) => r())
+        let cancel = false
         Promise.all(completions).then(() => {
+          if (cancel) return
           onDidAnimate?.()
           if (isExiting) {
             sendExitComplete?.()
           }
         })
+        return () => {
+          cancel = true
+        }
       }, args)
 
+      if (process.env.NODE_ENV === 'development') {
+        if (props['debug']) {
+          // eslint-disable-next-line no-console
+          console.log(`Returning animated`, res)
+        }
+      }
+
       return res
     },
   }
@@ -334,8 +352,6 @@ function getValue(input: number | string) {
   if (typeof input !== 'string') {
     return [input] as const
   }
-  const neg = input[0] === '-'
-  if (neg) input = input.slice(1)
-  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? []
-  return [+number * (neg ? -1 : 1), after] as const
+  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? []
+  return [+number, after] as const
 }

package/dist/jsx/createAnimations.js

@@ -1,282 +0,0 @@
-import {
-  isWeb,
-  useEvent,
-  useIsomorphicLayoutEffect,
-  useSafeRef
-} from "@tamagui/core";
-import { PresenceContext, usePresence } from "@tamagui/use-presence";
-import { useContext, useEffect, useMemo } from "react";
-import { Animated } from "react-native";
-const animatedStyleKey = {
-  transform: true,
-  opacity: true
-};
-const AnimatedView = Animated.View;
-const AnimatedText = Animated.Text;
-function useAnimatedNumber(initial) {
-  const state = useSafeRef(
-    null
-  );
-  if (!state.current) {
-    state.current = {
-      composite: null,
-      val: new Animated.Value(initial),
-      strategy: { type: "spring" }
-    };
-  }
-  return {
-    getInstance() {
-      return state.current.val;
-    },
-    getValue() {
-      return state.current.val["_value"];
-    },
-    stop() {
-      state.current.composite?.stop();
-      state.current.composite = null;
-    },
-    setValue(next, { type, ...config } = { type: "spring" }) {
-      const val = state.current.val;
-      if (type === "direct") {
-        val.setValue(next);
-      } else if (type === "spring") {
-        state.current.composite?.stop();
-        const composite = Animated.spring(val, {
-          ...config,
-          toValue: next,
-          useNativeDriver: !isWeb
-        });
-        composite.start();
-        state.current.composite = composite;
-      } else {
-        state.current.composite?.stop();
-        const composite = Animated.timing(val, {
-          ...config,
-          toValue: next,
-          useNativeDriver: !isWeb
-        });
-        composite.start();
-        state.current.composite = composite;
-      }
-    }
-  };
-}
-function useAnimatedNumberReaction(value, cb) {
-  const onChange = useEvent((current) => {
-    cb(current.value);
-  });
-  useEffect(() => {
-    const id = value.getInstance().addListener(onChange);
-    return () => {
-      value.getInstance().removeListener(id);
-    };
-  }, [value, onChange]);
-}
-function useAnimatedNumberStyle(value, getStyle) {
-  return getStyle(value.getInstance());
-}
-function createAnimations(animations) {
-  AnimatedView["displayName"] = "AnimatedView";
-  AnimatedText["displayName"] = "AnimatedText";
-  return {
-    isReactNative: true,
-    animations,
-    View: AnimatedView,
-    Text: AnimatedText,
-    useAnimatedNumber,
-    useAnimatedNumberReaction,
-    useAnimatedNumberStyle,
-    useAnimations: (props, helpers) => {
-      const { onDidAnimate, delay, getStyle, state } = helpers;
-      const [isPresent, sendExitComplete] = usePresence();
-      const presence = useContext(PresenceContext);
-      const isExiting = isPresent === false;
-      const isEntering = !state.mounted;
-      const all = getStyle({
-        isExiting,
-        isEntering,
-        exitVariant: presence?.exitVariant,
-        enterVariant: presence?.enterVariant
-      });
-      const animateStyles = useSafeRef({});
-      const animatedTranforms = useSafeRef([]);
-      const interpolations = useSafeRef(
-        /* @__PURE__ */ new WeakMap()
-      );
-      const runners = [];
-      const completions = [];
-      const args = [
-        JSON.stringify(all),
-        state.mounted,
-        state.hover,
-        state.press,
-        state.pressIn,
-        state.focus,
-        delay,
-        isPresent,
-        onDidAnimate,
-        presence?.exitVariant,
-        presence?.enterVariant
-      ];
-      const res = useMemo(() => {
-        function update(key, animated, valIn) {
-          const [val, type] = getValue(valIn);
-          const value = animated || new Animated.Value(val);
-          let interpolateArgs;
-          if (type) {
-            const curInterpolation = interpolations.current.get(value);
-            interpolateArgs = getInterpolated(
-              curInterpolation?.current ?? value["_value"],
-              val,
-              type
-            );
-            interpolations.current.set(value, {
-              interopolation: value.interpolate(interpolateArgs),
-              current: val
-            });
-          }
-          if (animated) {
-            const animationConfig = getAnimationConfig(key, animations, props.animation);
-            let resolve;
-            const promise = new Promise((res2) => {
-              resolve = res2;
-            });
-            completions.push(promise);
-            runners.push(() => {
-              animated.stopAnimation();
-              Animated.spring(animated, {
-                toValue: val,
-                useNativeDriver: !isWeb,
-                ...animationConfig
-              }).start(({ finished }) => {
-                if (finished) {
-                  resolve();
-                }
-              });
-            });
-          }
-          if (process.env.NODE_ENV === "development") {
-            if (props["debug"]) {
-              console.log("AnimatedValue", key, "mapped value", valIn, "of type", type, "to", val, "interpolated", interpolateArgs, "- current Animated.Value", value["_value"]);
-            }
-          }
-          return value;
-        }
-        const nonAnimatedStyle = {};
-        for (const key in all) {
-          const val = all[key];
-          if (animatedStyleKey[key]) {
-            if (key === "transform") {
-              if (val) {
-                for (const [index, transform] of val.entries()) {
-                  if (!transform)
-                    continue;
-                  const tkey = Object.keys(transform)[0];
-                  animatedTranforms.current[index] = {
-                    [tkey]: update(tkey, animatedTranforms.current[index]?.[tkey], transform[tkey])
-                  };
-                }
-              }
-            } else {
-              animateStyles.current[key] = update(key, animateStyles.current[key], val);
-            }
-          } else {
-            nonAnimatedStyle[key] = val;
-          }
-        }
-        const animatedStyle = {
-          ...Object.fromEntries(
-            Object.entries({
-              ...animateStyles.current
-            }).map(([k, v]) => [k, interpolations.current.get(v)?.interopolation || v])
-          ),
-          transform: animatedTranforms.current.map((r) => {
-            const key = Object.keys(r)[0];
-            const val = interpolations.current.get(r[key])?.interopolation || r[key];
-            return { [key]: val };
-          })
-        };
-        return {
-          style: [nonAnimatedStyle, animatedStyle]
-        };
-      }, args);
-      useIsomorphicLayoutEffect(() => {
-        for (const runner of runners) {
-          runner();
-        }
-        Promise.all(completions).then(() => {
-          onDidAnimate?.();
-          if (isExiting) {
-            sendExitComplete?.();
-          }
-        });
-      }, args);
-      return res;
-    }
-  };
-}
-function getInterpolated(current, next, postfix = "deg") {
-  if (next === current) {
-    current = next - 1e-9;
-  }
-  const inputRange = [current, next];
-  const outputRange = [`${current}${postfix}`, `${next}${postfix}`];
-  if (next < current) {
-    inputRange.reverse();
-    outputRange.reverse();
-  }
-  return {
-    inputRange,
-    outputRange
-  };
-}
-function getAnimationConfig(key, animations, animation) {
-  if (typeof animation === "string") {
-    return animations[animation];
-  }
-  let type = "";
-  let extraConf;
-  if (Array.isArray(animation)) {
-    type = animation[0];
-    const conf = animation[1] && animation[1][key];
-    if (conf) {
-      if (typeof conf === "string") {
-        type = conf;
-      } else {
-        type = conf.type || type;
-        extraConf = conf;
-      }
-    }
-  } else {
-    const val = animation?.[key];
-    type = val?.type;
-    extraConf = val;
-  }
-  const found = animations[type];
-  if (!found) {
-    throw new Error(`No animation of type "${type}" for key "${key}"`);
-  }
-  return {
-    ...found,
-    ...extraConf
-  };
-}
-function getValue(input) {
-  if (typeof input !== "string") {
-    return [input];
-  }
-  const neg = input[0] === "-";
-  if (neg)
-    input = input.slice(1);
-  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? [];
-  return [+number * (neg ? -1 : 1), after];
-}
-export {
-  AnimatedText,
-  AnimatedView,
-  createAnimations,
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberStyle
-};
-//# sourceMappingURL=createAnimations.js.map

package/dist/jsx/createAnimations.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["import {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  AnimationProp,\n  UniversalAnimatedNumber,\n  isWeb,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useSafeRef,\n} from '@tamagui/core'\nimport { PresenceContext, usePresence } from '@tamagui/use-presence'\nimport { useContext, useEffect, useMemo, useRef } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = Partial<\n  Pick<\n    Animated.SpringAnimationConfig,\n    | 'delay'\n    | 'bounciness'\n    | 'damping'\n    | 'friction'\n    | 'mass'\n    | 'overshootClamping'\n    | 'speed'\n    | 'stiffness'\n    | 'tension'\n    | 'velocity'\n  >\n>\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nexport const AnimatedView = Animated.View\nexport const AnimatedText = Animated.Text\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const state = useSafeRef(\n    null as any as {\n      val: Animated.Value\n      composite: Animated.CompositeAnimation | null\n      strategy: AnimatedNumberStrategy\n    }\n  )\n  if (!state.current) {\n    state.current = {\n      composite: null,\n      val: new Animated.Value(initial),\n      strategy: { type: 'spring' },\n    }\n  }\n\n  return {\n    getInstance() {\n      return state.current.val\n    },\n    getValue() {\n      return state.current.val['_value']\n    },\n    stop() {\n      state.current.composite?.stop()\n      state.current.composite = null\n    },\n    setValue(next: number, { type, ...config } = { type: 'spring' }) {\n      const val = state.current.val\n      if (type === 'direct') {\n        val.setValue(next)\n      } else if (type === 'spring') {\n        state.current.composite?.stop()\n        const composite = Animated.spring(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      } else {\n        state.current.composite?.stop()\n        const composite = Animated.timing(val, {\n          ...config,\n          toValue: next,\n          useNativeDriver: !isWeb,\n        })\n        composite.start()\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: any) => any\n) {\n  return getStyle(value.getInstance())\n}\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    isReactNative: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    useAnimations: (props, helpers) => {\n      const { onDidAnimate, delay, getStyle, state } = 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 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 animateStyles = useSafeRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = useSafeRef<{ [key: string]: Animated.Value }[]>([])\n      const interpolations = useSafeRef(\n        new WeakMap<\n          Animated.Value,\n          { interopolation: Animated.AnimatedInterpolation; current?: number }\n        >()\n      )\n\n      const runners: Function[] = []\n      const completions: Promise<void>[] = []\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        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      const res = useMemo(() => {\n        function update(key: string, animated: Animated.Value | undefined, valIn: string | number) {\n          const [val, type] = getValue(valIn)\n          const value = animated || new Animated.Value(val)\n          let interpolateArgs: any\n          if (type) {\n            const curInterpolation = interpolations.current.get(value)\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            interpolations.current!.set(value, {\n              interopolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n          if (animated) {\n            const animationConfig = getAnimationConfig(key, animations, props.animation)\n\n            let resolve\n            const promise = new Promise<void>((res) => {\n              resolve = res\n            })\n            completions.push(promise)\n\n            runners.push(() => {\n              animated.stopAnimation()\n              Animated.spring(animated, {\n                toValue: val,\n                useNativeDriver: !isWeb,\n                ...animationConfig,\n              }).start(({ finished }) => {\n                if (finished) {\n                  resolve()\n                }\n              })\n            })\n          }\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug']) {\n              // prettier-ignore\n              // eslint-disable-next-line no-console\n              console.log('AnimatedValue', key, 'mapped value', valIn, 'of type', type, 'to', val, 'interpolated', interpolateArgs, '- current Animated.Value', value['_value'])\n            }\n          }\n          return value\n        }\n\n        const nonAnimatedStyle = {}\n        for (const key in all) {\n          const val = all[key]\n          if (animatedStyleKey[key]) {\n            if (key === 'transform') {\n              // for now just support one transform key\n              if (val) {\n                for (const [index, transform] of val.entries()) {\n                  if (!transform) continue\n                  const tkey = Object.keys(transform)[0]\n                  animatedTranforms.current[index] = {\n                    [tkey]: update(tkey, animatedTranforms.current[index]?.[tkey], transform[tkey]),\n                  }\n                }\n              }\n            } else {\n              animateStyles.current[key] = update(key, animateStyles.current[key], val)\n            }\n          } else {\n            nonAnimatedStyle[key] = val\n          }\n        }\n\n        const animatedStyle = {\n          ...Object.fromEntries(\n            Object.entries({\n              ...animateStyles.current,\n            }).map(([k, v]) => [k, interpolations.current!.get(v)?.interopolation || v])\n          ),\n          transform: animatedTranforms.current.map((r) => {\n            const key = Object.keys(r)[0]\n            const val = interpolations.current!.get(r[key])?.interopolation || r[key]\n            return { [key]: val }\n          }),\n        }\n\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, args)\n\n      useIsomorphicLayoutEffect(() => {\n        for (const runner of runners) {\n          runner()\n        }\n        Promise.all(completions).then(() => {\n          onDidAnimate?.()\n          if (isExiting) {\n            sendExitComplete?.()\n          }\n        })\n      }, args)\n\n      return res\n    },\n  }\n}\n\nfunction getInterpolated(current: number, next: number, postfix = 'deg') {\n  if (next === current) {\n    current = next - 0.000000001\n  }\n  const inputRange = [current, next]\n  const outputRange = [`${current}${postfix}`, `${next}${postfix}`]\n  if (next < current) {\n    inputRange.reverse()\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\n  }\n}\n\nfunction getAnimationConfig(key: string, animations: AnimationsConfig, animation?: AnimationProp) {\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  }\n}\n\nfunction getValue(input: number | string) {\n  if (typeof input !== 'string') {\n    return [input] as const\n  }\n  const neg = input[0] === '-'\n  if (neg) input = input.slice(1)\n  const [_, number, after] = input.match(/([-0-9]+)(deg|%)/) ?? []\n  return [+number * (neg ? -1 : 1), after] as const\n}\n"],
-  "mappings": "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",
-  "names": ["res"]
-}

package/dist/jsx/index.js

@@ -1,3 +0,0 @@
-import "./polyfill";
-export * from "./createAnimations";
-//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["import './polyfill'\n\nexport * from './createAnimations'\n"],
-  "mappings": "AAAA,OAAO;AAEP,cAAc;",
-  "names": []
-}

package/dist/jsx/polyfill.js

@@ -1,4 +0,0 @@
-if (typeof requestAnimationFrame === "undefined") {
-  globalThis["requestAnimationFrame"] = setImmediate;
-}
-//# sourceMappingURL=polyfill.js.map

package/dist/jsx/polyfill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/polyfill.ts"],
-  "sourcesContent": ["// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n  globalThis['requestAnimationFrame'] = setImmediate\n}\n"],
-  "mappings": "AACA,IAAI,OAAO,0BAA0B,aAAa;AAChD,aAAW,2BAA2B;AACxC;",
-  "names": []
-}