@tamagui/web 1.88.3 → 1.88.5

package/types/interfaces/KeyTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyTypes.d.ts","sourceRoot":"","sources":["../../src/interfaces/KeyTypes.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,WAAW,GACX,UAAU,GACV,WAAW,GACX,cAAc,CAAA;AAElB,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,iBAAiB,GACjB,aAAa,GACb,mBAAmB,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,uBAAuB,CAAA;AAE3B,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,SAAS,GACT,mBAAmB,GACnB,iBAAiB,GACjB,aAAa,GACb,YAAY,GACZ,eAAe,GACf,aAAa,GACb,cAAc,GACd,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,kBAAkB,GAClB,gBAAgB,GAChB,YAAY,GACZ,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,aAAa,GACb,GAAG,GACH,GAAG,GACH,KAAK,GACL,QAAQ,GACR,WAAW,GACX,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,oBAAoB,GACpB,qBAAqB,GACrB,sBAAsB,GACtB,sBAAsB,GACtB,uBAAuB,GACvB,wBAAwB,GACxB,yBAAyB,GACzB,yBAAyB,GACzB,mBAAmB,GACnB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,oBAAoB,GACpB,qBAAqB,GACrB,sBAAsB,GACtB,gBAAgB,GAChB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,cAAc,CAAA"}

package/types/interfaces/TamaguiComponentEvents.d.ts

@@ -0,0 +1,19 @@
+export type TamaguiComponentEvents = {
+    cancelable?: boolean | undefined;
+    disabled?: any;
+    hitSlop?: any;
+    delayLongPress?: any;
+    delayPressIn?: any;
+    delayPressOut?: any;
+    focusable?: any;
+    minPressDuration?: number | undefined;
+    onPressIn: ((e: any) => void) | undefined;
+    onPress: ((e: any) => void) | undefined;
+    onLongPress?: ((e: any) => void) | undefined;
+    onMouseEnter?: ((e: any) => void) | undefined;
+    onMouseLeave?: ((e: any) => void) | undefined;
+    onPressOut: ((e: any) => void) | undefined;
+    onFocus?: ((e: any) => void) | undefined;
+    onBlur?: ((e: any) => void) | undefined;
+};
+//# sourceMappingURL=TamaguiComponentEvents.d.ts.map

package/types/interfaces/TamaguiComponentEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TamaguiComponentEvents.d.ts","sourceRoot":"","sources":["../../src/interfaces/TamaguiComponentEvents.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACzC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC5C,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC7C,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CACxC,CAAA"}

package/types/interfaces/TamaguiComponentPropsBaseBase.d.ts

@@ -0,0 +1,81 @@
+import { Role } from './Role';
+import { DebugProp, ThemeName, GroupNames } from '../types';
+export type TamaguiComponentPropsBaseBase = {
+    target?: string;
+    /**
+     * When truthy passes through all props to a single child element, and avoids rendering its own element.
+     * Must pass just one child React element that will receive all the props.
+     *
+     * The option "except-style" will avoid passing any style related props.
+     *
+     * The option "web" will map all React Native style props to web props (onPress becomes onClick).
+     *
+     * The option "except-style-web" combines the except-style and web options.
+     *
+     */
+    asChild?: boolean | 'except-style' | 'except-style-web' | 'web';
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
+    children?: any | any[];
+    debug?: DebugProp;
+    disabled?: boolean;
+    /**
+     * Same as the web className property, useful for applying styles from CSS on web only
+     */
+    className?: string;
+    /**
+     * If given a theme it will only apply to this element, instead of passing down to children
+     */
+    themeShallow?: boolean;
+    themeInverse?: boolean;
+    /**
+     * Same as the web id property for setting a uid on an element
+     */
+    id?: string;
+    /**
+     * Controls the output tag on web
+     * {@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element}
+     */
+    tag?: (string & {}) | 'address' | 'article' | 'aside' | 'footer' | 'header' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'main' | 'nav' | 'section' | 'search' | 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'ol' | 'ul' | 'p' | 'pre' | 'a' | 'abbr' | 'p' | 'b' | 'abbr' | 'bdi' | 'bdo' | 'br' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'i' | 'kbd' | 'mark' | 'q' | 'rp' | 'rt' | 'rtc' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'u' | 'var' | 'wbr' | 'area' | 'audio' | 'img' | 'map' | 'track' | 'video' | 'embed' | 'object' | 'param' | 'picture' | 'source' | 'canvas' | 'noscript' | 'script' | 'del' | 'ins' | 'caption' | 'col' | 'colgroup' | 'table' | 'thead' | 'tbody' | 'td' | 'th' | 'tr' | 'button' | 'datalist' | 'fieldset' | 'form' | 'input' | 'label' | 'legend' | 'meter' | 'optgroup' | 'option' | 'output' | 'progress' | 'select' | 'textarea' | 'details' | 'dialog' | 'menu' | 'summary' | 'template';
+    /**
+     * Applies a theme to this element
+     */
+    theme?: ThemeName | null;
+    /**
+     * Marks this component as a group for use in styling children based on parents named group
+     * See: https://tamagui.dev/docs/intro/props
+     */
+    group?: GroupNames;
+    /**
+     * Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.
+     * See: https://tamagui.dev/docs/intro/props
+     */
+    untilMeasured?: 'hide' | 'show';
+    /**
+     * Equivalent to "name" property on styled() for automatically applying a theme
+     */
+    componentName?: string;
+    /**
+     * Used for controlling the order of focus with keyboard or assistive device enavigation
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+     */
+    tabIndex?: string | number;
+    /**
+     * Equivalent to role="" attribute on web for accessibility
+     */
+    role?: Role;
+    /**
+     * Disable all compiler optimization
+     */
+    disableOptimization?: boolean;
+    /**
+     * Forces the pseudo style state to be on
+     */
+    forceStyle?: 'hover' | 'press' | 'focus';
+    /**
+     * Disables className output of styles, instead using only inline styles
+     */
+    disableClassName?: boolean;
+};
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.d.ts.map

