@tamagui/web 1.88.3 → 1.88.5

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js

@@ -0,0 +1,15 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var TamaguiComponentPropsBaseBase_exports = {};
+module.exports = __toCommonJS(TamaguiComponentPropsBaseBase_exports);
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.js.map

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/TamaguiComponentPropsBaseBase.tsx"],
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/interfaces/TamaguiComponentState.js

@@ -0,0 +1 @@
+//# sourceMappingURL=TamaguiComponentState.js.map

package/dist/esm/interfaces/TamaguiComponentState.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/interfaces/TamaguiComponentState.native.js

@@ -0,0 +1,15 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var TamaguiComponentState_exports = {};
+module.exports = __toCommonJS(TamaguiComponentState_exports);
+//# sourceMappingURL=TamaguiComponentState.js.map

package/dist/esm/interfaces/TamaguiComponentState.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/TamaguiComponentState.tsx"],
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/interfaces/WebOnlyPressEvents.js

@@ -0,0 +1 @@
+//# sourceMappingURL=WebOnlyPressEvents.js.map

package/dist/esm/interfaces/WebOnlyPressEvents.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/interfaces/WebOnlyPressEvents.native.js

@@ -0,0 +1,15 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var WebOnlyPressEvents_exports = {};
+module.exports = __toCommonJS(WebOnlyPressEvents_exports);
+//# sourceMappingURL=WebOnlyPressEvents.js.map

package/dist/esm/interfaces/WebOnlyPressEvents.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/WebOnlyPressEvents.tsx"],
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/internalWithTheme.js

@@ -2,7 +2,7 @@ import { useTheme } from "./hooks/useTheme";
 import { jsx } from "react/jsx-runtime";
 const internalWithTheme = (Component, styleProvider) => (props) => {
   const { expressions, ...rest } = props, theme = useTheme();
-  return /* @__PURE__ */ jsx(Component, { style: styleProvider(theme, props.expressions), ...rest });
+  return /* @__PURE__ */ jsx(Component, { style: styleProvider(theme, expressions), ...rest });
 };
 export {
   internalWithTheme

package/dist/esm/internalWithTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/internalWithTheme.tsx"],
-  "mappings": "AAEA,SAAS,gBAAgB;AAQd;AAJJ,MAAM,oBAAoB,CAAC,WAAgB,kBACzC,CAAC,UAAU;AAChB,QAAM,EAAE,aAAa,GAAG,KAAK,IAAI,OAC3B,QAAQ,SAAS;AACvB,SAAO,oBAAC,aAAU,OAAO,cAAc,OAAO,MAAM,WAAW,GAAI,GAAG,MAAM;AAC9E;",
+  "mappings": "AAAA,SAAS,gBAAgB;AAOhB;AAHF,MAAM,oBAAoB,CAAC,WAAgB,kBAAuB,CAAC,UAAU;AAClF,QAAM,EAAE,aAAa,GAAG,KAAK,IAAI,OAC3B,QAAQ,SAAS;AACvB,SAAO,oBAAC,aAAU,OAAO,cAAc,OAAO,WAAW,GAAI,GAAG,MAAM;AACxE;",
   "names": []
 }

package/dist/esm/internalWithTheme.native.js

