@tamagui/tabs 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/Tabs.js +340 -0
  3. package/dist/cjs/Tabs.js.map +7 -0
  4. package/dist/cjs/index.js +19 -0
  5. package/dist/cjs/index.js.map +7 -0
  6. package/dist/esm/Tabs.js +314 -0
  7. package/dist/esm/Tabs.js.map +7 -0
  8. package/dist/esm/Tabs.mjs +314 -0
  9. package/dist/esm/Tabs.mjs.map +7 -0
  10. package/dist/esm/index.js +2 -0
  11. package/dist/esm/index.js.map +7 -0
  12. package/dist/esm/index.mjs +2 -0
  13. package/dist/esm/index.mjs.map +7 -0
  14. package/dist/jsx/Tabs.js +287 -0
  15. package/dist/jsx/Tabs.js.map +7 -0
  16. package/dist/jsx/Tabs.mjs +287 -0
  17. package/dist/jsx/Tabs.mjs.map +7 -0
  18. package/dist/jsx/index.js +2 -0
  19. package/dist/jsx/index.js.map +7 -0
  20. package/dist/jsx/index.mjs +2 -0
  21. package/dist/jsx/index.mjs.map +7 -0
  22. package/package.json +42 -0
  23. package/src/Tabs.tsx +443 -0
  24. package/src/index.ts +1 -0
  25. package/types/Tabs.d.ts +619 -0
  26. package/types/Tabs.d.ts.map +1 -0
  27. package/types/index.d.ts +2 -0
  28. package/types/index.d.ts.map +1 -0
