@tamagui/web 1.129.2 → 1.129.4

package/src/helpers/getSplitStyles.tsx

@@ -56,7 +56,6 @@ import type {
   ThemeParsed,
   ViewStyleWithPseudos,
 } from '../types'
-import { groupCollapsed, groupEnd } from './consoleLog'
 import { createMediaStyle } from './createMediaStyle'
 import { fixStyles } from './expandStyles'
 import { getCSSStylesAtomic, getStyleAtomic, styleToCSS } from './getCSSStylesAtomic'
@@ -235,7 +234,7 @@ export const getSplitStyles: StyleSplitter = (
     debug !== 'profile' &&
     isClient
   ) {
-    groupCollapsed('getSplitStyles (collapsed)')
+    console.groupCollapsed('getSplitStyles (collapsed)')
     log({
       props,
       staticConfig,
@@ -246,7 +245,7 @@ export const getSplitStyles: StyleSplitter = (
       styleState,
       theme: { ...theme },
     })
-    groupEnd()
+    console.groupEnd()
   }
 
   const { asChild } = props
@@ -288,7 +287,7 @@ export const getSplitStyles: StyleSplitter = (
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
       // otherwise things just keep nesting - careful don't leave these around
       // they cause big performance dips in Chrome, only use them when debug prop set
-      groupEnd()
+      // console.groupEnd()
     }
 
     // normalize shorthands up front
@@ -533,9 +532,8 @@ export const getSplitStyles: StyleSplitter = (
     const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough
 
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-      groupEnd() // react native was not nesting right
-      groupEnd() // react native was not nesting right
-      groupCollapsed(
+      // console.groupEnd() // react native was not nesting right
+      console.groupCollapsed(
         `  🔑 ${keyOg}${
           keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ''
         } ${shouldPassThrough ? '(pass)' : ''}`
@@ -612,9 +610,9 @@ export const getSplitStyles: StyleSplitter = (
       }
 
       if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-        groupCollapsed('  💠 expanded', keyInit, '=>', key)
+        console.groupCollapsed('  💠 expanded', keyInit, '=>', key)
         log(val)
-        groupEnd()
+        console.groupEnd()
       }
 
       if (val == null) return
@@ -656,9 +654,9 @@ export const getSplitStyles: StyleSplitter = (
       if (shouldPassThrough) {
         passDownProp(viewProps, key, val, isMediaOrPseudo)
         if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-          groupCollapsed(` - passing down prop ${key}`)
+          console.groupCollapsed(` - passing down prop ${key}`)
           log({ val, after: { ...viewProps[key] } })
-          groupEnd()
+          console.groupEnd()
         }
         return
       }
@@ -728,9 +726,9 @@ export const getSplitStyles: StyleSplitter = (
           }
 
           if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-            groupCollapsed('pseudo', key, { isDisabled })
+            console.groupCollapsed('pseudo', key, { isDisabled })
             log({ pseudoStyleObject, isDisabled, descriptor, componentState })
-            groupEnd()
+            console.groupEnd()
           }
 
           const importance = descriptor.priority
@@ -1058,7 +1056,7 @@ export const getSplitStyles: StyleSplitter = (
       } catch {
         // RN can run into PayloadTooLargeError: request entity too large
       }
-      groupEnd()
+      console.groupEnd()
     }
   } // end prop loop
 
@@ -1173,11 +1171,11 @@ export const getSplitStyles: StyleSplitter = (
         }
 
         if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
-          groupEnd() // ensure group ended from loop above
-          groupCollapsed(`🔹 getSplitStyles final style object`)
+          // console.groupEnd() // ensure group ended from loop above
+          console.groupCollapsed(`🔹 getSplitStyles final style object`)
           console.info(styleState.style)
           console.info(`retainedStyles`, retainedStyles)
