@tamagui/core 1.0.1-beta.21 → 1.0.1-beta.211

package/types/helpers/isTamaguiComponent.d.ts

@@ -0,0 +1,5 @@
+import { StaticConfig } from '../types';
+export declare function isTamaguiComponent<A>(comp: A, name?: string): comp is A & {
+    staticConfig: StaticConfig;
+};
+//# sourceMappingURL=isTamaguiComponent.d.ts.map

package/types/helpers/isTamaguiElement.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-export declare const isTamaguiElement: (child: any) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import { TamaguiComponent } from '../types';
+export declare type TamaguiReactElement<P = any> = React.ReactElement<P> & {
+    type: TamaguiComponent;
+};
+export declare const isTamaguiElement: (child: any, name?: string) => child is TamaguiReactElement<any>;
 //# sourceMappingURL=isTamaguiElement.d.ts.map

package/types/helpers/matchMedia.d.ts

@@ -1,2 +1,2 @@
-export declare const matchMedia: any;
+export declare const matchMedia: ((query: string) => MediaQueryList) & typeof globalThis.matchMedia;
 //# sourceMappingURL=matchMedia.d.ts.map

package/types/helpers/mergeProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Preserves prop ordering, so that the order most closely matches the last spread objects
+ * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept
+ *
+ *    Given:
+ *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })
+ *    The final key order will be:
+ *      b, a
+ *
+ * Handles a couple special tamagui cases
+ *   - classNames can be extracted out separately
+ *   - shorthands can be expanded before merging
+ */
+declare type StringRecord = Record<string, string>;
+export declare const mergeProps: (a: Object, b: Object, leaveOutClassNames?: boolean, inverseShorthands?: StringRecord) => readonly [StringRecord, StringRecord];
+export {};
+//# sourceMappingURL=mergeProps.d.ts.map

package/types/helpers/mergeTransform.d.ts

@@ -0,0 +1,7 @@
+import type { ViewStyle } from '@tamagui/types-react-native';
+export declare const mergeTransform: (obj: ViewStyle, key: string, val: any, backwards?: boolean) => void;
+export declare const invertMapTransformKeys: {
+    translateX: string;
+    translateY: string;
+};
+//# sourceMappingURL=mergeTransform.d.ts.map

package/types/helpers/normalizeColor.d.ts

@@ -0,0 +1,3 @@
+export declare const normalizeColor: (color?: number | string | null, opacity?: number) => string | number | undefined;
+export declare function colorToRGBA(color: string | number): readonly [number, number, number, number] | null;
+//# sourceMappingURL=normalizeColor.d.ts.map

package/types/helpers/normalizeValueWithProperty.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Some parts adapted from react-native-web
+ * Copyright (c) Nicolas Gallagher licensed under the MIT license.
+ */
+export declare function normalizeValueWithProperty(value: any, property?: string): any;
+export declare function reverseMapClassNameToValue(key: string, className: string): any;
+//# sourceMappingURL=normalizeValueWithProperty.d.ts.map

package/types/helpers/pseudoDescriptors.d.ts

@@ -0,0 +1,16 @@
+export declare const pseudoDescriptors: {
+    readonly hoverStyle: {
+        readonly name: "hover";
+        readonly priority: 1;
+    };
+    readonly pressStyle: {
+        readonly name: "active";
+        readonly priority: 2;
+    };
+    readonly focusStyle: {
+        readonly name: "focus";
+        readonly priority: 3;
+    };
+};
+export declare type PseudoDescriptor = typeof pseudoDescriptors[keyof typeof pseudoDescriptors];
+//# sourceMappingURL=pseudoDescriptors.d.ts.map

package/types/helpers/registerCSSVariable.d.ts

@@ -0,0 +1,5 @@
+import { Variable } from '../createVariable';
+export declare const registerCSSVariable: (v: Variable) => void;
+export declare const variableToCSS: (v: Variable) => string;
+export declare const tokensValueToVariable: Map<any, any>;
+//# sourceMappingURL=registerCSSVariable.d.ts.map