package/types/interfaces/TamaguiComponentPropsBaseBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TamaguiComponentPropsBaseBase.d.ts","sourceRoot":"","sources":["../../src/interfaces/TamaguiComponentPropsBaseBase.tsx"],"names":[],"mappings":"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"}

package/types/interfaces/TamaguiComponentState.d.ts

@@ -0,0 +1,14 @@
+import { GroupState } from '../types';
+export type TamaguiComponentState = {
+    hover: boolean;
+    press: boolean;
+    pressIn: boolean;
+    focus: boolean;
+    unmounted: boolean | 'should-enter';
+    animation?: null | {
+        style?: any;
+        avoidClasses?: boolean;
+    };
+    group?: Record<string, GroupState>;
+};
+//# sourceMappingURL=TamaguiComponentState.d.ts.map

package/types/interfaces/TamaguiComponentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TamaguiComponentState.d.ts","sourceRoot":"","sources":["../../src/interfaces/TamaguiComponentState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,OAAO,GAAG,cAAc,CAAA;IACnC,SAAS,CAAC,EAAE,IAAI,GAAG;QACjB,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IAED,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;CACnC,CAAA"}

package/types/interfaces/WebOnlyPressEvents.d.ts

@@ -0,0 +1,17 @@
+import type { PressableProps } from 'react-native';
+import { DivAttributes } from '../types';
+export interface WebOnlyPressEvents {
+    onPress?: PressableProps['onPress'];
+    onLongPress?: PressableProps['onLongPress'];
+    onPressIn?: PressableProps['onPress'];
+    onPressOut?: PressableProps['onPress'];
+    onHoverIn?: DivAttributes['onMouseEnter'];
+    onHoverOut?: DivAttributes['onMouseLeave'];
+    onMouseEnter?: DivAttributes['onMouseEnter'];
+    onMouseLeave?: DivAttributes['onMouseLeave'];
+    onMouseDown?: DivAttributes['onMouseDown'];
+    onMouseUp?: DivAttributes['onMouseUp'];
+    onFocus?: DivAttributes['onFocus'];
+    onBlur?: DivAttributes['onBlur'];
+}
+//# sourceMappingURL=WebOnlyPressEvents.d.ts.map

package/types/interfaces/WebOnlyPressEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebOnlyPressEvents.d.ts","sourceRoot":"","sources":["../../src/interfaces/WebOnlyPressEvents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC5C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;CACjC"}