@@ -21,7 +21,7 @@ module.exports = __toCommonJS(internalWithTheme_exports);
 var import_useTheme = require("./hooks/useTheme"), import_jsx_runtime = require("react/jsx-runtime");
 const internalWithTheme = (Component, styleProvider) => (props) => {
   const { expressions, ...rest } = props, theme = (0, import_useTheme.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { style: styleProvider(theme, props.expressions), ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { style: styleProvider(theme, expressions), ...rest });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/internalWithTheme.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAyB,6BAQd;AAJJ,MAAM,oBAAoB,CAAC,WAAgB,kBACzC,CAAC,UAAU;AAChB,QAAM,EAAE,aAAa,GAAG,KAAK,IAAI,OAC3B,YAAQ,0BAAS;AACvB,SAAO,4CAAC,aAAU,OAAO,cAAc,OAAO,MAAM,WAAW,GAAI,GAAG,MAAM;AAC9E;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB,6BAOhB;AAHF,MAAM,oBAAoB,CAAC,WAAgB,kBAAuB,CAAC,UAAU;AAClF,QAAM,EAAE,aAAa,GAAG,KAAK,IAAI,OAC3B,YAAQ,0BAAS;AACvB,SAAO,4CAAC,aAAU,OAAO,cAAc,OAAO,WAAW,GAAI,GAAG,MAAM;AACxE;",
   "names": []
 }

package/dist/esm/types.js

@@ -1 +1,3 @@
+export * from "./interfaces/KeyTypes";
+export * from "./interfaces/TamaguiComponentState";
 //# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": [],
-  "mappings": "",
+  "sources": ["../../src/types.tsx"],
+  "mappings": "AA+BA,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/types.native.js

@@ -8,8 +8,15 @@ var __copyProps = (to, from, except, desc) => {
     for (let key of __getOwnPropNames(from))
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
-};
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("./interfaces/KeyTypes"), module.exports);
+__reExport(types_exports, require("./interfaces/TamaguiComponentState"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./interfaces/KeyTypes"),
+  ...require("./interfaces/TamaguiComponentState")
+});
 //# sourceMappingURL=types.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/types.tsx"],
-  "mappings": ";;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AA+BA,0BAAc,kCA/Bd;AAgCA,0BAAc,+CAhCd;",
   "names": []
 }

package/dist/esm/views/View.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/View.tsx"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAazB,MAAM,OAAO,gBAKlB;AAAA,EACA,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAezB,MAAM,OAAO,gBAKlB;AAAA,EACA,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd;AACF,CAAC;",
   "names": []
 }

package/dist/esm/views/View.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/View.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4B,6BAE5B,mBAAmC,mCACnC,yBAAgC;AAazB,MAAM,WAAO,wCAKlB;AAAA,EACA,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4B,6BAE5B,mBAAmC,mCACnC,yBAAgC;AAezB,MAAM,WAAO,wCAKlB;AAAA,EACA,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd;AACF,CAAC;",
   "names": []
 }

package/package.json

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

package/src/createComponent.tsx

