@tamagui/animations-react-native 2.0.0-rc.4 → 2.0.0-rc.40

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeTransition","getEffectiveAnimation","isWeb","useIsomorphicLayoutEffect","ResetPresence","usePresence","useEvent","useThemeWithState","React","Animated","_type_of","obj","Symbol","constructor","resolveDynamicValue","value","isDark","dynamicValue","dynamic","dark","light","animatedStyleKey","transform","opacity","colorStyleKey","backgroundColor","color","borderColor","borderLeftColor","borderRightColor","borderTopColor","borderBottomColor","costlyToAnimateStyleKey","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderWidth","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","AnimatedView","View","AnimatedText","Text","useAnimatedNumber","initial","state","useRef","current","composite","val","Value","strategy","type","getInstance","getValue","_value","stop","_state_current_composite","setValue","next","config","arguments","length","onFinish","handleFinish","param","finished","spring","toValue","useNativeDriver","start","_state_current_composite1","composite1","timing","useAnimatedNumberReaction","onValue","onChange","useEffect","id","addListener","removeListener","useAnimatedNumberStyle","getStyle","createAnimations","animations","isReactNative","inputStyle","outputStyle","useAnimations","props","onDidAnimate","style","componentState","presence","_themeState_name","isDisabled","unmounted","isExiting","sendExitComplete","themeState","scheme","name","startsWith","animateStyles","animatedTranforms","animationsState","WeakMap","animateOnly","hasTransitionOnly","isEntering","wasEnteringRef","justFinishedEntering","args","JSON","stringify","isThereNoNativeStyleKeys","useMemo","Object","keys","some","key","indexOf","res","runners","completions","animationState","nonAnimatedStyle","rawVal","includes","update","console","warn","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","entries","iterator","_step","done","index","_animatedTranforms_current_index","tkey","currentTransform","err","return","animatedStyle","fromEntries","map","param2","k","v","_animationsState_current_get","get","interpolation","r","key2","val2","animated","valIn","isColorStyleKey","animateToValue","curInterpolation","interpolateArgs","_curInterpolation_current","getInterpolated","set","interpolate","getColorInterpolated","animationConfig","getAnimationConfig","transition","resolve","promise","Promise","res2","push","stopAnimation","getAnimation","animation","delay","sequence","process","env","NODE_ENV","debug","info","forEach","cancel","all","then","response"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getEffectiveAnimation","normalizeTransition","isWeb","useIsomorphicLayoutEffect","ResetPresence","usePresence","useEvent","useThemeWithState","React","Animated","_type_of","obj","Symbol","constructor","isFabric","global","__nativeFabricUIManager","resolveDynamicValue","value","isDark","dynamicValue","dynamic","dark","light","animatedStyleKey","transform","opacity","colorStyleKey","backgroundColor","color","borderColor","borderLeftColor","borderRightColor","borderTopColor","borderBottomColor","costlyToAnimateStyleKey","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderWidth","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","AnimatedView","View","AnimatedText","Text","useAnimatedNumber","initial","state","useRef","current","composite","val","Value","strategy","type","getInstance","getValue","stop","_state_current_composite","setValue","next","config","arguments","length","onFinish","handleFinish","param","finished","spring","toValue","useNativeDriver","start","_state_current_composite1","composite1","timing","useAnimatedNumberReaction","onValue","onChange","useEffect","id","addListener","removeListener","useAnimatedNumberStyle","getStyle","useAnimatedNumbersStyle","vals","map","v","createAnimations","animations","options","_options_useNativeDriver","nativeDriver","isReactNative","inputStyle","outputStyle","avoidReRenders","needsCustomComponent","useAnimations","props","onDidAnimate","style","componentState","presence","useStyleEmitter","_themeState_name","isDisabled","unmounted","isExiting","sendExitComplete","themeState","scheme","name","startsWith","animateStyles","animatedTranforms","animationsState","WeakMap","exitCycleIdRef","exitCompletedRef","wasExitingRef","justStartedExiting","justStoppedExiting","animateOnly","hasTransitionOnly","isEntering","wasEnteringRef","justFinishedEntering","args","JSON","stringify","res","useMemo","runners","completions","animationState","nonAnimatedStyle","key","rawVal","includes","update","console","warn","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","entries","iterator","_step","done","index","_animatedTranforms_current_index","tkey","Object","keys","currentTransform","err","return","animatedTransformStyle","r","_animationsState_current_get","key2","val2","get","interpolation","animatedStyle","fromEntries","param2","k","animated","valIn","isColorStyleKey","animateToValue","curInterpolation","interpolateArgs","_curInterpolation_current","getInterpolated","set","interpolate","getColorInterpolated","animationConfig","getAnimationConfig","transition","resolve","promise","Promise","res2","push","stopAnimation","getAnimation","animation","delay","sequence","process","env","NODE_ENV","info","forEach","cycleId","cancel","all","then","nextStyle","Array","isArray","isColor","numVal","anim","response","currentColor","nextColor","inputRange","outputRange","reverse","postfix"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,OAAO;AAEP,cAAc;",
-  "names": []
-}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAEA,cAAc","ignoreList":[]}

package/dist/esm/polyfill.mjs

@@ -1,2 +1,4 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = typeof setImmediate > "u" ? setTimeout : setImmediate);
+if (typeof requestAnimationFrame === "undefined") {
+  globalThis["requestAnimationFrame"] = typeof setImmediate === "undefined" ? setTimeout : setImmediate;
+}
 //# sourceMappingURL=polyfill.mjs.map

package/dist/esm/polyfill.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["requestAnimationFrame","globalThis","setImmediate","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACI,OAAOA,qBAAA,GAA0B,QACnCC,UAAA,CAAWD,qBAAA,GACT,OAAOE,YAAA,GAAiB,MAAcC,UAAA,GAAaD,YAAA","ignoreList":[]}
+{"version":3,"names":["requestAnimationFrame","globalThis","setImmediate","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACA,IAAI,OAAOA,qBAAA,KAA0B,aAAa;EAChDC,UAAA,CAAW,uBAAuB,IAChC,OAAOC,YAAA,KAAiB,cAAcC,UAAA,GAAaD,YAAA;AACvD","ignoreList":[]}

package/dist/esm/polyfill.native.js

@@ -1,2 +1,4 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = typeof setImmediate > "u" ? setTimeout : setImmediate);
+if (typeof requestAnimationFrame === "undefined") {
+  globalThis["requestAnimationFrame"] = typeof setImmediate === "undefined" ? setTimeout : setImmediate;
+}
 //# sourceMappingURL=polyfill.native.js.map