package/types/internalWithTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internalWithTheme.d.ts","sourceRoot":"","sources":["../src/internalWithTheme.tsx"],"names":[],"mappings":";AAIA,4DAA4D;AAE5D,eAAO,MAAM,iBAAiB,cAAe,GAAG,iBAAiB,GAAG,gCAMnE,CAAA"}
+{"version":3,"file":"internalWithTheme.d.ts","sourceRoot":"","sources":["../src/internalWithTheme.tsx"],"names":[],"mappings":";AAEA,4DAA4D;AAE5D,eAAO,MAAM,iBAAiB,cAAe,GAAG,iBAAiB,GAAG,gCAInE,CAAA"}

package/types/setupHooks.d.ts

@@ -1,4 +1,6 @@
-import { GetStyleResult, StaticConfig, TamaguiComponentEvents, TamaguiComponentState, TamaguiComponentStateRef } from './types';
+import { GetStyleResult, StaticConfig, TamaguiComponentStateRef } from './types';
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState';
+import { TamaguiComponentEvents } from './interfaces/TamaguiComponentEvents';
 export declare const hooks: InternalHooks;
 export declare function setupHooks(next: InternalHooks): void;
 type InternalHooks = {

package/types/setupHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupHooks.d.ts","sourceRoot":"","sources":["../src/setupHooks.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,KAAK,EAAE,aAAkB,CAAA;AAGtC,wBAAgB,UAAU,CAAC,IAAI,EAAE,aAAa,QAE7C;AAED,KAAK,aAAa,GAAG;IACnB,iBAAiB,CAAC,EAAE,CAClB,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,QAAQ,EAAE;QAAE,OAAO,EAAE,wBAAwB,CAAA;KAAE,EAC/C,WAAW,CAAC,EAAE,OAAO,KAClB,GAAG,CAAA;IAER,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,WAAW,EAAE,cAAc,EAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,EAC/D,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,WAAW,CAAC,EAAE,CACZ,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,YAAY,CAAC,EAAE,MAAM;QACnB,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,GAAG,CAAA;QACT,YAAY,EAAE,GAAG,CAAA;KAClB,CAAA;CACF,CAAA"}
+{"version":3,"file":"setupHooks.d.ts","sourceRoot":"","sources":["../src/setupHooks.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,eAAO,MAAM,KAAK,EAAE,aAAkB,CAAA;AAGtC,wBAAgB,UAAU,CAAC,IAAI,EAAE,aAAa,QAE7C;AAED,KAAK,aAAa,GAAG;IACnB,iBAAiB,CAAC,EAAE,CAClB,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,QAAQ,EAAE;QAAE,OAAO,EAAE,wBAAwB,CAAA;KAAE,EAC/C,WAAW,CAAC,EAAE,OAAO,KAClB,GAAG,CAAA;IAER,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,WAAW,EAAE,cAAc,EAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,EAC/D,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,WAAW,CAAC,EAAE,CACZ,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,YAAY,CAAC,EAAE,MAAM;QACnB,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,GAAG,CAAA;QACT,YAAY,EAAE,GAAG,CAAA;KAClB,CAAA;CACF,CAAA"}

package/types/types.d.ts

@@ -1,14 +1,19 @@
 import type { StyleObject } from '@tamagui/helpers';
 import type { Properties } from 'csstype';
 import { ComponentType, ForwardRefExoticComponent, FunctionComponent, HTMLAttributes, ReactNode, RefAttributes, RefObject } from 'react';
-import type { PressableProps, Text as RNText, TextProps as ReactTextProps, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import type { Text as RNText, TextProps as ReactTextProps, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
 import type { Variable } from './createVariable';
 import { StyledContext } from './helpers/createStyledContext';
 import { CSSColorNames } from './interfaces/CSSColorNames';
 import { RNOnlyProps } from './interfaces/RNExclusiveTypes';
-import { Role } from './interfaces/Role';
 import type { LanguageContextType } from './views/FontLanguage.types';
 import type { ThemeProviderProps } from './views/ThemeProvider';
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState';
+import { WebOnlyPressEvents } from './interfaces/WebOnlyPressEvents';
+import { TamaguiComponentPropsBaseBase } from './interfaces/TamaguiComponentPropsBaseBase';
+import { SizeKeys, SpaceKeys, ColorKeys } from './interfaces/KeyTypes';
+export * from './interfaces/KeyTypes';
+export * from './interfaces/TamaguiComponentState';
 export type { MediaStyleObject, StyleObject } from '@tamagui/helpers';
 export type ColorScheme = 'light' | 'dark';
 export type IsMediaType = boolean | 'platform' | 'theme' | 'group';
@@ -16,98 +21,6 @@ export type SpaceDirection = 'vertical' | 'horizontal' | 'both';
 export type TamaguiElement = HTMLElement | View;
 export type TamaguiTextElement = HTMLElement | RNText;
 export type DebugProp = boolean | 'break' | 'verbose' | 'visualize' | 'profile';
-export type TamaguiComponentPropsBaseBase = {
-    target?: string;
-    /**
-     * When truthy passes through all props to a single child element, and avoids rendering its own element.
-     * Must pass just one child React element that will receive all the props.
-     *
-     * The option "except-style" will avoid passing any style related props.
-     *
-     * The option "web" will map all React Native style props to web props (onPress becomes onClick).
-     *
-     * The option "except-style-web" combines the except-style and web options.
-     *
-     */
-    asChild?: boolean | 'except-style' | 'except-style-web' | 'web';
-    dangerouslySetInnerHTML?: {
-        __html: string;
-    };
-    children?: any | any[];
-    debug?: DebugProp;
-    disabled?: boolean;
-    /**
-     * Same as the web className property, useful for applying styles from CSS on web only
-     */
-    className?: string;
-    /**
-     * If given a theme it will only apply to this element, instead of passing down to children
-     */
-    themeShallow?: boolean;
-    themeInverse?: boolean;
-    /**
-     * Same as the web id property for setting a uid on an element
-     */
-    id?: string;
-    /**
-     * Controls the output tag on web
-     * {@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element}
-     */
-    tag?: (string & {}) | 'address' | 'article' | 'aside' | 'footer' | 'header' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'main' | 'nav' | 'section' | 'search' | 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'ol' | 'ul' | 'p' | 'pre' | 'a' | 'abbr' | 'p' | 'b' | 'abbr' | 'bdi' | 'bdo' | 'br' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'i' | 'kbd' | 'mark' | 'q' | 'rp' | 'rt' | 'rtc' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'u' | 'var' | 'wbr' | 'area' | 'audio' | 'img' | 'map' | 'track' | 'video' | 'embed' | 'object' | 'param' | 'picture' | 'source' | 'canvas' | 'noscript' | 'script' | 'del' | 'ins' | 'caption' | 'col' | 'colgroup' | 'table' | 'thead' | 'tbody' | 'td' | 'th' | 'tr' | 'button' | 'datalist' | 'fieldset' | 'form' | 'input' | 'label' | 'legend' | 'meter' | 'optgroup' | 'option' | 'output' | 'progress' | 'select' | 'textarea' | 'details' | 'dialog' | 'menu' | 'summary' | 'template';
-    /**
-     * Applies a theme to this element
-     */
-    theme?: ThemeName | null;
-    /**
-     * Marks this component as a group for use in styling children based on parents named group
-     * See: https://tamagui.dev/docs/intro/props
-     */
-    group?: GroupNames;
-    /**
-     * Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.
-     * See: https://tamagui.dev/docs/intro/props
-     */
-    untilMeasured?: 'hide' | 'show';
-    /**
-     * Equivalent to "name" property on styled() for automatically applying a theme
-     */
-    componentName?: string;
-    /**
-     * Used for controlling the order of focus with keyboard or assistive device enavigation
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
-     */
-    tabIndex?: string | number;
-    /**
-     * Equivalent to role="" attribute on web for accessibility
-     */
-    role?: Role;
-    /**
-     * Disable all compiler optimization
-     */
-    disableOptimization?: boolean;
-    /**
-     * Forces the pseudo style state to be on
-     */
-    forceStyle?: 'hover' | 'press' | 'focus';
-    /**
-     * Disables className output of styles, instead using only inline styles
-     */
-    disableClassName?: boolean;
-};
-export interface WebOnlyPressEvents {
-    onPress?: PressableProps['onPress'];
-    onLongPress?: PressableProps['onLongPress'];
-    onPressIn?: PressableProps['onPress'];
-    onPressOut?: PressableProps['onPress'];
-    onHoverIn?: DivAttributes['onMouseEnter'];
-    onHoverOut?: DivAttributes['onMouseLeave'];
-    onMouseEnter?: DivAttributes['onMouseEnter'];
-    onMouseLeave?: DivAttributes['onMouseLeave'];
-    onMouseDown?: DivAttributes['onMouseDown'];
-    onMouseUp?: DivAttributes['onMouseUp'];
-    onFocus?: DivAttributes['onFocus'];
-    onBlur?: DivAttributes['onBlur'];
-}
 export interface TamaguiComponentPropsBase extends TamaguiComponentPropsBaseBase, WebOnlyPressEvents {
 }
 /**
@@ -127,7 +40,7 @@ export type TamaguiProjectInfo = {
     tamaguiConfig: TamaguiInternalConfig;
     nameToPaths: NameToPaths;
 };
-type DivAttributes = HTMLAttributes<HTMLDivElement>;
+export type DivAttributes = HTMLAttributes<HTMLDivElement>;
 export type ReactComponentWithRef<Props, Ref> = ForwardRefExoticComponent<Props & RefAttributes<Ref>>;
 export type ComponentContextI = {
     disableSSR?: boolean;
@@ -350,13 +263,14 @@ export type UseThemeWithStateProps = ThemeProps & {
 };
 type ArrayIntersection<A extends any[]> = A[keyof A];
 type GetAltThemeNames<S> = (S extends `${string}_${infer Alt}` ? GetAltThemeNames<Alt> : S) | S;
-export type SpacerPropsBase = {
-    size?: SpaceValue;
+export type SpacerUniqueProps = {
+    size?: SpaceValue | number;
     flex?: boolean | number;
-    direction?: SpaceDirection | 'unset';
+    direction?: SpaceDirection;
 };
-type SpacerOwnProps = SpacerPropsBase & WithThemeShorthandsPseudosMedia<SpacerPropsBase>;
-export type SpacerProps = Omit<StackProps, 'flex' | 'direction' | 'size'> & SpacerOwnProps;
+export interface SpacerStyleProps extends Omit<StackStyleBase, keyof SpacerUniqueProps>, SpacerUniqueProps {
+}
+export type SpacerProps = WithThemeShorthandsPseudosMedia<SpacerStyleProps>;
 type AllowedValueSettingBase = boolean | 'strict' | 'somewhat-strict' | 'strict-web' | 'somewhat-strict-web';
 type AllowedStyleValuesSettingSize = AllowedValueSettingBase | 'number' | 'percent';
 type AllowedStyleValuesSettingZIndex = AllowedValueSettingBase | 'number';
@@ -436,7 +350,7 @@ export type TamaguiSettings = TamaguiConfig['settings'];
 export type BaseStyleProps = {
     [Key in keyof TextStylePropsBase]?: TextStyleProps[Key] | GetThemeValueForKey<Key>;
 } & {
-    [Key in keyof StackStylePropsBase]?: StackStyleProps[Key] | GetThemeValueForKey<Key>;
+    [Key in keyof StackStyleBase]?: StackStyle[Key] | GetThemeValueForKey<Key>;
 };
 export type CreateTamaguiProps = {
     unset?: BaseStyleProps;
@@ -769,7 +683,7 @@ export interface ExtendBaseTextProps {
 interface OverrideNonStyledProps extends TransformStyleProps, ExtendBaseTextProps, ExtendBaseStackProps, ExtraStyleProps {
     display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex';
 }
-export interface StackStylePropsBase extends Omit<ViewStyle, keyof OverrideNonStyledProps | 'elevation'>, TransformStyleProps, ExtraStyleProps, OverrideNonStyledProps {
+export interface StackStyleBase extends Omit<ViewStyle, keyof OverrideNonStyledProps | 'elevation'>, TransformStyleProps, ExtraStyleProps, OverrideNonStyledProps {
 }
 export interface TextStylePropsBase extends Omit<TextStyle, keyof OverrideNonStyledProps>, TransformStyleProps, ExtraStyleProps, OverrideNonStyledProps {
     ellipse?: boolean;
@@ -782,8 +696,8 @@ type LooseCombinedObjects<A extends Object, B extends Object> = A | B | (A & B);
 export interface StackNonStyleProps extends Omit<ViewProps, 'pointerEvents' | 'display' | 'children' | RNOnlyProps | keyof ExtendBaseStackProps | 'style'>, ExtendBaseStackProps, TamaguiComponentPropsBase {
     style?: StyleProp<LooseCombinedObjects<React.CSSProperties, ViewStyle>>;
 }
-export type StackStyleProps = WithThemeShorthandsPseudosMedia<StackStylePropsBase>;
-export type StackProps = StackNonStyleProps & StackStyleProps;
+export type StackStyle = WithThemeShorthandsPseudosMedia<StackStyleBase>;
+export type StackProps = StackNonStyleProps & StackStyle;
 export interface TextNonStyleProps extends Omit<ReactTextProps, 'children' | keyof WebOnlyPressEvents | RNOnlyProps | keyof ExtendBaseTextProps | 'style'>, ExtendBaseTextProps, TamaguiComponentPropsBase {
     style?: StyleProp<LooseCombinedObjects<React.CSSProperties, TextStyle>>;
 }
@@ -805,9 +719,6 @@ export type GetFinalProps<NonStyleProps, StylePropsBase> = Omit<NonStyleProps, k
 export type TamaguiComponent<Props = any, Ref = any, NonStyledProps = {}, BaseStyles extends Object = {}, VariantProps = {}, ParentStaticProperties = {}> = ForwardRefExoticComponent<(Props extends TamaDefer ? GetFinalProps<NonStyledProps, BaseStyles & VariantProps> : Props) & RefAttributes<Ref>> & StaticComponentObject<Props, Ref, NonStyledProps, BaseStyles, VariantProps, ParentStaticProperties> & Omit<ParentStaticProperties, 'staticConfig' | 'extractable' | 'styleable'> & {
     __tama: [Props, Ref, NonStyledProps, BaseStyles, VariantProps, ParentStaticProperties];
 };
-export type GetStyledProps<A extends StylableComponent> = A extends {
-    __tama: [any, any, any, infer BaseStyles, infer VariantProps, any];
-} ? BaseStyles & VariantProps : GetProps<A>;
 export type InferGenericComponentProps<A> = A extends ComponentType<infer Props> ? Props : A extends new (props: infer Props) => any ? Props : {};
 export type InferStyledProps<A extends StylableComponent, B extends StaticConfigPublic> = A extends {
     __tama: any;
@@ -829,7 +740,7 @@ export type GetBaseStyles<A, B> = A extends {
     __tama: [any, any, any, infer C, any, any];
 } ? C : B extends {
     isText: true;
-} ? TextStylePropsBase : StackStylePropsBase;
+} ? TextStylePropsBase : StackStyleBase;
 export type GetStyledVariants<A> = A extends {
     __tama: [any, any, any, any, infer B, any];
 } ? B : {};
@@ -842,7 +753,7 @@ export type StaticComponentObject<Props, Ref, NonStyledProps, BaseStyles extends
     extractable: <X>(a: X, staticConfig?: Partial<StaticConfig>) => X;
     styleable: Styleable<Props extends TamaDefer ? GetFinalProps<NonStyledProps, BaseStyles & VariantProps> : Props, Ref, NonStyledProps, BaseStyles, VariantProps, ParentStaticProperties>;
 };
-export type TamaguiComponentExpectingVariants<Props = {}, Variants extends Object = {}> = TamaguiComponent<Props, any, any, Variants>;
+export type TamaguiComponentExpectingVariants<Props = {}, Variants extends Object = {}> = TamaguiComponent<Props, any, any, any, Variants>;
 export type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'children'>> & {
     config: TamaguiInternalConfig;
     disableInjectCSS?: boolean;
@@ -973,7 +884,7 @@ export type VariantDefinitions<Parent extends StylableComponent = TamaguiCompone
 };
 export type GetStyleableProps<A extends StylableComponent, IsText extends boolean | undefined> = A extends {
     __tama: [infer Props, any, any, infer BaseStyles, infer VariantProps, any];
-} ? Props extends TamaDefer ? GetFinalProps<{}, BaseStyles & VariantProps> : Props : WithThemeShorthandsPseudosMedia<IsText extends true ? TextStylePropsBase : StackStylePropsBase>;
+} ? Props extends TamaDefer ? GetFinalProps<{}, BaseStyles & VariantProps> : Props : WithThemeShorthandsPseudosMedia<IsText extends true ? TextStylePropsBase : StackStyleBase>;
 export type VariantDefinitionFromProps<MyProps, Val> = MyProps extends Object ? {
     [propName: string]: VariantSpreadFunction<MyProps, Val> | ({
         [Key in SpreadKeys]?: Key extends '...fontSize' ? FontSizeVariantSpreadFunction<MyProps> : Key extends '...size' ? SizeVariantSpreadFunction<MyProps> : Key extends '...space' ? SpaceVariantSpreadFunction<MyProps> : Key extends '...color' ? ColorVariantSpreadFunction<MyProps> : Key extends '...lineHeight' ? FontLineHeightVariantSpreadFunction<MyProps> : Key extends '...fontTransform' ? FontTransformVariantSpreadFunction<MyProps> : Key extends '...fontStyle' ? FontStyleVariantSpreadFunction<MyProps> : Key extends '...letterSpacing' ? FontLetterSpacingVariantSpreadFunction<MyProps> : Key extends '...zIndex' ? ZIndexVariantSpreadFunction<MyProps> : Key extends '...radius' ? RadiusVariantSpreadFunction<MyProps> : Key extends '...theme' ? ThemeVariantSpreadFunction<MyProps> : never;
@@ -1019,21 +930,6 @@ export type ThemeVariantSpreadFunction<A extends PropLike> = VariantSpreadFuncti
  *   end variants
  * --------------------------------------------
  */
-export type SizeKeys = 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight' | 'shadowRadius';
-export type ColorKeys = 'color' | 'backgroundColor' | 'borderColor' | 'borderBottomColor' | 'borderTopColor' | 'borderLeftColor' | 'borderRightColor' | 'shadowColor' | 'outlineColor' | 'textShadowColor' | 'borderBlockColor' | 'borderBlockEndColor' | 'borderBlockStartColor';
-export type SpaceKeys = 'space' | 'padding' | 'paddingHorizontal' | 'paddingVertical' | 'paddingLeft' | 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'paddingEnd' | 'paddingStart' | 'margin' | 'marginHorizontal' | 'marginVertical' | 'marginLeft' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginEnd' | 'marginStart' | 'x' | 'y' | 'gap' | 'rowGap' | 'columnGap' | 'scale' | 'scaleX' | 'scaleY' | 'borderTopEndRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderTopStartRadius' | 'borderBottomEndRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderBottomStartRadius' | 'borderBottomWidth' | 'borderLeftWidth' | 'borderRadius' | 'borderRightWidth' | 'borderTopEndRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderEndWidth' | 'borderStartWidth' | 'borderTopStartRadius' | 'borderTopWidth' | 'borderWidth' | 'left' | 'top' | 'right' | 'bottom' | 'shadowOffset';
-export type TamaguiComponentState = {
-    hover: boolean;
-    press: boolean;
-    pressIn: boolean;
-    focus: boolean;
-    unmounted: boolean | 'should-enter';
-    animation?: null | {
-        style?: any;
-        avoidClasses?: boolean;
-    };
-    group?: Record<string, GroupState>;
-};
 export type ResolveVariableAs = 'auto' | 'value' | 'variable' | 'none' | 'web';
 export type SplitStyleProps = {
     mediaState?: Record<string, boolean>;
@@ -1138,7 +1034,7 @@ export type UseAnimationHook = (props: {
     onDidAnimate?: any;
     delay?: number;
 }) => null | {
-    style?: StackStylePropsBase | StackStylePropsBase[];
+    style?: StackStyleBase | StackStyleBase[];
 };
 export type GestureReponderEvent = Exclude<View['props']['onResponderMove'], void> extends (event: infer Event) => void ? Event : never;
 export type RulesToInsert = StyleObject[];
@@ -1156,24 +1052,6 @@ export type GetStyleResult = {
     mediaGroups?: Set<string>;
 };
 export type ClassNamesObject = Record<string, string>;
-export type TamaguiComponentEvents = {
-    cancelable?: boolean | undefined;
-    disabled?: any;
-    hitSlop?: any;
-    delayLongPress?: any;
-    delayPressIn?: any;
-    delayPressOut?: any;
-    focusable?: any;
-    minPressDuration?: number | undefined;
-    onPressIn: ((e: any) => void) | undefined;
-    onPress: ((e: any) => void) | undefined;
-    onLongPress?: ((e: any) => void) | undefined;
-    onMouseEnter?: ((e: any) => void) | undefined;
-    onMouseLeave?: ((e: any) => void) | undefined;
-    onPressOut: ((e: any) => void) | undefined;
-    onFocus?: ((e: any) => void) | undefined;
-    onBlur?: ((e: any) => void) | undefined;
-};
 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;
 /**
  * Narrow copied from ts-toolbelt