@tamagui/group 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 (25) hide show
  1. package/dist/cjs/Group.js +261 -0
  2. package/dist/cjs/Group.js.map +7 -0
  3. package/dist/cjs/index.js +19 -0
  4. package/dist/cjs/index.js.map +7 -0
  5. package/dist/esm/Group.js +234 -0
  6. package/dist/esm/Group.js.map +7 -0
  7. package/dist/esm/Group.mjs +234 -0
  8. package/dist/esm/Group.mjs.map +7 -0
  9. package/dist/esm/index.js +2 -0
  10. package/dist/esm/index.js.map +7 -0
  11. package/dist/esm/index.mjs +2 -0
  12. package/dist/esm/index.mjs.map +7 -0
  13. package/dist/jsx/Group.js +220 -0
  14. package/dist/jsx/Group.js.map +7 -0
  15. package/dist/jsx/Group.mjs +220 -0
  16. package/dist/jsx/Group.mjs.map +7 -0
  17. package/dist/jsx/index.js +2 -0
  18. package/dist/jsx/index.js.map +7 -0
  19. package/dist/jsx/index.mjs +2 -0
  20. package/dist/jsx/index.mjs.map +7 -0
  21. package/package.json +43 -0
  22. package/src/Group.tsx +318 -0
  23. package/src/index.ts +1 -0
  24. package/types/Group.d.ts +321 -0
  25. package/types/index.d.ts +2 -0
