@tamagui/web 1.20.5 → 1.20.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "1.20.5",
+  "version": "1.20.7",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,19 +27,19 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "1.20.5",
-    "@tamagui/constants": "1.20.5",
-    "@tamagui/helpers": "1.20.5",
-    "@tamagui/normalize-css-color": "1.20.5",
-    "@tamagui/use-did-finish-ssr": "1.20.5",
-    "@tamagui/use-event": "1.20.5",
-    "@tamagui/use-force-update": "1.20.5"
+    "@tamagui/compose-refs": "1.20.7",
+    "@tamagui/constants": "1.20.7",
+    "@tamagui/helpers": "1.20.7",
+    "@tamagui/normalize-css-color": "1.20.7",
+    "@tamagui/use-did-finish-ssr": "1.20.7",
+    "@tamagui/use-event": "1.20.7",
+    "@tamagui/use-force-update": "1.20.7"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.20.5",
+    "@tamagui/build": "1.20.7",
     "@testing-library/react": "^13.4.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",

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])
 
@@ -782,7 +820,7 @@ export function createComponent<
       }
     }
 
-    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {
+    if (process.env.NODE_ENV === 'development') {
       if (debugProp) {
         const element = typeof elementType === 'string' ? elementType : 'Component'
         console.groupCollapsed(`render <${element} /> with props`, viewProps)
@@ -792,13 +830,13 @@ export function createComponent<
         }
         // rome-ignore lint/nursery/noConsoleLog: <explanation>
         console.log('children', content)
-        console.groupEnd()
         if (typeof window !== 'undefined') {
           // prettier-ignore
           // rome-ignore lint/nursery/noConsoleLog: <explanation>
           console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo })
         }
         console.groupEnd()
+        console.groupEnd()
       }
     }
 
@@ -868,7 +906,7 @@ export function createComponent<
     })
 
     // split - keep variables on props to be processed using theme values at runtime (native)
