@tamagui/core 1.0.1-beta.226 → 1.0.1-beta.228

package/src/helpers/getSplitStyles.tsx

@@ -48,6 +48,33 @@ import {
 } from './normalizeValueWithProperty.js'
 import { pseudoDescriptors } from './pseudoDescriptors'
 
+type GetStyleResult = {
+  pseudos: PseudoStyles
+  medias: Record<MediaQueryKey, ViewStyle>
+  style: ViewStyle
+  classNames: ClassNamesObject
+  rulesToInsert: RulesToInsert
+  viewProps: StackProps & Record<string, any>
+  fontFamily: string | undefined
+  mediaKeys: string[]
+}
+
+type GetStyleState = {
+  style: ViewStyle
+  usedKeys: Record<string, number>
+  classNames: ClassNamesObject
+  flatTransforms: FlatTransforms
+  staticConfig: StaticConfigParsed
+  theme: ThemeParsed
+  props: Record<string, any>
+  viewProps: Record<string, any>
+  state: SplitStyleState
+  conf: TamaguiInternalConfig
+  languageContext?: FontLanguageProps
+  avoidDefaultProps?: boolean
+  avoidMergeTransform?: boolean
+}
+
 export type SplitStyles = ReturnType<typeof getSplitStyles>
 export type ClassNamesObject = Record<string, string>
 export type SplitStyleResult = ReturnType<typeof getSplitStyles>
@@ -134,28 +161,17 @@ type TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey
 
 let conf: TamaguiInternalConfig
 
-type SplitStylesAndProps = {
-  pseudos: PseudoStyles
-  medias: Record<MediaQueryKey, ViewStyle>
-  style: ViewStyle
-  classNames: ClassNamesObject
-  rulesToInsert: RulesToInsert
-  viewProps: StackProps & Record<string, any>
-  fontFamily: string | undefined
-  mediaKeys: string[]
-}
-
 type StyleSplitter = (
   props: { [key: string]: any },
   staticConfig: StaticConfigParsed,
   theme: ThemeParsed,
   state: SplitStyleState,
-  parentSplitStyles?: SplitStylesAndProps | null,
+  parentSplitStyles?: GetStyleResult | null,
   languageContext?: LanguageContextType,
   // web-only
   elementType?: string,
   debug?: DebugProp
-) => SplitStylesAndProps
+) => GetStyleResult
 
 export const PROP_SPLIT = '-'
 
