@tamagui/core 1.0.0-alpha.1 → 1.0.0-alpha.13

package/src/hooks/useTheme.tsx

@@ -1,3 +1,4 @@
+import { useForceUpdate } from '@tamagui/use-force-update'
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react'
 
 import { useIsomorphicLayoutEffect } from '../constants/platform'
@@ -6,7 +7,6 @@ import { ThemeName } from '../types'
 import { ThemeContext } from '../views/ThemeContext'
 import { ThemeManagerContext } from '../views/ThemeManagerContext'
 import { GET_DEFAULT_THEME } from '../views/ThemeProvider'
-import { useForceUpdate } from './useForceUpdate'
 
 type UseThemeState = {
   uuid: Object
@@ -24,17 +24,16 @@ const areEqualSets = (a: Set<string>, b: Set<string>) => {
   return true
 }
 
-export const useThemeName = () => {
+export const useThemeName = (opts?: { parent?: true }) => {
   const parent = useContext(ThemeManagerContext)
   const [name, setName] = useState(parent.name)
-  useEffect(() => {
-    return parent.onChangeTheme((next) => {
-      setName((prev) => {
-        if (prev === next) return prev
-        return next
-      })
+
+  useIsomorphicLayoutEffect(() => {
+    return parent.onChangeTheme((next, manager) => {
+      setName(opts?.parent ? manager.parentName : next)
     })
   }, [parent])
+
   return name || 'light'
 }
 

package/src/index.ts

@@ -17,9 +17,9 @@ export * from './helpers/isObj'
 export * from './helpers/getStylesAtomic'
 export * from './helpers/matchMedia'
 export * from './helpers/themeable'
+export * from './helpers/isTamaguiElement'
 
 export * from './hooks/useConstant'
-export * from './hooks/useForceUpdate'
 export * from './hooks/useMedia'
 export * from './hooks/useTheme'
 
@@ -30,4 +30,3 @@ export * from './views/Theme'
 export * from './views/ThemeInverse'
 export * from './views/ThemeProvider'
 export * from './views/TextAncestorContext'
-export * from './views/SafeAreaProvider'

package/src/types.tsx

@@ -88,7 +88,7 @@ export type Shorthands = TamaguiConfig['shorthands']
 export type Media = TamaguiConfig['media']
 export type Themes = TamaguiConfig['themes']
 // themes
-export type ThemeName = keyof Themes extends `${infer Prefix}-light`
+export type ThemeName = keyof Themes extends `${infer Prefix}-${string}`
   ? Prefix | keyof Themes
   : keyof Themes
 export type ThemeKeys = keyof ThemeObject
@@ -110,6 +110,7 @@ export type TamaguiInternalConfig<
   tokensParsed: CreateTokens<Variable>
   themeConfig: any
   getCSS: () => string
+  parsed: boolean
 }
 
 // prevents const intersections from being clobbered into string, keeping the consts
@@ -224,7 +225,7 @@ export type WithThemeValues<T extends object> = {
 type WithShorthands<StyleProps> = {
   [Key in keyof Shorthands]?: Shorthands[Key] extends keyof StyleProps
     ? StyleProps[Shorthands[Key]] | null
-    : {}
+    : undefined
 }
 
 //
@@ -262,11 +263,11 @@ type WebOnlyStyleProps = {
   pointerEvents?: ViewProps['pointerEvents']
 }
 
-type StackStyleProps = WithThemeShorthandsPseudosAndMedia<
-  Omit<ViewStyle, 'display' | 'backfaceVisibility' | 'elevation'> &
-    TransformStyleProps &
-    WebOnlyStyleProps
->
+export type StackStylePropsBase = Omit<ViewStyle, 'display' | 'backfaceVisibility' | 'elevation'> &
+  TransformStyleProps &
+  WebOnlyStyleProps
+
+export type StackStyleProps = WithThemeShorthandsPseudosAndMedia<StackStylePropsBase>
 
 export type StackProps = Omit<RNWInternalProps, 'children'> &
   Omit<ViewProps, 'display' | 'children'> &
@@ -319,7 +320,7 @@ export type StaticComponent<
    * If you create a styled frame component this is a HoC to extract
    * styles from all parents.
    */
-  extractable: <X>(a: X) => X
+  extractable: <X>(a: X, opts?: StaticConfig) => X
 }
 
 export type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'children'>> & {

package/src/views/Text.tsx

@@ -1,6 +1,7 @@
+import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'
+
 import { isWeb } from '../constants/platform'
 import { createComponent } from '../createComponent'
-import { stylePropsTextOnly, validStyles } from '../static'
 import { TextProps } from '../types'
 
 const ellipseStyle = {

package/src/views/Theme.tsx

@@ -3,13 +3,13 @@ import React, { useContext, useState } from 'react'
 import { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'
 import { getThemeParentClassName } from '../createTamagui'
 import { useConstant } from '../hooks/useConstant'
-import { ThemeName, Themes } from '../types'
+import { ThemeName } from '../types'
 import { ThemeContext } from './ThemeContext'
 import { ThemeManager, ThemeManagerContext } from './ThemeManagerContext'
 
 export type ThemeProps = {
   disableThemeClass?: boolean
-  name: ThemeName | null
+  name: Exclude<ThemeName, number> | null
   children?: any
 }
 
@@ -18,30 +18,49 @@ export const Theme = (props: ThemeProps) => {
   const themes = useContext(ThemeContext)
   const [parentName, setParentName] = useState(parent.name || 'light')
   if (!themes) {
-    console.warn('no themes???', props)
+    console.warn('Error, no themes in context', props)
     return props.children
   }
-  const name = props.name as string
-  const theme = themes[name] || themes[`${name}-${parentName}`]
-  const themeManager = useConstant<ThemeManager>(() => {
+
+  const nextNameParent = `${props.name}-${parentName}`
+  const nextNameParentParent = `${props.name}-${parent.parentName}`
+  const name = !props.name
+    ? null
+    : props.name in themes
+    ? props.name
+    : nextNameParent in themes
+    ? nextNameParent
+    : nextNameParentParent in themes
+    ? nextNameParentParent
+    : null
+  const theme = name ? themes[name] : null
+  const themeManager = useConstant<ThemeManager | null>(() => {
+    if (!theme) {
+      return null
+    }
     const manager = new ThemeManager()
     if (name) {
-      manager.setActiveTheme(name, themes[name])
+      manager.setActiveTheme({ name, theme: themes[name], parentName })
     }
     return manager
   })
 
   useIsomorphicLayoutEffect(() => {
-    themeManager.setActiveTheme(name, theme)
+    if (!themeManager) {
+      return
+    }
+    if (name) {
+      themeManager.setActiveTheme({ name, theme, parentName })
+    }
     return parent.onChangeTheme((next) => {
       if (next) {
-        themeManager.setActiveTheme(next, themes[next])
+        themeManager.setActiveTheme({ name: next, theme: themes[next], parentName })
         setParentName(next)
       }
     })
-  }, [themes, name])
+  }, [themes, name, parentName])
 
-  if (!name) {
+  if (!name || !theme) {
     return props.children
   }
 
@@ -57,16 +76,18 @@ export const Theme = (props: ThemeProps) => {
     if (props.disableThemeClass) {
       return contents
     }
-    const color = themes[name]?.['color']?.['variable']
-    return (
-      <div
-        className={getThemeParentClassName(name)}
-        // in order to provide currentColor, set color by default
-        style={{ display: 'contents', color }}
-      >
-        {contents}
-      </div>
-    )
+    if (name) {
+      const color = themes[name]?.['color']?.['variable']
+      return (
+        <div
+          className={getThemeParentClassName(props.name)}
+          // in order to provide currentColor, set color by default
+          style={{ display: 'contents', color }}
+        >
+          {contents}
+        </div>
+      )
+    }
   }
 
   return contents

package/src/views/ThemeInverse.tsx

@@ -18,6 +18,5 @@ export const ThemeInverse = (props: { children: any }) => {
   const themeName = useThemeName()
   const defaultTheme = useDefaultThemeName()
   const name = inversions[themeName] || inversions[defaultTheme] || null
-  console.log('todo fixme invert', { themeName, defaultTheme, next: name })
   return <Theme name={name}>{props.children}</Theme>
 }

package/src/views/ThemeManagerContext.tsx

@@ -1,16 +1,28 @@
 import { createContext } from 'react'
 
+type ThemeListener = (name: string | null, themeManager: ThemeManager) => void
+
 export class ThemeManager {
   name: string | null = 'light'
+  parentName: string | null = null
   keys = new Map<any, Set<string>>()
   listeners = new Map<any, Function>()
-  callbacks = new Set<Function>()
+  themeListeners = new Set<ThemeListener>()
   theme = null
 
-  setActiveTheme(name: string | null, theme?: any) {
+  setActiveTheme({
+    name,
+    theme,
+    parentName,
+  }: {
+    parentName?: string | null
+    name: string | null
+    theme?: any
+  }) {
     if (name === this.name) return
     this.name = name
     this.theme = theme
+    this.parentName = parentName || null
     this.update()
   }
 
@@ -28,13 +40,13 @@ export class ThemeManager {
         this.listeners.get(uuid)?.()
       }
     }
-    this.callbacks.forEach((cb) => cb(this.name))
+    this.themeListeners.forEach((cb) => cb(this.name, this))
   }
 
-  onChangeTheme(cb: (name: string | null) => void) {
-    this.callbacks.add(cb)
+  onChangeTheme(cb: ThemeListener) {
+    this.themeListeners.add(cb)
     return () => {
-      this.callbacks.delete(cb)
+      this.themeListeners.delete(cb)
     }
   }
 

package/types/constants/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}

package/types/constants/platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/constants/platform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAGlD,eAAO,MAAM,KAAK,SAAuE,CAAA;AACzF,eAAO,MAAM,KAAK,SAAyC,CAAA;AAC3D,eAAO,MAAM,yBAAyB,kBAAsC,CAAA;AAC5E,eAAO,MAAM,QAAQ,SAA+E,CAAA;AACpG,eAAO,MAAM,gBAAgB,SAA4D,CAAA;AACzF,eAAO,MAAM,aAAa,SAA6B,CAAA;AACvD,eAAO,MAAM,QAAQ,SAKA,CAAA"}

package/types/constants/pseudos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudos.d.ts","sourceRoot":"","sources":["../../src/constants/pseudos.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAA"}

package/types/constants/rnw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rnw.d.ts","sourceRoot":"","sources":["../../src/constants/rnw.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAA"}

package/{dist/packages/core/src → types}/createComponent.d.ts

@@ -4,10 +4,11 @@ export declare const mouseUps: Set<Function>;
 declare type DefaultProps = {};
 export declare function createComponent<A extends Object = DefaultProps>(configIn: Partial<StaticConfig> | StaticConfigParsed): StaticComponent<A, void, StaticConfigParsed, any>;
 export declare const Spacer: StaticComponent<{
-    size?: number | undefined;
+    size?: number | `$${string}` | `$${number}` | undefined;
     flex?: number | boolean | undefined;
 }, void, StaticConfigParsed, any>;
-export declare function spacedChildren({ children, space, flexDirection, }: {
+export declare function spacedChildren({ isZStack, children, space, flexDirection, }: {
+    isZStack?: boolean;
     children: any;
     space?: any;
     flexDirection?: ViewStyle['flexDirection'];

package/types/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAWhE,OAAO,EAEL,eAAe,EACf,YAAY,EACZ,kBAAkB,EAEnB,MAAM,SAAS,CAAA;AAIhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAS3C,aAAK,YAAY,GAAG,EAAE,CAAA;AAEtB,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,YAAY,EAC7D,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,qDAudrD;AAOD,eAAO,MAAM,MAAM;;;iCAyBjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,OAwCA"}

package/types/createFont.d.ts

@@ -0,0 +1,3 @@
+import { GenericFont } from './types';
+export declare const createFont: <A extends GenericFont>(font: A) => A;
+//# sourceMappingURL=createFont.d.ts.map

package/types/createFont.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFont.d.ts","sourceRoot":"","sources":["../src/createFont.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,eAAO,MAAM,UAAU,uCA2BtB,CAAA"}

package/types/createShorthands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createShorthands.d.ts","sourceRoot":"","sources":["../src/createShorthands.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,CAAC,CAEnF"}

package/{dist/packages/core/src → types}/createTamagui.d.ts

@@ -9,7 +9,7 @@ export declare type CreateTamaguiProps = TamaguiProviderProps & Omit<GenericTama
     mediaQueryDefaultActive?: MediaQueryKey[];
 };
 export declare const getHasConfigured: () => boolean;
-export declare const getTamaguiConfig: () => TamaguiInternalConfig<import("./types").CreateTokens<string | number | Variable, string>, {
+export declare const getTamagui: () => TamaguiInternalConfig<import("./types").CreateTokens<string | number | Variable>, {
     [key: string]: {
         bg: string | Variable;
         bg2: string | Variable;
@@ -29,6 +29,23 @@ export declare const getTamaguiConfig: () => TamaguiInternalConfig<import("./typ
         [key: string]: string | number;
     };
 }>;
+export declare const getTokens: () => import("./types").CreateTokens<Variable>;
+export declare const getThemes: () => {
+    [key: string]: {
+        bg: string | Variable;
+        bg2: string | Variable;
+        bg3: string | Variable;
+        bg4: string | Variable;
+        color: string | Variable;
+        color2: string | Variable;
+        color3: string | Variable;
+        color4: string | Variable;
+        borderColor: string | Variable;
+        borderColor2: string | Variable;
+        shadowColor: string | Variable;
+        shadowColor2: string | Variable;
+    };
+};
 declare type ConfigListener = (conf: TamaguiInternalConfig) => void;
 export declare const onConfiguredOnce: (cb: ConfigListener) => void;
 export declare function createTamagui<Conf extends CreateTamaguiProps>(config: Conf): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D> ? TamaguiInternalConfig<A, B, C, D> : unknown;

package/types/createTamagui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAA8B,MAAM,kBAAkB,CAAA;AAIvE,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAAG,oBAAoB,GAGnD,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;IACrC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;SAC1C,CAAA;KACF,CAAA;IAED,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;CAC1C,CAAA;AAIH,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,gDAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,aAAK,cAAc,GAAG,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;AAE3D,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA;AAID,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,IAAI,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GACnE,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACjC,OAAO,CAoIV;AAED,wBAAgB,uBAAuB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,UAEhE"}

package/types/createTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAE3D,eAAO,MAAM,WAAW;;uDAgBvB,CAAA"}

package/{dist/packages/core/src → types}/createTokens.d.ts

@@ -3,10 +3,15 @@ import { CreateTokens } from './types';
 export declare function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T>;
 export declare const mapTokensToVariables: (tokens: CreateTokens, parentPath?: string) => CreateTokens<Variable>;
 declare type MakeTokens<T> = T extends {
-    font: infer A;
-    fontSize: infer B;
-    lineHeight: infer C;
-    letterSpace: infer D;
+    font: {
+        [key in infer A]: {
+            size: infer B;
+            lineHeight: infer C;
+            letterSpacing: infer D;
+            weight: infer Z;
+            family: infer Y;
+        };
+    };
     color: infer E;
     space: infer F;
     size: infer G;
@@ -14,16 +19,21 @@ declare type MakeTokens<T> = T extends {
     zIndex: infer J;
 } ? {
     font: {
-        [key in keyof A]: Variable;
-    };
-    fontSize: {
-        [key in keyof B]: Variable;
-    };
-    lineHeight: {
-        [key in keyof C]: Variable;
-    };
-    letterSpace: {
-        [key in keyof D]: Variable;
+        [key in A]: {
+            size: {
+                [key in keyof B]: Variable;
+            };
+            lineHeight: {
+                [key in keyof C]: Variable;
+            };
+            letterSpacing: {
+                [key in keyof D]: Variable;
+            };
+            weight: {
+                [key in keyof Z]: Variable;
+            };
+            family: Y;
+        };
     };
     color: {
         [key in keyof E]: Variable;

package/types/createTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTokens.d.ts","sourceRoot":"","sources":["../src/createTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAItC,wBAAgB,YAAY,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAM7E;AAMD,eAAO,MAAM,oBAAoB,WACvB,YAAY,0BAEnB,aAAa,QAAQ,CAavB,CAAA;AAGD,aAAK,UAAU,CAAC,CAAC,IAAI,CAAC,SAAS;IAC7B,IAAI,EAAE;SACH,GAAG,IAAI,MAAM,CAAC,GAAG;YAChB,IAAI,EAAE,MAAM,CAAC,CAAA;YACb,UAAU,EAAE,MAAM,CAAC,CAAA;YACnB,aAAa,EAAE,MAAM,CAAC,CAAA;YACtB,MAAM,EAAE,MAAM,CAAC,CAAA;YACf,MAAM,EAAE,MAAM,CAAC,CAAA;SAChB;KACF,CAAA;IACD,KAAK,EAAE,MAAM,CAAC,CAAA;IACd,KAAK,EAAE,MAAM,CAAC,CAAA;IACd,IAAI,EAAE,MAAM,CAAC,CAAA;IACb,MAAM,EAAE,MAAM,CAAC,CAAA;IACf,MAAM,EAAE,MAAM,CAAC,CAAA;CAChB,GACG;IACE,IAAI,EAAE;SACH,GAAG,IAAI,CAAC,GAAG;YACV,IAAI,EAAE;iBACH,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,UAAU,EAAE;iBACT,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,aAAa,EAAE;iBACZ,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,MAAM,EAAE;iBACL,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,MAAM,EAAE,CAAC,CAAA;SACV;KACF,CAAA;IACD,KAAK,EAAE;SACJ,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,KAAK,EAAE;SACJ,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,IAAI,EAAE;SACH,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,MAAM,EAAE;SACL,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,MAAM,EAAE;SACL,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;CACF,GACD,KAAK,CAAA"}

package/{dist/packages/core/src → types}/createVariable.d.ts

@@ -3,6 +3,7 @@ export declare class Variable {
     val: string | number;
     variable: string | number;
     constructor({ val, name }: VariableIn);
+    toString(): string;
 }
 declare type VariableIn = {
     val: string | number;

package/types/createVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAEA,qBAAa,QAAQ;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;gBAEb,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,UAAU;IAOrC,QAAQ;CAGT;AAED,aAAK,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAExD,eAAO,MAAM,cAAc,UAAW,UAAU,aAAwB,CAAA;AAExE,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D"}

package/types/helpers/addStylesUsingClassname.d.ts

@@ -0,0 +1,3 @@
+export declare function useStylesAsClassname(styles: any[]): string;
+export declare function addStylesUsingClassname(styles: any[], onAdd?: (identifier: string, rules: string[]) => any): string;
+//# sourceMappingURL=addStylesUsingClassname.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addStylesUsingClassname.d.ts","sourceRoot":"","sources":["../../src/helpers/addStylesUsingClassname.tsx"],"names":[],"mappings":"AAWA,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,GAAG,EAAE,UAmBjD;AAED,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,GAAG,EAAE,EACb,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,UAyBrD"}

package/{dist/packages/core/src → types}/helpers/createMediaStyle.d.ts

@@ -1,4 +1,3 @@
-import { StyleObject } from '@tamagui/helpers';
 import { MediaQueries } from '../types';
 export declare const MEDIA_SEP = "_";
 export declare const createMediaStyle: ({ identifier, rules }: StyleObject, mediaKey: string, mediaQueries: MediaQueries, negate?: boolean | undefined, importance?: number) => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"createMediaStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/createMediaStyle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAKvC,eAAO,MAAM,SAAS,MAAM,CAAA;AAE5B,eAAO,MAAM,gBAAgB,iDAEjB,MAAM,gBACF,YAAY;;;CAgC3B,CAAA"}

package/types/helpers/createPropMapper.d.ts

@@ -0,0 +1,3 @@
+import { StaticConfig } from '../types';
+export declare const createPropMapper: (c: StaticConfig) => (key: string, value: any, theme: any, props: any) => any;
+//# sourceMappingURL=createPropMapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAyB,MAAM,UAAU,CAAA;AAG9D,eAAO,MAAM,gBAAgB,MAAO,YAAY,WAKjC,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QA2DxD,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/helpers/createTamaguiProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE1E,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,kBAAkB,yEAM/D,oBAAoB,iBASxB"}

package/{dist/packages/core/src → types}/helpers/extendStaticConfig.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { StaticComponent, StaticConfig, StaticConfigParsed } from '../types';
 export declare function extendStaticConfig(Component?: StaticComponent | React.Component<any>, config?: StaticConfig): StaticConfigParsed | null;
-export declare function parseStaticConfig(c: StaticConfig): StaticConfigParsed;
+export declare const parseStaticConfig: (config: StaticConfig) => StaticConfigParsed;
 //# sourceMappingURL=extendStaticConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extendStaticConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/extendStaticConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAG5E,wBAAgB,kBAAkB,CAGhC,SAAS,CAAC,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAClD,MAAM,GAAE,YAAiB,GACxB,kBAAkB,GAAG,IAAI,CAiD3B;AAED,eAAO,MAAM,iBAAiB,WAAY,YAAY,KAAG,kBAMxD,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixNativeShadow.d.ts","sourceRoot":"","sources":["../../src/helpers/fixNativeShadow.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe,MAAO,GAAG,SAAO,CAAA"}

package/types/helpers/fixNativeShadow.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixNativeShadow.native.d.ts","sourceRoot":"","sources":["../../src/helpers/fixNativeShadow.native.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,OAuBzC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAM1D,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAI3D,eAAO,MAAM,cAAc;;iBAEX,kBAAkB,SACzB,WAAW;;;;;;;;CAuInB,CAAA"}

package/{dist/packages/core/src → types}/helpers/getStylesAtomic.d.ts

@@ -1,3 +1,2 @@
-import { StyleObject } from '@tamagui/helpers';
 export declare function getStylesAtomic(style: any, avoidCollection?: boolean): StyleObject[];
 //# sourceMappingURL=getStylesAtomic.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAqBA,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,eAAe,UAAQ,iBAiBlE"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"getStylesAtomic.native.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.native.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,SAE9B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,QAe3C"}

package/types/helpers/isObj.d.ts

@@ -0,0 +1,2 @@
+export declare const isObj: (x: any) => any;
+//# sourceMappingURL=isObj.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isObj.d.ts","sourceRoot":"","sources":["../../src/helpers/isObj.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,MAAO,GAAG,QAAoD,CAAA"}

package/types/helpers/isTamaguiElement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const isTamaguiElement: (child: any) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=isTamaguiElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isTamaguiElement.d.ts","sourceRoot":"","sources":["../../src/helpers/isTamaguiElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,eAAO,MAAM,gBAAgB,UAAW,GAAG,gFAE1C,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"matchMedia.d.ts","sourceRoot":"","sources":["../../src/helpers/matchMedia.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAgBZ,CAAA"}

package/types/helpers/matchMedia.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchMedia.native.d.ts","sourceRoot":"","sources":["../../src/helpers/matchMedia.native.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,2CAA2C,CAAA;AAEtE,eAAO,MAAM,UAAU,UAAW,MAAM,mBAA8B,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"themeable.d.ts","sourceRoot":"","sources":["../../src/helpers/themeable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAKvD,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,YAyBvB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,CAAC,SAAS,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,SAAS,cAAc,GAAG,EAAE,EACrE,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GACzB,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;CACnB"}

package/types/helpers/validate.d.ts

@@ -0,0 +1,4 @@
+export declare const validateConfig: (conf: any) => void;
+export declare const validateTokens: (tokens: any) => void;
+export declare const validateFont: (font: any) => void;
+//# sourceMappingURL=validate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../src/helpers/validate.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,SAAU,GAAG,SAWvC,CAAA;AA4BD,eAAO,MAAM,cAAc,WAAY,GAAG,SAOzC,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,GAAG,SAOrC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConstant.d.ts","sourceRoot":"","sources":["../../src/hooks/useConstant.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAM7C"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatures.tsx"],"names":[],"mappings":";AAuBA,eAAO,MAAM,WAAW,UAAW,GAAG;;+BAYrC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,0BAA0B,EAC1B,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,UAAU,CAAA;AAGjB,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,MAAM,eAAe,GAAG,OAAO;CAAc,CAAA;AAGhF,eAAO,MAAM,qBAAqB,QAAS,MAAM,MAAM,GAAG,SAGzD,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAS,MAAM,MAAM,GAAG,SAE5D,CAAA;AAID,eAAO,MAAM,gBAAgB,cAqB3B,CAAA;AAEF,eAAO,MAAM,QAAQ;;CAKpB,CAAA;AAED,eAAO,MAAM,cAAc,iCAGxB,0BAA0B,SAuC5B,CAAA;AASD,eAAO,MAAM,QAAQ;;CAiEpB,CAAA;AAMD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,UAgBnE"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePressable.d.ts","sourceRoot":"","sources":["../../src/hooks/usePressable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,eAAO,MAAM,YAAY,UAAW,cAAc,wBAIjD,CAAA"}