@tamagui/web 1.72.3 → 1.73.1

package/src/helpers/propMapper.ts

@@ -101,7 +101,7 @@ const resolveVariants: StyleResolver = (
   const { variants } = staticConfig
   if (!variants) return
 
-  let variantValue = getVariantDefinition(variants[key], key, value, conf)
+  let variantValue = getVariantDefinition(variants[key], value, conf)
 
   if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
     console.groupCollapsed(`♦️♦️♦️ resolve variant ${key}`)
@@ -316,30 +316,28 @@ const tokenCats = ['size', 'color', 'radius', 'space', 'zIndex'].map((name) => (
 }))
 
 // goes through specificity finding best matching variant function
-function getVariantDefinition(
-  variant: any,
-  key: string,
-  value: any,
-  conf: TamaguiInternalConfig
-) {
+function getVariantDefinition(variant: any, value: any, conf: TamaguiInternalConfig) {
   if (typeof variant === 'function') {
     return variant
   }
-  if (variant[value]) {
-    return variant[value]
+  const exact = variant[value]
+  if (exact) {
+    return exact
   }
-  const { tokensParsed } = conf
-  for (const { name, spreadName } of tokenCats) {
-    if (spreadName in variant && value in tokensParsed[name]) {
-      return variant[spreadName]
+  if (value != null) {
+    const { tokensParsed } = conf
+    for (const { name, spreadName } of tokenCats) {
+      if (spreadName in variant && value in tokensParsed[name]) {
+        return variant[spreadName]
+      }
+    }
+    const fontSizeVariant = variant['...fontSize']
+    if (fontSizeVariant && conf.fontSizeTokens.has(value)) {
+      return fontSizeVariant
     }
-  }
-  const fontSizeVariant = variant['...fontSize']
-  if (fontSizeVariant && conf.fontSizeTokens.has(value)) {
-    return fontSizeVariant
   }
   // fallback to catch all | size
-  return variant[`:${typeof value}`] || variant['...'] || variant['...size']
+  return variant[`:${typeof value}`] || variant['...']
 }
 
 const fontShorthand = {

package/src/hooks/useConfiguration.tsx

@@ -0,0 +1,14 @@
+import { useContext } from 'react'
+
+import { getConfig } from '../config'
+import { ComponentContext } from '../contexts/ComponentContext'
+
+export const useConfiguration = () => {
+  const { groups, animationDriver, ...restComponentConfig } = useContext(ComponentContext)
+  const { animations, ...restConfig } = getConfig()
+  return {
+    ...restConfig,
+    ...restComponentConfig,
+    animationDriver: animationDriver ?? getConfig().animations,
+  }
+}

package/src/hooks/useDisableSSR.tsx

@@ -0,0 +1,14 @@
+import { useContext } from 'react'
+
+import { getConfig } from '../config'
+import { ComponentContext } from '../contexts/ComponentContext'
+import { ComponentContextI } from '../types'
+
+export function useDisableSSR() {
+  const componentContext = useContext(ComponentContext)
+  return getDisableSSR(componentContext)
+}
+
+export function getDisableSSR(componentContext: ComponentContextI) {
+  return componentContext.disableSSR ?? getConfig().disableSSR
+}

package/src/hooks/useMedia.tsx

@@ -1,11 +1,13 @@
 import { useIsomorphicLayoutEffect } from '@tamagui/constants'
-import { useRef, useSyncExternalStore } from 'react'
+import { useContext, useRef, useSyncExternalStore } from 'react'
 
 import { getConfig } from '../config'
+import { ComponentContext } from '../contexts/ComponentContext'
 import { createProxy } from '../helpers/createProxy'
 import { matchMedia } from '../helpers/matchMedia'
 import { pseudoDescriptors } from '../helpers/pseudoDescriptors'
 import type {
+  ComponentContextI,
   MediaQueries,
   MediaQueryKey,
   MediaQueryObject,
@@ -13,6 +15,8 @@ import type {
   TamaguiInternalConfig,
   UseMediaState,
 } from '../types'
+import { useConfiguration } from './useConfiguration'
+import { getDisableSSR, useDisableSSR } from './useDisableSSR'
 
 export let mediaState: MediaQueryState =
   // development only safeguard
@@ -50,9 +54,6 @@ export const isMediaKey = (key: string) =>
 
 // for SSR capture it at time of startup
 let initState: MediaQueryState
-export const getInitialMediaState = () => {
-  return (getConfig().disableSSR ? mediaState : initState) || {}
-}
 
 // media always above pseudos
 const defaultMediaImportance = Object.keys(pseudoDescriptors).length
@@ -191,14 +192,17 @@ function subscribe(subscriber: any) {
   return () => listeners.delete(subscriber)
 }
 
-export function useMedia(uid?: any): UseMediaState {
+export function useMedia(uid?: any, componentContext?: ComponentContextI): UseMediaState {
   const internal = useRef<UseMediaInternalState | undefined>()
+  // performance boost to avoid using context twice
+  const disableSSR = componentContext ? getDisableSSR(componentContext) : useDisableSSR()
+  const initialState = (disableSSR ? mediaState : initState) || {}
 
   const state = useSyncExternalStore<MediaQueryState>(
     subscribe,
     () => {
       if (!internal.current) {
-        return initState
+        return initialState
       }
 
       const { touched, prev } = internal.current
@@ -223,13 +227,13 @@ export function useMedia(uid?: any): UseMediaState {
 
       return mediaState
     },
-    () => initState
+    () => initialState
   )
 
   return new Proxy(state, {
     get(_, key) {
       if (typeof key === 'string') {
-        internal.current ||= { prev: initState }
+        internal.current ||= { prev: initialState }
         internal.current.touched ||= new Set()
         internal.current.touched.add(key)
       }

package/src/hooks/useProps.tsx

@@ -76,7 +76,7 @@ export function usePropsAndStyle<A extends Object>(
     props,
     staticConfig,
     theme,
-    themeState.state.name,
+    themeState.state?.name || '',
     defaultComponentStateMounted,
     {
       isAnimated: false,

package/src/hooks/useTheme.tsx

@@ -21,8 +21,8 @@ import type {
 import { GetThemeUnwrapped } from './getThemeUnwrapped'
 
 export type ChangedThemeResponse = {
-  state: ThemeManagerState
-  themeManager: ThemeManager
+  state?: ThemeManagerState
+  themeManager?: ThemeManager | null
   isNewTheme: boolean
   mounted?: boolean
 }
@@ -90,25 +90,26 @@ export const useThemeWithState = (
   )
 
   const { themeManager, state } = changedThemeState
-  const { theme, name, className } = state
 
-  if (!theme) {
+  if (!state?.theme) {
     if (process.env.NODE_ENV === 'development') {
-      throw new Error(
-        `No theme found given props ${JSON.stringify(
-          props
-        )}. Themes given to tamagui are: ${Object.keys(getConfig().themes)}`
-      )
+      if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== '1') {
+        console.warn(
+          `[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(
+            props
+          )}).\n\nIf this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`
+        )
+      }
     }
-    throw `❌ 1`
   }
 
   const themeProxied = useMemo(() => {
-    return getThemeProxied(theme, themeManager, keys.current, props.debug)
-  }, [theme, name, className, themeManager])
+    if (!themeManager || !state?.theme) return {}
+    return getThemeProxied(state.theme, themeManager, keys.current, props.debug)
+  }, [state, themeManager])
 
   if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
-    console.groupCollapsed('  🔹 useTheme =>', name)
+    console.groupCollapsed('  🔹 useTheme =>', state?.name)
     // biome-ignore lint/suspicious/noConsoleLog: <explanation>
     console.log('returning state', changedThemeState, 'from props', props)
     console.groupEnd()
@@ -184,7 +185,7 @@ export const activeThemeManagers = new Set<ThemeManager>()
 
 export const useChangeThemeEffect = (
   props: ThemeProps,
-  root = false,
+  isRoot = false,
   keys?: string[],
   shouldUpdate?: () => boolean | undefined
 ): ChangedThemeResponse => {
@@ -195,11 +196,10 @@ export const useChangeThemeEffect = (
 
   const parentManager = useContext(ThemeManagerContext)
 
-  if (disable) {
-    if (!parentManager) throw `❌ 2`
+  if ((!isRoot && !parentManager) || disable) {
     return {
       isNewTheme: false,
-      state: parentManager.state,
+      state: parentManager?.state,
       themeManager: parentManager,
     }
   }
@@ -224,11 +224,11 @@ export const useChangeThemeEffect = (
   function getShouldUpdateTheme(
     manager = themeManager,
     nextState?: ThemeManagerState | null,
-    prevState: ThemeManagerState = state,
+    prevState: ThemeManagerState | undefined = state,
     forceShouldChange = false
   ) {
     const forceUpdate = shouldUpdate?.()
-    if (!forceShouldChange && forceUpdate === false) return
+    if (!manager || (!forceShouldChange && forceUpdate === false)) return
     const next = nextState || manager.getState(props, parentManager)
     if (forceShouldChange) return next
     if (!next) return
@@ -241,6 +241,8 @@ export const useChangeThemeEffect = (
   if (!isServer) {
     // listen for parent change + notify children change
     useLayoutEffect(() => {
+      if (!themeManager) return
+
       // SSR safe inverse (because server can't know prefers scheme)
       // could be done through fancy selectors like how we do prefers-media
       // but may be a bit of explosion of selectors
@@ -269,7 +271,6 @@ export const useChangeThemeEffect = (
         const doUpdate = force ?? Boolean(keys?.length || isNewTheme)
 
         if (process.env.NODE_ENV === 'development' && props.debug) {
-          
           // biome-ignore lint/suspicious/noConsoleLog: <explanation>
           console.log(` 🔸 onChange`, themeManager.id, {
             force,
@@ -278,7 +279,7 @@ export const useChangeThemeEffect = (
             name,
             manager,
             keys,
-          });
+          })
         }
         if (doUpdate) {
           setThemeState(createState)
@@ -313,12 +314,12 @@ export const useChangeThemeEffect = (
   }
 
   if (isInversingOnMount) {
-    if (!parentManager) throw '❌ 3'
     return {
       isNewTheme: false,
       themeManager: parentManager,
       state: {
-        ...parentManager.state,
+        name: '',
+        ...parentManager?.state,
         className: '',
       },
     }
@@ -342,7 +343,7 @@ export const useChangeThemeEffect = (
 
     if (hasThemeUpdatingProps) {
       const getNewThemeManager = () => {
-        return new ThemeManager(props, root ? 'root' : parentManager)
+        return new ThemeManager(props, isRoot ? 'root' : parentManager)
       }
 
       if (prev?.themeManager) {
@@ -388,7 +389,7 @@ export const useChangeThemeEffect = (
     const isNewTheme = Boolean(themeManager !== parentManager || props.inverse)
 
     // only inverse relies on this for ssr
-    const mounted = !props.inverse ? true : root || prev?.mounted
+    const mounted = !props.inverse ? true : isRoot || prev?.mounted
 
     if (!state) {
       if (isNewTheme) {
@@ -399,7 +400,7 @@ export const useChangeThemeEffect = (
       }
     }
 
-    if (!force && state.name === prev?.state.name) {
+    if (!force && state?.name === prev?.state?.name) {
       return prev
     }
 

package/src/index.ts

@@ -31,7 +31,6 @@ export * from './contexts/ComponentContext'
 export * from './helpers/createStyledContext'
 export * from './helpers/expandStyles'
 export * from './helpers/propMapper'
-export * from './helpers/getAnimationDriver'
 export * from './helpers/getExpandedShorthands'
 export * from './helpers/getSplitStyles'
 export * from './helpers/getStylesAtomic'
@@ -60,9 +59,10 @@ export {
 } from './hooks/useMedia'
 export * from './hooks/useTheme'
 export * from './hooks/useThemeName'
-export * from './hooks/useAnimationDriver'
+export * from './hooks/useConfiguration'
 export * from './hooks/useIsTouchDevice'
 export * from './hooks/useProps'
+export * from './hooks/useConfiguration'
 
 export * from './views/Slot'
 export * from './views/Stack'
@@ -72,7 +72,7 @@ export * from './views/Theme'
 export * from './views/ThemeProvider'
 export * from './views/FontLanguage'
 export * from './views/TamaguiProvider'
-export * from './views/AnimationDriverProvider'
+export * from './views/Configuration'
 
 export * from '@tamagui/use-did-finish-ssr'
 export * from '@tamagui/use-event'

package/src/types.tsx

@@ -36,7 +36,7 @@ export type TamaguiTextElement = HTMLElement | RNText
 
 export type DebugProp = boolean | 'break' | 'verbose' | 'visualize' | 'profile'
 
-export type TamaguiComponentPropsBase = {
+export type TamaguiComponentPropsBase = WebOnlyPressEvents & {
   target?: string
   hitSlop?: PressableProps['hitSlop']
   /**
@@ -127,20 +127,23 @@ export type TamaguiComponentPropsBase = {
    */
   disableClassName?: boolean
 
+  // WEB ONLY TODO probably remove these in favor of something better
+
+  onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void
+  onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void
+}
+
+export type WebOnlyPressEvents = {
   onPress?: PressableProps['onPress']
   onLongPress?: PressableProps['onLongPress']
   onPressIn?: PressableProps['onPress']
   onPressOut?: PressableProps['onPress']
-
-  // WEB ONLY TODO probably remove these in favor of something better
   onHoverIn?: DivAttributes['onMouseEnter']
   onHoverOut?: DivAttributes['onMouseLeave']
   onMouseEnter?: DivAttributes['onMouseEnter']
   onMouseLeave?: DivAttributes['onMouseLeave']
   onMouseDown?: DivAttributes['onMouseDown']
   onMouseUp?: DivAttributes['onMouseUp']
-  onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void
-  onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void
 }
 
 /**
@@ -180,6 +183,7 @@ export type ReactComponentWithRef<Props, Ref> = ForwardRefExoticComponent<
 >
 
 export type ComponentContextI = {
+  disableSSR?: boolean
   inText: boolean
   language: LanguageContextType | null
   animationDriver: AnimationDriver | null
@@ -413,12 +417,12 @@ type ConfProps<
   H extends DefaultFontSetting = DefaultFontSetting,
   I extends GenericTamaguiSettings = GenericTamaguiSettings
 > = {
-  tokens: A
-  themes: B
+  tokens?: A
+  themes?: B
   shorthands?: C
   media?: D
   animations?: AnimationDriver<E>
-  fonts: F
+  fonts?: F
   onlyAllowShorthands?: G
   defaultFont?: H
   settings?: I
@@ -605,9 +609,9 @@ export type CreateTamaguiProps = {
   shorthands?: CreateShorthands
   media?: GenericTamaguiConfig['media']
   animations?: AnimationDriver<any>
-  fonts: GenericTamaguiConfig['fonts']
-  tokens: GenericTamaguiConfig['tokens']
-  themes: {
+  fonts?: GenericTamaguiConfig['fonts']
+  tokens?: GenericTamaguiConfig['tokens']
+  themes?: {
     [key: string]: {
       [key: string]: string | number | Variable
     }

package/src/views/Configuration.tsx

@@ -0,0 +1,11 @@
+import { ComponentContext } from '../contexts/ComponentContext'
+import type { AnimationDriver } from '../types'
+
+interface ConfigurationProps {
+  animationDriver?: AnimationDriver | null
+  children: React.ReactNode
+}
+
+export const Configuration = (props: ConfigurationProps) => {
+  return <ComponentContext.Provider {...props} />
+}

package/src/views/Text.tsx

@@ -19,14 +19,12 @@ export const Text = createComponent<TextProps, Text, TextPropsBase>({
   defaultProps:
     process.env.TAMAGUI_TARGET === 'web'
       ? {
-          color: '$color',
           display: 'inline',
           boxSizing: 'border-box',
           wordWrap: 'break-word',
           margin: 0,
         }
       : {
-          color: '$color',
           display: 'flex',
           suppressHighlighting: true,
         },

package/src/views/Theme.tsx

@@ -95,10 +95,12 @@ export function useThemedChildren(
     })
   }
 
-  const elementsWithContext = (
+  const elementsWithContext = themeManager ? (
     <ThemeManagerContext.Provider value={themeManager}>
       {next}
     </ThemeManagerContext.Provider>
+  ) : (
+    next
   )
 
   if (forceClassName === false) {
@@ -132,7 +134,7 @@ export function wrapThemeElements({
     return children
   }
 
-  const inverse = themeState.state.inverse
+  const inverse = themeState.state?.inverse
 
   if (!themeState.isNewTheme && !inverse && !forceClassName) {
     return <span className="_dsp_contents is_Theme">{children}</span>
@@ -140,7 +142,7 @@ export function wrapThemeElements({
 
   // in order to provide currentColor, set color by default
   const themeColor =
-    themeState.state.theme && themeState.isNewTheme
+    themeState.state?.theme && themeState.isNewTheme
       ? variableToString(themeState.state.theme.color)
       : ''
   const colorStyle = themeColor
@@ -149,7 +151,7 @@ export function wrapThemeElements({
       }
     : undefined
 
-  let className = themeState.state.className || ''
+  let className = themeState.state?.className || ''
 
   if (isRoot) {
     className = className.replace('t_sub_theme', '')
@@ -163,14 +165,11 @@ export function wrapThemeElements({
 
   // to prevent tree structure changes always render this if inverse is true or false
   if (inverse != null || forceClassName) {
+    const name = themeState.state?.name || ''
     themedChildren = (
       <span
         className={`${
-          themeState.state.name.startsWith('light')
-            ? 't_light'
-            : themeState.state.name.startsWith('dark')
-            ? 't_dark'
-            : ''
+          name.startsWith('light') ? 't_light' : name.startsWith('dark') ? 't_dark' : ''
         } _dsp_contents ${inverse ? 'is_inversed' : ''}`}
       >
         {themedChildren}

package/src/views/ThemeDebug.tsx

@@ -57,7 +57,7 @@ export function ThemeDebug({
     useEffect(() => {
       // to refresh _listeningIds every so often
       const tm = setInterval(rerender, 1000)
-      return () => clearTimeout(tm)
+      return () => clearTimeout(tm as any)
     }, [])
 
     return (
@@ -71,8 +71,8 @@ export function ThemeDebug({
             <Theme {id} /> 
             {JSON.stringify(
               {
-                name: themeState.state.name,
-                className: themeState.state.className,
+                name: themeState?.state?.name,
+                className: themeState?.state?.className,
                 inverse: themeProps.inverse,
                 forceClassName: themeProps.forceClassName,
                 parent: themeState.themeManager?.state.parentName,

package/types/contexts/ComponentContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ComponentContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAA;AAIhE,eAAO,MAAM,gBAAgB,2EAgB3B,CAAA"}
+{"version":3,"file":"ComponentContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ComponentContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAA;AAIhE,eAAO,MAAM,gBAAgB,2EAiB3B,CAAA"}

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAaN,MAAM,OAAO,CAAA;AAsBd,OAAO,EAEL,SAAS,EAIT,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAGhB,cAAc,EAEd,SAAS,EAGV,MAAM,SAAS,CAAA;AAoBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,UAAU,GAAG,SAAS,GAAG,EAAE,EACtD,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,4DAoqC3B;AAeD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;AAMD,eAAO,MAAM,MAAM,0DA8CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,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":"AAIA,OAAO,KAaN,MAAM,OAAO,CAAA;AAsBd,OAAO,EAEL,SAAS,EAKT,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAGhB,cAAc,EAEd,SAAS,EAIV,MAAM,SAAS,CAAA;AAoBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,UAAU,GAAG,SAAS,GAAG,EAAE,EACtD,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,4DAwqC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;AAiBD,eAAO,MAAM,MAAM,0DAqCjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,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/createTamagui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAiBA,OAAO,EACL,kBAAkB,EAIlB,kBAAkB,EAMnB,MAAM,SAAS,CAAA;AAKhB,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,QAAQ,EAAE,IAAI,GACb,kBAAkB,CAAC,IAAI,CAAC,CA4Q1B"}
+{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAiBA,OAAO,EACL,kBAAkB,EAKlB,kBAAkB,EAMnB,MAAM,SAAS,CAAA;AAKhB,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,QAAQ,EAAE,IAAI,GACb,kBAAkB,CAAC,IAAI,CAAC,CA8Q1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAMb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AAwBjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAuB7B,eAAO,MAAM,cAAc,EAAE,aAqqC5B,CAAA;AAsDD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AA0BD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAMb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AA6BjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAuB7B,eAAO,MAAM,cAAc,EAAE,aAmrC5B,CAAA;AAsDD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AA0BD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}

package/types/helpers/getStylesAtomic.d.ts

@@ -6,6 +6,7 @@ import { StyleObject } from '@tamagui/helpers';
 import type { DebugProp, ViewStyleWithPseudos } from '../types';
 import { PseudoDescriptor } from './pseudoDescriptors';
 export declare function getStylesAtomic(stylesIn: ViewStyleWithPseudos, debug?: DebugProp): StyleObject[];
+export declare function transformsToString(transforms: any[]): string;
 export declare const generateAtomicStyles: (style: ViewStyleWithPseudos, pseudo?: PseudoDescriptor) => StyleObject[];
 export declare function styleToCSS(style: Record<string, any>): void;
 //# sourceMappingURL=getStylesAtomic.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAyB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGtF,OAAO,EACL,gBAAgB,EAGjB,MAAM,qBAAqB,CAAA;AAI5B,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,SAAS,iBAkBhF;AAMD,eAAO,MAAM,oBAAoB,UACxB,oBAAoB,WAClB,gBAAgB,KACxB,WAAW,EAiDb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAgCpD"}
+{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAyB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGtF,OAAO,EACL,gBAAgB,EAGjB,MAAM,qBAAqB,CAAA;AAI5B,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,SAAS,iBAkBhF;AAMD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,UAgBnD;AAED,eAAO,MAAM,oBAAoB,UACxB,oBAAoB,WAClB,gBAAgB,KACxB,WAAW,EAmCb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAgCpD"}

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

@@ -1 +1 @@
-{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG/D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,YAyJA"}
+{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG/D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,YA0JA"}

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

@@ -1 +1 @@
-{"version":3,"file":"propMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/propMapper.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,iBAAiB,EAGjB,qBAAqB,EAEtB,MAAM,UAAU,CAAA;AAOjB,eAAO,MAAM,UAAU,EAAE,UAqExB,CAAA;AAgGD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,sBAkBtF;AAMD,eAAO,MAAM,uBAAuB,cAAe,GAAG,QAErD,CAAA;AAyID,eAAO,MAAM,cAAc,QACpB,MAAM,SACJ,MAAM,wDAED,QAAQ,aAAa,CAAC,QAqFnC,CAAA"}
+{"version":3,"file":"propMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/propMapper.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,iBAAiB,EAGjB,qBAAqB,EAEtB,MAAM,UAAU,CAAA;AAOjB,eAAO,MAAM,UAAU,EAAE,UAqExB,CAAA;AAgGD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,sBAkBtF;AAMD,eAAO,MAAM,uBAAuB,cAAe,GAAG,QAErD,CAAA;AAuID,eAAO,MAAM,cAAc,QACpB,MAAM,SACJ,MAAM,wDAED,QAAQ,aAAa,CAAC,QAqFnC,CAAA"}