@@ -48,15 +48,12 @@ import {
   SpaceDirection,
   SpaceValue,
   SpacerProps,
-  SpacerPropsBase,
+  SpacerStyleProps,
   StackNonStyleProps,
   StackProps,
-  StackStylePropsBase,
   StaticConfig,
   StyleableOptions,
   TamaguiComponent,
-  TamaguiComponentEvents,
-  TamaguiComponentState,
   TamaguiComponentStateRef,
   TamaguiElement,
   TamaguiInternalConfig,
@@ -64,15 +61,14 @@ import {
   UseAnimationHook,
   UseAnimationProps,
   UseThemeWithStateProps,
-  WebOnlyPressEvents,
 } from './types'
+import { WebOnlyPressEvents } from './interfaces/WebOnlyPressEvents'
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState'
+import { TamaguiComponentEvents } from './interfaces/TamaguiComponentEvents'
 import { Slot } from './views/Slot'
 import { getThemedChildren } from './views/Theme'
 import { ThemeDebug } from './views/ThemeDebug'
 
-// this appears to fix expo / babel not picking this up sometimes? really odd
-process.env.TAMAGUI_TARGET
-
 /**
  * All things that need one-time setup after createTamagui is called
  */
@@ -144,7 +140,7 @@ let BaseView: any
 let hasSetupBaseViews = false
 
 export function createComponent<
-  ComponentPropTypes extends StackProps | TextProps = {},
+  ComponentPropTypes extends Record<string, any> = {},
   Ref extends TamaguiElement = TamaguiElement,
   BaseProps = never,
   BaseStyles extends Object = never,
@@ -1390,11 +1386,10 @@ const getSpacerSize = (size: SizeTokens | number | boolean, { tokens }) => {
 // dont used styled() here to avoid circular deps
 // keep inline to avoid circular deps
 export const Spacer = createComponent<
-  // @ts-expect-error its fine
   SpacerProps,
   TamaguiElement,
   StackNonStyleProps,
-  StackStylePropsBase & SpacerPropsBase
+  SpacerStyleProps
 >({
   acceptsClassName: true,
   memo: true,

package/src/defaultComponentState.tsx

@@ -1,4 +1,4 @@
-import { TamaguiComponentState } from './types'
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState'
 
 export const defaultComponentState: TamaguiComponentState = {
   hover: false,

package/src/helpers/getSplitStyles.tsx

@@ -48,12 +48,12 @@ import type {
   SplitStyleProps,
   StaticConfig,
   StyleObject,
-  TamaguiComponentState,
   TamaguiInternalConfig,
   TextStyleProps,
   ThemeParsed,
   ViewStyleWithPseudos,
 } from '../types'
+import type { TamaguiComponentState } from '../interfaces/TamaguiComponentState'
 import { createMediaStyle } from './createMediaStyle'
 import { fixStyles } from './expandStyles'
 import { getGroupPropParts } from './getGroupPropParts'
@@ -1494,11 +1494,34 @@ if (process.env.TAMAGUI_TARGET === 'native') {
     outlineColor: 1,
   })
 } else {
-  Object.assign(skipProps, {
-    elevationAndroid: 1,
-    allowFontScaling: true,
-    adjustsFontSizeToFit: true,
-  })
+  if (process.env.NODE_ENV !== 'production') {
+    // native only, not web props
+    // we only skip them in dev to avoid warnings, in prod they silently drop
+    Object.assign(skipProps, {
+      accessibilityElementsHidden: 1,
+      accessibilityIgnoresInvertColors: 1,
+      accessibilityLanguage: 1,
+      adjustsFontSizeToFit: 1,
+      allowFontScaling: 1,
+      dataDetectorType: 1,
+      dynamicTypeRamp: 1,
+      elevationAndroid: 1,
+      importantForAccessibility: 1,
+      lineBreakStrategyIOS: 1,
+      minimumFontScale: 1,
+      needsOffscreenAlphaCompositing: 1,
+      nextFocusDown: 1,
+      nextFocusForward: 1,
+      nextFocusLeft: 1,
+      nextFocusRight: 1,
+      nextFocusUp: 1,
+      onMagicTap: 1,
+      selectionColor: 1,
+      shouldRasterizeIOS: 1,
+      suppressHighlighting: 1,
+      textBreakStrategy: 1,
+    })
+  }
 }
 
 const accessibilityRoleToWebRole = {

package/src/hooks/useProps.tsx

@@ -5,7 +5,7 @@ import { defaultComponentStateMounted } from '../defaultComponentState'
 import { useSplitStyles } from '../helpers/getSplitStyles'
 import {
   SplitStyleProps,
-  StackStyleProps,
+  StackStyle,
   StaticConfig,
   ThemeParsed,
   UseMediaState,
@@ -27,7 +27,7 @@ export type PropsWithoutMediaStyles<A> = {
   [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]
 }
 
-type StyleLikeObject = (StackStyleProps & Record<string, any>) | Object
+type StyleLikeObject = (StackStyle & Record<string, any>) | Object
 
 /**
  * Returns props and style as a single object, expanding and merging shorthands and media queries.

package/src/interfaces/KeyTypes.tsx

@@ -0,0 +1,79 @@
+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'

package/src/interfaces/TamaguiComponentEvents.tsx

@@ -0,0 +1,18 @@
+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
+}

package/src/interfaces/TamaguiComponentPropsBaseBase.tsx

@@ -0,0 +1,202 @@
+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
+}