@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

package/types/types.d.ts

@@ -188,7 +188,7 @@ export type FontLanguageProps = LanguageContextType & {
 };
 export type ThemeProviderProps = {
     className?: string;
-    defaultTheme: string;
+    defaultTheme: string | null | undefined;
     /** @deprecated moved to createTamagui({ settings: { disableRootThemeClass } }) */
     disableRootThemeClass?: boolean;
     /** @deprecated moved to createTamagui({ settings: { themeClassNameOnRoot } }) */
@@ -315,6 +315,16 @@ export type TamaguiComponentStateRef = {
     nextState?: TamaguiComponentState;
     nextMedia?: UseMediaState;
     mediaEmitCleanup?: () => void;
+    prevPseudoState?: {
+        hover?: boolean;
+        press?: boolean;
+        focus?: boolean;
+        groups?: Record<string, {
+            hover?: boolean;
+            press?: boolean;
+            focus?: boolean;
+        }>;
+    };
 };
 export type ComponentGroupEmitter = {
     listeners: Set<GroupStateListener>;
@@ -454,7 +464,10 @@ export interface TamaguiConfig extends Omit<GenericTamaguiConfig, keyof TamaguiC
 export type OnlyAllowShorthandsSetting = TamaguiConfig['settings'] extends {
     onlyAllowShorthands: infer X;
 } ? X : false;
-export type CreateTamaguiConfig<A extends GenericTokens, B extends GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia, E extends GenericAnimations = GenericAnimations, F extends GenericFonts = GenericFonts, H extends GenericTamaguiSettings = GenericTamaguiSettings> = {
+export type OnlyShorthandStylePropsSetting = TamaguiConfig['settings'] extends {
+    onlyShorthandStyleProps: infer X;
+} ? X : false;
+export type CreateTamaguiConfig<A extends GenericTokens, B extends GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia, E extends GenericAnimations = GenericAnimations, F extends GenericFonts = GenericFonts, H extends GenericTamaguiSettings = GenericTamaguiSettings, AnimDriverKeys extends string = string> = {
     fonts: RemoveLanguagePostfixes<F>;
     fontLanguages: GetLanguagePostfixes<F> extends never ? string[] : GetLanguagePostfixes<F>[];
     tokens: A;
@@ -466,6 +479,7 @@ export type CreateTamaguiConfig<A extends GenericTokens, B extends GenericThemes
     shorthands: C;
     media: D;
     animations: AnimationDriver<E> | AnimationsConfigObject;
+    animationDriverKeys?: AnimDriverKeys;
     settings: H;
 };
 type GetLanguagePostfix<Set> = Set extends string ? Set extends `${string}_${infer Postfix}` ? Postfix : never : never;
@@ -502,7 +516,10 @@ type EmptyTamaguiSettings = {
 type ExtractAnimationConfig<E> = E extends AnimationDriver<infer Config> ? Config : E extends {
     default: AnimationDriver<infer Config>;
 } ? Config : E extends GenericAnimations ? E : EmptyAnimations;
-export type InferTamaguiConfig<Conf> = Conf extends ConfProps<infer A, infer B, infer C, infer D, infer E, infer F, infer H> ? TamaguiInternalConfig<A extends GenericTokens ? A : EmptyTokens, B extends GenericThemes ? B : EmptyThemes, C extends GenericShorthands ? C : EmptyShorthands, D extends GenericMedia ? D : EmptyMedia, ExtractAnimationConfig<E>, F extends GenericFonts ? F : EmptyFonts, H extends GenericTamaguiSettings ? H : EmptyTamaguiSettings> : unknown;
+type ExtractAnimationDriverKeys<E> = E extends AnimationDriver<any> ? 'default' : E extends {
+    default: AnimationDriver<any>;
+} ? Extract<keyof E, string> : 'default';
+export type InferTamaguiConfig<Conf> = Conf extends ConfProps<infer A, infer B, infer C, infer D, infer E, infer F, infer H> ? TamaguiInternalConfig<A extends GenericTokens ? A : EmptyTokens, B extends GenericThemes ? B : EmptyThemes, C extends GenericShorthands ? C : EmptyShorthands, D extends GenericMedia ? D : EmptyMedia, ExtractAnimationConfig<E>, F extends GenericFonts ? F : EmptyFonts, H extends GenericTamaguiSettings ? H : EmptyTamaguiSettings, ExtractAnimationDriverKeys<E>> : unknown;
 export type GenericTamaguiConfig = CreateTamaguiConfig<GenericTokens, GenericThemes, GenericShorthands, GenericMedia, GenericAnimations, GenericFonts>;
 type NonSubThemeNames<A extends string | number> = A extends `${string}_${string}` ? never : A;
 type BaseThemeDefinitions = TamaguiConfig['themes'][NonSubThemeNames<keyof TamaguiConfig['themes']>];
@@ -530,7 +547,7 @@ export type ThemeName = Exclude<GetAltThemeNames<keyof Themes>, number>;
 export type ThemeTokens = `$${ThemeKeys}`;
 type GetAnimationsFromDriver<T> = T extends {
     animations: infer A;
-} ? keyof A : never;
+} ? Extract<keyof A, string> : never;
 type GetAnimationsFromMultiDriver<T> = T extends {
     default: infer D;
 } ? GetAnimationsFromDriver<D> : T extends {
@@ -539,8 +556,7 @@ type GetAnimationsFromMultiDriver<T> = T extends {
 type ExtractDriver<T> = Extract<T, AnimationDriver<any>>;
 type InferredTransitionKeys = ExtractDriver<TamaguiConfig['animations']> extends AnimationDriver<any> ? GetAnimationsFromDriver<ExtractDriver<TamaguiConfig['animations']>> : GetAnimationsFromMultiDriver<TamaguiConfig['animations']>;
 export type TransitionKeys = InferredTransitionKeys;
-type InferredAnimationDriverKeys = TamaguiConfig['animations'] extends AnimationDriver<any> ? 'default' : TamaguiConfig['animations'] extends Record<string, AnimationDriver<any>> ? keyof TamaguiConfig['animations'] : 'default';
-export type AnimationDriverKeys = 'default' | InferredAnimationDriverKeys | (ReturnType<TypeOverride['animationDrivers']> extends 1 ? never : ReturnType<TypeOverride['animationDrivers']>);
+export type AnimationDriverKeys = 'default' | Extract<Exclude<TamaguiConfig['animationDriverKeys'], undefined>, string> | (ReturnType<TypeOverride['animationDrivers']> extends 1 ? never : ReturnType<TypeOverride['animationDrivers']>);
 export type FontLanguages = ArrayIntersection<TamaguiConfig['fontLanguages']>;
 export interface ThemeProps {
     className?: string;
@@ -718,6 +734,22 @@ export interface GenericTamaguiSettings {
      * @default 16
      */
     remBaseFontSize?: number;
+    /**
+     * When true, removes the individual longhand style props for border,
+     * outline, and shadow (borderWidth, borderStyle, borderColor,
+     * outlineWidth, outlineStyle, outlineColor, outlineOffset,
+     * shadowColor, shadowOffset, shadowOpacity, shadowRadius) from the
+     * type system, encouraging use of the combined shorthand props instead
+     * (`border`, `outline`, `boxShadow`).
+     *
+     * This avoids specificity issues when mixing shorthand and longhand
+     * props in atomic CSS output.
+     *
+     * Note: this is type-level only - it does not change runtime behavior.
+     *
+     * @default false
+     */
+    onlyShorthandStyleProps?: boolean;
 }
 export type TamaguiSettings = TamaguiConfig['settings'];
 export type BaseStyleProps = {
@@ -773,7 +805,7 @@ export type GetCSS = (opts?: {
     exclude?: 'themes' | 'design-system' | null;
     sinceLastCall?: boolean;
 }) => string;
-export type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia, E extends GenericAnimations = GenericAnimations, F extends GenericFonts = GenericFonts, G extends GenericTamaguiSettings = GenericTamaguiSettings> = Omit<CreateTamaguiProps, keyof GenericTamaguiConfig> & Omit<CreateTamaguiConfig<A, B, C, D, E, F, G>, 'tokens'> & {
+export type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia, E extends GenericAnimations = GenericAnimations, F extends GenericFonts = GenericFonts, G extends GenericTamaguiSettings = GenericTamaguiSettings, AnimDriverKeys extends string = string> = Omit<CreateTamaguiProps, keyof GenericTamaguiConfig> & Omit<CreateTamaguiConfig<A, B, C, D, E, F, G, AnimDriverKeys>, 'tokens'> & {
     tokens: Tokenify<A>;
     tokensParsed: Tokenify<A>;
     themeConfig: any;
@@ -789,6 +821,7 @@ export type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B ext
     settings: Omit<GenericTamaguiSettings, keyof G> & G;
     defaultFont?: string;
     defaultFontToken: `${string}`;
+    animationDrivers?: Record<string, AnimationDriver>;
 };
 export type GetAnimationKeys<A extends GenericTamaguiConfig> = keyof A['animations'];
 export type UnionableString = string & {};
@@ -844,10 +877,14 @@ export type GroupMediaKeys = `$group-${GroupNames}` | `$group-${GroupNames}-${Pa
 export type WithMediaProps<A> = {
     [Key in MediaPropKeys | GroupMediaKeys | ThemeMediaKeys | PlatformMediaKeys]?: Key extends MediaPropKeys ? A & {
         [Key in PlatformMediaKeys]?: AddWebOnlyStyleProps<A>;
-    } : Key extends `$platform-web` ? AddWebOnlyStyleProps<A> : A;
+    } : Key extends `$platform-web` ? AddWebOnlyStyleProps<A> & {
+        [Key in MediaPropKeys]?: AddWebOnlyStyleProps<A>;
+    } : A & {
+        [Key in MediaPropKeys]?: A;
+    };
 };
-type AddWebOnlyStyleProps<A> = {
-    [SubKey in keyof A | keyof CSSProperties]?: SubKey extends keyof CSSProperties ? CSSProperties[SubKey] : SubKey extends keyof A ? A[SubKey] : SubKey extends keyof WebOnlyValidStyleValues ? WebOnlyValidStyleValues[SubKey] : never;
+export type AddWebOnlyStyleProps<A> = Partial<CSSProperties> & Partial<WebOnlyValidStyleValues> & {
+    [K in Exclude<keyof A, keyof CSSProperties>]?: A[K];
 };
 export type WebOnlyValidStyleValues = {
     position: '-webkit-sticky';
@@ -866,19 +903,43 @@ export interface MediaQueryList {
 }
 export type MatchMedia = (query: string) => MediaQueryList;
 export type AnimationConfigType = any;
-export type TransitionProp = TransitionKeys | {
+/**
+ * Spring configuration parameters that can override preset defaults.
+ * Use with array syntax: transition={['bouncy', { stiffness: 1000, damping: 70 }]}
+ */
+export type TransitionSpringConfig = {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    tension?: number;
+    friction?: number;
+    velocity?: number;
+    overshootClamping?: boolean;
+    duration?: number;
+    bounciness?: number;
+    speed?: number;
+};
+export type TransitionProp = TransitionKeys | ({
+    default?: TransitionKeys;
+    enter?: TransitionKeys;
+    exit?: TransitionKeys;
+    delay?: number;
+} & TransitionSpringConfig & {
     [key: string]: TransitionKeys | {
         type: TransitionKeys;
         [key: string]: any;
-    };
-} | [
+    } | number | boolean | undefined;
+}) | [
     TransitionKeys,
     {
         delay?: number;
+        enter?: TransitionKeys;
+        exit?: TransitionKeys;
+    } & TransitionSpringConfig & {
         [key: string]: TransitionKeys | {
             type?: TransitionKeys;
             [key: string]: any;
-        } | number | undefined;
+        } | number | boolean | undefined;
     }
 ];
 /**
@@ -917,8 +978,8 @@ export type SpecificTokensSpecial = TamaguiSettings extends {
 export type SizeTokens = SpecificTokensSpecial | ThemeValueFallbackSize | GetTokenString<keyof Tokens['size']>;
 export type SpaceTokens = SpecificTokensSpecial | GetTokenString<keyof Tokens['space']> | ThemeValueFallbackSpace;
 export type ColorTokens = SpecificTokensSpecial | GetTokenString<keyof Tokens['color']> | GetTokenString<keyof ThemeParsed> | CSSColorNames;
-export type ZIndexTokens = SpecificTokensSpecial | GetTokenString<keyof Tokens['zIndex']> | number;
-export type RadiusTokens = SpecificTokensSpecial | GetTokenString<keyof Tokens['radius']> | number | RemString;
+export type ZIndexTokens = SpecificTokensSpecial | GetTokenString<keyof Tokens['zIndex']> | ThemeValueFallbackZIndex | number;
+export type RadiusTokens = SpecificTokensSpecial | GetTokenString<keyof Tokens['radius']> | ThemeValueFallbackRadius | number | RemString;
 export type NonSpecificTokens = GetTokenString<keyof Tokens['radius']> | GetTokenString<keyof Tokens['zIndex']> | GetTokenString<keyof Tokens['color']> | GetTokenString<keyof Tokens['space']> | GetTokenString<keyof Tokens['size']>;
 export type Token = NonSpecificTokens | (TamaguiSettings extends {
     autocompleteSpecificTokens: false;
@@ -950,7 +1011,7 @@ export type ParseFont<A extends GenericFont> = {
     face: TokenPrefixedIfExists<A['face']>;
 };
 export type TokenPrefixedIfExists<A> = A extends Record<string, any> ? TokenPrefixed<A> : {};
-export type ThemeValueByCategory<K extends string | number | symbol> = K extends 'theme' ? ThemeTokens : K extends 'size' ? SizeTokens : K extends 'font' ? FontTokens : K extends 'fontSize' ? FontSizeTokens : K extends 'space' ? SpaceTokens : K extends 'color' ? ColorTokens : K extends 'zIndex' ? ZIndexTokens : K extends 'lineHeight' ? FontLineHeightTokens : K extends 'fontWeight' ? FontWeightTokens : K extends 'letterSpacing' ? FontLetterSpacingTokens : K extends keyof Tokens ? GetTokenString<keyof Tokens[K]> : never;
+export type ThemeValueByCategory<K extends string | number | symbol> = K extends 'theme' ? ThemeTokens : K extends 'size' ? SizeTokens : K extends 'font' ? FontTokens : K extends 'fontSize' ? FontSizeTokens : K extends 'space' ? SpaceTokens : K extends 'color' ? ColorTokens : K extends 'zIndex' ? ZIndexTokens : K extends 'radius' ? RadiusTokens : K extends 'lineHeight' ? FontLineHeightTokens : K extends 'fontWeight' ? FontWeightTokens : K extends 'letterSpacing' ? FontLetterSpacingTokens : K extends keyof Tokens ? GetTokenString<keyof Tokens[K]> : never;
 export type FontKeys = 'fontFamily';
 export type FontSizeKeys = 'fontSize';
 export type FontWeightKeys = 'fontWeight';
@@ -958,10 +1019,10 @@ export type FontLetterSpacingKeys = 'letterSpacing';
 export type LineHeightKeys = 'lineHeight';
 export type ZIndexKeys = 'zIndex';
 export type OpacityKeys = 'opacity';
-export type ThemeValueGet<K extends string | number | symbol> = K extends 'theme' ? ThemeTokens : K extends SizeKeys ? SizeTokens | ThemeValueFallbackSize : K extends FontKeys ? FontTokens : K extends FontSizeKeys ? FontSizeTokens : K extends `${`border${string | ''}Radius`}` ? RadiusTokens | ThemeValueFallbackRadius : K extends SpaceKeys ? K extends 'shadowOffset' ? {
+export type ThemeValueGet<K extends string | number | symbol> = K extends 'theme' ? ThemeTokens : K extends SizeKeys ? SizeTokens : K extends FontKeys ? FontTokens : K extends FontSizeKeys ? FontSizeTokens : K extends `${`border${string | ''}Radius`}` ? RadiusTokens : K extends SpaceKeys ? K extends 'shadowOffset' ? {
     width: SpaceTokens;
     height: SpaceTokens;
-} : SpaceTokens | ThemeValueFallbackSpace : K extends ColorKeys ? ColorTokens | ThemeValueFallbackColor : K extends ZIndexKeys ? ZIndexTokens | ThemeValueFallbackZIndex : K extends LineHeightKeys ? FontLineHeightTokens : K extends FontWeightKeys ? FontWeightTokens : K extends FontLetterSpacingKeys ? FontLetterSpacingTokens : K extends OpacityKeys ? SpecificTokens | ThemeValueFallback : never;
+} : SpaceTokens : K extends ColorKeys ? ColorTokens | ThemeValueFallbackColor : K extends ZIndexKeys ? ZIndexTokens : K extends LineHeightKeys ? FontLineHeightTokens : K extends FontWeightKeys ? FontWeightTokens : K extends FontLetterSpacingKeys ? FontLetterSpacingTokens : K extends OpacityKeys ? SpecificTokens | ThemeValueFallback : never;
 export type GetThemeValueForKey<K extends string | symbol | number> = ThemeValueGet<K> | ThemeValueFallback | (TamaguiSettings extends {
     autocompleteSpecificTokens: infer Val;
 } ? Val extends true | undefined ? SpecificTokens : never : never);
@@ -971,18 +1032,26 @@ export type WithThemeValues<T extends object> = {
 export type NarrowShorthands = Narrow<Shorthands>;
 export type Longhands = NarrowShorthands[keyof NarrowShorthands];
 type OnlyAllowShorthands = TamaguiConfig['settings']['onlyAllowShorthands'];
+type OnlyShorthandStyleProps = TamaguiConfig['settings']['onlyShorthandStyleProps'];
+type ShorthandLonghandProps = 'borderWidth' | 'borderStyle' | 'borderColor' | 'outlineWidth' | 'outlineStyle' | 'outlineColor' | 'outlineOffset' | 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius';
 export type WithShorthands<StyleProps> = {
     [Key in keyof Shorthands]?: Shorthands[Key] extends keyof StyleProps ? StyleProps[Shorthands[Key]] | null : undefined;
 };
+export type PseudoStyleWithTransition<A> = A & {
+    transition?: TransitionProp | null;
+};
 export type WithPseudoProps<A> = {
-    hoverStyle?: A | null;
-    pressStyle?: A | null;
-    focusStyle?: A | null;
-    focusWithinStyle?: A | null;
-    focusVisibleStyle?: A | null;
-    disabledStyle?: A | null;
-    exitStyle?: A | null;
-    enterStyle?: A | null;
+    hoverStyle?: PseudoStyleWithTransition<A> | null;
+    pressStyle?: PseudoStyleWithTransition<A> | null;
+    focusStyle?: PseudoStyleWithTransition<A> | null;
+    focusWithinStyle?: PseudoStyleWithTransition<A> | null;
+    focusVisibleStyle?: PseudoStyleWithTransition<A> | null;
+    disabledStyle?: PseudoStyleWithTransition<A> | null;
+    exitStyle?: PseudoStyleWithTransition<A> | null;
+    enterStyle?: PseudoStyleWithTransition<A> | null;
+};
+export type PseudoTransitions = Partial<Record<keyof WithPseudoProps<any>, TransitionProp | null>> & {
+    [key: `$group-${string}-${'hover' | 'press' | 'focus'}`]: TransitionProp | null | undefined;
 };
 export type PseudoPropKeys = keyof WithPseudoProps<any>;
 export type PseudoStyles = {
@@ -995,8 +1064,9 @@ export type PseudoStyles = {
     enterStyle?: ViewStyle;
     exitStyle?: ViewStyle;
 };
-export type AllPlatforms = 'web' | 'native' | 'android' | 'ios';
-export type WithThemeAndShorthands<A extends object, Variants = {}> = OnlyAllowShorthands extends true ? WithThemeValues<Omit<A, Longhands>> & Variants & WithShorthands<WithThemeValues<A>> : WithThemeValues<A> & Variants & WithShorthands<WithThemeValues<A>>;
+export type AllPlatforms = 'web' | 'native' | 'android' | 'ios' | 'tv' | 'androidtv' | 'tvos';
+type MaybeOmitLonghands<A> = OnlyShorthandStyleProps extends true ? Omit<A, ShorthandLonghandProps> : A;
+export type WithThemeAndShorthands<A extends object, Variants = {}> = OnlyAllowShorthands extends true ? WithThemeValues<MaybeOmitLonghands<Omit<A, Longhands>>> & Variants & WithShorthands<WithThemeValues<A>> : WithThemeValues<MaybeOmitLonghands<A>> & Variants & WithShorthands<WithThemeValues<A>>;
 export type WithThemeShorthandsAndPseudos<A extends object, Variants = {}> = WithThemeAndShorthands<A, Variants> & WithPseudoProps<WithThemeAndShorthands<A, Variants>>;
 export type WithThemeShorthandsPseudosMedia<A extends object, Variants = {}> = WithThemeShorthandsAndPseudos<A, Variants> & WithMediaProps<WithThemeShorthandsAndPseudos<A, Variants>>;
 /**
@@ -1032,6 +1102,8 @@ type FilterPreset = 'blur(4px)' | 'brightness(1.2)' | 'contrast(1.2)' | 'drop-sh
 export type FilterValue = FilterPreset | (string & {});
 type BorderPreset = '1px solid' | '1px solid $borderColor' | '2px dashed $borderColor' | '1px dotted red' | 'none';
 export type BorderValue = BorderPreset | (string & {});
+type OutlinePreset = '1px solid' | '1px solid $outlineColor' | '2px dashed $outlineColor' | '1px dotted red' | 'none';
+export type OutlineValue = OutlinePreset | (string & {});
 interface ExtraStyleProps {
     /**
      * Controls the curve style of rounded corners.
@@ -1065,6 +1137,12 @@ interface ExtraStyleProps {
      * Outline width. Supported on web and native.
      */
     outlineWidth?: SpaceValue;
+    /**
+     * CSS outline shorthand string. Supports tokens: "2px solid $outlineColor"
+     * Expands to outlineWidth, outlineStyle, outlineColor on native.
+     * Works on web and native.
+     */
+    outline?: OutlineValue;
     /**
      * On native, maps to the `selectable` prop on Text (userSelect !== 'none')
      */
@@ -1398,6 +1476,7 @@ export interface StackStyleBase extends Omit<ViewStyle, keyof ExtendedBaseProps
 }
 export interface TextStylePropsBase extends Omit<RNTextStyle, keyof ExtendedBaseProps>, ExtendedBaseProps {
     ellipsis?: boolean;
+    numberOfLines?: number;
     textDecorationDistance?: number;
     textOverflow?: Properties['textOverflow'];
     whiteSpace?: Properties['whiteSpace'];
@@ -1500,6 +1579,8 @@ export type GetStyleState = {
     flatTransforms?: Record<string, any>;
     overriddenContextProps?: Record<string, any>;
     originalContextPropValues?: Record<string, any>;
+    pseudoTransitions?: PseudoTransitions | null;
+    animationDriver?: AnimationDriver | null;
 };
 export type StyleResolver<Response = PropMappedValue> = (key: string, value: any, props: SplitStyleProps, state: GetStyleState, parentVariantKey: string) => Response;
 export type PropMapper = (key: string, value: any, state: GetStyleState, disabled: boolean, map: (key: string, val: any, originalVal?: any) => void) => void;
@@ -1731,21 +1812,19 @@ export type UseAnimatedNumberReaction<V extends UniversalAnimatedNumber<any> = U
     hostRef: RefObject<TamaguiElement>;
 }, onValue: (current: number) => void) => void;
 export type UseAnimatedNumberStyle<V extends UniversalAnimatedNumber<any> = UniversalAnimatedNumber<any>> = (val: V, getStyle: (current: any) => any) => any;
+export type UseAnimatedNumbersStyle<V extends UniversalAnimatedNumber<any> = UniversalAnimatedNumber<any>> = (vals: V[], getStyle: (...currentValues: any[]) => any) => any;
 export type UseAnimatedNumber<N extends UniversalAnimatedNumber<any> = UniversalAnimatedNumber<any>> = (initial: number) => N;
 export type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
     isReactNative?: boolean;
-    supportsCSS?: boolean;
     /** What style format the driver expects as input: 'css' (CSS variables) or 'value' (resolved values) */
     inputStyle?: 'css' | 'value';
     /** How the driver outputs styles: 'css' (className-based) or 'inline' (style object) */
     outputStyle?: 'css' | 'inline';
-    needsWebStyles?: boolean;
+    needsCustomComponent?: boolean;
     avoidReRenders?: boolean;
     onMount?: () => void;
     /** When true, this is a stub driver with no real animation support */
     isStub?: boolean;
-    /** When true, the driver uses CSS classes for animations (doesn't need inline styles) */
-    classNameAnimation?: boolean;
     useAnimations: UseAnimationHook;
     usePresence: () => UsePresenceResult;
     ResetPresence: (props: {
@@ -1754,13 +1833,14 @@ export type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
     }) => React.ReactNode;
     useAnimatedNumber: UseAnimatedNumber;
     useAnimatedNumberStyle: UseAnimatedNumberStyle;
+    useAnimatedNumbersStyle?: UseAnimatedNumbersStyle;
     useAnimatedNumberReaction: UseAnimatedNumberReaction;
     animations: A;
     View?: any;
     Text?: any;
 };
 export type UseAnimationProps = TamaguiComponentPropsBase & Record<string, any>;
-type UseStyleListener = (nextStyle: Record<string, unknown>) => void;
+type UseStyleListener = (nextStyle: Record<string, unknown>, effectiveTransition?: TransitionProp | null) => void;
 export type UseStyleEmitter = (cb: UseStyleListener) => void;
 export type UseAnimationHook = (props: {
     style: Record<string, any>;
@@ -1798,6 +1878,8 @@ export type GetStyleResult = {
     pseudoGroups?: Set<string>;
     mediaGroups?: Set<string>;
     overriddenContextProps?: Record<string, any>;
+    pseudoTransitions?: PseudoTransitions | null;
+    effectiveTransition?: TransitionProp | null;
 };
 export type ClassNamesObject = Record<string, string>;
 export type ModifyTamaguiComponentStyleProps<Comp extends TamaguiComponent, ChangedProps extends object> = Comp extends TamaguiComponent<infer A, infer B, infer C, infer D, infer E> ? A extends object ? TamaguiComponent<Omit<A, keyof ChangedProps> & ChangedProps, B, C, D, E> : never : never;