package/types/helpers/startTransition.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const startTransition: typeof React.startTransition;
+//# sourceMappingURL=startTransition.d.ts.map

package/types/helpers/themeable.d.ts

@@ -1,12 +1,9 @@
 import { ThemeName } from '../types';
-export declare type ThemeableProps = {
-    theme?: ThemeName | string | null;
+export interface ThemeableProps {
+    theme?: ThemeName | null;
     themeInverse?: boolean;
-};
+}
 export declare function themeable<Component extends (props: any) => any>(component: Component, opts?: {
     componentName?: string;
-}): Component extends (props: infer P) => infer R ? (props: Omit<P, "theme" | "themeInverse"> & {
-    theme?: ThemeName | null | undefined;
-    themeInverse?: boolean | undefined;
-}) => R : unknown;
+}): Component extends (props: infer P) => infer R ? (props: Omit<P, "theme" | "themeInverse"> & ThemeableProps) => R : unknown;
 //# sourceMappingURL=themeable.d.ts.map

package/types/helpers/themes.d.ts

@@ -0,0 +1,4 @@
+import { CreateTamaguiProps } from '../types';
+export declare function ensureThemeVariable(theme: any, key: string): void;
+export declare function proxyThemeToParents(themeName: string, theme: any, themes: CreateTamaguiProps['themes']): any;
+//# sourceMappingURL=themes.d.ts.map

package/types/helpers/useShallowSetState.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function useShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, debug?: boolean | 'verbose', debugName?: string): (next: Partial<State>) => void;
+//# sourceMappingURL=useShallowSetState.d.ts.map

package/types/helpers/validate.d.ts

@@ -1,4 +1 @@
-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/hooks/getThemeUnwrapped.d.ts

@@ -0,0 +1,3 @@
+export declare const getThemeUnwrapped: (theme: any) => any;
+export declare const GetThemeUnwrapped: unique symbol;
+//# sourceMappingURL=getThemeUnwrapped.d.ts.map

package/types/hooks/useElementLayout.d.ts

@@ -0,0 +1,27 @@
+import { RefObject } from 'react';
+export declare type LayoutValue = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
+export declare type LayoutEvent = {
+    nativeEvent: {
+        layout: LayoutValue;
+        target: any;
+    };
+    timeStamp: number;
+};
+export declare const getRect: (node: HTMLElement) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+} | undefined;
+export declare const measureLayout: (node: HTMLElement, relativeTo: HTMLElement | null, callback: Function) => void;
+export declare function useElementLayout(ref: RefObject<Element>, onLayout?: ((e: LayoutEvent) => void) | null): void;
+//# sourceMappingURL=useElementLayout.d.ts.map

package/types/hooks/useId.d.ts

@@ -1,9 +1,2 @@
-declare function useId(idFromProps: string): string;
-declare function useId(idFromProps: number): number;
-declare function useId(idFromProps: string | number): string | number;
-declare function useId(idFromProps: string | undefined | null): string | undefined;
-declare function useId(idFromProps: number | undefined | null): number | undefined;
-declare function useId(idFromProps: string | number | undefined | null): string | number | undefined;
-declare function useId(): string | undefined;
-export { useId };
+export { useId } from 'react';
 //# sourceMappingURL=useId.d.ts.map

package/types/hooks/useMedia.d.ts

@@ -1,12 +1,28 @@
-import { ConfigureMediaQueryOptions, MediaQueries, MediaQueryObject, MediaQueryState } from '../types';
+import { MediaQueries, MediaQueryKey, MediaQueryObject, MediaQueryState, TamaguiInternalConfig } from '../types';
 export declare const mediaState: MediaQueryState;
-export declare const addMediaQueryListener: (key: string, cb: any) => void;
-export declare const removeMediaQueryListener: (key: string, cb: any) => void;
+declare type MediaListener = (next: boolean) => void;
+export declare function addMediaQueryListener(key: MediaQueryKey, cb: MediaListener): () => void;
+export declare function removeMediaQueryListener(key: MediaQueryKey, cb: MediaListener): void;
 export declare const mediaQueryConfig: MediaQueries;
 export declare const getMedia: () => MediaQueryState;