package/types/Group.d.ts ADDED
@@ -0,0 +1,321 @@
1
+ import { GetProps, TamaguiElement } from '@tamagui/core';
2
+ import { Scope } from '@tamagui/create-context';
3
+ import React from 'react';
4
+ type DisablePassBorderRadius = boolean | 'bottom' | 'top' | 'start' | 'end';
5
+ type ScopedProps<P> = P & {
6
+ __scopeGroup?: Scope;
7
+ };
8
+ export declare const GroupFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
9
+ readonly fullscreen?: boolean | undefined;
10
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
11
+ } & {
12
+ readonly backgrounded?: boolean | undefined;
13
+ readonly radiused?: boolean | undefined;
14
+ readonly hoverTheme?: boolean | undefined;
15
+ readonly pressTheme?: boolean | undefined;
16
+ readonly focusTheme?: boolean | undefined;
17
+ readonly circular?: boolean | undefined;
18
+ readonly padded?: boolean | undefined;
19
+ readonly elevate?: boolean | undefined;
20
+ readonly bordered?: number | boolean | undefined;
21
+ readonly transparent?: boolean | undefined;
22
+ readonly chromeless?: boolean | "all" | undefined;
23
+ }, "size" | "unstyled"> & {
24
+ readonly unstyled?: boolean | undefined;
25
+ readonly size?: any;
26
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
27
+ readonly fullscreen?: boolean | undefined;
28
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
29
+ } & {
30
+ readonly backgrounded?: boolean | undefined;
31
+ readonly radiused?: boolean | undefined;
32
+ readonly hoverTheme?: boolean | undefined;
33
+ readonly pressTheme?: boolean | undefined;
34
+ readonly focusTheme?: boolean | undefined;
35
+ readonly circular?: boolean | undefined;
36
+ readonly padded?: boolean | undefined;
37
+ readonly elevate?: boolean | undefined;
38
+ readonly bordered?: number | boolean | undefined;
39
+ readonly transparent?: boolean | undefined;
40
+ readonly chromeless?: boolean | "all" | undefined;
41
+ }, "size" | "unstyled"> & {
42
+ readonly unstyled?: boolean | undefined;
43
+ readonly size?: any;
44
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
45
+ readonly fullscreen?: boolean | undefined;
46
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
47
+ } & {
48
+ readonly backgrounded?: boolean | undefined;
49
+ readonly radiused?: boolean | undefined;
50
+ readonly hoverTheme?: boolean | undefined;
51
+ readonly pressTheme?: boolean | undefined;
52
+ readonly focusTheme?: boolean | undefined;
53
+ readonly circular?: boolean | undefined;
54
+ readonly padded?: boolean | undefined;
55
+ readonly elevate?: boolean | undefined;
56
+ readonly bordered?: number | boolean | undefined;
57
+ readonly transparent?: boolean | undefined;
58
+ readonly chromeless?: boolean | "all" | undefined;
59
+ }, "size" | "unstyled"> & {
60
+ readonly unstyled?: boolean | undefined;
61
+ readonly size?: any;
62
+ }>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
63
+ readonly fullscreen?: boolean | undefined;
64
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
65
+ } & {
66
+ readonly backgrounded?: boolean | undefined;
67
+ readonly radiused?: boolean | undefined;
68
+ readonly hoverTheme?: boolean | undefined;
69
+ readonly pressTheme?: boolean | undefined;
70
+ readonly focusTheme?: boolean | undefined;
71
+ readonly circular?: boolean | undefined;
72
+ readonly padded?: boolean | undefined;
73
+ readonly elevate?: boolean | undefined;
74
+ readonly bordered?: number | boolean | undefined;
75
+ readonly transparent?: boolean | undefined;
76
+ readonly chromeless?: boolean | "all" | undefined;
77
+ } & {
78
+ readonly unstyled?: boolean | undefined;
79
+ readonly size?: any;
80
+ }>;
81
+ export type GroupProps = GetProps<typeof GroupFrame> & {
82
+ axis?: 'horizontal' | 'vertical';
83
+ scrollable?: boolean;
84
+ /**
85
+ * @default false
86
+ */
87
+ showScrollIndicator?: boolean;
88
+ disabled?: boolean;
89
+ disablePassBorderRadius?: DisablePassBorderRadius;
90
+ /**
91
+ * forces the group to use the Group.Item API
92
+ */
93
+ forceUseItem?: boolean;
94
+ };
95
+ export declare const useGroupItem: (childrenProps: {
96
+ disabled: boolean;
97
+ }, __scopeGroup?: Scope) => Record<string, any>;
98
+ export declare const Group: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
99
+ readonly fullscreen?: boolean | undefined;
100
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
101
+ } & {
102
+ readonly backgrounded?: boolean | undefined;
103
+ readonly radiused?: boolean | undefined;
104
+ readonly hoverTheme?: boolean | undefined;
105
+ readonly pressTheme?: boolean | undefined;
106
+ readonly focusTheme?: boolean | undefined;
107
+ readonly circular?: boolean | undefined;
108
+ readonly padded?: boolean | undefined;
109
+ readonly elevate?: boolean | undefined;
110
+ readonly bordered?: number | boolean | undefined;
111
+ readonly transparent?: boolean | undefined;
112
+ readonly chromeless?: boolean | "all" | undefined;
113
+ }, "size" | "unstyled"> & {
114
+ readonly unstyled?: boolean | undefined;
115
+ readonly size?: any;
116
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
117
+ readonly fullscreen?: boolean | undefined;
118
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
119
+ } & {
120
+ readonly backgrounded?: boolean | undefined;
121
+ readonly radiused?: boolean | undefined;
122
+ readonly hoverTheme?: boolean | undefined;
123
+ readonly pressTheme?: boolean | undefined;
124
+ readonly focusTheme?: boolean | undefined;
125
+ readonly circular?: boolean | undefined;
126
+ readonly padded?: boolean | undefined;
127
+ readonly elevate?: boolean | undefined;
128
+ readonly bordered?: number | boolean | undefined;
129
+ readonly transparent?: boolean | undefined;
130
+ readonly chromeless?: boolean | "all" | undefined;
131
+ }, "size" | "unstyled"> & {
132
+ readonly unstyled?: boolean | undefined;
133
+ readonly size?: any;
134
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
135
+ readonly fullscreen?: boolean | undefined;
136
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
137
+ } & {
138
+ readonly backgrounded?: boolean | undefined;
139
+ readonly radiused?: boolean | undefined;
140
+ readonly hoverTheme?: boolean | undefined;
141
+ readonly pressTheme?: boolean | undefined;
142
+ readonly focusTheme?: boolean | undefined;
143
+ readonly circular?: boolean | undefined;
144
+ readonly padded?: boolean | undefined;
145
+ readonly elevate?: boolean | undefined;
146
+ readonly bordered?: number | boolean | undefined;
147
+ readonly transparent?: boolean | undefined;
148
+ readonly chromeless?: boolean | "all" | undefined;
149
+ }, "size" | "unstyled"> & {
150
+ readonly unstyled?: boolean | undefined;
151
+ readonly size?: any;
152
+ }>> & {
153
+ axis?: "horizontal" | "vertical" | undefined;
154
+ scrollable?: boolean | undefined;
155
+ /**
156
+ * @default false
157
+ */
158
+ showScrollIndicator?: boolean | undefined;
159
+ disabled?: boolean | undefined;
160
+ disablePassBorderRadius?: DisablePassBorderRadius | undefined;
161
+ /**
162
+ * forces the group to use the Group.Item API
163
+ */
164
+ forceUseItem?: boolean | undefined;
165
+ } & {
166
+ __scopeGroup?: Scope;
167
+ } & React.RefAttributes<TamaguiElement>> & {
168
+ Item: (props: ScopedProps<{
169
+ children: React.ReactNode;
170
+ }>) => any;
171
+ };
172
+ export declare const YGroup: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
173
+ readonly fullscreen?: boolean | undefined;
174
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
175
+ } & {
176
+ readonly backgrounded?: boolean | undefined;
177
+ readonly radiused?: boolean | undefined;
178
+ readonly hoverTheme?: boolean | undefined;
179
+ readonly pressTheme?: boolean | undefined;
180
+ readonly focusTheme?: boolean | undefined;
181
+ readonly circular?: boolean | undefined;
182
+ readonly padded?: boolean | undefined;
183
+ readonly elevate?: boolean | undefined;
184
+ readonly bordered?: number | boolean | undefined;
185
+ readonly transparent?: boolean | undefined;
186
+ readonly chromeless?: boolean | "all" | undefined;
187
+ }, "size" | "unstyled"> & {
188
+ readonly unstyled?: boolean | undefined;
189
+ readonly size?: any;
190
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
191
+ readonly fullscreen?: boolean | undefined;
192
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
193
+ } & {
194
+ readonly backgrounded?: boolean | undefined;
195
+ readonly radiused?: boolean | undefined;
196
+ readonly hoverTheme?: boolean | undefined;
197
+ readonly pressTheme?: boolean | undefined;
198
+ readonly focusTheme?: boolean | undefined;
199
+ readonly circular?: boolean | undefined;
200
+ readonly padded?: boolean | undefined;
201
+ readonly elevate?: boolean | undefined;
202
+ readonly bordered?: number | boolean | undefined;
203
+ readonly transparent?: boolean | undefined;
204
+ readonly chromeless?: boolean | "all" | undefined;
205
+ }, "size" | "unstyled"> & {
206
+ readonly unstyled?: boolean | undefined;
207
+ readonly size?: any;
208
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
209
+ readonly fullscreen?: boolean | undefined;
210
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
211
+ } & {
212
+ readonly backgrounded?: boolean | undefined;
213
+ readonly radiused?: boolean | undefined;
214
+ readonly hoverTheme?: boolean | undefined;
215
+ readonly pressTheme?: boolean | undefined;
216
+ readonly focusTheme?: boolean | undefined;
217
+ readonly circular?: boolean | undefined;
218
+ readonly padded?: boolean | undefined;
219
+ readonly elevate?: boolean | undefined;
220
+ readonly bordered?: number | boolean | undefined;
221
+ readonly transparent?: boolean | undefined;
222
+ readonly chromeless?: boolean | "all" | undefined;
223
+ }, "size" | "unstyled"> & {
224
+ readonly unstyled?: boolean | undefined;
225
+ readonly size?: any;
226
+ }>> & {
227
+ axis?: "horizontal" | "vertical" | undefined;
228
+ scrollable?: boolean | undefined;
229
+ /**
230
+ * @default false
231
+ */
232
+ showScrollIndicator?: boolean | undefined;
233
+ disabled?: boolean | undefined;
234
+ disablePassBorderRadius?: DisablePassBorderRadius | undefined;
235
+ /**
236
+ * forces the group to use the Group.Item API
237
+ */
238
+ forceUseItem?: boolean | undefined;
239
+ } & {
240
+ __scopeGroup?: Scope;
241
+ } & React.RefAttributes<TamaguiElement>> & {
242
+ Item: (props: ScopedProps<{
243
+ children: React.ReactNode;
244
+ }>) => any;
245
+ };
246
+ export declare const XGroup: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
247
+ readonly fullscreen?: boolean | undefined;
248
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
249
+ } & {
250
+ readonly backgrounded?: boolean | undefined;
251
+ readonly radiused?: boolean | undefined;
252
+ readonly hoverTheme?: boolean | undefined;
253
+ readonly pressTheme?: boolean | undefined;
254
+ readonly focusTheme?: boolean | undefined;
255
+ readonly circular?: boolean | undefined;
256
+ readonly padded?: boolean | undefined;
257
+ readonly elevate?: boolean | undefined;
258
+ readonly bordered?: number | boolean | undefined;
259
+ readonly transparent?: boolean | undefined;
260
+ readonly chromeless?: boolean | "all" | undefined;
261
+ }, "size" | "unstyled"> & {
262
+ readonly unstyled?: boolean | undefined;
263
+ readonly size?: any;
264
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
265
+ readonly fullscreen?: boolean | undefined;
266
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
267
+ } & {
268
+ readonly backgrounded?: boolean | undefined;
269
+ readonly radiused?: boolean | undefined;
270
+ readonly hoverTheme?: boolean | undefined;
271
+ readonly pressTheme?: boolean | undefined;
272
+ readonly focusTheme?: boolean | undefined;
273
+ readonly circular?: boolean | undefined;
274
+ readonly padded?: boolean | undefined;
275
+ readonly elevate?: boolean | undefined;
276
+ readonly bordered?: number | boolean | undefined;
277
+ readonly transparent?: boolean | undefined;
278
+ readonly chromeless?: boolean | "all" | undefined;
279
+ }, "size" | "unstyled"> & {
280
+ readonly unstyled?: boolean | undefined;
281
+ readonly size?: any;
282
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
283
+ readonly fullscreen?: boolean | undefined;
284
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
285
+ } & {
286
+ readonly backgrounded?: boolean | undefined;
287
+ readonly radiused?: boolean | undefined;
288
+ readonly hoverTheme?: boolean | undefined;
289
+ readonly pressTheme?: boolean | undefined;
290
+ readonly focusTheme?: boolean | undefined;
291
+ readonly circular?: boolean | undefined;
292
+ readonly padded?: boolean | undefined;
293
+ readonly elevate?: boolean | undefined;
294
+ readonly bordered?: number | boolean | undefined;
295
+ readonly transparent?: boolean | undefined;
296
+ readonly chromeless?: boolean | "all" | undefined;
297
+ }, "size" | "unstyled"> & {
298
+ readonly unstyled?: boolean | undefined;
299
+ readonly size?: any;
300
+ }>> & {
301
+ axis?: "horizontal" | "vertical" | undefined;
302
+ scrollable?: boolean | undefined;
303
+ /**
304
+ * @default false
305
+ */
306
+ showScrollIndicator?: boolean | undefined;
307
+ disabled?: boolean | undefined;
308
+ disablePassBorderRadius?: DisablePassBorderRadius | undefined;
309
+ /**
310
+ * forces the group to use the Group.Item API
311
+ */
312
+ forceUseItem?: boolean | undefined;
313
+ } & {
314
+ __scopeGroup?: Scope;
315
+ } & React.RefAttributes<TamaguiElement>> & {
316
+ Item: (props: ScopedProps<{
317
+ children: React.ReactNode;
318
+ }>) => any;
319
+ };
320
+ export {};
321
+ //# sourceMappingURL=Group.d.ts.map
package/types/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Group';
2
+ //# sourceMappingURL=index.d.ts.map