@tamagui/web 1.53.2 → 1.54.1

package/src/types.tsx

@@ -1,16 +1,11 @@
-// TODO split this into own package @tamagui/types to share with animations packages
-
 import type { StyleObject } from '@tamagui/helpers'
 import type { Properties } from 'csstype'
 import {
-  Component,
   ComponentType,
   ForwardRefExoticComponent,
   FunctionComponent,
   HTMLAttributes,
-  JSXElementConstructor,
   ReactNode,
-  Ref,
   RefAttributes,
   RefObject,
 } from 'react'
@@ -28,7 +23,9 @@ import type {
 import type { Variable } from './createVariable'
 import { StyledContext } from './helpers/createStyledContext'
 import type { ResolveVariableTypes } from './helpers/propMapper'
-import type { FontLanguageProps, LanguageContextType } from './views/FontLanguage.types'
+import { CSSColorNames } from './interfaces/CSSColorNames'
+import { Role } from './interfaces/Role'
+import type { LanguageContextType } from './views/FontLanguage.types'
 import type { ThemeProviderProps } from './views/ThemeProvider'
 
 export type { MediaStyleObject, StyleObject } from '@tamagui/helpers'
@@ -40,106 +37,6 @@ export type TamaguiTextElement = HTMLElement | RNText
 
 export type DebugProp = boolean | 'break' | 'verbose' | 'visualize' | 'profile'
 
-/**
- * For static / studio
- */
-
-type NameToPaths = {
-  [key: string]: Set<string>
-}
-
-export type LoadedComponents = {
-  moduleName: string
-  nameToInfo: Record<
-    string,
-    {
-      staticConfig: StaticConfig
-    }
-  >
-}
-
-export type TamaguiProjectInfo = {
-  components: LoadedComponents[]
-  tamaguiConfig: TamaguiInternalConfig
-  nameToPaths: NameToPaths
-}
-
-// from react-native Accessibility.d.ts
-export type Role =
-  | 'alert'
-  | 'alertdialog'
-  | 'application'
-  | 'article'
-  | 'banner'
-  | 'button'
-  | 'cell'
-  | 'checkbox'
-  | 'columnheader'
-  | 'combobox'
-  | 'complementary'
-  | 'contentinfo'
-  | 'definition'
-  | 'dialog'
-  | 'directory'
-  | 'document'
-  | 'feed'
-  | 'figure'
-  | 'form'
-  | 'grid'
-  | 'group'
-  | 'heading'
-  | 'img'
-  | 'link'
-  | 'list'
-  | 'listitem'
-  | 'log'
-  | 'main'
-  | 'marquee'
-  | 'math'
-  | 'menu'
-  | 'menubar'
-  | 'menuitem'
-  | 'meter'
-  | 'navigation'
-  | 'none'
-  | 'note'
-  | 'option'
-  | 'presentation'
-  | 'progressbar'
-  | 'radio'
-  | 'radiogroup'
-  | 'region'
-  | 'row'
-  | 'rowgroup'
-  | 'rowheader'
-  | 'scrollbar'
-  | 'searchbox'
-  | 'separator'
-  | 'slider'
-  | 'spinbutton'
-  | 'status'
-  | 'summary'
-  | 'switch'
-  | 'tab'
-  | 'table'
-  | 'tablist'
-  | 'tabpanel'
-  | 'term'
-  | 'timer'
-  | 'toolbar'
-  | 'tooltip'
-  | 'tree'
-  | 'treegrid'
-  | 'treeitem'
-
-// base props that are accepted by createComponent (additional to react-native-web)
-
-type DivAttributes = HTMLAttributes<HTMLDivElement>
-
-export type TamaguiReactElement<P = {}> = React.ReactElement<P> & {
-  type: TamaguiComponent
-}
-
 export type TamaguiComponentPropsBase = {
   target?: string
   hitSlop?: PressableProps['hitSlop']
@@ -148,7 +45,7 @@ export type TamaguiComponentPropsBase = {
   children?: any | any[]
 
   debug?: DebugProp
-  
+
   disabled?: boolean
 
   /**
@@ -176,6 +73,11 @@ export type TamaguiComponentPropsBase = {
    */
   theme?: ThemeName | null
 
+  /**
+   * Marks this component as a group for use in styling children based on parents named group
+   */
+  group?: GroupNames
+
   /**
    * Equivalent to "name" property on styled() for automatically applying a theme
    */
@@ -206,7 +108,7 @@ export type TamaguiComponentPropsBase = {
    * Disables className output of styles, instead using only inline styles
    */
   disableClassName?: boolean
-  
+
   onPress?: PressableProps['onPress']
   onLongPress?: PressableProps['onLongPress']
   onPressIn?: PressableProps['onPress']
@@ -223,10 +125,68 @@ export type TamaguiComponentPropsBase = {
   onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void
 }
 
+/**
+ * For static / studio
+ */
+
+type NameToPaths = {
+  [key: string]: Set<string>
+}
+
+export type LoadedComponents = {
+  moduleName: string
+  nameToInfo: Record<
+    string,
+    {
+      staticConfig: StaticConfig
+    }
+  >
+}
+
+export type TamaguiProjectInfo = {
+  components: LoadedComponents[]
+  tamaguiConfig: TamaguiInternalConfig
+  nameToPaths: NameToPaths
+}
+
+// base props that are accepted by createComponent (additional to react-native-web)
+
+type DivAttributes = HTMLAttributes<HTMLDivElement>
+
+export type TamaguiReactElement<P = {}> = React.ReactElement<P> & {
+  type: TamaguiComponent
+}
+
 export type ReactComponentWithRef<Props, Ref> = ForwardRefExoticComponent<
   Props & RefAttributes<Ref>
 >
 
+export type ComponentContextI = {
+  inText: boolean
+  language: LanguageContextType | null
+  animationDriver: AnimationDriver | null
+  groups: GroupContextType
+}
+
+// this object must stay referentially the same always to avoid every component re-rendering
+// instead `state` is mutated and only used on initial mount, after that emit/subscribe
+export type GroupContextType = {
+  emit: GroupStateListener
+  subscribe: (cb: GroupStateListener) => DisposeFn
+  state: Record<string, GroupState>
+}
+
+export type GroupStateListener = (name: string, state: GroupState) => void
+
+// could just be TamaguiComponentState likely
+type GroupState = {
+  hover?: boolean
+  press?: boolean
+  focus?: boolean
+}
+
+export type DisposeFn = () => void
+
 export type ConfigListener = (conf: TamaguiInternalConfig) => void
 
 // to prevent things from going circular, hoisting some types in this file
@@ -360,7 +320,9 @@ export type CreateTamaguiConfig<
   // parsed
   themes: {
     [Name in keyof B]: {
-      [Key in keyof B[Name]]: Variable<B[Name][Key]>
+      [Key in keyof B[Name]]: B[Name][Key] extends Variable
+        ? B[Name][Key]
+        : Variable<B[Name][Key]>
     }
   }
   shorthands: C
@@ -747,8 +709,24 @@ export type ThemeMediaKeys<TK extends keyof Themes = keyof Themes> =
 
 export type PlatformMediaKeys = `$platform-${AllPlatforms}`
 
+type UndefinedPlaceholder = { __undefined: true }
+
+export interface TypeOverride {
+  groupNames(): 1
+}
+
+export type GroupNames = ReturnType<TypeOverride['groupNames']> extends 1
+  ? never
+  : ReturnType<TypeOverride['groupNames']>
+
+type ParentMediaStates = 'hovered' | 'pressed' | 'focused'
+
+export type GroupMediaKeys =
+  | `$group-${GroupNames}`
+  | `$group-${GroupNames}-${ParentMediaStates}`
+
 export type MediaProps<A> = {
-  [key in MediaPropKeys | ThemeMediaKeys | PlatformMediaKeys]?: A
+  [key in MediaPropKeys | GroupMediaKeys | ThemeMediaKeys | PlatformMediaKeys]?: A
 }
 
 export type MediaQueries = {
@@ -1335,12 +1313,12 @@ export type GetStyleState = {
   staticConfig: StaticConfig
   theme: ThemeParsed
   props: Record<string, any>
+  context?: ComponentContextI
   curProps: Record<string, any>
   viewProps: Record<string, any>
   styleProps: SplitStyleProps
   componentState: TamaguiComponentState
   conf: TamaguiInternalConfig
-  languageContext?: FontLanguageProps
   avoidMergeTransform?: boolean
   fontFamily?: string
   debug?: DebugProp
@@ -1764,148 +1742,6 @@ type SpaceKeys =
   | 'bottom'
   | 'shadowOffset'
 
-type CSSColorNames =
-  | 'aliceblue'
-  | 'antiquewhite'
-  | 'aqua'
-  | 'aquamarine'
-  | 'azure'
-  | 'beige'
-  | 'bisque'
-  | 'black'
-  | 'blanchedalmond'
-  | 'blue'
-  | 'blueviolet'
-  | 'brown'
-  | 'burlywood'
-  | 'cadetblue'
-  | 'chartreuse'
-  | 'chocolate'
-  | 'coral'
-  | 'cornflowerblue'
-  | 'cornsilk'
-  | 'crimson'
-  | 'cyan'
-  | 'darkblue'
-  | 'darkcyan'
-  | 'darkgoldenrod'
-  | 'darkgray'
-  | 'darkgreen'
-  | 'darkkhaki'
-  | 'darkmagenta'
-  | 'darkolivegreen'
-  | 'darkorange'
-  | 'darkorchid'
-  | 'darkred'
-  | 'darksalmon'
-  | 'darkseagreen'
-  | 'darkslateblue'
-  | 'darkslategray'
-  | 'darkturquoise'
-  | 'darkviolet'
-  | 'deeppink'
-  | 'deepskyblue'
-  | 'dimgray'
-  | 'dodgerblue'
-  | 'firebrick'
-  | 'floralwhite'
-  | 'forestgreen'
-  | 'fuchsia'
-  | 'gainsboro'
-  | 'ghostwhite'
-  | 'gold'
-  | 'goldenrod'
-  | 'gray'
-  | 'green'
-  | 'greenyellow'
-  | 'honeydew'
-  | 'hotpink'
-  | 'indianred '
-  | 'indigo  '
-  | 'ivory'
-  | 'khaki'
-  | 'lavender'
-  | 'lavenderblush'
-  | 'lawngreen'
-  | 'lemonchiffon'
-  | 'lightblue'
-  | 'lightcoral'
-  | 'lightcyan'
-  | 'lightgoldenrodyellow'
-  | 'lightgrey'
-  | 'lightgreen'
-  | 'lightpink'
-  | 'lightsalmon'
-  | 'lightseagreen'
-  | 'lightskyblue'
-  | 'lightslategray'
-  | 'lightsteelblue'
-  | 'lightyellow'
-  | 'lime'
-  | 'limegreen'
-  | 'linen'
-  | 'magenta'
-  | 'maroon'
-  | 'mediumaquamarine'
-  | 'mediumblue'
-  | 'mediumorchid'
-  | 'mediumpurple'
-  | 'mediumseagreen'
-  | 'mediumslateblue'
-  | 'mediumspringgreen'
-  | 'mediumturquoise'
-  | 'mediumvioletred'
-  | 'midnightblue'
-  | 'mintcream'
-  | 'mistyrose'
-  | 'moccasin'
-  | 'navajowhite'
-  | 'navy'
-  | 'oldlace'
-  | 'olive'
-  | 'olivedrab'
-  | 'orange'
-  | 'orangered'
-  | 'orchid'
-  | 'palegoldenrod'
-  | 'palegreen'
-  | 'paleturquoise'
-  | 'palevioletred'
-  | 'papayawhip'
-  | 'peachpuff'
-  | 'peru'
-  | 'pink'
-  | 'plum'
-  | 'powderblue'
-  | 'purple'
-  | 'red'
-  | 'rosybrown'
-  | 'royalblue'
-  | 'saddlebrown'
-  | 'salmon'
-  | 'sandybrown'
-  | 'seagreen'
-  | 'seashell'
-  | 'sienna'
-  | 'silver'
-  | 'skyblue'
-  | 'slateblue'
-  | 'slategray'
-  | 'snow'
-  | 'springgreen'
-  | 'steelblue'
-  | 'tan'
-  | 'teal'
-  | 'thistle'
-  | 'tomato'
-  | 'turquoise'
-  | 'violet'
-  | 'wheat'
-  | 'white'
-  | 'whitesmoke'
-  | 'yellow'
-  | 'yellowgreen'
-
 export type TamaguiComponentState = {
   hover: boolean
   press: boolean
@@ -1916,6 +1752,7 @@ export type TamaguiComponentState = {
     style?: any
     avoidClasses?: boolean
   }
+  group?: Record<string, GroupState>
 }
 
 export type SplitStyleProps = {
@@ -2044,6 +1881,7 @@ export type GetStyleResult = {
   space?: any // SpaceTokens?
   hasMedia: boolean | string[]
   dynamicThemeAccess?: boolean
+  pseudoGroups?: Set<string>
 }
 
 export type ClassNamesObject = Record<string, string>
@@ -2140,25 +1978,6 @@ type FillInFontValues<
         : any
     }
 
-// gets the ref type of any type of react component
-export type GetRef<C> = C extends TamaguiComponent<any, infer Ref>
-  ? Ref
-  : C extends new (props: any) => Component
-  ? InstanceType<C>
-  : C extends abstract new (...args: any) => any
-  ? InstanceType<C>
-  : C extends Component
-  ? C
-  : (
-      C extends JSXElementConstructor<{ ref?: infer R }>
-        ? R
-        : C extends keyof JSX.IntrinsicElements
-        ? JSX.IntrinsicElements[C]['ref']
-        : unknown
-    ) extends Ref<infer T> | string | undefined
-  ? T
-  : unknown
-
 export type ThemesLikeObject = Record<string, Record<string, string>>
 
 // dedupe themes to avoid duplicate CSS generation

package/src/views/AnimationDriverProvider.tsx

@@ -1,4 +1,4 @@
-import { AnimationDriverContext } from '../contexts/AnimationDriverContext'
+import { ComponentContext } from '../contexts/ComponentContext'
 import type { AnimationDriver } from '../types'
 
 interface AnimationDriverProviderProps {
@@ -9,8 +9,8 @@ interface AnimationDriverProviderProps {
 // the public provider for users
 export const AnimationDriverProvider = (props: AnimationDriverProviderProps) => {
   return (
-    <AnimationDriverContext.Provider value={props.driver}>
+    <ComponentContext.Provider animationDriver={props.driver}>
       {props.children}
-    </AnimationDriverContext.Provider>
+    </ComponentContext.Provider>
   )
 }

package/src/views/FontLanguage.native.tsx

@@ -1,12 +1,12 @@
 import { useMemo } from 'react'
 
-import { FontLanguageContext } from '../contexts/FontLanguageContext'
+import { ComponentContext } from '../contexts/ComponentContext'
 import type { FontLanguageProps } from './FontLanguage.types'
 
 export const FontLanguage = ({ children, ...props }: FontLanguageProps) => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  const value = useMemo(() => props, [JSON.stringify(props)])
+  const language = useMemo(() => props, [JSON.stringify(props)])
   return (
-    <FontLanguageContext.Provider value={value}>{children}</FontLanguageContext.Provider>
+    <ComponentContext.Provider language={language}>{children}</ComponentContext.Provider>
   )
 }

package/src/views/TamaguiProvider.tsx

@@ -1,9 +1,7 @@
 import { isClient, isServer, isWeb } from '@tamagui/constants'
 import * as React from 'react'
 
-import { AnimationDriverContext } from '../contexts/AnimationDriverContext'
-import { ButtonNestingContext } from '../contexts/ButtonNestingContext'
-import { TextAncestorContext } from '../contexts/TextAncestorContext'
+import { ComponentContext } from '../contexts/ComponentContext'
 import { useMediaListeners } from '../hooks/useMedia'
 import type { TamaguiProviderProps } from '../types'
 import { ThemeProvider } from './ThemeProvider'
@@ -39,21 +37,15 @@ export function TamaguiProvider({
   }
 
   return (
-    <ButtonNestingContext.Provider value={false}>
-      <TextAncestorContext.Provider value={false}>
-        <AnimationDriverContext.Provider value={config.animations}>
-          <ThemeProvider
-            themeClassNameOnRoot={config.themeClassNameOnRoot}
-            disableRootThemeClass={config.disableRootThemeClass}
-            {...themePropsProvider}
-            defaultTheme={
-              themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0]
-            }
-          >
-            {children}
-          </ThemeProvider>
-        </AnimationDriverContext.Provider>
-      </TextAncestorContext.Provider>
-    </ButtonNestingContext.Provider>
+    <ComponentContext.Provider animationDriver={config.animations}>
+      <ThemeProvider
+        themeClassNameOnRoot={config.themeClassNameOnRoot}
+        disableRootThemeClass={config.disableRootThemeClass}
+        {...themePropsProvider}
+        defaultTheme={themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0]}
+      >
+        {children}
+      </ThemeProvider>
+    </ComponentContext.Provider>
   )
 }

package/types/CSSColorNames.d.ts

@@ -0,0 +1,2 @@
+export type CSSColorNames = 'aliceblue' | 'antiquewhite' | 'aqua' | 'aquamarine' | 'azure' | 'beige' | 'bisque' | 'black' | 'blanchedalmond' | 'blue' | 'blueviolet' | 'brown' | 'burlywood' | 'cadetblue' | 'chartreuse' | 'chocolate' | 'coral' | 'cornflowerblue' | 'cornsilk' | 'crimson' | 'cyan' | 'darkblue' | 'darkcyan' | 'darkgoldenrod' | 'darkgray' | 'darkgreen' | 'darkkhaki' | 'darkmagenta' | 'darkolivegreen' | 'darkorange' | 'darkorchid' | 'darkred' | 'darksalmon' | 'darkseagreen' | 'darkslateblue' | 'darkslategray' | 'darkturquoise' | 'darkviolet' | 'deeppink' | 'deepskyblue' | 'dimgray' | 'dodgerblue' | 'firebrick' | 'floralwhite' | 'forestgreen' | 'fuchsia' | 'gainsboro' | 'ghostwhite' | 'gold' | 'goldenrod' | 'gray' | 'green' | 'greenyellow' | 'honeydew' | 'hotpink' | 'indianred ' | 'indigo  ' | 'ivory' | 'khaki' | 'lavender' | 'lavenderblush' | 'lawngreen' | 'lemonchiffon' | 'lightblue' | 'lightcoral' | 'lightcyan' | 'lightgoldenrodyellow' | 'lightgrey' | 'lightgreen' | 'lightpink' | 'lightsalmon' | 'lightseagreen' | 'lightskyblue' | 'lightslategray' | 'lightsteelblue' | 'lightyellow' | 'lime' | 'limegreen' | 'linen' | 'magenta' | 'maroon' | 'mediumaquamarine' | 'mediumblue' | 'mediumorchid' | 'mediumpurple' | 'mediumseagreen' | 'mediumslateblue' | 'mediumspringgreen' | 'mediumturquoise' | 'mediumvioletred' | 'midnightblue' | 'mintcream' | 'mistyrose' | 'moccasin' | 'navajowhite' | 'navy' | 'oldlace' | 'olive' | 'olivedrab' | 'orange' | 'orangered' | 'orchid' | 'palegoldenrod' | 'palegreen' | 'paleturquoise' | 'palevioletred' | 'papayawhip' | 'peachpuff' | 'peru' | 'pink' | 'plum' | 'powderblue' | 'purple' | 'red' | 'rosybrown' | 'royalblue' | 'saddlebrown' | 'salmon' | 'sandybrown' | 'seagreen' | 'seashell' | 'sienna' | 'silver' | 'skyblue' | 'slateblue' | 'slategray' | 'snow' | 'springgreen' | 'steelblue' | 'tan' | 'teal' | 'thistle' | 'tomato' | 'turquoise' | 'violet' | 'wheat' | 'white' | 'whitesmoke' | 'yellow' | 'yellowgreen';
+//# sourceMappingURL=CSSColorNames.d.ts.map

package/types/CSSColorNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSColorNames.d.ts","sourceRoot":"","sources":["../src/CSSColorNames.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,cAAc,GACd,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,YAAY,GACZ,OAAO,GACP,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,GACV,eAAe,GACf,UAAU,GACV,WAAW,GACX,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,GACf,YAAY,GACZ,UAAU,GACV,aAAa,GACb,SAAS,GACT,YAAY,GACZ,WAAW,GACX,aAAa,GACb,aAAa,GACb,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,WAAW,GACX,MAAM,GACN,OAAO,GACP,aAAa,GACb,UAAU,GACV,SAAS,GACT,YAAY,GACZ,UAAU,GACV,OAAO,GACP,OAAO,GACP,UAAU,GACV,eAAe,GACf,WAAW,GACX,cAAc,GACd,WAAW,GACX,YAAY,GACZ,WAAW,GACX,sBAAsB,GACtB,WAAW,GACX,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,WAAW,GACX,OAAO,GACP,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,cAAc,GACd,cAAc,GACd,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,cAAc,GACd,WAAW,GACX,WAAW,GACX,UAAU,GACV,aAAa,GACb,MAAM,GACN,SAAS,GACT,OAAO,GACP,WAAW,GACX,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,eAAe,GACf,WAAW,GACX,eAAe,GACf,eAAe,GACf,YAAY,GACZ,WAAW,GACX,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,QAAQ,GACR,KAAK,GACL,WAAW,GACX,WAAW,GACX,aAAa,GACb,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,WAAW,GACX,WAAW,GACX,MAAM,GACN,aAAa,GACb,WAAW,GACX,KAAK,GACL,MAAM,GACN,SAAS,GACT,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,aAAa,CAAA"}

package/types/GetRef.d.ts

@@ -0,0 +1,23 @@
+import { Component, JSXElementConstructor, Ref } from 'react'
+
+import { TamaguiComponent } from '../types'
+export type GetRef<C> = C extends TamaguiComponent<any, infer Ref>
+  ? Ref
+  : C extends new (props: any) => Component
+  ? InstanceType<C>
+  : C extends abstract new (...args: any) => any
+  ? InstanceType<C>
+  : C extends Component
+  ? C
+  : (
+      C extends JSXElementConstructor<{
+        ref?: infer R
+      }>
+        ? R
+        : C extends keyof JSX.IntrinsicElements
+        ? JSX.IntrinsicElements[C]['ref']
+        : unknown
+    ) extends Ref<infer T> | string | undefined
+  ? T
+  : unknown
+//# sourceMappingURL=GetRef.d.ts.map

package/types/GetRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetRef.d.ts","sourceRoot":"","sources":["../src/GetRef.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI1C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAC9D,GAAG,GACH,CAAC,SAAS,KAAK,KAAK,EAAE,GAAG,KAAK,SAAS,GACvC,YAAY,CAAC,CAAC,CAAC,GACf,CAAC,SAAS,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,GAC5C,YAAY,CAAC,CAAC,CAAC,GACf,CAAC,SAAS,SAAS,GACnB,CAAC,GACD,CACE,CAAC,SAAS,qBAAqB,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;CAAE,CAAC,GAC9C,CAAC,GACD,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACrC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAC/B,OAAO,CACZ,SAAS,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,GAC3C,CAAC,GACD,OAAO,CAAA"}

package/types/Role.d.ts

@@ -0,0 +1,2 @@
+export type Role = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'summary' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
+//# sourceMappingURL=Role.d.ts.map

package/types/Role.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Role.d.ts","sourceRoot":"","sources":["../src/Role.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,IAAI,GACZ,OAAO,GACP,aAAa,GACb,aAAa,GACb,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,UAAU,GACV,cAAc,GACd,UAAU,GACV,eAAe,GACf,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,WAAW,GACX,UAAU,GACV,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,MAAM,GACN,UAAU,GACV,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,UAAU,GACV,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,cAAc,GACd,aAAa,GACb,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,KAAK,GACL,OAAO,GACP,SAAS,GACT,UAAU,GACV,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,CAAA"}

package/types/contexts/ComponentContext.d.ts

@@ -0,0 +1,3 @@
+import { ComponentContextI } from '../types';
+export declare const ComponentContext: import("../helpers/createStyledContext").StyledContext<ComponentContextI>;
+//# sourceMappingURL=ComponentContext.d.ts.map

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

@@ -0,0 +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"}

package/types/createComponent.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DebugProp, SpaceDirection, SpaceValue, SpacerProps, StaticConfig, TamaguiComponent, TamaguiComponentState, TamaguiElement } from './types';
+import { DebugProp, SpaceDirection, SpaceValue, SpacerProps, StackProps, StaticConfig, TamaguiComponent, TamaguiComponentState, TamaguiElement, TextProps } from './types';
 export declare const defaultComponentState: TamaguiComponentState;
 export declare const mouseUps: Set<Function>;
-export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = TamaguiElement, BaseProps = never>(staticConfig: StaticConfig): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
+export declare function createComponent<ComponentPropTypes extends StackProps | TextProps = {}, Ref = TamaguiElement, BaseProps = never>(staticConfig: StaticConfig): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
 export declare function Unspaced(props: {
     children?: any;
 }): any;

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAYN,MAAM,OAAO,CAAA;AAgBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAEhB,qBAAqB,EACrB,cAAc,EAIf,MAAM,SAAS,CAAA;AAQhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAoBD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAmB3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,4DAg6B3B;AAGD,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;AAcd,OAAO,EACL,SAAS,EAGT,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAEhB,qBAAqB,EACrB,cAAc,EAEd,SAAS,EAGV,MAAM,SAAS,CAAA;AAQhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAoBD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAmB3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,UAAU,GAAG,SAAS,GAAG,EAAE,EACtD,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,4DA++B3B;AAGD,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"}

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,CA0Q1B"}
+{"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,CA2Q1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"createMediaStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/createMediaStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI3E,eAAO,MAAM,SAAS,MAAM,CAAA;AAK5B,eAAO,MAAM,gBAAgB,oCACM,WAAW,YAClC,MAAM,gBACF,YAAY,WACjB,OAAO,aACL,MAAM,KAChB,gBAoFF,CAAA"}
+{"version":3,"file":"createMediaStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/createMediaStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI3E,eAAO,MAAM,SAAS,MAAM,CAAA;AAW5B,eAAO,MAAM,gBAAgB,oCACM,WAAW,YAClC,MAAM,gBACF,YAAY,WACjB,OAAO,aACL,MAAM,KAChB,gBAuFF,CAAA"}

package/types/helpers/createShallowSetState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TamaguiComponentState } from '../types';
+export declare function createShallowSetState<State extends TamaguiComponentState>(setter: React.Dispatch<React.SetStateAction<State>>): (next: Partial<State>) => void;
+//# sourceMappingURL=createShallowSetState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/createShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAEhD,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,qBAAqB,EACvE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAErC,QAAQ,KAAK,CAAC,UAC7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"createStyledContext.d.ts","sourceRoot":"","sources":["../../src/helpers/createStyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,GAAG,IAAI,IAAI,CAC1D,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACpB,UAAU,CACX,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,uBAAuB,CACrC,OAAO,CAAC,KAAK,CAAC,GAAG;QACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3B,CACF,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1E,KAAK,EAAE,YAAY,GAClB,aAAa,CAAC,YAAY,CAAC,CAmB7B"}
+{"version":3,"file":"createStyledContext.d.ts","sourceRoot":"","sources":["../../src/helpers/createStyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,GAAG,IAAI,IAAI,CAC1D,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACpB,UAAU,CACX,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,uBAAuB,CACrC,OAAO,CAAC,KAAK,CAAC,GAAG;QACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3B,CACF,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1E,KAAK,EAAE,YAAY,GAClB,aAAa,CAAC,YAAY,CAAC,CAwB7B"}

package/types/helpers/getSplitStyles.d.ts

@@ -1,10 +1,9 @@
-import type { DebugProp, GetStyleResult, GetStyleState, SplitStyleProps, StaticConfig, TamaguiComponentState, TextStyleProps, ThemeParsed } from '../types';
-import type { LanguageContextType } from '../views/FontLanguage.types';
+import type { ComponentContextI, DebugProp, GetStyleResult, GetStyleState, SplitStyleProps, StaticConfig, TamaguiComponentState, TextStyleProps, ThemeParsed } from '../types';
 export type SplitStyles = ReturnType<typeof getSplitStyles>;
 export type SplitStyleResult = ReturnType<typeof getSplitStyles>;
 type StyleSplitter = (props: {
     [key: string]: any;
-}, staticConfig: StaticConfig, theme: ThemeParsed, themeName: string, componentState: TamaguiComponentState, styleProps: SplitStyleProps, parentSplitStyles?: GetStyleResult | null, languageContext?: LanguageContextType, elementType?: string, debug?: DebugProp) => GetStyleResult;
+}, staticConfig: StaticConfig, theme: ThemeParsed, themeName: string, componentState: TamaguiComponentState, styleProps: SplitStyleProps, parentSplitStyles?: GetStyleResult | null, context?: ComponentContextI, elementType?: string, debug?: DebugProp) => GetStyleResult;
 export declare const PROP_SPLIT = "-";
 export declare const getSplitStyles: StyleSplitter;
 export declare const getSubStyle: (styleState: GetStyleState, subKey: string, styleIn: Object, avoidMergeTransform?: boolean) => TextStyleProps;