-export declare const configureMedia: ({ queries, defaultActive, }?: ConfigureMediaQueryOptions) => void;
-export declare const useMedia: () => {
-    [x: string]: boolean;
+export declare const getInitialMediaState: () => MediaQueryState;
+export declare const getMediaKeyImportance: (key: string) => number;
+export declare const configureMedia: (config: TamaguiInternalConfig) => void;
+export declare function useMediaListeners(config: TamaguiInternalConfig): void;
+export declare function useMedia(): {
+    [key in MediaQueryKey]: boolean;
 };
+/**
+ * Useful for more complex components that need access to the currently active props,
+ * accounting for the currently active media queries.
+ *
+ * Use sparingly, is will loop props and trigger re-render on all media queries.
+ *
+ * */
+export declare function useMediaPropsActive<A extends Object>(props: A): {
+    [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key];
+};
+export declare function mergeMediaByImportance(onto: Record<string, any>, key: string, value: any, importancesUsed: Record<string, number>): boolean;
 export declare function mediaObjectToString(query: string | MediaQueryObject): string;
+export {};
 //# sourceMappingURL=useMedia.d.ts.map

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

@@ -0,0 +1 @@
+//# sourceMappingURL=useMedia.test.d.ts.map

package/types/hooks/usePressablePressResponder.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+/// <reference types="node" />
+declare type ClickEvent = any;
+declare type KeyboardEvent = any;
+declare type ResponderEvent = any;
+export declare type PressResponderConfig = {
+    cancelable?: boolean | null;
+    disabled?: boolean | null;
+    delayLongPress?: number | null;
+    delayPressStart?: number | null;
+    delayPressEnd?: number | null;
+    onLongPress?: ((event: ResponderEvent) => void) | null;
+    onPress?: ((event: ClickEvent) => void) | null;
+    onPressChange?: ((event: ResponderEvent) => void) | null;
+    onPressStart?: ((event: ResponderEvent) => void) | null;
+    onPressMove?: ((event: ResponderEvent) => void) | null;
+    onPressEnd?: ((event: ResponderEvent) => void) | null;
+};
+export declare type EventHandlers = {
+    onClick: (event: ClickEvent) => void;
+    onContextMenu: (event: ClickEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    onResponderGrant: (event: ResponderEvent) => void;
+    onResponderMove: (event: ResponderEvent) => void;
+    onResponderRelease: (event: ResponderEvent) => void;
+    onResponderTerminate: (event: ResponderEvent) => void;
+    onResponderTerminationRequest: (event: ResponderEvent) => boolean;
+    onStartShouldSetResponder: (event: ResponderEvent) => boolean;
+};
+declare type TouchState = 'NOT_RESPONDER' | 'RESPONDER_INACTIVE_PRESS_START' | 'RESPONDER_ACTIVE_PRESS_START' | 'RESPONDER_ACTIVE_LONG_PRESS_START' | 'ERROR';
+declare type TouchSignal = 'DELAY' | 'RESPONDER_GRANT' | 'RESPONDER_RELEASE' | 'RESPONDER_TERMINATED' | 'LONG_PRESS_DETECTED';
+declare type TimeoutID = NodeJS.Timer | null;
+export declare class PressResponder {
+    _config: PressResponderConfig;
+    _eventHandlers?: EventHandlers | null;
+    _isPointerTouch?: boolean;
+    _longPressDelayTimeout?: TimeoutID;
+    _longPressDispatched?: boolean;
+    _pressDelayTimeout?: TimeoutID;
+    _pressOutDelayTimeout?: TimeoutID;
+    _selectionTerminated?: boolean;
+    _touchActivatePosition?: {
+        pageX: number;
+        pageY: number;
+    } | null;
+    _touchState: TouchState;
+    constructor(config: PressResponderConfig);
+    configure(config: PressResponderConfig): void;
+    /**
+     * Resets any pending timers. This should be called on unmount.
+     */
+    reset(): void;
+    /**
+     * Returns a set of props to spread into the interactive element.
+     */
+    getEventHandlers(): EventHandlers;
+    _createEventHandlers(): EventHandlers;
+    /**
+     * Receives a state machine signal, performs side effects of the transition
+     * and stores the new state. Validates the transition as well.
+     */
+    _receiveSignal(signal: TouchSignal, event: ResponderEvent): void;
+    /**
+     * Performs a transition between touchable states and identify any activations
+     * or deactivations (and callback invocations).
+     */
+    _performTransitionSideEffects(prevState: TouchState, nextState: TouchState, signal: TouchSignal, event: ResponderEvent): void;
+    _activate(event: ResponderEvent): void;
+    _deactivate(event: ResponderEvent): void;
+    _handleLongPress(event: ResponderEvent): void;
+    _cancelLongPressDelayTimeout(): void;
+    _cancelPressDelayTimeout(): void;
+    _cancelPressOutDelayTimeout(): void;
+}
+export {};
+//# sourceMappingURL=usePressablePressResponder.d.ts.map

package/types/hooks/useSafeRef.d.ts

@@ -0,0 +1,4 @@
+export declare const useSafeRef: <T>(initialValue: T) => {
+    current: T;
+};
+//# sourceMappingURL=useSafeRef.d.ts.map

package/types/hooks/useServerHooks.d.ts

@@ -0,0 +1,4 @@
+import { useRef, useState } from 'react';
+export declare const useServerState: typeof useState;
+export declare const useServerRef: typeof useRef;
+//# sourceMappingURL=useServerHooks.d.ts.map

package/types/hooks/useTheme.d.ts

@@ -1,36 +1,26 @@
-import { ThemeManager } from '../ThemeManager';
-import { ThemeObject } from '../types';
-export declare const useTheme: (themeName?: string | null | undefined, componentName?: string | undefined, props?: any, forceUpdate?: any) => ThemeObject;
-export declare const getThemeManagerIfChanged: (theme: any) => any;
-export declare const useThemeName: (opts?: {
-    parent?: true | undefined;
-} | undefined) => string;
-export declare const useDefaultThemeName: () => import("../types").ThemeName | undefined;
-export declare const useChangeThemeEffect: (name?: string | null | undefined, componentName?: string | undefined, props?: any, forceUpdateProp?: any) => {
-    didChangeTheme: boolean;
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
+import { ThemeManager } from '../helpers/ThemeManager';
+import { ThemeName, ThemeParsed } from '../types';
+export interface ThemeProps {
+    className?: string;
+    disableThemeClass?: boolean;
+    name: Exclude<ThemeName, number> | null;
+    componentName?: string;
+    children?: any;
+    reset?: boolean;
+    debug?: boolean | 'verbose';
+}
+export declare const useTheme: (themeName?: string | null, componentName?: string, props?: ThemeProps, forceUpdate?: any) => ThemeParsed;
+export declare const getThemeManager: (theme: any) => ThemeManager | undefined;
+export declare function useThemeName(opts?: {
+    parent?: true;
+}): ThemeName;
+export declare const useDefaultThemeName: () => string | undefined;
+export declare const activeThemeManagers: Set<ThemeManager>;
+export declare const useChangeThemeEffect: (name?: string | null, componentName?: string, props?: ThemeProps, forceUpdateProp?: any, uuid?: Object) => {
+    themes: Record<string, ThemeParsed>;
     themeManager: ThemeManager | null;
     name: string;
-    theme: Partial<import("../types").TamaguiBaseTheme> & {
-        [key: string]: import("../types").VariableVal;
-    };
-    className: string;
-} | {
-    didChangeTheme: boolean;
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
-    themeManager: ThemeManager | null;
-    name: string;
-    theme: (Partial<import("../types").TamaguiBaseTheme> & {
-        [key: string]: import("../types").VariableVal;
-    }) | null;
-    className?: undefined;
+    theme: ThemeParsed | null;
+    className?: string | undefined;
 };
 //# sourceMappingURL=useTheme.d.ts.map

package/types/index.d.ts

@@ -4,42 +4,53 @@ export * from './createShorthands';
 export * from './createTheme';
 export * from './createTamagui';
 export * from './createFont';
-export { createTokens } from './createTokens';
+export * from './createTokens';
 export * from './createVariable';
+export * from './createVariables';
+export * from './insertFont';
+export * from './addTheme';
+export * from './updateTheme';
 export * from './styled';
 export * from './types';
-export { RNWTextProps, RNWViewProps } from './types-rnw';
-export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './conf';
+export * from './setupReactNative';
+export type { RNWTextProps, RNWViewProps } from './types-rnw';
+export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './config';
 export * from './constants/constants';
-export * from './constants/platform';
-export * from './constants/rnw';
-export * from './helpers/getStackSize';
+export * from './helpers/useShallowSetState';
+export * from './helpers/getVariantExtras';
+export * from './helpers/getAnimationDriver';
 export * from './helpers/getExpandedShorthands';
 export * from './helpers/getSize';
 export * from './helpers/getSplitStyles';
 export * from './helpers/getStylesAtomic';
-export * from './helpers/getTextSize';
-export * from './helpers/isObj';
+export * from './helpers/pseudoDescriptors';
+export * from './helpers/mergeProps';
+export * from './helpers/expandStyles';
 export * from './helpers/isTamaguiElement';
+export * from './helpers/isTamaguiComponent';
 export * from './helpers/matchMedia';
 export * from './helpers/themeable';
 export * from './helpers/withStaticProperties';
 export * from './contexts/ButtonInsideButtonContext';
-export * from './hooks/useConstant';
 export * from './hooks/useId';
-export * from './hooks/useIsMounted';
 export * from './hooks/useIsTouchDevice';
-export * from './hooks/useMedia';
-export * from './hooks/usePressable';
+export { configureMedia, getMedia, mediaState, useMedia, useMediaPropsActive, mediaObjectToString, addMediaQueryListener, removeMediaQueryListener, mediaQueryConfig, } from './hooks/useMedia';
 export * from './hooks/useTheme';
-export * from './hooks/useUnmountEffect';
+export * from './hooks/useSafeRef';
+export * from './views/Slot';
 export * from './views/Stack';
 export * from './views/Text';
-export * from './views/TextAncestorContext';
+export * from './contexts/TextAncestorContext';
 export * from './views/Theme';
 export * from './views/ThemeInverse';
 export * from './views/ThemeProvider';
 export * from './views/ThemeReset';
+export * from './views/FontLanguage';
+export * from './views/TamaguiProvider';
 export * from '@tamagui/use-force-update';
+export * from '@tamagui/use-did-finish-ssr';
+export * from '@tamagui/use-event';
+export * from '@tamagui/compose-refs';
 export * from '@tamagui/helpers';
+export * from '@tamagui/constants';
 //# sourceMappingURL=index.d.ts.map

package/types/inject-styles.d.ts

@@ -0,0 +1,7 @@
+interface InjectStylesOptions {
+    filePath: string;
+    css: string;
+}
+export declare const injectStyles: ({ filePath, css }: InjectStylesOptions) => void;
+export {};
+//# sourceMappingURL=inject-styles.d.ts.map

package/types/injectStyles.d.ts

@@ -0,0 +1,7 @@
+interface InjectStylesOptions {
+    filePath: string;
+    css: string;
+}
+export declare const injectStyles: ({ filePath, css }: InjectStylesOptions) => void;
+export {};
+//# sourceMappingURL=injectStyles.d.ts.map

package/types/insertFont.d.ts

@@ -0,0 +1,9 @@
+import { DeepVariableObject } from './createVariables';
+import { GenericFont } from './types';
+/**
+ * Runtime dynamic insert font
+ */
+export declare function insertFont<A extends GenericFont>(name: string, fontIn: A): DeepVariableObject<A>;
+export declare function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A>;
+export declare function registerFontVariables(parsedFont: any): string[];
+//# sourceMappingURL=insertFont.d.ts.map

package/types/react-native.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `@tamagui/core/react-native`
+ *
+ * Only import for easier React Native detection
+ *
+ */
+export {};
+//# sourceMappingURL=react-native.d.ts.map

package/types/setupReactNative.d.ts

@@ -0,0 +1,3 @@
+export declare function getReactNative(): any;
+export declare function setupReactNative(_: any): void;
+//# sourceMappingURL=setupReactNative.d.ts.map

package/types/static.d.ts

@@ -1,17 +1,3 @@
-export * from './styled';
-export * from './createComponent';
-export * from './createFont';
-export * from './createTokens';
-export * from './createTamagui';
-export * from './createVariable';
-export * from './constants/constants';
-export * from './hooks/useMedia';
-export * from './hooks/useTheme';
-export * from './helpers/isObj';
-export * from './helpers/getStylesAtomic';
+export * from './index';
 export * from './helpers/proxyThemeVariables';
-export * from './helpers/getSplitStyles';
-export * from '@tamagui/helpers';
-export * from './constants/rnw';
-export * from './types';
 //# sourceMappingURL=static.d.ts.map

package/types/styled.d.ts

@@ -1,4 +1,4 @@
-import { GetProps, GetVariantValues, MediaProps, PseudoProps, StaticConfig, StylableComponent, TamaguiComponent, VariantDefinitions, VariantSpreadFunction } from './types';
+import { GetProps, GetVariantValues, MediaProps, PseudoProps, StaticConfig, StylableComponent, TamaguiComponent, TamaguiElement, VariantDefinitions, VariantSpreadFunction } from './types';
 export declare type StyledOptions<ParentComponent extends StylableComponent> = GetProps<ParentComponent> & {
     name?: string;
     variants?: VariantDefinitions<ParentComponent> | undefined;
@@ -6,11 +6,15 @@ export declare type StyledOptions<ParentComponent extends StylableComponent> = G
         [key: string]: any;
     };
 };
-export declare function styled<ParentComponent extends StylableComponent, Variants extends VariantDefinitions<ParentComponent> | symbol = VariantDefinitions<ParentComponent> | symbol>(Component: ParentComponent, options?: GetProps<ParentComponent> & {
+declare type GetBaseProps<A extends StylableComponent> = A extends TamaguiComponent<any, any, infer P> ? P : GetProps<A>;
+declare type GetVariantProps<A extends StylableComponent> = A extends TamaguiComponent<any, any, any, infer V> ? V : {};
+export declare function styled<ParentComponent extends StylableComponent, Variants extends VariantDefinitions<ParentComponent> | void = VariantDefinitions<ParentComponent> | void>(Component: ParentComponent, options?: GetProps<ParentComponent> & {
     name?: string;
     variants?: Variants | undefined;
     defaultVariants?: {
         [key: string]: any;
     };
-}, staticExtractionOptions?: Partial<StaticConfig>): TamaguiComponent<Variants extends symbol | void ? GetProps<ParentComponent> : (ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & Omit<ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}, keyof (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; }) & MediaProps<Partial<(ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & Omit<ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}, keyof (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>> & PseudoProps<Partial<(ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & Omit<ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}, keyof (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>>, any, ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>, (ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}) & (Variants extends symbol ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>;
+    acceptsClassName?: boolean;
+}, staticExtractionOptions?: Partial<StaticConfig>): TamaguiComponent<Variants extends void ? GetProps<ParentComponent> : GetBaseProps<ParentComponent> & Omit<GetVariantProps<ParentComponent>, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; }) & MediaProps<Partial<GetBaseProps<ParentComponent> & Omit<GetVariantProps<ParentComponent>, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>> & PseudoProps<Partial<GetBaseProps<ParentComponent> & Omit<GetVariantProps<ParentComponent>, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>>, TamaguiElement, GetBaseProps<ParentComponent>, GetVariantProps<ParentComponent> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>;
+export {};
 //# sourceMappingURL=styled.d.ts.map