@tamagui/web 1.74.15 → 1.74.16

package/dist/esm/setupReactNative.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setupReactNative.ts"],
-  "mappings": "AAEA,MAAM,2BAA2B,oBAAI,QAA2C;AAEzE,SAAS,qBAAqB,WAAgB;AACnD,MAAK;AAGH,WAAI,UAAU,WAAW,eAAe,UAAU,WAAW,eACpD,UAAU,YAEf,UAAU,qBACL,UAAU,QAEf,UAAU,WAAW,oBAChB,UAAU,OAGZ,UAAU;AAoBrB;AAEA,MAAM,YAAY;AAAA,EAChB,OAAO;AAAA,IACL,eAAe;AAAA,IACf,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AAAA,EACjD;AAAA,EACA,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,EACjB;AACF;AAKO,SAAS,iBAAiB,WAAgC;AAcjE;",
+  "mappings": "AAEA,MAAM,2BAA2B,oBAAI,QAA2C;AAEzE,SAAS,qBAAqB,WAAgB;AACnD,MAAK;AAGH,WAAI,UAAU,WAAW,eAAe,UAAU,WAAW,eACpD,UAAU,YAEf,UAAU,qBACL,UAAU,QAEf,UAAU,WAAW,oBAChB,UAAU,OAMZ,UAAU;AAoBrB;AAEA,MAAM,YAAY;AAAA,EAChB,OAAO;AAAA,IACL,eAAe;AAAA,IACf,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AAAA,EACjD;AAAA,EACA,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,EACjB;AACF;AAKO,SAAS,iBAAiB,WAAgC;AAcjE;",
   "names": []
 }

package/package.json

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

package/src/helpers/ThemeManager.tsx

@@ -2,7 +2,7 @@ import { isWeb } from '@tamagui/constants'
 
 import { getThemes } from '../config'
 import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants'