-    if (!isWeb) {
+    if (process.env.TAMAGUI_TARGET === 'native') {
       for (const key in staticConfig.defaultProps) {
         const val = staticConfig.defaultProps[key]
         if (validPseudoKeys[key]) continue

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/extendStaticConfig.ts

@@ -40,6 +40,14 @@ export function extendStaticConfig(
   const deoptProps = config.deoptProps || new Set<string>()
   // deoptProps.add('style')
 
+  const defaultProps = mergeProps(
+    { ...parentStaticConfig.defaultProps },
+    {
+      ...config.defaultVariants,
+      ...config.defaultProps,
+    }
+  )[0]
+
   return parseStaticConfig({
     ...parentStaticConfig,
     ...config,
@@ -53,16 +61,7 @@ export function extendStaticConfig(
           ...config.validStyles,
         }
       : parentStaticConfig.validStyles || stylePropsView,
-    defaultProps: mergeProps(
-      {
-        ...parentStaticConfig.defaultProps,
-        ...parentStaticConfig.defaultVariants,
-      },
-      {
-        ...config.defaultProps,
-        ...config.defaultVariants,
-      }
-    )[0],
+    defaultProps,
   })
 }
 

package/src/helpers/getSplitStyles.tsx

@@ -263,7 +263,11 @@ export const getSplitStyles: StyleSplitter = (
     languageContext,
   }
 
-  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+  if (process.env.NODE_ENV === 'development' && debug) {
+    // pass debug down
+    // @ts-ignore
+    delete skipProps.debug
+
     console.groupCollapsed('getSplitStyles (looping backwards)')
     // prettier-ignore
     // rome-ignore lint/nursery/noConsoleLog: ok
@@ -550,31 +554,40 @@ export const getSplitStyles: StyleSplitter = (
     const isVariant = variants && keyInit in variants
 
     const shouldPassProp = !(
-      isMedia ||
-      isPseudo ||
+      isMediaOrPseudo ||
       isVariant ||
       keyInit in validStyleProps ||
       keyInit in shorthands
     )
 
-    const parentHasVariant =
-      staticConfig.parentStaticConfig?.variants &&
-      keyInit in staticConfig.parentStaticConfig
-    const isHOCShouldPassThrough = staticConfig.isHOC && isMediaOrPseudo
-    const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough || parentHasVariant
-
-    if (
-      process.env.NODE_ENV === 'development' &&
-      debug === 'verbose' &&
-      shouldPassThrough
-    ) {
-      console.groupCollapsed(`  🔹 pass through ${keyInit}`)
-      // rome-ignore lint/nursery/noConsoleLog: <explanation>
-      console.log({ valInit, variants, parentHasVariant, isVariant, shouldPassProp })
-      console.groupEnd()
-    }
+    const isHOCShouldPassThrough = staticConfig.isHOC && (isMediaOrPseudo || isVariant)
+    const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough
 
     if (shouldPassThrough) {
+      if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+        console.groupCollapsed(`  🔹 pass through ${keyInit}`)
+        // rome-ignore lint/nursery/noConsoleLog: <explanation>
+        console.log({ valInit, variants, isVariant, shouldPassProp })
+        console.groupEnd()
+      }
+
+      if (isPseudo) {
+        // this is a lot... but we need to track sub-keys so we don't override them in future things that aren't passed down
+        // like our own variants that aren't in parent
+        const pseudoStyleObject = getSubStyle(
+          styleState,
+          keyInit,
+          valInit,
+          true,
+          state.noClassNames
+        )
+        const descriptor = pseudoDescriptors[keyInit]
+        for (const key in pseudoStyleObject) {
+          const fullKey = `${key}${PROP_SPLIT}${descriptor.name}`
+          usedKeys[fullKey] = 1
+        }
+      }
+
       passDownProp(keyInit, valInit, isMediaOrPseudo)
 
       // if it's a variant here, we have a two layer variant...
@@ -586,12 +599,6 @@ export const getSplitStyles: StyleSplitter = (
       }
     }
 
-    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-      console.groupCollapsed('  🔹 styles', keyInit, valInit)
-      // rome-ignore lint/nursery/noConsoleLog: <explanation>
-      console.log({ isVariant, shouldPassProp, isHOCShouldPassThrough, parentHasVariant })
-    }
-
     const expanded = isMediaOrPseudo
       ? [[keyInit, valInit]]
       : propMapper(
@@ -610,14 +617,24 @@ export const getSplitStyles: StyleSplitter = (
     }
 
     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,
+      })
       if (!isServer && isDevTools) {
         // rome-ignore lint/nursery/noConsoleLog: ok
-        console.log('expanded', expanded, '\nusedKeys', usedKeys, '\ncurrent', {
+        console.log('expanded', expanded, '\nusedKeys', { ...usedKeys }, '\ncurrent', {
           ...style,
         })
       }
       console.groupEnd()
     }
+
     if (!expanded) return
 
     for (const [key, val] of expanded) {
@@ -648,7 +665,10 @@ export const getSplitStyles: StyleSplitter = (
       const isHOCShouldPassThrough = staticConfig.isHOC && isMediaOrPseudo
       if (isHOCShouldPassThrough) {
         passDownProp(key, val, true)
-        continue
+        // if its also a variant here, pass down but also keep it
+        if (!isVariant) {
+          continue
+        }
       }
 
       // pseudo

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/styled.tsx

@@ -90,15 +90,19 @@ export function styled<
 
   const staticConfigProps = (() => {
     if (options) {
-      const {
+      let {
         variants,
         name,
         defaultVariants,
         acceptsClassName: acceptsClassNameProp,
         ...defaultProps
       } = options
+
       if (defaultVariants) {
-        Object.assign(defaultProps, defaultVariants)
+        defaultProps = {
+          ...defaultVariants,
+          ...defaultProps,
+        }
       }
 
       const nativeConf =

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/extendStaticConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extendStaticConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/extendStaticConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAItF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,EAC7B,MAAM,CAAC,EAAE,iBAAiB,sBA0D3B;AAED,eAAO,MAAM,iBAAiB,WAAY,QAAQ,YAAY,CAAC,KAAG,kBAUjE,CAAA"}
+{"version":3,"file":"extendStaticConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/extendStaticConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAItF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,EAC7B,MAAM,CAAC,EAAE,iBAAiB,sBAyD3B;AAED,eAAO,MAAM,iBAAiB,WAAY,QAAQ,YAAY,CAAC,KAAG,kBAUjE,CAAA"}

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,aA61B5B,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"}