@@ -188,9 +204,19 @@ export const getSplitStyles: StyleSplitter = (
   debug
 ) => {
   conf = conf || getConfig()
+  const { shorthands } = conf
+  const {
+    defaultVariants,
+    variants,
+    propMapper,
+    isReactNative,
+    deoptProps,
+    inlineProps,
+    inlineWhenUnflattened,
+  } = staticConfig
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles
   const mediaKeys: string[] = []
-  const viewProps: SplitStylesAndProps['viewProps'] = {}
+  const viewProps: GetStyleResult['viewProps'] = {}
   const pseudos: PseudoStyles = {}
   let psuedosUsed: Record<string, number> | null = null
   const medias: Record<MediaQueryKey, ViewStyle> = {}
@@ -202,7 +228,7 @@ export const getSplitStyles: StyleSplitter = (
     staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames
 
   let style: ViewStyle = {}
-  let flatTransforms: FlatTransforms | undefined
+  const flatTransforms: FlatTransforms = {}
 
   const len = propKeys.length
   const rulesToInsert: RulesToInsert = []
@@ -214,6 +240,20 @@ export const getSplitStyles: StyleSplitter = (
   // fontFamily is our special baby, ensure we grab the latest set one always
   let fontFamily: string | undefined
 
+  const styleState: GetStyleState = {
+    classNames,
+    conf,
+    flatTransforms,
+    props,
+    state,
+    staticConfig,
+    style,
+    theme,
+    usedKeys,
+    viewProps,
+    languageContext,
+  }
+
   if (props.className) {
     for (const cn of props.className.split(' ')) {
       if (cn[0] === '_') {
@@ -222,7 +262,7 @@ export const getSplitStyles: StyleSplitter = (
         const isMedia = mediaOrPseudo[0] === '_'
         const isPseudo = mediaOrPseudo[0] === '0'
         const isMediaOrPseudo = isMedia || isPseudo
-        let fullKey = conf.shorthands[shorthand]
+        let fullKey = shorthands[shorthand]
         if (isMedia) {
           // is media
           let mediaShortKey = mediaOrPseudo.slice(1)
@@ -256,13 +296,13 @@ export const getSplitStyles: StyleSplitter = (
     const valInit = props[keyInit]
 
     // normalize shorthands up front
-    const expandedKey = conf.shorthands[keyInit]
+    const expandedKey = keyInit in shorthands
     if (expandedKey) {
-      keyInit = expandedKey
+      keyInit = shorthands[keyInit]
     }
 
-    if (usedKeys[keyInit]) continue
-    if (skipProps[keyInit]) continue
+    if (keyInit in usedKeys) continue
+    if (keyInit in skipProps) continue
     if (!isWeb && keyInit.startsWith('data-')) continue
 
     if (validStyleProps[keyInit] || keyInit.includes('-')) {
@@ -293,23 +333,6 @@ export const getSplitStyles: StyleSplitter = (
       continue
     }
 
-    function mergeStyle(key: string, val: any) {
-      usedKeys[key] = usedKeys[key] || 1
-      if (val && val[0] === '_') {
-        classNames[key] = val
-      } else if (key in stylePropsTransform) {
-        flatTransforms ||= {}
-        flatTransforms[key] = val
-      } else {
-        const out = normalizeValueWithProperty(val, key)
-        if (key in validStylesOnBaseProps) {
-          viewProps[key] = out
-        } else {
-          style[key] = out
-        }
-      }
-    }
-
     if (process.env.TAMAGUI_TARGET === 'web') {
       /**
        * Copying in the accessibility/prop handling from react-native-web here
@@ -328,14 +351,14 @@ export const getSplitStyles: StyleSplitter = (
         ) {
           viewProps.disabled = true
         }
-        if (!staticConfig.variants?.disabled) {
+        if (!variants?.disabled) {
           continue
         }
       }
 
       if (keyInit === 'testID') {
         usedKeys[keyInit] = 1
-        if (staticConfig.isReactNative) {
+        if (isReactNative) {
           viewProps.testId = valInit
         } else {
           viewProps['data-testid'] = valInit
@@ -345,7 +368,7 @@ export const getSplitStyles: StyleSplitter = (
 
       if (keyInit === 'id' || keyInit === 'nativeID') {
         usedKeys[keyInit] = 1
-        if (staticConfig.isReactNative) {
+        if (isReactNative) {
           viewProps.nativeID = valInit
         } else {
           viewProps.id = valInit
@@ -355,7 +378,7 @@ export const getSplitStyles: StyleSplitter = (
 
       let didUseKeyInit = true
 
-      if (staticConfig.isReactNative) {
+      if (isReactNative) {
         didUseKeyInit = false
         // pass along to react-native-web
         if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {
@@ -455,10 +478,10 @@ export const getSplitStyles: StyleSplitter = (
     }
 
     if (
-      (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||
+      (defaultVariants && keyInit in defaultVariants) ||
       // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props
       // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...
-      (state.keepVariantsAsProps && staticConfig.variants && keyInit in staticConfig.variants)
+      (state.keepVariantsAsProps && variants && keyInit in variants)
     ) {
       viewProps[keyInit] = valInit
     }
@@ -476,9 +499,9 @@ export const getSplitStyles: StyleSplitter = (
     if (
       !isMedia &&
       !isPseudo &&
-      !staticConfig.variants?.[keyInit] &&
+      !variants?.[keyInit] &&
       !validStyleProps[keyInit] &&
-      !conf.shorthands[keyInit]
+      !shorthands[keyInit]
     ) {
       // web-only, exclude all other accessibility props not handled above
       if (isWeb && keyInit.includes('ccessibility')) {
@@ -497,16 +520,7 @@ export const getSplitStyles: StyleSplitter = (
     const expanded =
       isMedia || isPseudo
         ? [[keyInit, valInit]]
-        : staticConfig.propMapper(
-            keyInit,
-            valInit,
-            theme,
-            props,
-            state,
-            languageContext,
-            undefined,
-            debug
-          )
+        : propMapper(keyInit, valInit, theme, props, state, languageContext, undefined, debug)
 
     if (!fontFamily) {
       fontFamily = getPropMappedFontFamily(expanded)
@@ -534,11 +548,7 @@ export const getSplitStyles: StyleSplitter = (
         continue
       }
 
-      if (
-        staticConfig.deoptProps?.has(key) ||
-        staticConfig.inlineProps?.has(key) ||
-        staticConfig.inlineWhenUnflattened?.has(key)
-      ) {
+      if (deoptProps?.has(key) || inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {
         usedKeys[key] = 1
         viewProps[key] = props[key] ?? val
       }
@@ -548,18 +558,7 @@ export const getSplitStyles: StyleSplitter = (
         if (!val) continue
 
         // TODO can avoid processing this if !shouldDoClasses + state is off
-        const pseudoStyleObject = getSubStyle(
-          key,
-          val,
-          staticConfig,
-          theme,
-          props,
-          state,
-          conf,
-          languageContext,
-          true,
-          true
-        )
+        const pseudoStyleObject = getSubStyle(styleState, key, val, true, state.noClassNames)
 
         const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]
         const isEnter = descriptor.name === 'enter'
@@ -590,20 +589,32 @@ export const getSplitStyles: StyleSplitter = (
             }
           }
         } else {
-          if (!state[descriptor.stateKey || descriptor.name]) {
-            continue
+          const isDisabled = !state[descriptor.stateKey || descriptor.name]
+          if (!isDisabled) {
+            usedKeys[key] ||= 1
           }
           psuedosUsed ||= {}
-          usedKeys[key] ||= 1
+
           const importance = descriptor.priority
           for (const pkey in pseudoStyleObject) {
-            const curImportance = psuedosUsed[importance] || 0
             const val = pseudoStyleObject[pkey]
+            // when disabled ensure the default value is set for future animations to align
+            if (isDisabled) {
+              if (!(pkey in usedKeys) && pkey in animatableDefaults) {
+                const defaultVal = animatableDefaults[pkey]
+                mergeStyle(styleState, pkey, defaultVal, true)
+              }
+              continue
+            }
+            const curImportance = psuedosUsed[importance] || 0
             if (importance >= curImportance) {
               psuedosUsed[pkey] = importance
               pseudos[key] ||= {}
               pseudos[key][pkey] = val
-              mergeStyle(pkey, val)
+              // prettier-ignore
+              // eslint-disable-next-line no-console
+              if (process.env.NODE_ENV === 'development' && debug === 'verbose') console.log('merging', pkey, val)
+              mergeStyle(styleState, pkey, val)
             }
           }
         }
@@ -622,14 +633,9 @@ export const getSplitStyles: StyleSplitter = (
         // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
 
         const mediaStyle = getSubStyle(
+          styleState,
           key,
           val,
-          staticConfig,
-          theme,
-          props,
-          state,
-          conf,
-          languageContext,
           // TODO try true like pseudo
           false
         )
@@ -675,12 +681,12 @@ export const getSplitStyles: StyleSplitter = (
       }
 
       if (validStyleProps[key]) {
-        mergeStyle(key, val)
+        mergeStyle(styleState, key, val)
         continue
       }
 
       // pass to view props
-      if (!staticConfig.variants || !(key in staticConfig.variants)) {
+      if (!variants || !(key in variants)) {
         if (!skipProps[key]) {
           viewProps[key] = val
           usedKeys[key] = 1
@@ -697,6 +703,11 @@ export const getSplitStyles: StyleSplitter = (
   // always do this at the very end to preserve the order strictly (animations, origin)
   // and allow proper merging of all pseudos before applying
   if (flatTransforms) {
+    if (process.env.NODE_ENV === 'development' && debug) {
+      // prettier-ignore
+      // eslint-disable-next-line no-console
+      console.log(`Merging flat transforms, transform before`, [...style.transform || []], flatTransforms)
+    }
     mergeTransforms(style, flatTransforms, true)
   }
 
@@ -864,18 +875,38 @@ function getSubStyleProps(defaultProps: Object, baseProps: Object, specificProps
   return cache.get(key)!
 }
 
+function mergeStyle(
+  { usedKeys, classNames, flatTransforms, viewProps, style }: GetStyleState,
+  key: string,
+  val: any,
+  dontSetUsed = false
+) {
+  if (!dontSetUsed) {
+    usedKeys[key] = usedKeys[key] || 1
+  }
+  if (val && val[0] === '_') {
+    classNames[key] = val
+  } else if (key in stylePropsTransform) {
+    flatTransforms ||= {}
+    flatTransforms[key] = val
+  } else {
+    const out = normalizeValueWithProperty(val, key)
+    if (key in validStylesOnBaseProps) {
+      viewProps[key] = out
+    } else {
+      style[key] = out
+    }
+  }
+}
+
 export const getSubStyle = (
+  styleState: GetStyleState,
   subKey: string,
   styleIn: Object,
-  staticConfig: StaticConfigParsed,
-  theme: ThemeParsed,
-  props: any,
-  state: SplitStyleState,
-  conf: TamaguiInternalConfig,
-  languageContext?: FontLanguageProps,
   avoidDefaultProps?: boolean,
   avoidMergeTransform?: boolean
 ): ViewStyle => {
+  const { staticConfig, theme, props, state, conf, languageContext } = styleState
   const styleOut: ViewStyle = {}
 
   for (let key in styleIn) {
@@ -939,3 +970,11 @@ function addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: Partia
 function processIDRefList(idRefList: string | Array<string>): string {
   return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList
 }
+
+const animatableDefaults = {
+  opacity: 1,
+  scale: 1,
+  rotate: '0deg',
+  rotateY: '0deg',
+  rotateX: '0deg',
+}

package/src/helpers/normalizeColor.ts

@@ -1,4 +1,4 @@
-import normalizeCSSColor from '@tamagui/normalize-css-color-lite'
+import normalizeCSSColor from 'normalize-css-color'
 
 export const normalizeColor = (color?: number | string | null, opacity?: number) => {
   if (color == null || color == undefined) {

package/src/helpers/timer.ts

@@ -0,0 +1,9 @@
+const timer = require('@tamagui/timer').timer()
+
+setTimeout(() => {
+  timer.print()
+}, 2000)
+
+export const time = timer.start({
+  quiet: true,
+})

package/src/hooks/useTheme.tsx

@@ -11,7 +11,6 @@ import { ThemeParsed, ThemeProps } from '../types'
 import { GetThemeUnwrapped } from './getThemeUnwrapped'
 
 export type ChangedThemeResponse = {
-  themes: Record<string, ThemeParsed>
   themeManager: ThemeManager | null
   name: string
   isNewTheme?: boolean
@@ -20,17 +19,22 @@ export type ChangedThemeResponse = {
 }
 
 const emptyProps = { name: null }
+
+function getDefaultThemeProxied() {
+  const config = getConfig()
+  const name = Object.keys(config.themes)[0]
+  return getThemeProxied({
+    theme: config.themes[name],
+    name,
+  })
+}
+
 export const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {
   if (isRSC) {
-    const config = getConfig()
-    const name = Object.keys(config.themes)[0]
-    return getThemeProxied({
-      theme: config.themes[name],
-      name,
-    })
+    return getDefaultThemeProxied()
   }
 
-  const { name, theme, themes, themeManager, className, isNewTheme } = useChangeThemeEffect(props)
+  const { name, theme, themeManager, className, isNewTheme } = useChangeThemeEffect(props)
 
   if (process.env.NODE_ENV === 'development') {
     // ensure we aren't creating too many ThemeManagers
@@ -53,7 +57,7 @@ export const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {
     if (process.env.NODE_ENV === 'development') {
       console.warn('No theme found', name, props, themeManager)
     }
-    return themes[Object.keys(themes)[0]]
+    return getDefaultThemeProxied()
   }
 
   return useMemo(() => {
@@ -121,26 +125,26 @@ export const getThemeIsNewTheme = (theme: any): ThemeManager | undefined => them
 export const activeThemeManagers = new Set<ThemeManager>()
 
 export const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedThemeResponse => {
-  const parentManager = useContext(ThemeManagerContext)
-  const config = getConfig()
-  const { debug } = props
-  // @ts-expect-error internal use only
-  const disable = props.disable
-  const { themes } = config
   if (isRSC) {
     // we need context working for this to work well
     return {
       ...createState().state,
-      themes,
       themeManager: null,
     }
   }
+  const parentManager = useContext(ThemeManagerContext)
+
+  const {
+    debug,
+    // @ts-expect-error internal use only
+    disable,
+  } = props
+
   if (disable) {
     if (!parentManager) throw new Error(`Disable topmost`)
     return {
       ...parentManager.state,
       isNewTheme: false,
-      themes,
       themeManager: parentManager,
     }
   }
@@ -189,10 +193,11 @@ export const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedTh
 
   // this seems unnecessary
   if (hasNoThemeUpdatingProps(props)) {
-    if (!parentManager) throw new Error(`Nada`)
+    if (!parentManager) throw `impossible`
+    // prettier-ignore
+    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme no updating props', parentManager.state)
     return {
       ...parentManager.state,
-      themes,
       themeManager: parentManager,
       isNewTheme: false,
     }
@@ -202,13 +207,12 @@ export const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedTh
   updateState()
 
   if (!mounted && !parentManager) {
-    throw new Error(`Impossible`)
+    throw `impossible`
   }
 
   return {
     ...state,
     isNewTheme,
-    themes,
     themeManager,
     ...(!mounted &&
       parentManager && {
@@ -235,8 +239,11 @@ export const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedTh
   }
 
   function updateState() {
-    if (themeManager.getStateIfChanged(props, state, parentManager)) {
+    if (themeManager.getStateIfChanged(props, isNewTheme ? state : null, parentManager)) {
       setThemeState(createState)
+    } else {
+      // prettier-ignore
+      if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log(`useTheme updateState didn't change`)
     }
   }
 }

package/src/styled.tsx

@@ -63,18 +63,6 @@ export function styled<
     const parentStaticConfig =
       'staticConfig' in Component ? (Component.staticConfig as StaticConfig) : null
 
-    if (process.env.NODE_ENV === 'development') {
-      if (parentStaticConfig?.isHOC) {
-        // eslint-disable-next-line no-console
-        console.warn(
-          `Warning: Parent component is a functional component, not a Tamagui styled() component. Extending with styled() will break and lead to incorrect styles.`,
-          `Given options:`,
-          options,
-          new Error().stack
-        )
-      }
-    }
-
     if (options) {
       const {
         variants,

package/src/types.tsx

@@ -538,6 +538,8 @@ export type ThemeValueGet<K extends string | number | symbol> = K extends 'theme
   ? FontTokens
   : K extends FontSizeKeys
   ? FontSizeTokens
+  : K extends `${`border${string | ''}Radius`}`
+  ? RadiusTokens
   : K extends SpaceKeys
   ? K extends 'shadowOffset'
     ? { width: SpaceTokens; height: SpaceTokens }
@@ -810,11 +812,6 @@ export type StaticConfig = StaticConfigPublic & {
    */
   memo?: boolean
 
-  /**
-   * Used internally to handle extractable HoC separate
-   */
-  isHOC?: boolean
-
   /**
    * Used insternally to attach default props to names
    */

package/src/views/Theme.tsx

@@ -14,14 +14,10 @@ export function Theme(props: ThemeProps) {
   }
 
   const isRoot = !!props['_isRoot']
-  const { name, theme, themeManager, themes, isNewTheme, className } = useChangeThemeEffect(
-    props,
-    isRoot
-  )
+  const { name, theme, themeManager, isNewTheme, className } = useChangeThemeEffect(props, isRoot)
 
   const disableThemeClass = props.disableThemeClass
-  const missingTheme = !themes || !name || !theme
-  const disablePassingTheme = missingTheme || !isNewTheme
+  const missingTheme = !name || !theme
 
   // memo here, changing theme without re-rendering all children is a critical optimization
   // may require some effort of end user to memoize but without this memo they'd have no option
@@ -30,8 +26,8 @@ export function Theme(props: ThemeProps) {
       ? React.cloneElement(props.children, { ['data-themeable']: true })
       : props.children
 
-    return disablePassingTheme ? next : wrapThemeManagerContext(next, themeManager)
-  }, [disablePassingTheme, props.children, themeManager])
+    return missingTheme ? next : wrapThemeManagerContext(next, themeManager)
+  }, [missingTheme, props.children, themeManager])
 
   if (process.env.NODE_ENV === 'development' && missingTheme) {
     // eslint-disable-next-line no-console
@@ -39,7 +35,7 @@ export function Theme(props: ThemeProps) {
     return props.children
   }
 
-  if (disableThemeClass || disablePassingTheme) {
+  if (disableThemeClass || missingTheme) {
     return contents
   }
 

package/types/helpers/ThemeManager.d.ts

@@ -24,8 +24,8 @@ export declare class ThemeManager {
     updateState(props?: ThemeProps & {
         forceTheme?: ThemeParsed;
     }, notify?: boolean): ThemeManagerState | undefined;
-    getStateIfChanged(props?: ThemeProps, state?: ThemeManagerState, parentManager?: ThemeManager | null): ThemeManagerState | null;
-    getState(props?: ThemeProps): ThemeManagerState | null;
+    getStateIfChanged(props?: ThemeProps, state?: ThemeManagerState | null, parentManager?: ThemeManager | null): ThemeManagerState | null | undefined;
+    getState(props?: ThemeProps, parentManager?: ThemeManager | null): ThemeManagerState | undefined;
     get allKeys(): Set<string>;
     getValue(key: string, state?: ThemeManagerState): import("..").Variable<any> | undefined;
     notify(): void;

package/types/helpers/getSplitStyles.d.ts

@@ -2,10 +2,8 @@ import type { ViewStyle } from '@tamagui/types-react-native';
 import type { DebugProp, MediaQueryKey, PseudoStyles, SplitStyleState, StackProps, StaticConfigParsed, TamaguiInternalConfig, ThemeParsed } from '../types';
 import { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types';
 import { RulesToInsert } from './insertStyleRule';
-export declare type SplitStyles = ReturnType<typeof getSplitStyles>;
-export declare type ClassNamesObject = Record<string, string>;
-export declare type SplitStyleResult = ReturnType<typeof getSplitStyles>;
-declare type SplitStylesAndProps = {
+import { FlatTransforms } from './mergeTransform';
+declare type GetStyleResult = {
     pseudos: PseudoStyles;
     medias: Record<MediaQueryKey, ViewStyle>;
     style: ViewStyle;
@@ -15,12 +13,30 @@ declare type SplitStylesAndProps = {
     fontFamily: string | undefined;
     mediaKeys: string[];
 };
+declare type GetStyleState = {
+    style: ViewStyle;
+    usedKeys: Record<string, number>;
+    classNames: ClassNamesObject;
+    flatTransforms: FlatTransforms;
+    staticConfig: StaticConfigParsed;
+    theme: ThemeParsed;
+    props: Record<string, any>;
+    viewProps: Record<string, any>;
+    state: SplitStyleState;
+    conf: TamaguiInternalConfig;
+    languageContext?: FontLanguageProps;
+    avoidDefaultProps?: boolean;
+    avoidMergeTransform?: boolean;
+};
+export declare type SplitStyles = ReturnType<typeof getSplitStyles>;
+export declare type ClassNamesObject = Record<string, string>;
+export declare type SplitStyleResult = ReturnType<typeof getSplitStyles>;
 declare type StyleSplitter = (props: {
     [key: string]: any;
-}, staticConfig: StaticConfigParsed, theme: ThemeParsed, state: SplitStyleState, parentSplitStyles?: SplitStylesAndProps | null, languageContext?: LanguageContextType, elementType?: string, debug?: DebugProp) => SplitStylesAndProps;
+}, staticConfig: StaticConfigParsed, theme: ThemeParsed, state: SplitStyleState, parentSplitStyles?: GetStyleResult | null, languageContext?: LanguageContextType, elementType?: string, debug?: DebugProp) => GetStyleResult;
 export declare const PROP_SPLIT = "-";
 export declare const getSplitStyles: StyleSplitter;
-export declare const getSubStyle: (subKey: string, styleIn: Object, staticConfig: StaticConfigParsed, theme: ThemeParsed, props: any, state: SplitStyleState, conf: TamaguiInternalConfig, languageContext?: FontLanguageProps, avoidDefaultProps?: boolean, avoidMergeTransform?: boolean) => ViewStyle;
+export declare const getSubStyle: (styleState: GetStyleState, subKey: string, styleIn: Object, avoidDefaultProps?: boolean, avoidMergeTransform?: boolean) => ViewStyle;
 export declare const insertSplitStyles: StyleSplitter;
 export declare const useSplitStyles: StyleSplitter;
 export {};

package/types/helpers/timer.d.ts

@@ -0,0 +1,2 @@
+export declare const time: any;
+//# sourceMappingURL=timer.d.ts.map