-import { ThemeParsed, ThemeProps } from '../types'
+import { ColorScheme, ThemeParsed, ThemeProps } from '../types'
 
 type ThemeListener = (
   name: string | null,
@@ -20,11 +20,12 @@ export type SetActiveThemeProps = {
 
 export type ThemeManagerState = {
   name: string
+  parentName?: string
   theme?: ThemeParsed | null
+  isComponent?: boolean
   className?: string
-  parentName?: string
-  componentName?: string
   inverse?: boolean
+  scheme?: ColorScheme
 }
 
 const emptyState: ThemeManagerState = { name: '' }
@@ -37,22 +38,20 @@ let uid = 0
 
 export class ThemeManager {
   id = uid++
-  isComponent = false
   themeListeners = new Set<ThemeListener>()
   parentManager: ThemeManager | null = null
   state: ThemeManagerState = emptyState
-  scheme: 'light' | 'dark' | null = null
 
   constructor(
     public props: ThemeProps = {},
-    parentManagerIn?: ThemeManager | 'root' | null | undefined
+    parentManager?: ThemeManager | 'root' | null | undefined
   ) {
-    if (parentManagerIn === 'root') {
+    if (parentManager === 'root') {
       this.updateStateFromProps(props, false)
       return
     }
 
-    if (!parentManagerIn) {
+    if (!parentManager) {
       if (process.env.NODE_ENV !== 'production') {
         throw new Error(
           `No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions. It could also be from an error somewhere else in your stack causing Tamagui to recieve undefined context, you can try putting some ErrorBoundary components around other areas of your app, or a Suspense boundary.`
@@ -61,13 +60,14 @@ export class ThemeManager {
       throw `❌ 0`
     }
 
-    this.parentManager = parentManagerIn
+    // this is used in updateStateFromProps so must be set
+    this.parentManager = parentManager
 
     if (this.updateStateFromProps(props, false)) {
       return
     }
 
-    return parentManagerIn || this
+    return parentManager
   }
 
   updateStateFromProps(
@@ -81,6 +81,7 @@ export class ThemeManager {
       return true
     }
     const nextState = this.getStateIfChanged(props)
+
     if (nextState) {
       this.updateState(nextState, shouldNotify)
       return nextState
@@ -89,11 +90,7 @@ export class ThemeManager {
 
   updateState(nextState: ThemeManagerState, shouldNotify = true) {
     this.state = nextState
-    const names = this.state.name.split('_')
-    const lastName = names[names.length - 1][0]
-    this.isComponent = lastName[0] === lastName[0].toUpperCase()
     this._allKeys = null
-    this.scheme = names[0] === 'light' ? 'light' : names[0] === 'dark' ? 'dark' : null
     if (process.env.NODE_ENV === 'development') {
       this['_numChangeEventsSent'] ??= 0
       this['_numChangeEventsSent']++
@@ -166,86 +163,61 @@ export class ThemeManager {
   }
 }
 
-function getNextThemeClassName(name: string) {
-  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`
-  return next.replace('light_', '').replace('dark_', '')
-}
-
 function getState(
   props: ThemeProps,
-  parentManager?: ThemeManager | null
+  manager?: ThemeManager | null
 ): ThemeManagerState | null {
-  const validManagerAndAllComponentThemes = getNonComponentParentManager(parentManager)
-  parentManager = validManagerAndAllComponentThemes[0]
-  const allComponentThemes = validManagerAndAllComponentThemes[1]
-  const themes = getThemes()
-  const isDirectParentAComponentTheme = allComponentThemes.length > 0
-
   if (props.name && props.reset) {
-    throw new Error('Cannot reset + set new name')
+    throw new Error(
+      process.env.NODE_ENV === 'production'
+        ? `❌004`
+        : 'Cannot reset and set a new name at the same time.'
+    )
   }
 
-  if (!props.name && !props.inverse && !props.reset && !props.componentName) {
+  if (!getHasThemeUpdatingProps(props)) {
     return null
   }
 
-  if (props.reset && !isDirectParentAComponentTheme && !parentManager?.parentManager) {
-    if (process.env.NODE_ENV === 'development') {
-      console.warn('Cannot reset no grandparent exists')
+  const themes = getThemes()
+  const [allManagers, componentManagers] = getManagers(manager)
+
+  const isDirectParentAComponentTheme = !!manager?.state.isComponent
+  const startIndex =
+    allManagers.findIndex((x) => !x?.state.isComponent) +
+    (props.reset && !isDirectParentAComponentTheme ? 1 : 0)
+
+  let baseManager = allManagers[startIndex]
+  let parentManager = allManagers[startIndex + 1]
+
+  if (!baseManager && props.reset) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn('Cannot reset, no parent theme exists')
     }
     return null
   }
 
   let result: ThemeManagerState | null = null
 
-  const nextName = props.reset
-    ? isDirectParentAComponentTheme
-      ? parentManager?.state?.name || ''
-      : parentManager?.parentManager?.state?.name || ''
-    : props.name || ''
-  const { componentName } = props
-  const parentName = props.reset
-    ? isDirectParentAComponentTheme
-      ? // here because parentManager already skipped componentTheme so we have to only go up once
-        parentManager?.parentManager?.state.name || ''
-      : parentManager?.parentManager?.parentManager?.state.name || ''
-    : isDirectParentAComponentTheme
-    ? allComponentThemes[0] || ''
-    : parentManager?.state.name || ''
+  const baseName = baseManager?.state.name || ''
+  const nextName = props.reset ? baseName : props.name || ''
 
+  const allComponentThemes = componentManagers.map((x) => x?.state.name || '')
   if (props.reset && isDirectParentAComponentTheme) {
-    // skip nearest component theme
     allComponentThemes.shift()
   }
 
   // components look for most specific, fallback upwards
-  const base = parentName.split(THEME_NAME_SEPARATOR)
-  const lastSegment = base[base.length - 1]
-  const isParentComponentTheme =
-    parentName && lastSegment[0].toUpperCase() === lastSegment[0]
-  if (isParentComponentTheme) {
-    base.pop() // always remove componentName they can't nest
-  }
-  const parentBaseTheme = isParentComponentTheme
-    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)
-    : parentName
+  const base = baseName.split(THEME_NAME_SEPARATOR)
   const max = base.length
   const min =
-    componentName && !nextName
+    props.componentName && !nextName
       ? max // component name only don't search upwards
       : 0
 
   if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {
     console.groupCollapsed('ThemeManager.getState()')
-    console.info({
-      props,
-      parentName,
-      parentBaseTheme,
-      base,
-      min,
-      max,
-      isParentComponentTheme,
-    })
+    console.info({ props, baseName, base, min, max })
   }
 
   for (let i = max; i >= min; i--) {
@@ -256,7 +228,7 @@ function getState(
     }
     let potentials: string[] = []
 
-    if (prefix && prefix !== parentBaseTheme) {
+    if (prefix && prefix !== baseName) {
       potentials.push(prefix)
     }
     if (nextName) {
@@ -269,41 +241,63 @@ function getState(
       }
     }
 
-    if (componentName) {
+    if (props.componentName) {
       let componentPotentials: string[] = []
       // components only look for component themes
       if (nextName) {
         const beforeSeparator = prefix.slice(0, prefix.indexOf(THEME_NAME_SEPARATOR))
-        componentPotentials.push(`${beforeSeparator}_${nextName}_${componentName}`)
+        componentPotentials.push(`${beforeSeparator}_${nextName}_${props.componentName}`)
       }
-      componentPotentials.push(`${prefix}_${componentName}`)
+      componentPotentials.push(`${prefix}_${props.componentName}`)
       if (nextName) {
         // do this one and one level up
         const prefixLessOne = base.slice(0, i - 1).join(THEME_NAME_SEPARATOR)
         if (prefixLessOne) {
-          const lessSpecific = `${prefixLessOne}_${nextName}_${componentName}`
+          const lessSpecific = `${prefixLessOne}_${nextName}_${props.componentName}`
           componentPotentials.unshift(lessSpecific)
         }
-        const moreSpecific = `${prefix}_${nextName}_${componentName}`
+        const moreSpecific = `${prefix}_${nextName}_${props.componentName}`
         componentPotentials.unshift(moreSpecific)
       }
       potentials = [...componentPotentials, ...potentials, ...allComponentThemes]
     }
+
     const found = potentials.find((t) => t in themes)
 
     if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {
-      console.info(' - ', { found, potentials, parentManager })
+      console.info(' - ', { found, potentials, baseManager })
     }
 
     if (found) {
+      const names = found.split('_')
+      const [firstName, ...restNames] = names
+      const lastName = names[names.length - 1]
+      const isComponent = lastName[0] === lastName[0].toUpperCase()
+      const scheme =
+        firstName === 'light' ? 'light' : firstName === 'dark' ? 'dark' : undefined
+      const pre = THEME_CLASSNAME_PREFIX
+      const className = !isWeb
+        ? ''
+        : `${pre}sub_theme ${pre}${
+            !scheme || !restNames.length ? firstName : restNames.join('_')
+          }`
+
+      // because its a new theme the baseManager is now the parent
+      const parentState = baseManager?.state
+      const parentScheme = parentState?.scheme
+      const parentName = parentState?.name
+      const inverse = parentScheme && scheme !== parentScheme
+
       result = {
         name: found,
-        theme: themes[found],
-        className: isWeb ? getNextThemeClassName(found) : '',
         parentName,
-        componentName,
-        inverse: props.inverse,
+        theme: themes[found],
+        className,
+        inverse,
+        isComponent,
+        scheme,
       }
+
       break
     }
   }
@@ -313,9 +307,7 @@ function getState(
     typeof props.debug === 'string' &&
     typeof window !== 'undefined'
   ) {
-    console.warn('ThemeManager.getState():', {
-      result,
-    })
+    console.warn('ThemeManager.getState():', { result })
     console.trace()
     console.groupEnd()
   }
@@ -329,19 +321,21 @@ const inverseThemeName = (themeName: string) => {
     : themeName.replace(/^dark/, 'light')
 }
 
-export function getNonComponentParentManager(themeManager?: ThemeManager | null) {
-  // components never inherit from components
-  // example <Switch><Switch.Thumb /></Switch>
-  // the Switch theme shouldn't be considered parent of Thumb
-  let res = themeManager
-  let componentThemeNames: string[] = []
-  while (res) {
-    if (res?.isComponent) {
-      componentThemeNames.push(res?.state?.name!)
-      res = res.parentManager
-    } else {
-      break
+type MaybeThemeManager = ThemeManager | undefined
+
+// components never inherit from components
+// example <Switch><Switch.Thumb /></Switch>
+// the Switch theme shouldn't be considered parent of Thumb
+export function getManagers(themeManager?: ThemeManager | null) {
+  const comp: MaybeThemeManager[] = []
+  const all: MaybeThemeManager[] = []
+  let cur = themeManager
+  while (cur) {
+    all.push(cur)
+    if (cur.state.isComponent) {
+      comp.push(cur)
     }
+    cur = cur.parentManager
   }
-  return [res || null, componentThemeNames] as const
+  return [all, comp] as const
 }

package/src/hooks/useTheme.tsx

@@ -133,7 +133,7 @@ export const useThemeWithState = (
 }
 
 export function getThemeProxied(
-  { theme, name }: ThemeManagerState,
+  { theme, name, scheme }: ThemeManagerState,
   deopt = false,
   themeManager?: ThemeManager,
   keys?: string[],
@@ -198,22 +198,21 @@ export function getThemeProxied(
                       platform !== 'web' &&
                       isIos &&
                       !deopt &&
-                      config.settings.fastSchemeChange
+                      config.settings.fastSchemeChange &&
+                      !someParentIsInversed(themeManager)
                     ) {
-                      const isDark = name.startsWith('dark')
-                      const isLight = !isDark && name.startsWith('light')
-                      if (isDark || isLight) {
+                      if (scheme) {
                         const oppositeThemeName = name.replace(
-                          isDark ? 'dark' : 'light',
-                          isDark ? 'light' : 'dark'
+                          scheme === 'dark' ? 'dark' : 'light',
+                          scheme === 'dark' ? 'light' : 'dark'
                         )
                         const oppositeTheme = config.themes[oppositeThemeName]
                         const oppositeVal = getVariable(oppositeTheme?.[keyString])
                         if (oppositeVal) {
                           const dynamicVal = {
                             dynamic: {
-                              dark: isDark ? outVal : oppositeVal,
-                              light: isLight ? outVal : oppositeVal,
+                              dark: scheme === 'dark' ? outVal : oppositeVal,
+                              light: scheme === 'light' ? outVal : oppositeVal,
                             },
                           }
                           return dynamicVal
@@ -240,6 +239,18 @@ export function getThemeProxied(
   }) as UseThemeResult
 }
 
+// to tell if we are inversing the scheme anywhere in the tree, if so we need to de-opt
+function someParentIsInversed(manager?: ThemeManager) {
+  if (process.env.TAMAGUI_TARGET === 'native') {
+    let cur: ThemeManager | null | undefined = manager
+    while (cur) {
+      if (cur.state.inverse) return true
+      cur = cur.parentManager
+    }
+  }
+  return false
+}
+
 export const activeThemeManagers = new Set<ThemeManager>()
 
 export const useChangeThemeEffect = (

package/src/setupReactNative.ts

@@ -15,6 +15,9 @@ export function getReactNativeConfig(Component: any) {
     if (Component.propTypes?.textBreakStrategy) {
       return RNConfigs.Text
     }
+
+    // can optimize plain View or Text to not be react native specific
+
     // can assume everything else is react native on native
     return RNConfigs.default
   } else {

package/src/types.tsx

@@ -29,6 +29,8 @@ import type { ThemeProviderProps } from './views/ThemeProvider'
 
 export type { MediaStyleObject, StyleObject } from '@tamagui/helpers'
 
+export type ColorScheme = 'light' | 'dark'
+
 export type IsMediaType = boolean | 'platform' | 'theme' | 'group'
 
 export type SpaceDirection = 'vertical' | 'horizontal' | 'both'

package/types/helpers/ThemeManager.d.ts

@@ -1,4 +1,4 @@
-import { ThemeParsed, ThemeProps } from '../types';
+import { ColorScheme, ThemeParsed, ThemeProps } from '../types';
 type ThemeListener = (name: string | null, themeManager: ThemeManager, forced: boolean) => void;
 export type SetActiveThemeProps = {
     className?: string;
@@ -9,22 +9,21 @@ export type SetActiveThemeProps = {
 };
 export type ThemeManagerState = {
     name: string;
+    parentName?: string;
     theme?: ThemeParsed | null;
+    isComponent?: boolean;
     className?: string;
-    parentName?: string;
-    componentName?: string;
     inverse?: boolean;
+    scheme?: ColorScheme;
 };
 export declare function getHasThemeUpdatingProps(props: ThemeProps): string | boolean | undefined;
 export declare class ThemeManager {
     props: ThemeProps;
     id: number;
-    isComponent: boolean;
     themeListeners: Set<ThemeListener>;
     parentManager: ThemeManager | null;
     state: ThemeManagerState;
-    scheme: 'light' | 'dark' | null;
-    constructor(props?: ThemeProps, parentManagerIn?: ThemeManager | 'root' | null | undefined);
+    constructor(props?: ThemeProps, parentManager?: ThemeManager | 'root' | null | undefined);
     updateStateFromProps(props?: ThemeProps & {
         forceTheme?: ThemeParsed;
     }, shouldNotify?: boolean): true | ThemeManagerState | undefined;
@@ -37,6 +36,7 @@ export declare class ThemeManager {
     notify(forced?: boolean): void;
     onChangeTheme(cb: ThemeListener, debugId?: number): () => void;
 }
-export declare function getNonComponentParentManager(themeManager?: ThemeManager | null): readonly [ThemeManager | null, string[]];
+type MaybeThemeManager = ThemeManager | undefined;
+export declare function getManagers(themeManager?: ThemeManager | null): readonly [MaybeThemeManager[], MaybeThemeManager[]];
 export {};
 //# sourceMappingURL=ThemeManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/helpers/ThemeManager.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAElD,KAAK,aAAa,GAAG,CACnB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,OAAO,KACZ,IAAI,CAAA;AAET,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,gCAEzD;AAID,qBAAa,YAAY;IASd,KAAK,EAAE,UAAU;IAR1B,EAAE,SAAQ;IACV,WAAW,UAAQ;IACnB,cAAc,qBAA2B;IACzC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAO;IACzC,KAAK,EAAE,iBAAiB,CAAa;IACrC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAO;gBAG7B,KAAK,GAAE,UAAe,EAC7B,eAAe,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS;IAyB5D,oBAAoB,CAClB,KAAK,GAAE,UAAU,GAAG;QAAE,UAAU,CAAC,EAAE,WAAW,CAAA;KAAqB,EACnE,YAAY,UAAO;IAerB,WAAW,CAAC,SAAS,EAAE,iBAAiB,EAAE,YAAY,UAAO;IAkB7D,iBAAiB,CACf,KAAK,aAAa,EAClB,KAAK,GAAE,iBAAiB,GAAG,IAAiB,EAC5C,aAAa,sBAAqB;IAapC,oBAAoB,CAClB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,KAAK,GAAE,iBAAiB,GAAG,IAAiB;IAQ9C,QAAQ,CAAC,KAAK,aAAa,EAAE,aAAa,sBAAqB;IAO/D,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAO;IACnC,IAAI,OAAO,gBAMV;IAED,MAAM,CAAC,MAAM,UAAQ;IAIrB,aAAa,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM;CAalD;AAqKD,wBAAgB,4BAA4B,CAAC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,4CAe9E"}
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/helpers/ThemeManager.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE/D,KAAK,aAAa,GAAG,CACnB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,OAAO,KACZ,IAAI,CAAA;AAET,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,gCAEzD;AAID,qBAAa,YAAY;IAOd,KAAK,EAAE,UAAU;IAN1B,EAAE,SAAQ;IACV,cAAc,qBAA2B;IACzC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAO;IACzC,KAAK,EAAE,iBAAiB,CAAa;gBAG5B,KAAK,GAAE,UAAe,EAC7B,aAAa,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS;IA0B1D,oBAAoB,CAClB,KAAK,GAAE,UAAU,GAAG;QAAE,UAAU,CAAC,EAAE,WAAW,CAAA;KAAqB,EACnE,YAAY,UAAO;IAgBrB,WAAW,CAAC,SAAS,EAAE,iBAAiB,EAAE,YAAY,UAAO;IAc7D,iBAAiB,CACf,KAAK,aAAa,EAClB,KAAK,GAAE,iBAAiB,GAAG,IAAiB,EAC5C,aAAa,sBAAqB;IAapC,oBAAoB,CAClB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,KAAK,GAAE,iBAAiB,GAAG,IAAiB;IAQ9C,QAAQ,CAAC,KAAK,aAAa,EAAE,aAAa,sBAAqB;IAO/D,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAO;IACnC,IAAI,OAAO,gBAMV;IAED,MAAM,CAAC,MAAM,UAAQ;IAIrB,aAAa,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM;CAalD;AAgKD,KAAK,iBAAiB,GAAG,YAAY,GAAG,SAAS,CAAA;AAKjD,wBAAgB,WAAW,CAAC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,uDAY7D"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"scheme.d.ts","sourceRoot":"","sources":["../../src/helpers/scheme.ts"],"names":[],"mappings":""}

package/types/hooks/useTheme.d.ts

@@ -25,7 +25,7 @@ export type UseThemeResult = {
 };
 export declare const useTheme: (props?: ThemeProps) => UseThemeResult;
 export declare const useThemeWithState: (props: UseThemeWithStateProps) => [ChangedThemeResponse, ThemeParsed];
-export declare function getThemeProxied({ theme, name }: ThemeManagerState, deopt?: boolean, themeManager?: ThemeManager, keys?: string[], debug?: DebugProp): UseThemeResult;
+export declare function getThemeProxied({ theme, name, scheme }: ThemeManagerState, deopt?: boolean, themeManager?: ThemeManager, keys?: string[], debug?: DebugProp): UseThemeResult;
 export declare const activeThemeManagers: Set<ThemeManager>;
 export declare const useChangeThemeEffect: (props: UseThemeWithStateProps, isRoot?: boolean, keys?: string[], shouldUpdate?: () => boolean | undefined) => ChangedThemeResponse;
 //# sourceMappingURL=useTheme.d.ts.map

package/types/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAe,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EACL,YAAY,EACZ,iBAAiB,EAElB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EACnB,MAAM,UAAU,CAAA;AAGjB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAcD,MAAM,MAAM,aAAa,CAAC,GAAG,IAAI,GAAG,GAAG;IACrC;;;;;;;;;OASG;IACH,GAAG,EAAE,CACH,QAAQ,CAAC,EAAE,KAAK,KAEd,MAAM,GACN,CAAC,GAAG,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC1B,CAAC,SAAS,kBAAkB,GAC1B,GAAG,GACH,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,GACtB,GAAG,SAAS,WAAW,GACvB,MAAM,GAAG,MAAM,GACf,OAAO,CAAC,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;CAC5D,CAAA;AAED,eAAO,MAAM,QAAQ,WAAW,UAAU,mBAIzC,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,sBAAsB,KAC5B,CAAC,oBAAoB,EAAE,WAAW,CAuDpC,CAAA;AAED,wBAAgB,eAAe,CAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAClC,KAAK,UAAQ,EACb,YAAY,CAAC,EAAE,YAAY,EAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE,SAAS,GAChB,cAAc,CAoGhB;AAED,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,sBAAsB,2BAEtB,MAAM,EAAE,iBACA,MAAM,OAAO,GAAG,SAAS,KACvC,oBAsPF,CAAA"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAe,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EACL,YAAY,EACZ,iBAAiB,EAElB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EACnB,MAAM,UAAU,CAAA;AAGjB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAcD,MAAM,MAAM,aAAa,CAAC,GAAG,IAAI,GAAG,GAAG;IACrC;;;;;;;;;OASG;IACH,GAAG,EAAE,CACH,QAAQ,CAAC,EAAE,KAAK,KAEd,MAAM,GACN,CAAC,GAAG,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC1B,CAAC,SAAS,kBAAkB,GAC1B,GAAG,GACH,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,GACtB,GAAG,SAAS,WAAW,GACvB,MAAM,GAAG,MAAM,GACf,OAAO,CAAC,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;CAC5D,CAAA;AAED,eAAO,MAAM,QAAQ,WAAW,UAAU,mBAIzC,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,sBAAsB,KAC5B,CAAC,oBAAoB,EAAE,WAAW,CAuDpC,CAAA;AAED,wBAAgB,eAAe,CAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAC1C,KAAK,UAAQ,EACb,YAAY,CAAC,EAAE,YAAY,EAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE,SAAS,GAChB,cAAc,CAmGhB;AAcD,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,sBAAsB,2BAEtB,MAAM,EAAE,iBACA,MAAM,OAAO,GAAG,SAAS,KACvC,oBAsPF,CAAA"}

package/types/setupReactNative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupReactNative.d.ts","sourceRoot":"","sources":["../src/setupReactNative.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAItC,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,GAAG;;qBAkClD;AAqBD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAc9D"}
+{"version":3,"file":"setupReactNative.d.ts","sourceRoot":"","sources":["../src/setupReactNative.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAItC,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,GAAG;;qBAqClD;AAqBD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAc9D"}

package/types/types.d.ts

@@ -9,6 +9,7 @@ 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';
+export type ColorScheme = 'light' | 'dark';
 export type IsMediaType = boolean | 'platform' | 'theme' | 'group';
 export type SpaceDirection = 'vertical' | 'horizontal' | 'both';
 export type TamaguiElement = HTMLElement | View;