package/dist/esm/polyfill.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["requestAnimationFrame","globalThis","setImmediate","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACI,OAAOA,qBAAA,GAA0B,QACnCC,UAAA,CAAWD,qBAAA,GACT,OAAOE,YAAA,GAAiB,MAAcC,UAAA,GAAaD,YAAA","ignoreList":[]}
+{"version":3,"names":["requestAnimationFrame","globalThis","setImmediate","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACA,IAAI,OAAOA,qBAAA,KAA0B,aAAa;EAChDC,UAAA,CAAW,uBAAuB,IAChC,OAAOC,YAAA,KAAiB,cAAcC,UAAA,GAAaD,YAAA;AACvD","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-react-native",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.40",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "source": "src/index.ts",
@@ -20,15 +20,12 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": {
-        "module": "./dist/esm/index.native.js",
-        "import": "./dist/esm/index.native.js",
-        "require": "./dist/cjs/index.native.js"
-      },
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -41,15 +38,15 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/animation-helpers": "2.0.0-rc.4",
-    "@tamagui/constants": "2.0.0-rc.4",
-    "@tamagui/use-presence": "2.0.0-rc.4",
-    "@tamagui/web": "2.0.0-rc.4"
+    "@tamagui/animation-helpers": "2.0.0-rc.40",
+    "@tamagui/constants": "2.0.0-rc.40",
+    "@tamagui/use-presence": "2.0.0-rc.40",
+    "@tamagui/web": "2.0.0-rc.40"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.4",
+    "@tamagui/build": "2.0.0-rc.40",
     "react": ">=19",
-    "react-native": "0.81.5"
+    "react-native": "0.83.2"
   },
   "peerDependencies": {
     "react": ">=19",

package/src/createAnimations.tsx

@@ -1,4 +1,4 @@
-import { normalizeTransition, getEffectiveAnimation } from '@tamagui/animation-helpers'
+import { getEffectiveAnimation, normalizeTransition } from '@tamagui/animation-helpers'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { ResetPresence, usePresence } from '@tamagui/use-presence'
 import type {
@@ -13,6 +13,10 @@ import { useEvent, useThemeWithState } from '@tamagui/web'
 import React from 'react'
 import { Animated, type Text, type View } from 'react-native'
 
+// detect Fabric (New Architecture) — Paper doesn't support native driver for all style keys
+const isFabric =
+  !isWeb && typeof global !== 'undefined' && !!global.__nativeFabricUIManager
+
 // Helper to resolve dynamic theme values like {dynamic: {dark: "value", light: undefined}}
 const resolveDynamicValue = (value: any, isDark: boolean): any => {
   if (value && typeof value === 'object' && 'dynamic' in value) {
@@ -59,7 +63,7 @@ const colorStyleKey = {
   borderBottomColor: true,
 }
 
-// these are the styles that are costly to animate because they don't support useNativeDriver and some of them are changing layout
+// these style keys are costly to animate and only work with native driver on Fabric
 const costlyToAnimateStyleKey = {
   borderRadius: true,
   borderTopLeftRadius: true,
@@ -72,7 +76,11 @@ const costlyToAnimateStyleKey = {
   borderTopWidth: true,
   borderBottomWidth: true,
   ...colorStyleKey,
-  // TODO for other keys like height or width, it's better to not add them here till layout animations are ready
+}
+
+type CreateAnimationsOptions = {
+  // override native driver detection (default: auto-detect Fabric)
+  useNativeDriver?: boolean
 }
 
 export const AnimatedView: Animated.AnimatedComponent<typeof View> = Animated.View
@@ -121,7 +129,7 @@ export function useAnimatedNumber(
         const composite = Animated.spring(val, {
           ...config,
           toValue: next,
-          useNativeDriver: !isWeb,
+          useNativeDriver: isFabric,
         })
         composite.start(handleFinish)
         state.current.composite = composite
@@ -130,7 +138,7 @@ export function useAnimatedNumber(
         const composite = Animated.timing(val, {
           ...config,
           toValue: next,
-          useNativeDriver: !isWeb,
+          useNativeDriver: isFabric,
         })
         composite.start(handleFinish)
         state.current.composite = composite
@@ -164,22 +172,42 @@ export const useAnimatedNumberStyle: UseAnimatedNumberStyle<RNAnimatedNum> = (
   return getStyle(value.getInstance())
 }
 
+export const useAnimatedNumbersStyle = (
+  vals: RNAnimatedNum[],
+  getStyle: (...currentValues: any[]) => any
+): any => {
+  return getStyle(...vals.map((v) => v.getInstance()))
+}
+
 export function createAnimations<A extends AnimationsConfig>(
-  animations: A
+  animations: A,
+  options?: CreateAnimationsOptions
 ): AnimationDriver<A> {
+  const nativeDriver = options?.useNativeDriver ?? isFabric
+
   return {
     isReactNative: true,
     inputStyle: 'value',
     outputStyle: 'inline',
+    avoidReRenders: true,
     animations,
+    needsCustomComponent: true,
     View: AnimatedView,
     Text: AnimatedText,
     useAnimatedNumber,
     useAnimatedNumberReaction,
     useAnimatedNumberStyle,
+    useAnimatedNumbersStyle,
     usePresence,
     ResetPresence,
-    useAnimations: ({ props, onDidAnimate, style, componentState, presence }) => {
+    useAnimations: ({
+      props,
+      onDidAnimate,
+      style,
+      componentState,
+      presence,
+      useStyleEmitter,
+    }) => {
       const isDisabled = isWeb && componentState.unmounted === true
       const isExiting = presence?.[0] === false
       const sendExitComplete = presence?.[1]
@@ -202,6 +230,25 @@ export function createAnimations<A extends AnimationsConfig>(
         >()
       )
 
+      // exit cycle guards to prevent stale/duplicate completion
+      const exitCycleIdRef = React.useRef(0)
+      const exitCompletedRef = React.useRef(false)
+      const wasExitingRef = React.useRef(false)
+
+      // detect transition into/out of exiting state
+      const justStartedExiting = isExiting && !wasExitingRef.current
+      const justStoppedExiting = !isExiting && wasExitingRef.current
+
+      // start new exit cycle only on transition INTO exiting
+      if (justStartedExiting) {
+        exitCycleIdRef.current++
+        exitCompletedRef.current = false
+      }
+      // invalidate pending callbacks when exit is canceled/interrupted
+      if (justStoppedExiting) {
+        exitCycleIdRef.current++
+      }
+
       const animateOnly = (props.animateOnly as string[]) || []
       const hasTransitionOnly = !!props.animateOnly
 
@@ -221,19 +268,9 @@ export function createAnimations<A extends AnimationsConfig>(
         !!onDidAnimate,
         isDark,
         justFinishedEntering,
+        hasTransitionOnly,
       ]
 
-      // check if there is any style that is not supported by native driver
-      const isThereNoNativeStyleKeys = React.useMemo(() => {
-        if (isWeb) return true
-        return Object.keys(style).some((key) => {
-          if (animateOnly) {
-            return !animatedStyleKey[key] && animateOnly.indexOf(key) === -1
-          }
-          return !animatedStyleKey[key]
-        })
-      }, args)
-
       const res = React.useMemo(() => {
         const runners: Function[] = []
         const completions: Promise<void>[] = []
@@ -292,6 +329,18 @@ export function createAnimations<A extends AnimationsConfig>(
           }
         }
 
+        const animatedTransformStyle =
+          animatedTranforms.current.length > 0
+            ? {
+                transform: animatedTranforms.current.map((r) => {
+                  const key = Object.keys(r)[0]
+                  const val =
+                    animationsState.current!.get(r[key])?.interpolation || r[key]
+                  return { [key]: val }
+                }),
+              }
+            : {}
+
         const animatedStyle = {
           ...Object.fromEntries(
             Object.entries(animateStyles.current).map(([k, v]) => [
@@ -299,11 +348,7 @@ export function createAnimations<A extends AnimationsConfig>(
               animationsState.current!.get(v)?.interpolation || v,
             ])
           ),
-          transform: animatedTranforms.current.map((r) => {
-            const key = Object.keys(r)[0]
-            const val = animationsState.current!.get(r[key])?.interpolation || r[key]
-            return { [key]: val }
-          }),
+          ...animatedTransformStyle,
         }
 
         return {
@@ -371,7 +416,7 @@ export function createAnimations<A extends AnimationsConfig>(
               function getAnimation() {
                 return Animated[animationConfig.type || 'spring'](value, {
                   toValue: animateToValue,
-                  useNativeDriver: !isWeb && !isThereNoNativeStyleKeys,
+                  useNativeDriver: nativeDriver,
                   ...animationConfig,
                 })
               }
@@ -384,7 +429,9 @@ export function createAnimations<A extends AnimationsConfig>(
                 : getAnimation()
 
               animation.start(({ finished }) => {
-                if (finished) {
+                // always resolve during exit (element is leaving anyway)
+                // for non-exit, only resolve on successful completion
+                if (finished || isExiting) {
                   resolve()
                 }
               })
@@ -411,13 +458,37 @@ export function createAnimations<A extends AnimationsConfig>(
         }
       }, args)
 
+      // track previous exiting state
+      React.useEffect(() => {
+        wasExitingRef.current = isExiting
+      })
+
       useIsomorphicLayoutEffect(() => {
         res.runners.forEach((r) => r())
+
+        // capture current cycle id
+        const cycleId = exitCycleIdRef.current
+
+        // handle zero-completion case immediately
+        if (res.completions.length === 0) {
+          onDidAnimate?.()
+          if (isExiting && !exitCompletedRef.current) {
+            exitCompletedRef.current = true
+            sendExitComplete?.()
+          }
+          return
+        }
+
         let cancel = false
         Promise.all(res.completions).then(() => {
           if (cancel) return
+          // guard against stale cycle completion
+          if (isExiting && cycleId !== exitCycleIdRef.current) return
+          if (isExiting && exitCompletedRef.current) return
+
           onDidAnimate?.()
           if (isExiting) {
+            exitCompletedRef.current = true
             sendExitComplete?.()
           }
         })
@@ -426,6 +497,94 @@ export function createAnimations<A extends AnimationsConfig>(
         }
       }, args)
 
+      // avoidReRenders: receive style changes imperatively from tamagui
+      // and update Animated.Values directly without React re-renders
+      // reuses the same update() + runner pattern as the useMemo path
+      useStyleEmitter?.((nextStyle) => {
+        for (const key in nextStyle) {
+          const rawVal = nextStyle[key]
+          const val = resolveDynamicValue(rawVal, isDark)
+          if (val === undefined) continue
+
+          if (key === 'transform' && Array.isArray(val)) {
+            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]),
+              }
+            }
+          } else if (animatedStyleKey[key] != null || costlyToAnimateStyleKey[key]) {
+            animateStyles.current[key] = update(key, animateStyles.current[key], val)
+          }
+        }
+
+        // run the queued animations immediately
+        res.runners.forEach((r) => r())
+
+        function update(
+          key: string,
+          animated: Animated.Value | undefined,
+          valIn: string | number
+        ) {
+          const isColor = colorStyleKey[key]
+          const [numVal, type] = isColor ? [0, undefined] : getValue(valIn)
+          let animateToValue = numVal
+          const value = animated || new Animated.Value(numVal)
+          const curInterpolation = animationsState.current.get(value)
+
+          if (type) {
+            animationsState.current.set(value, {
+              interpolation: value.interpolate(
+                getInterpolated(
+                  curInterpolation?.current ?? value['_value'],
+                  numVal,
+                  type
+                )
+              ),
+              current: numVal,
+            })
+          }
+
+          if (isColor) {
+            animateToValue = curInterpolation?.animateToValue ? 0 : 1
+            animationsState.current.set(value, {
+              current: valIn,
+              interpolation: value.interpolate(
+                getColorInterpolated(
+                  curInterpolation?.current as string,
+                  valIn as string,
+                  animateToValue
+                )
+              ),
+              animateToValue: curInterpolation?.animateToValue ? 0 : 1,
+            })
+          }
+
+          const animationConfig = getAnimationConfig(
+            key,
+            animations,
+            props.transition,
+            'default'
+          )
+          res.runners.push(() => {
+            value.stopAnimation()
+            const anim = Animated[animationConfig.type || 'spring'](value, {
+              toValue: animateToValue,
+              useNativeDriver: nativeDriver,
+              ...animationConfig,
+            })
+            ;(animationConfig.delay
+              ? Animated.sequence([Animated.delay(animationConfig.delay), anim])
+              : anim
+            ).start()
+          })
+
+          return value
+        }
+      })
+
       if (process.env.NODE_ENV === 'development') {
         if (props['debug'] === 'verbose') {
           console.info(`Animated`, { response: res, inputStyle: style, isExiting })
@@ -507,6 +666,9 @@ function getAnimationConfig(
   const found = animationType ? animations[animationType] : {}
   return {
     ...found,
+    // Apply global spring config overrides (from transition={['bouncy', { stiffness: 1000 }]})
+    ...normalized.config,
+    // Property-specific config takes highest precedence
     ...extraConf,
   }
 }

package/types/createAnimations.d.ts

@@ -8,13 +8,17 @@ type TimingConfig = {
 	type: "timing";
 } & Partial<Animated.TimingAnimationConfig>;
 type AnimationConfig = SpringConfig | TimingConfig;
+type CreateAnimationsOptions = {
+	useNativeDriver?: boolean;
+};
 export declare const AnimatedView: Animated.AnimatedComponent<typeof View>;
 export declare const AnimatedText: Animated.AnimatedComponent<typeof Text>;
 export declare function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value>;
 type RNAnimatedNum = UniversalAnimatedNumber<Animated.Value>;
 export declare const useAnimatedNumberReaction: UseAnimatedNumberReaction<RNAnimatedNum>;
 export declare const useAnimatedNumberStyle: UseAnimatedNumberStyle<RNAnimatedNum>;
-export declare function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A>;
+export declare const useAnimatedNumbersStyle: (vals: RNAnimatedNum[], getStyle: (...currentValues: any[]) => any) => any;
+export declare function createAnimations<A extends AnimationsConfig>(animations: A, options?: CreateAnimationsOptions): AnimationDriver<A>;
 export {};
 
 //# sourceMappingURL=createAnimations.d.ts.map

package/types/createAnimations.d.ts.map

@@ -1,16 +1,11 @@
 {
-  "mappings": "AAGA,cAEE,iBAEA,yBACA,2BACA,8BACK;AAGP,SAAS,eAAe,WAAW,YAAY;KAW1C,iBAAiB,6BAA6B,aAAa,KAAI;KAE/D,eAAe;CAAE,OAAO;IAAa,QACxC,KACE,SAAS,uBACP,UACA,eACA,YACA,aACA,SACA,sBACA,UACA,cACA,YACA;KAID,eAAe;CAAE,MAAM;IAAa,QAAQ,SAAS;KAErD,kBAAkB,eAAe;AAiCtC,OAAO,cAAMA,cAAc,SAAS,yBAAyB;AAC7D,OAAO,cAAMC,cAAc,SAAS,yBAAyB;AAE7D,OAAO,iBAAS,kBACd,kBACC,wBAAwB,SAAS;KA2D/B,gBAAgB,wBAAwB,SAAS;AAEtD,OAAO,cAAMC,2BAA2B,0BAA0B;AAgBlE,OAAO,cAAMC,wBAAwB,uBAAuB;AAO5D,OAAO,iBAAS,iBAAiB,UAAU,kBACzC,YAAY,IACX,gBAAgB",
-  "names": [
-    "AnimatedView: Animated.AnimatedComponent<typeof View>",
-    "AnimatedText: Animated.AnimatedComponent<typeof Text>",
-    "useAnimatedNumberReaction: UseAnimatedNumberReaction<RNAnimatedNum>",
-    "useAnimatedNumberStyle: UseAnimatedNumberStyle<RNAnimatedNum>"
-  ],
+  "mappings": "AAGA,cAEE,iBAEA,yBACA,2BACA,8BACK;AAGP,SAAS,eAAe,WAAW,YAAY;KAe1C,iBAAiB,6BAA6B,aAAa,KAAI;KAE/D,eAAe;CAAE,OAAO;IAAa,QACxC,KACE,SAAS,uBACP,UACA,eACA,YACA,aACA,SACA,sBACA,UACA,cACA,YACA;KAID,eAAe;CAAE,MAAM;IAAa,QAAQ,SAAS;KAErD,kBAAkB,eAAe;KAgCjC,0BAA0B;CAE7B;;AAGF,OAAO,cAAM,cAAc,SAAS,yBAAyB;AAC7D,OAAO,cAAM,cAAc,SAAS,yBAAyB;AAE7D,OAAO,iBAAS,kBACd,kBACC,wBAAwB,SAAS;KA2D/B,gBAAgB,wBAAwB,SAAS;AAEtD,OAAO,cAAM,2BAA2B,0BAA0B;AAgBlE,OAAO,cAAM,wBAAwB,uBAAuB;AAO5D,OAAO,cAAM,0BACX,MAAM,iBACN,WAAW,GAAG;AAKhB,OAAO,iBAAS,iBAAiB,UAAU,kBACzC,YAAY,GACZ,UAAU,0BACT,gBAAgB",
+  "names": [],
   "sources": [
     "src/createAnimations.tsx"
   ],
+  "version": 3,
   "sourcesContent": [
-    "import { normalizeTransition, getEffectiveAnimation } from '@tamagui/animation-helpers'\nimport { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { ResetPresence, usePresence } from '@tamagui/use-presence'\nimport type {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  TransitionProp,\n  UniversalAnimatedNumber,\n  UseAnimatedNumberReaction,\n  UseAnimatedNumberStyle,\n} from '@tamagui/web'\nimport { useEvent, useThemeWithState } from '@tamagui/web'\nimport React from 'react'\nimport { Animated, type Text, type View } from 'react-native'\n\n// Helper to resolve dynamic theme values like {dynamic: {dark: \"value\", light: undefined}}\nconst resolveDynamicValue = (value: any, isDark: boolean): any => {\n  if (value && typeof value === 'object' && 'dynamic' in value) {\n    const dynamicValue = isDark ? value.dynamic.dark : value.dynamic.light\n    return dynamicValue\n  }\n  return value\n}\n\ntype AnimationsConfig<A extends object = any> = { [Key in keyof A]: AnimationConfig }\n\ntype SpringConfig = { type?: 'spring' } & 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\ntype TimingConfig = { type: 'timing' } & Partial<Animated.TimingAnimationConfig>\n\ntype AnimationConfig = SpringConfig | TimingConfig\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nconst colorStyleKey = {\n  backgroundColor: true,\n  color: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderRightColor: true,\n  borderTopColor: true,\n  borderBottomColor: true,\n}\n\n// these are the styles that are costly to animate because they don't support useNativeDriver and some of them are changing layout\nconst costlyToAnimateStyleKey = {\n  borderRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderWidth: true,\n  borderLeftWidth: true,\n  borderRightWidth: true,\n  borderTopWidth: true,\n  borderBottomWidth: true,\n  ...colorStyleKey,\n  // TODO for other keys like height or width, it's better to not add them here till layout animations are ready\n}\n\nexport const AnimatedView: Animated.AnimatedComponent<typeof View> = Animated.View\nexport const AnimatedText: Animated.AnimatedComponent<typeof Text> = Animated.Text\n\nexport function useAnimatedNumber(\n  initial: number\n): UniversalAnimatedNumber<Animated.Value> {\n  const state = React.useRef(\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' }, onFinish) {\n      const val = state.current.val\n\n      const handleFinish = onFinish\n        ? ({ finished }) => (finished ? onFinish() : null)\n        : undefined\n\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(handleFinish)\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(handleFinish)\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\ntype RNAnimatedNum = UniversalAnimatedNumber<Animated.Value>\n\nexport const useAnimatedNumberReaction: UseAnimatedNumberReaction<RNAnimatedNum> = (\n  { value },\n  onValue\n) => {\n  const onChange = useEvent((current) => {\n    onValue(current.value)\n  })\n\n  React.useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport const useAnimatedNumberStyle: UseAnimatedNumberStyle<RNAnimatedNum> = (\n  value,\n  getStyle\n) => {\n  return getStyle(value.getInstance())\n}\n\nexport function createAnimations<A extends AnimationsConfig>(\n  animations: A\n): AnimationDriver<A> {\n  return {\n    isReactNative: true,\n    inputStyle: 'value',\n    outputStyle: 'inline',\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    usePresence,\n    ResetPresence,\n    useAnimations: ({ props, onDidAnimate, style, componentState, presence }) => {\n      const isDisabled = isWeb && componentState.unmounted === true\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n      const [, themeState] = useThemeWithState({})\n      // Check scheme first, then fall back to checking theme name for 'dark'\n      const isDark = themeState?.scheme === 'dark' || themeState?.name?.startsWith('dark')\n\n      /** store Animated value of each key e.g: color: AnimatedValue */\n      const animateStyles = React.useRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = React.useRef<{ [key: string]: Animated.Value }[]>([])\n      const animationsState = React.useRef(\n        new WeakMap<\n          Animated.Value,\n          {\n            interpolation: Animated.AnimatedInterpolation<any>\n            current?: number | string | undefined\n            // only for colors\n            animateToValue?: number\n          }\n        >()\n      )\n\n      const animateOnly = (props.animateOnly as string[]) || []\n      const hasTransitionOnly = !!props.animateOnly\n\n      // Track if we just finished entering (transition from entering to not entering)\n      // must be declared before args array that uses justFinishedEntering\n      const isEntering = !!componentState.unmounted\n      const wasEnteringRef = React.useRef(isEntering)\n      const justFinishedEntering = wasEnteringRef.current && !isEntering\n      React.useEffect(() => {\n        wasEnteringRef.current = isEntering\n      })\n\n      const args = [\n        JSON.stringify(style),\n        componentState,\n        isExiting,\n        !!onDidAnimate,\n        isDark,\n        justFinishedEntering,\n      ]\n\n      // check if there is any style that is not supported by native driver\n      const isThereNoNativeStyleKeys = React.useMemo(() => {\n        if (isWeb) return true\n        return Object.keys(style).some((key) => {\n          if (animateOnly) {\n            return !animatedStyleKey[key] && animateOnly.indexOf(key) === -1\n          }\n          return !animatedStyleKey[key]\n        })\n      }, args)\n\n      const res = React.useMemo(() => {\n        const runners: Function[] = []\n        const completions: Promise<void>[] = []\n\n        // Determine animation state for enter/exit transitions\n        // Use 'enter' if we're entering OR if we just finished entering\n        const animationState: 'enter' | 'exit' | 'default' = isExiting\n          ? 'exit'\n          : isEntering || justFinishedEntering\n            ? 'enter'\n            : 'default'\n\n        const nonAnimatedStyle = {}\n\n        for (const key in style) {\n          const rawVal = style[key]\n          // Resolve dynamic theme values (like $theme-dark)\n          const val = resolveDynamicValue(rawVal, isDark)\n          if (val === undefined) continue\n\n          if (isDisabled) {\n            continue\n          }\n\n          if (animatedStyleKey[key] == null && !costlyToAnimateStyleKey[key]) {\n            nonAnimatedStyle[key] = val\n            continue\n          }\n\n          if (hasTransitionOnly && !animateOnly.includes(key)) {\n            nonAnimatedStyle[key] = val\n            continue\n          }\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          if (typeof val === 'string') {\n            console.warn(`Warning: Tamagui can't animate string transforms yet!`)\n            continue\n          }\n\n          for (const [index, transform] of val.entries()) {\n            if (!transform) continue\n            // tkey: e.g: 'translateX'\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(animateStyles.current).map(([k, v]) => [\n              k,\n              animationsState.current!.get(v)?.interpolation || v,\n            ])\n          ),\n          transform: animatedTranforms.current.map((r) => {\n            const key = Object.keys(r)[0]\n            const val = animationsState.current!.get(r[key])?.interpolation || r[key]\n            return { [key]: val }\n          }),\n        }\n\n        return {\n          runners,\n          completions,\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n\n        function update(\n          key: string,\n          animated: Animated.Value | undefined,\n          valIn: string | number\n        ) {\n          const isColorStyleKey = colorStyleKey[key]\n          const [val, type] = isColorStyleKey ? [0, undefined] : getValue(valIn)\n          let animateToValue = val\n          const value = animated || new Animated.Value(val)\n          const curInterpolation = animationsState.current.get(value)\n\n          let interpolateArgs: any\n          if (type) {\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            animationsState.current!.set(value, {\n              interpolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n\n          if (isColorStyleKey) {\n            animateToValue = curInterpolation?.animateToValue ? 0 : 1\n            interpolateArgs = getColorInterpolated(\n              curInterpolation?.current as string,\n              // valIn is the next color\n              valIn as string,\n              animateToValue\n            )\n            animationsState.current!.set(value, {\n              current: valIn,\n              interpolation: value.interpolate(interpolateArgs),\n              animateToValue: curInterpolation?.animateToValue ? 0 : 1,\n            })\n          }\n\n          if (value) {\n            const animationConfig = getAnimationConfig(\n              key,\n              animations,\n              props.transition,\n              animationState\n            )\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\n              function getAnimation() {\n                return Animated[animationConfig.type || 'spring'](value, {\n                  toValue: animateToValue,\n                  useNativeDriver: !isWeb && !isThereNoNativeStyleKeys,\n                  ...animationConfig,\n                })\n              }\n\n              const animation = animationConfig.delay\n                ? Animated.sequence([\n                    Animated.delay(animationConfig.delay),\n                    getAnimation(),\n                  ])\n                : getAnimation()\n\n              animation.start(({ finished }) => {\n                if (finished) {\n                  resolve()\n                }\n              })\n            })\n          }\n\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug'] === 'verbose') {\n              // prettier-ignore\n              console.info(\n                ' 💠 animate',\n                key,\n                `from (${value['_value']}) to`,\n                valIn,\n                `(${val})`,\n                'type',\n                type,\n                'interpolate',\n                interpolateArgs\n              )\n            }\n          }\n          return value\n        }\n      }, args)\n\n      useIsomorphicLayoutEffect(() => {\n        res.runners.forEach((r) => r())\n        let cancel = false\n        Promise.all(res.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'] === 'verbose') {\n          console.info(`Animated`, { response: res, inputStyle: style, isExiting })\n        }\n      }\n\n      return res\n    },\n  }\n}\n\nfunction getColorInterpolated(\n  currentColor: string | undefined,\n  nextColor: string,\n  animateToValue: number\n) {\n  const inputRange = [0, 1]\n  const outputRange = [currentColor ? currentColor : nextColor, nextColor]\n  if (animateToValue === 0) {\n    // because we are animating from value 1 to 0, we need to put target color at the beginning\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\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(\n  key: string,\n  animations: AnimationsConfig,\n  transition?: TransitionProp,\n  animationState: 'enter' | 'exit' | 'default' = 'default'\n): AnimationConfig {\n  const normalized = normalizeTransition(transition)\n  const shortKey = transformShorthands[key]\n\n  // Check for property-specific animation\n  const propAnimation = normalized.properties[key] ?? normalized.properties[shortKey]\n\n  let animationType: string | null = null\n  let extraConf: any = {}\n\n  if (typeof propAnimation === 'string') {\n    // Direct animation name: { x: 'quick' }\n    animationType = propAnimation\n  } else if (propAnimation && typeof propAnimation === 'object') {\n    // Config object: { x: { type: 'quick', delay: 100 } }\n    // Use effective animation based on state if no explicit type in config\n    animationType =\n      propAnimation.type || getEffectiveAnimation(normalized, animationState)\n    extraConf = propAnimation\n  } else {\n    // Fall back to effective animation based on state (enter/exit/default)\n    animationType = getEffectiveAnimation(normalized, animationState)\n  }\n\n  // Apply global delay if no property-specific delay\n  if (normalized.delay && !extraConf.delay) {\n    extraConf = { ...extraConf, delay: normalized.delay }\n  }\n\n  const found = animationType ? animations[animationType] : {}\n  return {\n    ...found,\n    ...extraConf,\n  }\n}\n\n// try both combos\nconst transformShorthands = {\n  x: 'translateX',\n  y: 'translateY',\n  translateX: 'x',\n  translateY: 'y',\n}\n\nfunction getValue(input: number | string, isColor = false) {\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"
-  ],
-  "version": 3
+    "import { getEffectiveAnimation, normalizeTransition } from '@tamagui/animation-helpers'\nimport { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { ResetPresence, usePresence } from '@tamagui/use-presence'\nimport type {\n  AnimatedNumberStrategy,\n  AnimationDriver,\n  TransitionProp,\n  UniversalAnimatedNumber,\n  UseAnimatedNumberReaction,\n  UseAnimatedNumberStyle,\n} from '@tamagui/web'\nimport { useEvent, useThemeWithState } from '@tamagui/web'\nimport React from 'react'\nimport { Animated, type Text, type View } from 'react-native'\n\n// detect Fabric (New Architecture) — Paper doesn't support native driver for all style keys\nconst isFabric =\n  !isWeb && typeof global !== 'undefined' && !!global.__nativeFabricUIManager\n\n// Helper to resolve dynamic theme values like {dynamic: {dark: \"value\", light: undefined}}\nconst resolveDynamicValue = (value: any, isDark: boolean): any => {\n  if (value && typeof value === 'object' && 'dynamic' in value) {\n    const dynamicValue = isDark ? value.dynamic.dark : value.dynamic.light\n    return dynamicValue\n  }\n  return value\n}\n\ntype AnimationsConfig<A extends object = any> = { [Key in keyof A]: AnimationConfig }\n\ntype SpringConfig = { type?: 'spring' } & 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\ntype TimingConfig = { type: 'timing' } & Partial<Animated.TimingAnimationConfig>\n\ntype AnimationConfig = SpringConfig | TimingConfig\n\nconst animatedStyleKey = {\n  transform: true,\n  opacity: true,\n}\n\nconst colorStyleKey = {\n  backgroundColor: true,\n  color: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderRightColor: true,\n  borderTopColor: true,\n  borderBottomColor: true,\n}\n\n// these style keys are costly to animate and only work with native driver on Fabric\nconst costlyToAnimateStyleKey = {\n  borderRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderWidth: true,\n  borderLeftWidth: true,\n  borderRightWidth: true,\n  borderTopWidth: true,\n  borderBottomWidth: true,\n  ...colorStyleKey,\n}\n\ntype CreateAnimationsOptions = {\n  // override native driver detection (default: auto-detect Fabric)\n  useNativeDriver?: boolean\n}\n\nexport const AnimatedView: Animated.AnimatedComponent<typeof View> = Animated.View\nexport const AnimatedText: Animated.AnimatedComponent<typeof Text> = Animated.Text\n\nexport function useAnimatedNumber(\n  initial: number\n): UniversalAnimatedNumber<Animated.Value> {\n  const state = React.useRef(\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' }, onFinish) {\n      const val = state.current.val\n\n      const handleFinish = onFinish\n        ? ({ finished }) => (finished ? onFinish() : null)\n        : undefined\n\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: isFabric,\n        })\n        composite.start(handleFinish)\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: isFabric,\n        })\n        composite.start(handleFinish)\n        state.current.composite = composite\n      }\n    },\n  }\n}\n\ntype RNAnimatedNum = UniversalAnimatedNumber<Animated.Value>\n\nexport const useAnimatedNumberReaction: UseAnimatedNumberReaction<RNAnimatedNum> = (\n  { value },\n  onValue\n) => {\n  const onChange = useEvent((current) => {\n    onValue(current.value)\n  })\n\n  React.useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\nexport const useAnimatedNumberStyle: UseAnimatedNumberStyle<RNAnimatedNum> = (\n  value,\n  getStyle\n) => {\n  return getStyle(value.getInstance())\n}\n\nexport const useAnimatedNumbersStyle = (\n  vals: RNAnimatedNum[],\n  getStyle: (...currentValues: any[]) => any\n): any => {\n  return getStyle(...vals.map((v) => v.getInstance()))\n}\n\nexport function createAnimations<A extends AnimationsConfig>(\n  animations: A,\n  options?: CreateAnimationsOptions\n): AnimationDriver<A> {\n  const nativeDriver = options?.useNativeDriver ?? isFabric\n\n  return {\n    isReactNative: true,\n    inputStyle: 'value',\n    outputStyle: 'inline',\n    avoidReRenders: true,\n    animations,\n    needsCustomComponent: true,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimatedNumber,\n    useAnimatedNumberReaction,\n    useAnimatedNumberStyle,\n    useAnimatedNumbersStyle,\n    usePresence,\n    ResetPresence,\n    useAnimations: ({\n      props,\n      onDidAnimate,\n      style,\n      componentState,\n      presence,\n      useStyleEmitter,\n    }) => {\n      const isDisabled = isWeb && componentState.unmounted === true\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n      const [, themeState] = useThemeWithState({})\n      // Check scheme first, then fall back to checking theme name for 'dark'\n      const isDark = themeState?.scheme === 'dark' || themeState?.name?.startsWith('dark')\n\n      /** store Animated value of each key e.g: color: AnimatedValue */\n      const animateStyles = React.useRef<Record<string, Animated.Value>>({})\n      const animatedTranforms = React.useRef<{ [key: string]: Animated.Value }[]>([])\n      const animationsState = React.useRef(\n        new WeakMap<\n          Animated.Value,\n          {\n            interpolation: Animated.AnimatedInterpolation<any>\n            current?: number | string | undefined\n            // only for colors\n            animateToValue?: number\n          }\n        >()\n      )\n\n      // exit cycle guards to prevent stale/duplicate completion\n      const exitCycleIdRef = React.useRef(0)\n      const exitCompletedRef = React.useRef(false)\n      const wasExitingRef = React.useRef(false)\n\n      // detect transition into/out of exiting state\n      const justStartedExiting = isExiting && !wasExitingRef.current\n      const justStoppedExiting = !isExiting && wasExitingRef.current\n\n      // start new exit cycle only on transition INTO exiting\n      if (justStartedExiting) {\n        exitCycleIdRef.current++\n        exitCompletedRef.current = false\n      }\n      // invalidate pending callbacks when exit is canceled/interrupted\n      if (justStoppedExiting) {\n        exitCycleIdRef.current++\n      }\n\n      const animateOnly = (props.animateOnly as string[]) || []\n      const hasTransitionOnly = !!props.animateOnly\n\n      // Track if we just finished entering (transition from entering to not entering)\n      // must be declared before args array that uses justFinishedEntering\n      const isEntering = !!componentState.unmounted\n      const wasEnteringRef = React.useRef(isEntering)\n      const justFinishedEntering = wasEnteringRef.current && !isEntering\n      React.useEffect(() => {\n        wasEnteringRef.current = isEntering\n      })\n\n      const args = [\n        JSON.stringify(style),\n        componentState,\n        isExiting,\n        !!onDidAnimate,\n        isDark,\n        justFinishedEntering,\n        hasTransitionOnly,\n      ]\n\n      const res = React.useMemo(() => {\n        const runners: Function[] = []\n        const completions: Promise<void>[] = []\n\n        // Determine animation state for enter/exit transitions\n        // Use 'enter' if we're entering OR if we just finished entering\n        const animationState: 'enter' | 'exit' | 'default' = isExiting\n          ? 'exit'\n          : isEntering || justFinishedEntering\n            ? 'enter'\n            : 'default'\n\n        const nonAnimatedStyle = {}\n\n        for (const key in style) {\n          const rawVal = style[key]\n          // Resolve dynamic theme values (like $theme-dark)\n          const val = resolveDynamicValue(rawVal, isDark)\n          if (val === undefined) continue\n\n          if (isDisabled) {\n            continue\n          }\n\n          if (animatedStyleKey[key] == null && !costlyToAnimateStyleKey[key]) {\n            nonAnimatedStyle[key] = val\n            continue\n          }\n\n          if (hasTransitionOnly && !animateOnly.includes(key)) {\n            nonAnimatedStyle[key] = val\n            continue\n          }\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          if (typeof val === 'string') {\n            console.warn(`Warning: Tamagui can't animate string transforms yet!`)\n            continue\n          }\n\n          for (const [index, transform] of val.entries()) {\n            if (!transform) continue\n            // tkey: e.g: 'translateX'\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 animatedTransformStyle =\n          animatedTranforms.current.length > 0\n            ? {\n                transform: animatedTranforms.current.map((r) => {\n                  const key = Object.keys(r)[0]\n                  const val =\n                    animationsState.current!.get(r[key])?.interpolation || r[key]\n                  return { [key]: val }\n                }),\n              }\n            : {}\n\n        const animatedStyle = {\n          ...Object.fromEntries(\n            Object.entries(animateStyles.current).map(([k, v]) => [\n              k,\n              animationsState.current!.get(v)?.interpolation || v,\n            ])\n          ),\n          ...animatedTransformStyle,\n        }\n\n        return {\n          runners,\n          completions,\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n\n        function update(\n          key: string,\n          animated: Animated.Value | undefined,\n          valIn: string | number\n        ) {\n          const isColorStyleKey = colorStyleKey[key]\n          const [val, type] = isColorStyleKey ? [0, undefined] : getValue(valIn)\n          let animateToValue = val\n          const value = animated || new Animated.Value(val)\n          const curInterpolation = animationsState.current.get(value)\n\n          let interpolateArgs: any\n          if (type) {\n            interpolateArgs = getInterpolated(\n              curInterpolation?.current ?? value['_value'],\n              val,\n              type\n            )\n            animationsState.current!.set(value, {\n              interpolation: value.interpolate(interpolateArgs),\n              current: val,\n            })\n          }\n\n          if (isColorStyleKey) {\n            animateToValue = curInterpolation?.animateToValue ? 0 : 1\n            interpolateArgs = getColorInterpolated(\n              curInterpolation?.current as string,\n              // valIn is the next color\n              valIn as string,\n              animateToValue\n            )\n            animationsState.current!.set(value, {\n              current: valIn,\n              interpolation: value.interpolate(interpolateArgs),\n              animateToValue: curInterpolation?.animateToValue ? 0 : 1,\n            })\n          }\n\n          if (value) {\n            const animationConfig = getAnimationConfig(\n              key,\n              animations,\n              props.transition,\n              animationState\n            )\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\n              function getAnimation() {\n                return Animated[animationConfig.type || 'spring'](value, {\n                  toValue: animateToValue,\n                  useNativeDriver: nativeDriver,\n                  ...animationConfig,\n                })\n              }\n\n              const animation = animationConfig.delay\n                ? Animated.sequence([\n                    Animated.delay(animationConfig.delay),\n                    getAnimation(),\n                  ])\n                : getAnimation()\n\n              animation.start(({ finished }) => {\n                // always resolve during exit (element is leaving anyway)\n                // for non-exit, only resolve on successful completion\n                if (finished || isExiting) {\n                  resolve()\n                }\n              })\n            })\n          }\n\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug'] === 'verbose') {\n              // prettier-ignore\n              console.info(\n                ' 💠 animate',\n                key,\n                `from (${value['_value']}) to`,\n                valIn,\n                `(${val})`,\n                'type',\n                type,\n                'interpolate',\n                interpolateArgs\n              )\n            }\n          }\n          return value\n        }\n      }, args)\n\n      // track previous exiting state\n      React.useEffect(() => {\n        wasExitingRef.current = isExiting\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        res.runners.forEach((r) => r())\n\n        // capture current cycle id\n        const cycleId = exitCycleIdRef.current\n\n        // handle zero-completion case immediately\n        if (res.completions.length === 0) {\n          onDidAnimate?.()\n          if (isExiting && !exitCompletedRef.current) {\n            exitCompletedRef.current = true\n            sendExitComplete?.()\n          }\n          return\n        }\n\n        let cancel = false\n        Promise.all(res.completions).then(() => {\n          if (cancel) return\n          // guard against stale cycle completion\n          if (isExiting && cycleId !== exitCycleIdRef.current) return\n          if (isExiting && exitCompletedRef.current) return\n\n          onDidAnimate?.()\n          if (isExiting) {\n            exitCompletedRef.current = true\n            sendExitComplete?.()\n          }\n        })\n        return () => {\n          cancel = true\n        }\n      }, args)\n\n      // avoidReRenders: receive style changes imperatively from tamagui\n      // and update Animated.Values directly without React re-renders\n      // reuses the same update() + runner pattern as the useMemo path\n      useStyleEmitter?.((nextStyle) => {\n        for (const key in nextStyle) {\n          const rawVal = nextStyle[key]\n          const val = resolveDynamicValue(rawVal, isDark)\n          if (val === undefined) continue\n\n          if (key === 'transform' && Array.isArray(val)) {\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            }\n          } else if (animatedStyleKey[key] != null || costlyToAnimateStyleKey[key]) {\n            animateStyles.current[key] = update(key, animateStyles.current[key], val)\n          }\n        }\n\n        // run the queued animations immediately\n        res.runners.forEach((r) => r())\n\n        function update(\n          key: string,\n          animated: Animated.Value | undefined,\n          valIn: string | number\n        ) {\n          const isColor = colorStyleKey[key]\n          const [numVal, type] = isColor ? [0, undefined] : getValue(valIn)\n          let animateToValue = numVal\n          const value = animated || new Animated.Value(numVal)\n          const curInterpolation = animationsState.current.get(value)\n\n          if (type) {\n            animationsState.current.set(value, {\n              interpolation: value.interpolate(\n                getInterpolated(\n                  curInterpolation?.current ?? value['_value'],\n                  numVal,\n                  type\n                )\n              ),\n              current: numVal,\n            })\n          }\n\n          if (isColor) {\n            animateToValue = curInterpolation?.animateToValue ? 0 : 1\n            animationsState.current.set(value, {\n              current: valIn,\n              interpolation: value.interpolate(\n                getColorInterpolated(\n                  curInterpolation?.current as string,\n                  valIn as string,\n                  animateToValue\n                )\n              ),\n              animateToValue: curInterpolation?.animateToValue ? 0 : 1,\n            })\n          }\n\n          const animationConfig = getAnimationConfig(\n            key,\n            animations,\n            props.transition,\n            'default'\n          )\n          res.runners.push(() => {\n            value.stopAnimation()\n            const anim = Animated[animationConfig.type || 'spring'](value, {\n              toValue: animateToValue,\n              useNativeDriver: nativeDriver,\n              ...animationConfig,\n            })\n            ;(animationConfig.delay\n              ? Animated.sequence([Animated.delay(animationConfig.delay), anim])\n              : anim\n            ).start()\n          })\n\n          return value\n        }\n      })\n\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug'] === 'verbose') {\n          console.info(`Animated`, { response: res, inputStyle: style, isExiting })\n        }\n      }\n\n      return res\n    },\n  }\n}\n\nfunction getColorInterpolated(\n  currentColor: string | undefined,\n  nextColor: string,\n  animateToValue: number\n) {\n  const inputRange = [0, 1]\n  const outputRange = [currentColor ? currentColor : nextColor, nextColor]\n  if (animateToValue === 0) {\n    // because we are animating from value 1 to 0, we need to put target color at the beginning\n    outputRange.reverse()\n  }\n  return {\n    inputRange,\n    outputRange,\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(\n  key: string,\n  animations: AnimationsConfig,\n  transition?: TransitionProp,\n  animationState: 'enter' | 'exit' | 'default' = 'default'\n): AnimationConfig {\n  const normalized = normalizeTransition(transition)\n  const shortKey = transformShorthands[key]\n\n  // Check for property-specific animation\n  const propAnimation = normalized.properties[key] ?? normalized.properties[shortKey]\n\n  let animationType: string | null = null\n  let extraConf: any = {}\n\n  if (typeof propAnimation === 'string') {\n    // Direct animation name: { x: 'quick' }\n    animationType = propAnimation\n  } else if (propAnimation && typeof propAnimation === 'object') {\n    // Config object: { x: { type: 'quick', delay: 100 } }\n    // Use effective animation based on state if no explicit type in config\n    animationType =\n      propAnimation.type || getEffectiveAnimation(normalized, animationState)\n    extraConf = propAnimation\n  } else {\n    // Fall back to effective animation based on state (enter/exit/default)\n    animationType = getEffectiveAnimation(normalized, animationState)\n  }\n\n  // Apply global delay if no property-specific delay\n  if (normalized.delay && !extraConf.delay) {\n    extraConf = { ...extraConf, delay: normalized.delay }\n  }\n\n  const found = animationType ? animations[animationType] : {}\n  return {\n    ...found,\n    // Apply global spring config overrides (from transition={['bouncy', { stiffness: 1000 }]})\n    ...normalized.config,\n    // Property-specific config takes highest precedence\n    ...extraConf,\n  }\n}\n\n// try both combos\nconst transformShorthands = {\n  x: 'translateX',\n  y: 'translateY',\n  translateX: 'x',\n  translateY: 'y',\n}\n\nfunction getValue(input: number | string, isColor = false) {\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"
+  ]
 }