@tamagui/web 1.20.4 → 1.20.6

package/src/createComponent.tsx

@@ -1,5 +1,11 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
-import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'
+import {
+  isClient,
+  isRSC,
+  isServer,
+  isWeb,
+  useIsomorphicLayoutEffect,
+} from '@tamagui/constants'
 import { stylePropsView, validPseudoKeys, validStyles } from '@tamagui/helpers'
 import React, {
   Children,
@@ -12,7 +18,6 @@ import React, {
   useEffect,
   useId,
   useRef,
-  useState,
 } from 'react'
 
 import { onConfiguredOnce } from './config.js'
@@ -49,8 +54,6 @@ import {
   UseAnimationProps,
 } from './types'
 import { Slot } from './views/Slot.js'
-import { Stack } from './views/Stack.js'
-import { Text } from './views/Text.js'
 import { useThemedChildren } from './views/Theme.js'
 import { ThemeDebug } from './views/ThemeDebug'
 
@@ -120,6 +123,8 @@ let BaseText: any
 let BaseView: any
 let hasSetupBaseViews = false
 
+const numRenderedOfType: Record<string, number> = {}
+
 export function createComponent<
   ComponentPropTypes extends Object = {},
   Ref = TamaguiElement,
@@ -195,7 +200,10 @@ export function createComponent<
      */
     const animationsConfig = useAnimationDriver()
     const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined
-    const isAnimated = (() => {
+
+    // after we get states mount we need to turn off isAnimated for server side
+    const willBeAnimated = (() => {
+      if (isServer) return false
       const next = !!(
         !staticConfig.isHOC &&
         useAnimations &&
@@ -206,6 +214,47 @@ export function createComponent<
       }
       return next || stateRef.current.hasAnimated
     })()
+
+    const usePresence = animationsConfig?.usePresence
+    const presence = !isRSC && willBeAnimated && usePresence ? usePresence() : null
+
+    const hasEnterStyle = !!props.enterStyle
+    const needsMount = Boolean((isWeb ? isClient : true) && willBeAnimated)
+
+    const states = useServerState<TamaguiComponentState>(
+      needsMount ? defaultComponentState! : defaultComponentStateMounted!
+    )
+    const state = propsIn.forceStyle
+      ? { ...states[0], [propsIn.forceStyle]: true }
+      : states[0]
+    const setState = states[1]
+    const setStateShallow = useShallowSetState(setState, debugProp, componentName)
+
+    // cheat code
+    let hasHydrated = false
+    numRenderedOfType[componentName] ??= 0
+    if (willBeAnimated) {
+      if (
+        ++numRenderedOfType[componentName] >
+        (process.env.TAMAGUI_ANIMATED_PRESENCE_HYDRATION_CUTOFF
+          ? +process.env.TAMAGUI_ANIMATED_PRESENCE_HYDRATION_CUTOFF
+          : 5)
+      ) {
+        hasHydrated = true
+      }
+    }
+
+    let isAnimated = willBeAnimated
+
+    // presence avoids ssr stuff
+    if (presence && hasHydrated) {
+      // no
+    } else {
+      if (isAnimated && (isServer || state.unmounted === true)) {
+        isAnimated = false
+      }
+    }
+
     const componentClassName = props.asChild
       ? ''
       : props.componentName
@@ -234,22 +283,6 @@ export function createComponent<
       : (isAnimated ? AnimatedView : null) || BaseViewComponent
 
     const avoidClassesWhileAnimating = animationsConfig?.isReactNative
-    const hasEnterStyle = !!props.enterStyle
-    const needsMount = Boolean(
-      (isWeb ? isClient : true) && (hasEnterStyle || props.animation)
-    )
-    const states = useServerState<TamaguiComponentState>(
-      needsMount ? defaultComponentState! : defaultComponentStateMounted!
-    )
-
-    const state = propsIn.forceStyle
-      ? { ...states[0], [propsIn.forceStyle]: true }
-      : states[0]
-    const setState = states[1]
-    const setStateShallow = useShallowSetState(setState, debugProp, componentName)
-
-    const usePresence = animationsConfig?.usePresence
-    const presence = !isRSC && isAnimated && usePresence ? usePresence() : null
 
     // set enter/exit variants onto our new props object
     if (isAnimated && presence) {
@@ -269,14 +302,14 @@ export function createComponent<
 
     const shouldAvoidClasses =
       !isWeb ||
-      !!(props.animation && avoidClassesWhileAnimating) ||
+      !!(isAnimated && avoidClassesWhileAnimating) ||
       !staticConfig.acceptsClassName
     const shouldForcePseudo = !!propsIn.forceStyle
     const noClassNames = shouldAvoidClasses || shouldForcePseudo
 
     // internal use only
     const disableTheme =
-      (props['data-disable-theme'] && !isAnimated) || staticConfig.isHOC
+      (props['data-disable-theme'] && !willBeAnimated) || staticConfig.isHOC
 
     const themeStateProps = {
       name: props.theme,
@@ -315,7 +348,10 @@ export function createComponent<
         const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type} id ${id}`
         const parentsLog = (conf: StaticConfig) =>
           conf.parentNames ? ` (${conf.parentNames?.join(' > ')})` : ''
-        console.group(`%c ${banner}${parentsLog(staticConfig)}`, 'background: yellow;')
+        console.group(
+          `%c ${banner}${parentsLog(staticConfig)} (unmounted: ${state.unmounted})`,
+          'background: yellow;'
+        )
         if (!isServer) {
           // rome-ignore lint/nursery/noConsoleLog: <explanation>
           console.log({
@@ -326,6 +362,7 @@ export function createComponent<
             themeStateProps,
             themeState,
           })
+          console.warn(themeState.name)
         }
       }
     }
@@ -338,9 +375,8 @@ export function createComponent<
         ...state,
         mediaState,
         noClassNames,
-        dynamicStylesInline: noClassNames,
         hasTextAncestor,
-        resolveVariablesAs: 'auto',
+        resolveVariablesAs: isAnimated ? 'value' : 'auto',
         isExiting,
       },
       null,
@@ -408,19 +444,22 @@ export function createComponent<
     // once you set animation prop don't remove it, you can set to undefined/false
     // reason is animations are heavy - no way around it, and must be run inline here (🙅 loading as a sub-component)
     let animationStyles: any
-    if (!isRSC && isAnimated && useAnimations && !staticConfig.isHOC) {
+    if (!isRSC && willBeAnimated && useAnimations && !staticConfig.isHOC) {
       const animations = useAnimations({
         props: propsWithAnimation,
         style: splitStylesStyle,
         presence,
         state,
+        theme: themeState.theme,
         pseudos: pseudos || null,
         onDidAnimate: props.onDidAnimate,
         hostRef,
         staticConfig,
       })
-      if (animations) {
-        animationStyles = animations.style
+      if (isAnimated) {
+        if (animations) {
+          animationStyles = animations.style
+        }
       }
     }
 
@@ -462,7 +501,12 @@ export function createComponent<
     }
 
     // if react-native-web view just pass all props down
-    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative && !asChild) {
+    if (
+      process.env.TAMAGUI_TARGET === 'web' &&
+      !isReactNative &&
+      !willBeAnimated &&
+      !asChild
+    ) {
       viewProps = hooks.usePropsTransform?.(elementType, nonTamaguiProps, hostRef)
     } else {
       viewProps = nonTamaguiProps
@@ -490,26 +534,20 @@ export function createComponent<
       })
     }, [setStateShallow])
 
-    if (isWeb) {
-      useEffect(() => {
+    const shouldSetMounted = needsMount && state.unmounted
+
+    // combinined two effects into one for performance so be careful with logic
+    // because no need for mouseUp removal effect if its not even mounted yet
+    useIsomorphicLayoutEffect(() => {
+      if (!shouldSetMounted) {
         return () => {
           mouseUps.delete(unPress)
         }
-      }, [])
-    }
-
-    const shouldSetMounted = needsMount && state.unmounted
-    useEffect(() => {
-      if (!shouldSetMounted) return
-      if (state.unmounted === true && needsMount) {
-        setStateShallow({
-          unmounted: false,
-        })
-        return
       }
 
+      const unmounted = state.unmounted === true && hasEnterStyle ? 'should-enter' : false
       setStateShallow({
-        unmounted: false,
+        unmounted,
       })
     }, [shouldSetMounted, state.unmounted])
 

package/src/helpers/createPropMapper.ts

@@ -26,10 +26,6 @@ export type ResolveVariableTypes =
   | 'both'
   | 'non-color-value'
 
-export const getReturnVariablesAs = (props: any, state: Partial<SplitStyleState>) => {
-  return !!props.animation || state.resolveVariablesAs === 'value' ? 'value' : 'auto'
-}
-
 export const createPropMapper = (staticConfig: StaticConfigParsed) => {
   const variants = staticConfig.variants || {}
 
@@ -57,7 +53,7 @@ export const createPropMapper = (staticConfig: StaticConfigParsed) => {
     }
 
     const props = state.fallbackProps || propsIn
-    const returnVariablesAs = getReturnVariablesAs(props, state)
+    const returnVariablesAs = state.resolveVariablesAs === 'value' ? 'value' : 'auto'
 
     // handled here because we need to resolve this off tokens, its the only one-off like this
     const fontFamily =
@@ -177,13 +173,9 @@ const resolveVariants: StyleResolver = (
   if (!variantValue) {
     // variant at key exists, but no matching variant value, return nothing
     if (process.env.NODE_ENV === 'development') {
-      if (staticConfig.validStyles?.[key]) {
-        return null
-      }
-      if (typeof value === 'boolean') {
-        // don't warn on missing boolean values, common to only one of true/false
-        return null
-      }
+      if (staticConfig.validStyles?.[key]) return
+      // don't warn on missing boolean values, common to only one of true/false
+      if (typeof value === 'boolean') return
       const name = staticConfig.componentName || '[UnnamedComponent]'
       console.warn(
         `No variant found: ${name} has variant "${key}", but no matching value "${value}"`

package/src/helpers/createProxy.ts

@@ -1,7 +1,6 @@
 export function createProxy<A extends object>(target: A, handler: ProxyHandler<A>) {
   if (process.env.NODE_ENV === 'development') {
     if (typeof target !== 'object' || !target) {
-      // rome-ignore lint/nursery/noConsoleLog: ok
       console.warn(
         'Invalid object given for proxy:',
         target,

package/src/helpers/getSplitStyles.tsx

@@ -605,6 +605,19 @@ export const getSplitStyles: StyleSplitter = (
           debug
         )
 
+    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+      console.groupCollapsed('  🔹 styles', keyInit, valInit)
+      // rome-ignore lint/nursery/noConsoleLog: <explanation>
+      console.log({
+        expanded,
+        state,
+        isVariant,
+        shouldPassProp,
+        isHOCShouldPassThrough,
+        parentHasVariant,
+      })
+    }
+
     if (!fontFamily) {
       fontFamily = getPropMappedFontFamily(expanded)
     }

package/src/helpers/useShallowSetState.tsx

@@ -1,4 +1,4 @@
-import React, { startTransition, useCallback } from 'react'
+import React, { useCallback } from 'react'
 
 import { DebugProp, TamaguiComponentState } from '../types.js'
 
@@ -9,32 +9,18 @@ export function useShallowSetState<State extends TamaguiComponentState>(
 ) {
   return useCallback(
     (next: Partial<State>) => {
-      const shouldTransition = Object.keys(next).every((k) =>
-        transitionKeys.has(k as any)
-      )
-      const run = shouldTransition ? startTransition : (_) => _()
-      run(() => {
-        setter((prev) => {
-          for (const key in next) {
-            if (prev[key] !== next[key]) {
-              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-                // rome-ignore lint/nursery/noConsoleLog: ok
-                console.log(` ▲ setState ${debugName}`, next)
-              }
-              return { ...prev, ...next }
+      setter((prev) => {
+        for (const key in next) {
+          if (prev[key] !== next[key]) {
+            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+              console.warn(` ▲ setState ${debugName}`, next)
             }
+            return { ...prev, ...next }
           }
-          return prev
-        })
+        }
+        return prev
       })
     },
     [setter]
   )
 }
-
-const transitionKeys = new Set<keyof TamaguiComponentState>([
-  'press',
-  'pressIn',
-  'focus',
-  'unmounted',
-])

package/src/hooks/useTheme.tsx

@@ -4,13 +4,11 @@ import { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react
 
 import { getConfig } from '../config.js'
 import { isDevTools } from '../constants/isDevTools.js'
-import { isVariable } from '../createVariable.js'
 import { createProxy } from '../helpers/createProxy.js'
 import {
   ThemeManager,
   ThemeManagerState,
   getNonComponentParentManager,
-  hasNoThemeUpdatingProps,
 } from '../helpers/ThemeManager.js'
 import { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'
 import type { ThemeParsed, ThemeProps } from '../types.js'

package/src/types.tsx

@@ -1500,7 +1500,7 @@ export type TamaguiComponentState = {
   press: boolean
   pressIn: boolean
   focus: boolean
-  unmounted: boolean
+  unmounted: boolean | 'should-enter'
   animation?: null | {
     style?: any
     avoidClasses?: boolean
@@ -1510,7 +1510,6 @@ export type TamaguiComponentState = {
 export type SplitStyleState = TamaguiComponentState & {
   mediaState?: Record<string, boolean>
   noClassNames?: boolean
-  dynamicStylesInline?: boolean
   resolveVariablesAs?: ResolveVariableTypes
   fallbackProps?: Record<string, any>
   hasTextAncestor?: boolean
@@ -1602,6 +1601,7 @@ export type UseAnimationHook = (props: {
   hostRef: RefObject<HTMLElement | View>
   staticConfig: StaticConfigParsed
   state: SplitStyleState
+  theme: ThemeParsed
   pseudos: PseudoProps<ViewStyle> | null
   onDidAnimate?: any
   delay?: number
@@ -1676,4 +1676,7 @@ type NarrowRaw<A> =
 export type Narrow<A extends any> = Try<A, [], NarrowRaw<A>>
 
 export type NativePlatform = 'web' | 'mobile' | 'android' | 'ios'
-export type NativeValue<Platform extends NativePlatform = NativePlatform> = boolean | Platform | Platform[]
+export type NativeValue<Platform extends NativePlatform = NativePlatform> =
+  | boolean
+  | Platform
+  | Platform[]

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAYN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EAErB,cAAc,EAIf,MAAM,SAAS,CAAA;AAsBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAeD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA8B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EACpD,eAAe,CAAC,EAAE,iBAAiB,wDA6zBpC;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAAmB,CAAA;AAMrE,eAAO,MAAM,MAAM,sDA8CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AASA,OAAO,KAWN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EAErB,cAAc,EAIf,MAAM,SAAS,CAAA;AAoBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAeD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAgC3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EACpD,eAAe,CAAC,EAAE,iBAAiB,wDA81BpC;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAAmB,CAAA;AAMrE,eAAO,MAAM,MAAM,sDA8CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}

package/types/helpers/createPropMapper.d.ts

@@ -1,6 +1,5 @@
-import type { PropMapper, SplitStyleState, StaticConfigParsed, TamaguiInternalConfig } from '../types.js';
+import type { PropMapper, StaticConfigParsed, TamaguiInternalConfig } from '../types.js';
 export type ResolveVariableTypes = 'auto' | 'value' | 'variable' | 'both' | 'non-color-value';
-export declare const getReturnVariablesAs: (props: any, state: Partial<SplitStyleState>) => "auto" | "value";
 export declare const createPropMapper: (staticConfig: StaticConfigParsed) => PropMapper;
 export declare function getFontFamilyFromNameOrVariable(input: any, conf: TamaguiInternalConfig): string | undefined;
 export declare const getPropMappedFontFamily: (expanded?: any) => any;

package/types/helpers/createPropMapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,aAAa,CAAA;AAQpB,MAAM,MAAM,oBAAoB,GAC5B,MAAM,GACN,OAAO,GACP,UAAU,GACV,MAAM,GACN,iBAAiB,CAAA;AAErB,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,QAAQ,eAAe,CAAC,qBAE/E,CAAA;AAED,eAAO,MAAM,gBAAgB,iBAAkB,kBAAkB,eAsGhE,CAAA;AA8GD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,sBA2BtF;AAMD,eAAO,MAAM,uBAAuB,cAAe,GAAG,QAErD,CAAA"}
+{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,UAAU,EAEV,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,aAAa,CAAA;AAQpB,MAAM,MAAM,oBAAoB,GAC5B,MAAM,GACN,OAAO,GACP,UAAU,GACV,MAAM,GACN,iBAAiB,CAAA;AAErB,eAAO,MAAM,gBAAgB,iBAAkB,kBAAkB,eAsGhE,CAAA;AA0GD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,sBA2BtF;AAMD,eAAO,MAAM,uBAAuB,cAAe,GAAG,QAErD,CAAA"}

package/types/helpers/createProxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createProxy.d.ts","sourceRoot":"","sources":["../../src/helpers/createProxy.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,KAehF"}
+{"version":3,"file":"createProxy.d.ts","sourceRoot":"","sources":["../../src/helpers/createProxy.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,KAchF"}

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,cAAc,EAMd,eAAe,EACf,kBAAkB,EAElB,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEZ,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gCAAgC,CAAA;AAkBvC,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE,kBAAkB,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,IAAI,EAAE,qBAAqB,CAAA;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA0FhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,EACtB,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,eAAe,CAAC,EAAE,mBAAmB,EAErC,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAqB7B,eAAO,MAAM,cAAc,EAAE,aAy0B5B,CAAA;AA0FD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,sBACK,OAAO,wBACL,OAAO,KAC5B,cAkCF,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA;AA2BD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,cAAc,EAMd,eAAe,EACf,kBAAkB,EAElB,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEZ,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gCAAgC,CAAA;AAkBvC,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE,kBAAkB,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,IAAI,EAAE,qBAAqB,CAAA;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA0FhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,EACtB,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,eAAe,CAAC,EAAE,mBAAmB,EAErC,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAqB7B,eAAO,MAAM,cAAc,EAAE,aAs1B5B,CAAA;AA0FD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,sBACK,OAAO,wBACL,OAAO,KAC5B,cAkCF,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA;AA2BD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}

package/types/helpers/useShallowSetState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/useShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAE9D,wBAAgB,kBAAkB,CAAC,KAAK,SAAS,qBAAqB,EACpE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EACnD,KAAK,CAAC,EAAE,SAAS,EACjB,SAAS,CAAC,EAAE,MAAM,UAGT,QAAQ,KAAK,CAAC,UAsBxB"}
+{"version":3,"file":"useShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/useShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAE9D,wBAAgB,kBAAkB,CAAC,KAAK,SAAS,qBAAqB,EACpE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EACnD,KAAK,CAAC,EAAE,SAAS,EACjB,SAAS,CAAC,EAAE,MAAM,UAGT,QAAQ,KAAK,CAAC,UAexB"}

package/types/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,YAAY,EAIb,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAoBD,eAAO,MAAM,QAAQ,WAAW,UAAU,KAAgB,WAEzD,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,UAAU;;gBA7BrC,OAAO;kBACL,YAAY,GAAG,IAAI;UAC3B,MAAM;;QAoEb,CAAA;AAED,wBAAgB,eAAe,CAC7B,EACE,KAAK,EACL,YAAY,GACb,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG;IACjC,KAAK,EAAE,WAAW,CAAA;CACnB,EACD,IAAI,CAAC,EAAE,MAAM,EAAE,eA2ChB;AAED,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,UAAU,yBAEV,MAAM,EAAE,kBACC,MAAM,OAAO,KAC5B,oBA8NF,CAAA"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,YAAY,EAGb,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAoBD,eAAO,MAAM,QAAQ,WAAW,UAAU,KAAgB,WAEzD,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,UAAU;;gBA7BrC,OAAO;kBACL,YAAY,GAAG,IAAI;UAC3B,MAAM;;QAoEb,CAAA;AAED,wBAAgB,eAAe,CAC7B,EACE,KAAK,EACL,YAAY,GACb,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG;IACjC,KAAK,EAAE,WAAW,CAAA;CACnB,EACD,IAAI,CAAC,EAAE,MAAM,EAAE,eA2ChB;AAED,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,UAAU,yBAEV,MAAM,EAAE,kBACC,MAAM,OAAO,KAC5B,oBA8NF,CAAA"}

package/types/types.d.ts

@@ -677,7 +677,7 @@ export type TamaguiComponentState = {
     press: boolean;
     pressIn: boolean;
     focus: boolean;
-    unmounted: boolean;
+    unmounted: boolean | 'should-enter';
     animation?: null | {
         style?: any;
         avoidClasses?: boolean;
@@ -686,7 +686,6 @@ export type TamaguiComponentState = {
 export type SplitStyleState = TamaguiComponentState & {
     mediaState?: Record<string, boolean>;
     noClassNames?: boolean;
-    dynamicStylesInline?: boolean;
     resolveVariablesAs?: ResolveVariableTypes;
     fallbackProps?: Record<string, any>;
     hasTextAncestor?: boolean;
@@ -754,6 +753,7 @@ export type UseAnimationHook = (props: {
     hostRef: RefObject<HTMLElement | View>;
     staticConfig: StaticConfigParsed;
     state: SplitStyleState;
+    theme: ThemeParsed;
     pseudos: PseudoProps<ViewStyle> | null;
     onDidAnimate?: any;
     delay?: number;