package/types/Tabs.d.ts ADDED
@@ -0,0 +1,619 @@
1
+ import { GroupProps } from '@tamagui/group';
2
+ import { RovingFocusGroup } from '@tamagui/roving-focus';
3
+ import { ThemeableStackProps } from '@tamagui/stacks';
4
+ import { GetProps, SizeTokens } from '@tamagui/web';
5
+ import * as React from 'react';
6
+ import type { LayoutRectangle } from 'react-native';
7
+ type TabsListFrameProps = GroupProps;
8
+ type TabsListProps = TabsListFrameProps & {
9
+ /**
10
+ * Whether to loop over after reaching the end or start of the items
11
+ * @default true
12
+ */
13
+ loop?: boolean;
14
+ };
15
+ type TabTriggerLayout = LayoutRectangle;
16
+ type InteractionType = 'select' | 'focus' | 'hover';
17
+ type TabsTriggerFrameProps = ThemeableStackProps;
18
+ type TabsTriggerProps = TabsTriggerFrameProps & {
19
+ /** The value for the tabs state to be changed to after activation of the trigger */
20
+ value: string;
21
+ /** Used for making custom indicators when trigger interacted with */
22
+ onInteraction?: (type: InteractionType, layout: TabTriggerLayout | null) => void;
23
+ };
24
+ declare const TabsContentFrame: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
25
+ readonly fullscreen?: boolean | undefined;
26
+ readonly elevation?: SizeTokens | undefined;
27
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
28
+ readonly backgrounded?: boolean | undefined;
29
+ readonly radiused?: boolean | undefined;
30
+ readonly hoverTheme?: boolean | undefined;
31
+ readonly pressTheme?: boolean | undefined;
32
+ readonly focusTheme?: boolean | undefined;
33
+ readonly circular?: boolean | undefined;
34
+ readonly padded?: boolean | undefined; /**
35
+ * Whether to loop over after reaching the end or start of the items
36
+ * @default true
37
+ */
38
+ readonly elevate?: boolean | undefined;
39
+ readonly bordered?: number | boolean | undefined;
40
+ readonly transparent?: boolean | undefined;
41
+ readonly chromeless?: boolean | "all" | undefined;
42
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
43
+ readonly fullscreen?: boolean | undefined;
44
+ readonly elevation?: SizeTokens | undefined;
45
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
46
+ readonly backgrounded?: boolean | undefined;
47
+ readonly radiused?: boolean | undefined;
48
+ readonly hoverTheme?: boolean | undefined;
49
+ readonly pressTheme?: boolean | undefined;
50
+ readonly focusTheme?: boolean | undefined;
51
+ readonly circular?: boolean | undefined;
52
+ readonly padded?: boolean | undefined;
53
+ readonly elevate?: boolean | undefined;
54
+ readonly bordered?: number | boolean | undefined;
55
+ readonly transparent?: boolean | undefined;
56
+ readonly chromeless?: boolean | "all" | undefined;
57
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
58
+ readonly fullscreen?: boolean | undefined;
59
+ readonly elevation?: SizeTokens | undefined;
60
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
61
+ readonly backgrounded?: boolean | undefined;
62
+ readonly radiused?: boolean | undefined;
63
+ readonly hoverTheme?: boolean | undefined;
64
+ readonly pressTheme?: boolean | undefined;
65
+ readonly focusTheme?: boolean | undefined;
66
+ readonly circular?: boolean | undefined;
67
+ readonly padded?: boolean | undefined;
68
+ readonly elevate?: boolean | undefined;
69
+ readonly bordered?: number | boolean | undefined;
70
+ readonly transparent?: boolean | undefined;
71
+ readonly chromeless?: boolean | "all" | undefined;
72
+ }>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
73
+ readonly fullscreen?: boolean | undefined;
74
+ readonly elevation?: SizeTokens | undefined;
75
+ } & {
76
+ readonly backgrounded?: boolean | undefined;
77
+ readonly radiused?: boolean | undefined;
78
+ readonly hoverTheme?: boolean | undefined;
79
+ readonly pressTheme?: boolean | undefined;
80
+ readonly focusTheme?: boolean | undefined;
81
+ readonly circular?: boolean | undefined;
82
+ readonly padded?: boolean | undefined;
83
+ readonly elevate?: boolean | undefined;
84
+ readonly bordered?: number | boolean | undefined;
85
+ readonly transparent?: boolean | undefined;
86
+ readonly chromeless?: boolean | "all" | undefined;
87
+ }, string | number> & {
88
+ [x: string]: undefined;
89
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
90
+ readonly fullscreen?: boolean | undefined;
91
+ readonly elevation?: SizeTokens | undefined;
92
+ } & {
93
+ readonly backgrounded?: boolean | undefined;
94
+ readonly radiused?: boolean | undefined;
95
+ readonly hoverTheme?: boolean | undefined;
96
+ readonly pressTheme?: boolean | undefined;
97
+ readonly focusTheme?: boolean | undefined;
98
+ readonly circular?: boolean | undefined;
99
+ readonly padded?: boolean | undefined;
100
+ readonly elevate?: boolean | undefined;
101
+ readonly bordered?: number | boolean | undefined;
102
+ readonly transparent?: boolean | undefined;
103
+ readonly chromeless?: boolean | "all" | undefined;
104
+ }, string | number> & {
105
+ [x: string]: undefined;
106
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
107
+ readonly fullscreen?: boolean | undefined;
108
+ readonly elevation?: SizeTokens | undefined;
109
+ } & {
110
+ readonly backgrounded?: boolean | undefined;
111
+ readonly radiused?: boolean | undefined;
112
+ readonly hoverTheme?: boolean | undefined;
113
+ readonly pressTheme?: boolean | undefined;
114
+ readonly focusTheme?: boolean | undefined;
115
+ readonly circular?: boolean | undefined;
116
+ readonly padded?: boolean | undefined;
117
+ readonly elevate?: boolean | undefined;
118
+ readonly bordered?: number | boolean | undefined;
119
+ readonly transparent?: boolean | undefined;
120
+ readonly chromeless?: boolean | "all" | undefined;
121
+ }, string | number> & {
122
+ [x: string]: undefined;
123
+ }>>), import("@tamagui/web").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
124
+ readonly fullscreen?: boolean | undefined;
125
+ readonly elevation?: SizeTokens | undefined;
126
+ } & {
127
+ readonly backgrounded?: boolean | undefined;
128
+ readonly radiused?: boolean | undefined;
129
+ readonly hoverTheme?: boolean | undefined;
130
+ readonly pressTheme?: boolean | undefined;
131
+ readonly focusTheme?: boolean | undefined;
132
+ readonly circular?: boolean | undefined;
133
+ readonly padded?: boolean | undefined;
134
+ readonly elevate?: boolean | undefined;
135
+ readonly bordered?: number | boolean | undefined;
136
+ readonly transparent?: boolean | undefined;
137
+ readonly chromeless?: boolean | "all" | undefined;
138
+ } & ({} | {
139
+ [x: string]: undefined;
140
+ })>;
141
+ type TabsContentFrameProps = GetProps<typeof TabsContentFrame>;
142
+ type TabsContentProps = TabsContentFrameProps & {
143
+ /** Will show the content when the value matches the state of Tabs root */
144
+ value: string;
145
+ /**
146
+ * Used to force mounting when more control is needed. Useful when
147
+ * controlling animation with Tamagui animations.
148
+ */
149
+ forceMount?: true;
150
+ };
151
+ declare const TabsFrame: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
152
+ readonly fullscreen?: boolean | undefined;
153
+ readonly elevation?: SizeTokens | undefined;
154
+ }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
155
+ readonly hoverTheme?: boolean | undefined;
156
+ readonly pressTheme?: boolean | undefined;
157
+ readonly focusTheme?: boolean | undefined;
158
+ readonly circular?: boolean | undefined;
159
+ readonly elevate?: boolean | undefined;
160
+ readonly bordered?: number | boolean | undefined;
161
+ readonly size?: SizeTokens | undefined;
162
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
163
+ readonly fullscreen?: boolean | undefined;
164
+ readonly elevation?: SizeTokens | undefined;
165
+ }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
166
+ readonly hoverTheme?: boolean | undefined;
167
+ readonly pressTheme?: boolean | undefined;
168
+ readonly focusTheme?: boolean | undefined;
169
+ readonly circular?: boolean | undefined;
170
+ readonly elevate?: boolean | undefined;
171
+ readonly bordered?: number | boolean | undefined;
172
+ readonly size?: SizeTokens | undefined;
173
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
174
+ readonly fullscreen?: boolean | undefined;
175
+ readonly elevation?: SizeTokens | undefined;
176
+ }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
177
+ readonly hoverTheme?: boolean | undefined;
178
+ readonly pressTheme?: boolean | undefined;
179
+ readonly focusTheme?: boolean | undefined;
180
+ readonly circular?: boolean | undefined;
181
+ readonly elevate?: boolean | undefined;
182
+ readonly bordered?: number | boolean | undefined;
183
+ readonly size?: SizeTokens | undefined;
184
+ }>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
185
+ readonly fullscreen?: boolean | undefined;
186
+ readonly elevation?: SizeTokens | undefined;
187
+ } & {
188
+ readonly hoverTheme?: boolean | undefined;
189
+ readonly pressTheme?: boolean | undefined;
190
+ readonly focusTheme?: boolean | undefined;
191
+ readonly circular?: boolean | undefined;
192
+ readonly elevate?: boolean | undefined;
193
+ readonly bordered?: number | boolean | undefined;
194
+ readonly size?: SizeTokens | undefined;
195
+ }, string | number> & {
196
+ [x: string]: undefined;
197
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
198
+ readonly fullscreen?: boolean | undefined;
199
+ readonly elevation?: SizeTokens | undefined;
200
+ } & {
201
+ readonly hoverTheme?: boolean | undefined;
202
+ readonly pressTheme?: boolean | undefined;
203
+ readonly focusTheme?: boolean | undefined;
204
+ readonly circular?: boolean | undefined;
205
+ readonly elevate?: boolean | undefined;
206
+ readonly bordered?: number | boolean | undefined;
207
+ readonly size?: SizeTokens | undefined;
208
+ }, string | number> & {
209
+ [x: string]: undefined;
210
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
211
+ readonly fullscreen?: boolean | undefined;
212
+ readonly elevation?: SizeTokens | undefined;
213
+ } & {
214
+ readonly hoverTheme?: boolean | undefined;
215
+ readonly pressTheme?: boolean | undefined;
216
+ readonly focusTheme?: boolean | undefined;
217
+ readonly circular?: boolean | undefined;
218
+ readonly elevate?: boolean | undefined;
219
+ readonly bordered?: number | boolean | undefined;
220
+ readonly size?: SizeTokens | undefined;
221
+ }, string | number> & {
222
+ [x: string]: undefined;
223
+ }>>), import("@tamagui/web").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
224
+ readonly fullscreen?: boolean | undefined;
225
+ readonly elevation?: SizeTokens | undefined;
226
+ } & {
227
+ readonly hoverTheme?: boolean | undefined;
228
+ readonly pressTheme?: boolean | undefined;
229
+ readonly focusTheme?: boolean | undefined;
230
+ readonly circular?: boolean | undefined;
231
+ readonly elevate?: boolean | undefined;
232
+ readonly bordered?: number | boolean | undefined;
233
+ readonly size?: SizeTokens | undefined;
234
+ } & ({} | {
235
+ [x: string]: undefined;
236
+ })>;
237
+ type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>;
238
+ type TabsFrameProps = GetProps<typeof TabsFrame>;
239
+ type TabsProps = TabsFrameProps & {
240
+ /** The value for the selected tab, if controlled */
241
+ value?: string;
242
+ /** The value of the tab to select by default, if uncontrolled */
243
+ defaultValue?: string;
244
+ /** A function called when a new tab is selected */
245
+ onValueChange?: (value: string) => void;
246
+ /**
247
+ * The orientation the tabs are layed out.
248
+ * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
249
+ * @defaultValue horizontal
250
+ */
251
+ orientation?: RovingFocusGroupProps['orientation'];
252
+ /**
253
+ * The direction of navigation between toolbar items.
254
+ */
255
+ dir?: RovingFocusGroupProps['dir'];
256
+ /**
257
+ * Whether a tab is activated automatically or manually. Only supported in web.
258
+ * @defaultValue automatic
259
+ * */
260
+ activationMode?: 'automatic' | 'manual';
261
+ };
262
+ export declare const Tabs: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
263
+ readonly fullscreen?: boolean | undefined;
264
+ readonly elevation?: SizeTokens | undefined;
265
+ }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
266
+ readonly hoverTheme?: boolean | undefined;
267
+ readonly pressTheme?: boolean | undefined;
268
+ readonly focusTheme?: boolean | undefined;
269
+ readonly circular?: boolean | undefined;
270
+ readonly elevate?: boolean | undefined;
271
+ readonly bordered?: number | boolean | undefined;
272
+ readonly size?: SizeTokens | undefined;
273
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
274
+ readonly fullscreen?: boolean | undefined;
275
+ readonly elevation?: SizeTokens | undefined;
276
+ }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
277
+ readonly hoverTheme?: boolean | undefined;
278
+ readonly pressTheme?: boolean | undefined;
279
+ readonly focusTheme?: boolean | undefined;
280
+ readonly circular?: boolean | undefined;
281
+ readonly elevate?: boolean | undefined;
282
+ readonly bordered?: number | boolean | undefined;
283
+ readonly size?: SizeTokens | undefined;
284
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
285
+ readonly fullscreen?: boolean | undefined;
286
+ readonly elevation?: SizeTokens | undefined;
287
+ }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
288
+ readonly hoverTheme?: boolean | undefined;
289
+ readonly pressTheme?: boolean | undefined;
290
+ readonly focusTheme?: boolean | undefined;
291
+ readonly circular?: boolean | undefined;
292
+ readonly elevate?: boolean | undefined;
293
+ readonly bordered?: number | boolean | undefined;
294
+ readonly size?: SizeTokens | undefined;
295
+ }>> & {
296
+ /** The value for the selected tab, if controlled */
297
+ value?: string | undefined;
298
+ /** The value of the tab to select by default, if uncontrolled */
299
+ defaultValue?: string | undefined;
300
+ /** A function called when a new tab is selected */
301
+ onValueChange?: ((value: string) => void) | undefined;
302
+ /**
303
+ * The orientation the tabs are layed out.
304
+ * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
305
+ * @defaultValue horizontal
306
+ */
307
+ orientation?: RovingFocusGroupProps['orientation'];
308
+ /**
309
+ * The direction of navigation between toolbar items.
310
+ */
311
+ dir?: RovingFocusGroupProps['dir'];
312
+ /**
313
+ * Whether a tab is activated automatically or manually. Only supported in web.
314
+ * @defaultValue automatic
315
+ * */
316
+ activationMode?: "automatic" | "manual" | undefined;
317
+ }) | Pick<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
318
+ readonly fullscreen?: boolean | undefined;
319
+ readonly elevation?: SizeTokens | undefined;
320
+ } & {
321
+ readonly hoverTheme?: boolean | undefined;
322
+ readonly pressTheme?: boolean | undefined;
323
+ readonly focusTheme?: boolean | undefined;
324
+ readonly circular?: boolean | undefined;
325
+ readonly elevate?: boolean | undefined;
326
+ readonly bordered?: number | boolean | undefined;
327
+ readonly size?: SizeTokens | undefined;
328
+ }, string | number> & {
329
+ [x: string]: undefined;
330
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
331
+ readonly fullscreen?: boolean | undefined;
332
+ readonly elevation?: SizeTokens | undefined;
333
+ } & {
334
+ readonly hoverTheme?: boolean | undefined;
335
+ readonly pressTheme?: boolean | undefined;
336
+ readonly focusTheme?: boolean | undefined;
337
+ readonly circular?: boolean | undefined;
338
+ readonly elevate?: boolean | undefined;
339
+ readonly bordered?: number | boolean | undefined;
340
+ readonly size?: SizeTokens | undefined;
341
+ }, string | number> & {
342
+ [x: string]: undefined;
343
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
344
+ readonly fullscreen?: boolean | undefined;
345
+ readonly elevation?: SizeTokens | undefined;
346
+ } & {
347
+ readonly hoverTheme?: boolean | undefined;
348
+ readonly pressTheme?: boolean | undefined;
349
+ readonly focusTheme?: boolean | undefined;
350
+ readonly circular?: boolean | undefined;
351
+ readonly elevate?: boolean | undefined;
352
+ readonly bordered?: number | boolean | undefined;
353
+ readonly size?: SizeTokens | undefined;
354
+ }, string | number> & {
355
+ [x: string]: undefined;
356
+ }>> & {
357
+ /** The value for the selected tab, if controlled */
358
+ value?: string | undefined;
359
+ /** The value of the tab to select by default, if uncontrolled */
360
+ defaultValue?: string | undefined;
361
+ /** A function called when a new tab is selected */
362
+ onValueChange?: ((value: string) => void) | undefined;
363
+ /**
364
+ * The orientation the tabs are layed out.
365
+ * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
366
+ * @defaultValue horizontal
367
+ */
368
+ orientation?: RovingFocusGroupProps['orientation'];
369
+ /**
370
+ * The direction of navigation between toolbar items.
371
+ */
372
+ dir?: RovingFocusGroupProps['dir'];
373
+ /**
374
+ * Whether a tab is activated automatically or manually. Only supported in web.
375
+ * @defaultValue automatic
376
+ * */
377
+ activationMode?: "automatic" | "manual" | undefined;
378
+ }, string | number>) & React.RefAttributes<HTMLDivElement>> & {
379
+ List: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
380
+ readonly fullscreen?: boolean | undefined;
381
+ readonly elevation?: SizeTokens | undefined;
382
+ } & {
383
+ readonly backgrounded?: boolean | undefined;
384
+ readonly radiused?: boolean | undefined;
385
+ readonly hoverTheme?: boolean | undefined;
386
+ readonly pressTheme?: boolean | undefined;
387
+ readonly focusTheme?: boolean | undefined;
388
+ readonly circular?: boolean | undefined;
389
+ readonly padded?: boolean | undefined;
390
+ readonly elevate?: boolean | undefined;
391
+ readonly bordered?: number | boolean | undefined;
392
+ readonly transparent?: boolean | undefined;
393
+ readonly chromeless?: boolean | "all" | undefined;
394
+ }, "size" | "unstyled"> & {
395
+ readonly unstyled?: boolean | undefined;
396
+ readonly size?: any;
397
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
398
+ readonly fullscreen?: boolean | undefined;
399
+ readonly elevation?: SizeTokens | undefined;
400
+ } & {
401
+ readonly backgrounded?: boolean | undefined;
402
+ readonly radiused?: boolean | undefined;
403
+ readonly hoverTheme?: boolean | undefined;
404
+ readonly pressTheme?: boolean | undefined;
405
+ readonly focusTheme?: boolean | undefined;
406
+ readonly circular?: boolean | undefined;
407
+ readonly padded?: boolean | undefined;
408
+ readonly elevate?: boolean | undefined;
409
+ readonly bordered?: number | boolean | undefined;
410
+ readonly transparent?: boolean | undefined;
411
+ readonly chromeless?: boolean | "all" | undefined;
412
+ }, "size" | "unstyled"> & {
413
+ readonly unstyled?: boolean | undefined;
414
+ readonly size?: any;
415
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
416
+ readonly fullscreen?: boolean | undefined; /** Used for making custom indicators when trigger interacted with */
417
+ readonly elevation?: SizeTokens | undefined;
418
+ } & {
419
+ readonly backgrounded?: boolean | undefined;
420
+ readonly radiused?: boolean | undefined;
421
+ readonly hoverTheme?: boolean | undefined;
422
+ readonly pressTheme?: boolean | undefined;
423
+ readonly focusTheme?: boolean | undefined;
424
+ readonly circular?: boolean | undefined;
425
+ readonly padded?: boolean | undefined;
426
+ readonly elevate?: boolean | undefined;
427
+ readonly bordered?: number | boolean | undefined;
428
+ readonly transparent?: boolean | undefined;
429
+ readonly chromeless?: boolean | "all" | undefined;
430
+ }, "size" | "unstyled"> & {
431
+ readonly unstyled?: boolean | undefined;
432
+ readonly size?: any;
433
+ }>> & {
434
+ axis?: "horizontal" | "vertical" | undefined;
435
+ scrollable?: boolean | undefined;
436
+ showScrollIndicator?: boolean | undefined;
437
+ disabled?: boolean | undefined;
438
+ disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
439
+ forceUseItem?: boolean | undefined;
440
+ } & {
441
+ /**
442
+ * Whether to loop over after reaching the end or start of the items
443
+ * @default true
444
+ */
445
+ loop?: boolean | undefined;
446
+ } & React.RefAttributes<HTMLDivElement>>;
447
+ Trigger: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
448
+ readonly fullscreen?: boolean | undefined;
449
+ readonly elevation?: SizeTokens | undefined;
450
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
451
+ readonly backgrounded?: boolean | undefined;
452
+ readonly radiused?: boolean | undefined;
453
+ readonly hoverTheme?: boolean | undefined;
454
+ readonly pressTheme?: boolean | undefined;
455
+ readonly focusTheme?: boolean | undefined;
456
+ readonly circular?: boolean | undefined;
457
+ readonly padded?: boolean | undefined; /**
458
+ * Whether to loop over after reaching the end or start of the items
459
+ * @default true
460
+ */
461
+ readonly elevate?: boolean | undefined;
462
+ readonly bordered?: number | boolean | undefined;
463
+ readonly transparent?: boolean | undefined;
464
+ readonly chromeless?: boolean | "all" | undefined;
465
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
466
+ readonly fullscreen?: boolean | undefined;
467
+ readonly elevation?: SizeTokens | undefined;
468
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
469
+ readonly backgrounded?: boolean | undefined;
470
+ readonly radiused?: boolean | undefined;
471
+ readonly hoverTheme?: boolean | undefined;
472
+ readonly pressTheme?: boolean | undefined;
473
+ readonly focusTheme?: boolean | undefined;
474
+ readonly circular?: boolean | undefined;
475
+ readonly padded?: boolean | undefined;
476
+ readonly elevate?: boolean | undefined;
477
+ readonly bordered?: number | boolean | undefined;
478
+ readonly transparent?: boolean | undefined;
479
+ readonly chromeless?: boolean | "all" | undefined;
480
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
481
+ readonly fullscreen?: boolean | undefined;
482
+ readonly elevation?: SizeTokens | undefined;
483
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
484
+ readonly backgrounded?: boolean | undefined;
485
+ readonly radiused?: boolean | undefined;
486
+ readonly hoverTheme?: boolean | undefined;
487
+ readonly pressTheme?: boolean | undefined;
488
+ readonly focusTheme?: boolean | undefined;
489
+ readonly circular?: boolean | undefined;
490
+ readonly padded?: boolean | undefined;
491
+ readonly elevate?: boolean | undefined;
492
+ readonly bordered?: number | boolean | undefined;
493
+ readonly transparent?: boolean | undefined;
494
+ readonly chromeless?: boolean | "all" | undefined;
495
+ }>> & {
496
+ /** The value for the tabs state to be changed to after activation of the trigger */
497
+ value: string;
498
+ /** Used for making custom indicators when trigger interacted with */
499
+ onInteraction?: ((type: InteractionType, layout: TabTriggerLayout | null) => void) | undefined;
500
+ } & React.RefAttributes<HTMLButtonElement>>;
501
+ Content: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
502
+ readonly fullscreen?: boolean | undefined;
503
+ readonly elevation?: SizeTokens | undefined;
504
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
505
+ readonly backgrounded?: boolean | undefined;
506
+ readonly radiused?: boolean | undefined;
507
+ readonly hoverTheme?: boolean | undefined;
508
+ readonly pressTheme?: boolean | undefined;
509
+ readonly focusTheme?: boolean | undefined;
510
+ readonly circular?: boolean | undefined;
511
+ readonly padded?: boolean | undefined; /**
512
+ * Whether to loop over after reaching the end or start of the items
513
+ * @default true
514
+ */
515
+ readonly elevate?: boolean | undefined;
516
+ readonly bordered?: number | boolean | undefined;
517
+ readonly transparent?: boolean | undefined;
518
+ readonly chromeless?: boolean | "all" | undefined;
519
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
520
+ readonly fullscreen?: boolean | undefined;
521
+ readonly elevation?: SizeTokens | undefined;
522
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
523
+ readonly backgrounded?: boolean | undefined;
524
+ readonly radiused?: boolean | undefined;
525
+ readonly hoverTheme?: boolean | undefined;
526
+ readonly pressTheme?: boolean | undefined;
527
+ readonly focusTheme?: boolean | undefined;
528
+ readonly circular?: boolean | undefined;
529
+ readonly padded?: boolean | undefined;
530
+ readonly elevate?: boolean | undefined;
531
+ readonly bordered?: number | boolean | undefined;
532
+ readonly transparent?: boolean | undefined;
533
+ readonly chromeless?: boolean | "all" | undefined;
534
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
535
+ readonly fullscreen?: boolean | undefined;
536
+ readonly elevation?: SizeTokens | undefined;
537
+ }, "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
538
+ readonly backgrounded?: boolean | undefined;
539
+ readonly radiused?: boolean | undefined;
540
+ readonly hoverTheme?: boolean | undefined;
541
+ readonly pressTheme?: boolean | undefined;
542
+ readonly focusTheme?: boolean | undefined;
543
+ readonly circular?: boolean | undefined;
544
+ readonly padded?: boolean | undefined;
545
+ readonly elevate?: boolean | undefined;
546
+ readonly bordered?: number | boolean | undefined;
547
+ readonly transparent?: boolean | undefined;
548
+ readonly chromeless?: boolean | "all" | undefined;
549
+ }>> & {
550
+ /** Will show the content when the value matches the state of Tabs root */
551
+ value: string;
552
+ /**
553
+ * Used to force mounting when more control is needed. Useful when
554
+ * controlling animation with Tamagui animations.
555
+ */
556
+ forceMount?: true | undefined;
557
+ }) | Pick<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
558
+ readonly fullscreen?: boolean | undefined;
559
+ readonly elevation?: SizeTokens | undefined;
560
+ } & {
561
+ readonly backgrounded?: boolean | undefined;
562
+ readonly radiused?: boolean | undefined;
563
+ readonly hoverTheme?: boolean | undefined;
564
+ readonly pressTheme?: boolean | undefined;
565
+ readonly focusTheme?: boolean | undefined;
566
+ readonly circular?: boolean | undefined;
567
+ readonly padded?: boolean | undefined;
568
+ readonly elevate?: boolean | undefined;
569
+ readonly bordered?: number | boolean | undefined;
570
+ readonly transparent?: boolean | undefined;
571
+ readonly chromeless?: boolean | "all" | undefined;
572
+ }, string | number> & {
573
+ [x: string]: undefined;
574
+ } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
575
+ readonly fullscreen?: boolean | undefined;
576
+ readonly elevation?: SizeTokens | undefined;
577
+ } & {
578
+ readonly backgrounded?: boolean | undefined;
579
+ readonly radiused?: boolean | undefined;
580
+ readonly hoverTheme?: boolean | undefined;
581
+ readonly pressTheme?: boolean | undefined;
582
+ readonly focusTheme?: boolean | undefined;
583
+ readonly circular?: boolean | undefined;
584
+ readonly padded?: boolean | undefined;
585
+ readonly elevate?: boolean | undefined;
586
+ readonly bordered?: number | boolean | undefined;
587
+ readonly transparent?: boolean | undefined;
588
+ readonly chromeless?: boolean | "all" | undefined;
589
+ }, string | number> & {
590
+ [x: string]: undefined;
591
+ }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
592
+ readonly fullscreen?: boolean | undefined;
593
+ readonly elevation?: SizeTokens | undefined;
594
+ } & {
595
+ readonly backgrounded?: boolean | undefined;
596
+ readonly radiused?: boolean | undefined;
597
+ readonly hoverTheme?: boolean | undefined;
598
+ readonly pressTheme?: boolean | undefined;
599
+ readonly focusTheme?: boolean | undefined;
600
+ readonly circular?: boolean | undefined;
601
+ readonly padded?: boolean | undefined;
602
+ readonly elevate?: boolean | undefined;
603
+ readonly bordered?: number | boolean | undefined;
604
+ readonly transparent?: boolean | undefined;
605
+ readonly chromeless?: boolean | "all" | undefined;
606
+ }, string | number> & {
607
+ [x: string]: undefined;
608
+ }>> & {
609
+ /** Will show the content when the value matches the state of Tabs root */
610
+ value: string;
611
+ /**
612
+ * Used to force mounting when more control is needed. Useful when
613
+ * controlling animation with Tamagui animations.
614
+ */
615
+ forceMount?: true | undefined;
616
+ }, string | number>) & React.RefAttributes<HTMLDivElement>>;
617
+ };
618
+ export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabTriggerLayout, };
619
+ //# sourceMappingURL=Tabs.d.ts.map