-          groupEnd()
+          console.groupEnd()
         }
 
         if (shouldRetain || !(process.env.IS_STATIC === 'is_static')) {
@@ -1359,7 +1357,7 @@ export const getSplitStyles: StyleSplitter = (
 
   if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
     if (isDevTools) {
-      groupCollapsed('🔹 getSplitStyles ===>')
+      console.groupCollapsed('🔹 getSplitStyles ===>')
       try {
         // prettier-ignore
         const logs = {
@@ -1376,7 +1374,7 @@ export const getSplitStyles: StyleSplitter = (
       } catch {
         // RN can run into PayloadTooLargeError: request entity too large
       }
-      groupEnd()
+      console.groupEnd()
     }
   }
 

package/src/hooks/useComponentState.ts

@@ -1,6 +1,6 @@
-import { isServer, isWeb, IS_REACT_19 } from '@tamagui/constants'
+import { IS_REACT_19, isServer, isWeb } from '@tamagui/constants'
 import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'
-import { useMemo, useRef, useState } from 'react'
+import { useRef, useState } from 'react'
 import {
   defaultComponentState,
   defaultComponentStateMounted,

package/src/styled.tsx

@@ -35,12 +35,12 @@ type GetVariantAcceptedValues<V> = V extends Object
 
 export function styled<
   ParentComponent extends StylableComponent,
-  StyledStaticConfig extends StaticConfigPublic,
-  Variants extends VariantDefinitions<ParentComponent, StyledStaticConfig>,
+  StyledConfig extends StaticConfigPublic,
+  Variants extends VariantDefinitions<ParentComponent, StyledConfig>,
 >(
   ComponentIn: ParentComponent,
   // this should be Partial<GetProps<ParentComponent>> but causes excessively deep type issues
-  options?: Partial<InferStyledProps<ParentComponent, StyledStaticConfig>> & {
+  options?: Partial<InferStyledProps<ParentComponent, StyledConfig>> & {
     name?: string
     variants?: Variants | undefined
     defaultVariants?: GetVariantAcceptedValues<Variants>
@@ -48,14 +48,14 @@ export function styled<
     /** @deprecated pass in instead as the third argument to styled() */
     acceptsClassName?: boolean
   },
-  staticExtractionOptions?: StyledStaticConfig
+  config?: StyledConfig
 ) {
   // do type stuff at top for easier readability
 
   // get parent props without pseudos and medias so we can rebuild both with new variants
   // get parent props without pseudos and medias so we can rebuild both with new variants
   type ParentNonStyledProps = GetNonStyledProps<ParentComponent>
-  type ParentStylesBase = GetBaseStyles<ParentComponent, StyledStaticConfig>
+  type ParentStylesBase = GetBaseStyles<ParentComponent, StyledConfig>
   type ParentVariants = GetStyledVariants<ParentComponent>
 
   type OurVariantProps = AreVariantsUndefined<Variants> extends true
@@ -72,15 +72,15 @@ export function styled<
             | (Key extends keyof OurVariantProps ? OurVariantProps[Key] : undefined)
         }
 
-  type Accepted = StyledStaticConfig['accept']
+  type Accepted = StyledConfig['accept']
   type CustomTokenProps = Accepted extends Record<string, any>
     ? {
         [Key in keyof Accepted]?:
           | (Key extends keyof ParentStylesBase ? ParentStylesBase[Key] : never)
           | (Accepted[Key] extends 'style'
-              ? Partial<InferStyledProps<ParentComponent, StyledStaticConfig>>
+              ? Partial<InferStyledProps<ParentComponent, StyledConfig>>
               : Accepted[Key] extends 'textStyle'
-                ? Partial<InferStyledProps<typeof Text, StyledStaticConfig>>
+                ? Partial<InferStyledProps<typeof Text, StyledConfig>>
                 : Omit<ThemeValueGet<Accepted[Key]>, 'unset'>)
       }
     : {}
@@ -103,7 +103,7 @@ export function styled<
       ? ParentStylesBase & CustomTokenProps
       : ParentStylesBase,
     MergedVariants,
-    GetStaticConfig<ParentComponent, StyledStaticConfig>
+    GetStaticConfig<ParentComponent, StyledConfig>
   >
 
   // validate not using a variant over an existing valid style
@@ -131,9 +131,7 @@ export function styled<
     : undefined
 
   const isReactNative = Boolean(
-    reactNativeConfig ||
-      staticExtractionOptions?.isReactNative ||
-      parentStaticConfig?.isReactNative
+    reactNativeConfig || config?.isReactNative || parentStaticConfig?.isReactNative
   )
 
   const staticConfigProps = (() => {
@@ -196,10 +194,10 @@ export function styled<
       }
     }
 
-    const isText = Boolean(staticExtractionOptions?.isText || parentStaticConfig?.isText)
+    const isText = Boolean(config?.isText || parentStaticConfig?.isText)
 
     const acceptsClassName =
-      staticExtractionOptions?.acceptsClassName ??
+      config?.acceptsClassName ??
       acceptsClassNameProp ??
       (isPlainStyledComponent ||
         isReactNative ||
@@ -207,7 +205,7 @@ export function styled<
 
     const conf: Partial<StaticConfig> = {
       ...parentStaticConfig,
-      ...staticExtractionOptions,
+      ...config,
       ...(!isPlainStyledComponent && {
         Component,
       }),

package/src/types.tsx

@@ -2168,6 +2168,11 @@ export type StaticConfigPublic = {
    * Setting `acceptsClassName: true` indicates Tamagui can pass in className props.
    */
   acceptsClassName?: boolean
+
+  /**
+   * memoizes component, rarely useful except mostly style components that don't take children
+   */
+  memo?: boolean
 }
 
 type StaticConfigBase = StaticConfigPublic & {

package/src/views/Configuration.tsx

@@ -1,16 +1,25 @@
-import React from 'react'
-
+import { ClientOnly, ClientOnlyContext } from '@tamagui/use-did-finish-ssr'
+import React, { useContext } from 'react'
 import { ComponentContext } from '../contexts/ComponentContext'
 import type { AnimationDriver } from '../types'
 
 interface ConfigurationProps {
   animationDriver?: AnimationDriver | null
+  disableSSR?: boolean
   children: React.ReactNode
 }
 
 export const Configuration = (props: ConfigurationProps) => {
   const current = React.useContext(ComponentContext)
-  return <ComponentContext.Provider {...current} {...props} />
+  const clientOnly = useContext(ClientOnlyContext)
+
+  const children = <ComponentContext.Provider {...current} {...props} />
+
+  if (clientOnly) {
+    return <ClientOnly>{children}</ClientOnly>
+  }
+
+  return children
 }
 
 Configuration['displayName'] = 'Configuration'

package/src/views/TamaguiProvider.tsx

@@ -1,15 +1,16 @@
 import {
+  IS_REACT_19,
   isClient,
   isWeb,
   useIsomorphicLayoutEffect,
-  IS_REACT_19,
 } from '@tamagui/constants'
+import { ClientOnly } from '@tamagui/use-did-finish-ssr'
 import React, { useEffect } from 'react'
 import { getSetting } from '../config'
 import { ComponentContext } from '../contexts/ComponentContext'
+import { updateMediaListeners } from '../hooks/useMedia'
 import type { TamaguiProviderProps } from '../types'
 import { ThemeProvider } from './ThemeProvider'
-import { updateMediaListeners } from '../hooks/useMedia'
 
 const listeners = new Set<() => void>()
 let didRender = false
@@ -61,25 +62,33 @@ export function TamaguiProvider({
     updateMediaListeners()
   }, [])
 
+  let contents = (
+    <UnmountedClassName>
+      <ComponentContext.Provider animationDriver={config?.animations}>
+        <ThemeProvider
+          themeClassNameOnRoot={
+            themeClassNameOnRoot ?? getSetting('themeClassNameOnRoot')
+          }
+          disableRootThemeClass={
+            disableRootThemeClass ?? getSetting('disableRootThemeClass')
+          }
+          defaultTheme={defaultTheme ?? (config ? Object.keys(config.themes)[0] : '')}
+          reset={reset}
+          className={className}
+        >
+          {children}
+        </ThemeProvider>
+      </ComponentContext.Provider>
+    </UnmountedClassName>
+  )
+
+  if (getSetting('disableSSR')) {
+    contents = <ClientOnly>{contents}</ClientOnly>
+  }
+
   return (
     <>
-      <UnmountedClassName>
-        <ComponentContext.Provider animationDriver={config?.animations}>
-          <ThemeProvider
-            themeClassNameOnRoot={
-              themeClassNameOnRoot ?? getSetting('themeClassNameOnRoot')
-            }
-            disableRootThemeClass={
-              disableRootThemeClass ?? getSetting('disableRootThemeClass')
-            }
-            defaultTheme={defaultTheme ?? (config ? Object.keys(config.themes)[0] : '')}
-            reset={reset}
-            className={className}
-          >
-            {children}
-          </ThemeProvider>
-        </ComponentContext.Provider>
-      </UnmountedClassName>
+      {contents}
 
       {process.env.TAMAGUI_TARGET !== 'native' &&
         IS_REACT_19 &&

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EAEV,SAAS,EAGT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAMf,MAAM,SAAS,CAAA;AAYhB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuF9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAsmC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,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,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAgGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EAEV,SAAS,EAGT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAMf,MAAM,SAAS,CAAA;AAYhB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuF9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAumC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,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,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAgGxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AAiBjB,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,iBAAiB,CAAC,EAAE,OAAO,EAC3B,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aA4uC5B,CAAA;AAuCD,eAAO,MAAM,WAAW,GACtB,YAAY,aAAa,EACzB,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,sBAAsB,OAAO,KAC5B,SA6CF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAc5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AAgBjB,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,iBAAiB,CAAC,EAAE,OAAO,EAC3B,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aA2uC5B,CAAA;AAuCD,eAAO,MAAM,WAAW,GACtB,YAAY,aAAa,EACzB,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,sBAAsB,OAAO,KAC5B,SA6CF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAc5B,CAAA"}

package/types/styled.d.ts

@@ -7,13 +7,13 @@ type AreVariantsUndefined<Variants> = Required<Variants> extends {
 type GetVariantAcceptedValues<V> = V extends Object ? {
     [Key in keyof V]?: V[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof V[Key]>;
 } : undefined;
-export declare function styled<ParentComponent extends StylableComponent, StyledStaticConfig extends StaticConfigPublic, Variants extends VariantDefinitions<ParentComponent, StyledStaticConfig>>(ComponentIn: ParentComponent, options?: Partial<InferStyledProps<ParentComponent, StyledStaticConfig>> & {
+export declare function styled<ParentComponent extends StylableComponent, StyledConfig extends StaticConfigPublic, Variants extends VariantDefinitions<ParentComponent, StyledConfig>>(ComponentIn: ParentComponent, options?: Partial<InferStyledProps<ParentComponent, StyledConfig>> & {
     name?: string;
     variants?: Variants | undefined;
     defaultVariants?: GetVariantAcceptedValues<Variants>;
     context?: StyledContext;
     /** @deprecated pass in instead as the third argument to styled() */
     acceptsClassName?: boolean;
-}, staticExtractionOptions?: StyledStaticConfig): TamaguiComponent<TamaDefer, GetRef<ParentComponent>, GetNonStyledProps<ParentComponent>, StyledStaticConfig["accept"] extends Record<string, any> ? GetBaseStyles<ParentComponent, StyledStaticConfig> & (StyledStaticConfig["accept"] extends Record<string, any> ? { [Key in keyof StyledStaticConfig["accept"]]?: (Key extends keyof GetBaseStyles<ParentComponent, StyledStaticConfig> ? GetBaseStyles<ParentComponent, StyledStaticConfig>[Key] : never) | (StyledStaticConfig["accept"][Key] extends "style" ? Partial<InferStyledProps<ParentComponent, StyledStaticConfig>> : StyledStaticConfig["accept"][Key] extends "textStyle" ? Partial<import("./types").TextProps> : Omit<ThemeValueGet<StyledStaticConfig["accept"][Key]>, "unset">) | undefined; } : {}) : GetBaseStyles<ParentComponent, StyledStaticConfig>, AreVariantsUndefined<Variants> extends true ? GetStyledVariants<ParentComponent> : AreVariantsUndefined<GetStyledVariants<ParentComponent>> extends true ? Omit<AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>, "_isEmpty"> : { [Key_1 in Exclude<keyof GetStyledVariants<ParentComponent>, "_isEmpty"> | Exclude<keyof (AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>), "_isEmpty">]?: (Key_1 extends keyof GetStyledVariants<ParentComponent> ? GetStyledVariants<ParentComponent>[Key_1] : undefined) | (Key_1 extends keyof (AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>) ? (AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>)[Key_1] : undefined) | undefined; }, GetStaticConfig<ParentComponent, StyledStaticConfig>>;
+}, config?: StyledConfig): TamaguiComponent<TamaDefer, GetRef<ParentComponent>, GetNonStyledProps<ParentComponent>, StyledConfig["accept"] extends Record<string, any> ? GetBaseStyles<ParentComponent, StyledConfig> & (StyledConfig["accept"] extends Record<string, any> ? { [Key in keyof StyledConfig["accept"]]?: (Key extends keyof GetBaseStyles<ParentComponent, StyledConfig> ? GetBaseStyles<ParentComponent, StyledConfig>[Key] : never) | (StyledConfig["accept"][Key] extends "style" ? Partial<InferStyledProps<ParentComponent, StyledConfig>> : StyledConfig["accept"][Key] extends "textStyle" ? Partial<import("./types").TextProps> : Omit<ThemeValueGet<StyledConfig["accept"][Key]>, "unset">) | undefined; } : {}) : GetBaseStyles<ParentComponent, StyledConfig>, AreVariantsUndefined<Variants> extends true ? GetStyledVariants<ParentComponent> : AreVariantsUndefined<GetStyledVariants<ParentComponent>> extends true ? Omit<AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>, "_isEmpty"> : { [Key_1 in Exclude<keyof GetStyledVariants<ParentComponent>, "_isEmpty"> | Exclude<keyof (AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>), "_isEmpty">]?: (Key_1 extends keyof GetStyledVariants<ParentComponent> ? GetStyledVariants<ParentComponent>[Key_1] : undefined) | (Key_1 extends keyof (AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>) ? (AreVariantsUndefined<Variants> extends true ? {} : GetVariantAcceptedValues<Variants>)[Key_1] : undefined) | undefined; }, GetStaticConfig<ParentComponent, StyledConfig>>;
 export {};
 //# sourceMappingURL=styled.d.ts.map

package/types/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,KAAK,oBAAoB,CAAC,QAAQ,IAEhC,QAAQ,CAAC,QAAQ,CAAC,SAAS;IAAE,QAAQ,EAAE,CAAC,CAAA;CAAE,GAAG,IAAI,GAAG,KAAK,CAAA;AAE3D,KAAK,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC/C;KACG,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GACnE,GAAG,GACH,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;CACnC,GACD,SAAS,CAAA;AAEb,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EACzC,kBAAkB,SAAS,kBAAkB,EAC7C,QAAQ,SAAS,kBAAkB,CAAC,eAAe,EAAE,kBAAkB,CAAC,EAExE,WAAW,EAAE,eAAe,EAE5B,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,EACD,uBAAuB,CAAC,EAAE,kBAAkB,2QA2BrC,GAAG,i3CAyKX"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,KAAK,oBAAoB,CAAC,QAAQ,IAEhC,QAAQ,CAAC,QAAQ,CAAC,SAAS;IAAE,QAAQ,EAAE,CAAC,CAAA;CAAE,GAAG,IAAI,GAAG,KAAK,CAAA;AAE3D,KAAK,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC/C;KACG,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GACnE,GAAG,GACH,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;CACnC,GACD,SAAS,CAAA;AAEb,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EACzC,YAAY,SAAS,kBAAkB,EACvC,QAAQ,SAAS,kBAAkB,CAAC,eAAe,EAAE,YAAY,CAAC,EAElE,WAAW,EAAE,eAAe,EAE5B,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,EACD,MAAM,CAAC,EAAE,YAAY,yPA2Bd,GAAG,2zCAuKX"}

package/types/types.d.ts

@@ -1363,6 +1363,10 @@ export type StaticConfigPublic = {
      * Setting `acceptsClassName: true` indicates Tamagui can pass in className props.
      */
     acceptsClassName?: boolean;
+    /**
+     * memoizes component, rarely useful except mostly style components that don't take children
+     */
+    memo?: boolean;
 };
 type StaticConfigBase = StaticConfigPublic & {
     Component?: FunctionComponent<any> & StaticComponentObject<any, any, any, any, any, any>;