@rehagro/ui 1.0.13 → 1.0.15
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.
- package/dist/index.d.mts +105 -82
- package/dist/index.d.ts +105 -82
- package/dist/index.js +48 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +48 -3
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.mts +64 -49
- package/dist/native.d.ts +64 -49
- package/dist/native.js +50 -17
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +50 -17
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/typography.css +1 -0
- package/package.json +4 -3
package/dist/native.d.mts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React$1 from 'react';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
3
4
|
import { PressableProps, StyleProp, ViewStyle, TextStyle, View, TextInputProps as TextInputProps$1, TextInput as TextInput$1, ViewProps, TextProps as TextProps$1, Text as Text$1 } from 'react-native';
|
|
4
5
|
import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.mjs';
|
|
5
6
|
|
|
@@ -37,6 +38,20 @@ type RehagroNativeTheme = {
|
|
|
37
38
|
inputHeightLg?: number;
|
|
38
39
|
fontFamilyBody?: string;
|
|
39
40
|
fontFamilyDisplay?: string;
|
|
41
|
+
fontSizeXs?: number;
|
|
42
|
+
fontSizeSm?: number;
|
|
43
|
+
fontSizeMd?: number;
|
|
44
|
+
fontSizeLg?: number;
|
|
45
|
+
fontSizeXl?: number;
|
|
46
|
+
fontSizeXxl?: number;
|
|
47
|
+
fontSizeXxl2?: number;
|
|
48
|
+
lineHeightXs?: number;
|
|
49
|
+
lineHeightSm?: number;
|
|
50
|
+
lineHeightMd?: number;
|
|
51
|
+
lineHeightLg?: number;
|
|
52
|
+
lineHeightXl?: number;
|
|
53
|
+
lineHeightXxl?: number;
|
|
54
|
+
lineHeightXxl2?: number;
|
|
40
55
|
};
|
|
41
56
|
type RehagroNativeProviderProps = {
|
|
42
57
|
/** Theme overrides — any token not provided keeps the default value */
|
|
@@ -63,17 +78,17 @@ type ButtonProps = Omit<PressableProps, "style"> & {
|
|
|
63
78
|
/** Shows loading state and disables interaction */
|
|
64
79
|
loading?: boolean;
|
|
65
80
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
66
|
-
leftIcon?:
|
|
81
|
+
leftIcon?: React__default.ReactNode;
|
|
67
82
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
68
|
-
rightIcon?:
|
|
83
|
+
rightIcon?: React__default.ReactNode;
|
|
69
84
|
/** Label text */
|
|
70
|
-
children?:
|
|
85
|
+
children?: React__default.ReactNode;
|
|
71
86
|
/** Custom style for the outer Pressable */
|
|
72
87
|
style?: StyleProp<ViewStyle>;
|
|
73
88
|
/** Custom style applied to the inner text label (string children only) */
|
|
74
89
|
labelStyle?: StyleProp<TextStyle>;
|
|
75
90
|
};
|
|
76
|
-
declare const Button:
|
|
91
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
77
92
|
/** Visual style variant */
|
|
78
93
|
variant?: ButtonVariant;
|
|
79
94
|
/** Button size */
|
|
@@ -85,16 +100,16 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<PressableProps, "st
|
|
|
85
100
|
/** Shows loading state and disables interaction */
|
|
86
101
|
loading?: boolean;
|
|
87
102
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
88
|
-
leftIcon?:
|
|
103
|
+
leftIcon?: React__default.ReactNode;
|
|
89
104
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
90
|
-
rightIcon?:
|
|
105
|
+
rightIcon?: React__default.ReactNode;
|
|
91
106
|
/** Label text */
|
|
92
|
-
children?:
|
|
107
|
+
children?: React__default.ReactNode;
|
|
93
108
|
/** Custom style for the outer Pressable */
|
|
94
109
|
style?: StyleProp<ViewStyle>;
|
|
95
110
|
/** Custom style applied to the inner text label (string children only) */
|
|
96
111
|
labelStyle?: StyleProp<TextStyle>;
|
|
97
|
-
} &
|
|
112
|
+
} & React__default.RefAttributes<View>>;
|
|
98
113
|
|
|
99
114
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
100
115
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
@@ -112,11 +127,11 @@ type IconButtonProps = Omit<PressableProps, "style"> & {
|
|
|
112
127
|
/** Shows loading state and disables interaction */
|
|
113
128
|
loading?: boolean;
|
|
114
129
|
/** Icon content */
|
|
115
|
-
children?:
|
|
130
|
+
children?: React__default.ReactNode;
|
|
116
131
|
/** Custom style for the outer Pressable */
|
|
117
132
|
style?: StyleProp<ViewStyle>;
|
|
118
133
|
};
|
|
119
|
-
declare const IconButton:
|
|
134
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
120
135
|
/** Visual style variant */
|
|
121
136
|
variant?: IconButtonVariant;
|
|
122
137
|
/** Button size */
|
|
@@ -128,10 +143,10 @@ declare const IconButton: React$1.ForwardRefExoticComponent<Omit<PressableProps,
|
|
|
128
143
|
/** Shows loading state and disables interaction */
|
|
129
144
|
loading?: boolean;
|
|
130
145
|
/** Icon content */
|
|
131
|
-
children?:
|
|
146
|
+
children?: React__default.ReactNode;
|
|
132
147
|
/** Custom style for the outer Pressable */
|
|
133
148
|
style?: StyleProp<ViewStyle>;
|
|
134
|
-
} &
|
|
149
|
+
} & React__default.RefAttributes<View>>;
|
|
135
150
|
|
|
136
151
|
type TextInputStatus = "default" | "error";
|
|
137
152
|
type TextInputSize = "sm" | "md" | "lg";
|
|
@@ -148,17 +163,17 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
|
148
163
|
/** Border radius */
|
|
149
164
|
radius?: TextInputRadius;
|
|
150
165
|
/** Icon rendered to the left of the input */
|
|
151
|
-
leftIcon?:
|
|
166
|
+
leftIcon?: React__default.ReactNode;
|
|
152
167
|
/** Icon rendered to the right of the input */
|
|
153
|
-
rightIcon?:
|
|
168
|
+
rightIcon?: React__default.ReactNode;
|
|
154
169
|
/** Helper/error message displayed below the input */
|
|
155
|
-
helperText?:
|
|
170
|
+
helperText?: React__default.ReactNode;
|
|
156
171
|
/** Custom style for the outermost wrapper */
|
|
157
172
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
158
173
|
/** Custom style for the input container */
|
|
159
174
|
style?: StyleProp<ViewStyle>;
|
|
160
175
|
};
|
|
161
|
-
declare const TextInput:
|
|
176
|
+
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
|
|
162
177
|
/** Label text displayed above the input */
|
|
163
178
|
label?: string;
|
|
164
179
|
/** Subtitle displayed next to the label */
|
|
@@ -170,16 +185,16 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps$1
|
|
|
170
185
|
/** Border radius */
|
|
171
186
|
radius?: TextInputRadius;
|
|
172
187
|
/** Icon rendered to the left of the input */
|
|
173
|
-
leftIcon?:
|
|
188
|
+
leftIcon?: React__default.ReactNode;
|
|
174
189
|
/** Icon rendered to the right of the input */
|
|
175
|
-
rightIcon?:
|
|
190
|
+
rightIcon?: React__default.ReactNode;
|
|
176
191
|
/** Helper/error message displayed below the input */
|
|
177
|
-
helperText?:
|
|
192
|
+
helperText?: React__default.ReactNode;
|
|
178
193
|
/** Custom style for the outermost wrapper */
|
|
179
194
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
180
195
|
/** Custom style for the input container */
|
|
181
196
|
style?: StyleProp<ViewStyle>;
|
|
182
|
-
} &
|
|
197
|
+
} & React__default.RefAttributes<TextInput$1>>;
|
|
183
198
|
|
|
184
199
|
type CheckboxSize = "sm" | "md" | "lg";
|
|
185
200
|
type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
@@ -198,7 +213,7 @@ type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
|
198
213
|
/** Custom style for the outer wrapper */
|
|
199
214
|
style?: StyleProp<ViewStyle>;
|
|
200
215
|
};
|
|
201
|
-
declare const Checkbox:
|
|
216
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
|
|
202
217
|
/** Checkbox size */
|
|
203
218
|
size?: CheckboxSize;
|
|
204
219
|
/** Label text displayed next to the checkbox */
|
|
@@ -213,7 +228,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<PressableProps, "
|
|
|
213
228
|
onChange?: (checked: boolean) => void;
|
|
214
229
|
/** Custom style for the outer wrapper */
|
|
215
230
|
style?: StyleProp<ViewStyle>;
|
|
216
|
-
} &
|
|
231
|
+
} & React__default.RefAttributes<View>>;
|
|
217
232
|
|
|
218
233
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
219
234
|
type AvatarVariant = "circle" | "square";
|
|
@@ -233,7 +248,7 @@ type AvatarProps = Omit<ViewProps, "style"> & {
|
|
|
233
248
|
/** Custom style for the outer wrapper */
|
|
234
249
|
style?: StyleProp<ViewStyle>;
|
|
235
250
|
};
|
|
236
|
-
declare const Avatar:
|
|
251
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
237
252
|
/** Image source URL */
|
|
238
253
|
src?: string;
|
|
239
254
|
/** Alt text (used as accessibility label and initials fallback) */
|
|
@@ -248,7 +263,7 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<ViewProps, "style">
|
|
|
248
263
|
colorFromName?: boolean;
|
|
249
264
|
/** Custom style for the outer wrapper */
|
|
250
265
|
style?: StyleProp<ViewStyle>;
|
|
251
|
-
} &
|
|
266
|
+
} & React__default.RefAttributes<View>>;
|
|
252
267
|
|
|
253
268
|
type ActivityIndicatorSize = "sm" | "md" | "lg";
|
|
254
269
|
type ActivityIndicatorColor = "primary" | "surface" | "custom";
|
|
@@ -264,7 +279,7 @@ type ActivityIndicatorProps = Omit<ViewProps, "style"> & {
|
|
|
264
279
|
/** Custom style for the outer wrapper */
|
|
265
280
|
style?: StyleProp<ViewStyle>;
|
|
266
281
|
};
|
|
267
|
-
declare const ActivityIndicator:
|
|
282
|
+
declare const ActivityIndicator: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
268
283
|
/** Spinner size */
|
|
269
284
|
size?: ActivityIndicatorSize;
|
|
270
285
|
/** Color preset — use "custom" to provide a raw color via `color` prop */
|
|
@@ -275,13 +290,13 @@ declare const ActivityIndicator: React$1.ForwardRefExoticComponent<Omit<ViewProp
|
|
|
275
290
|
animating?: boolean;
|
|
276
291
|
/** Custom style for the outer wrapper */
|
|
277
292
|
style?: StyleProp<ViewStyle>;
|
|
278
|
-
} &
|
|
293
|
+
} & React__default.RefAttributes<View>>;
|
|
279
294
|
|
|
280
|
-
type
|
|
295
|
+
type TextSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxl2";
|
|
281
296
|
type TextColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
|
|
282
297
|
type TextProps = Omit<TextProps$1, "style"> & {
|
|
283
|
-
/**
|
|
284
|
-
|
|
298
|
+
/** Font size scale */
|
|
299
|
+
size?: TextSize;
|
|
285
300
|
/** Color preset */
|
|
286
301
|
color?: TextColor;
|
|
287
302
|
/** Bold weight */
|
|
@@ -290,8 +305,8 @@ type TextProps = Omit<TextProps$1, "style"> & {
|
|
|
290
305
|
style?: StyleProp<TextStyle>;
|
|
291
306
|
};
|
|
292
307
|
declare const Text: React$1.ForwardRefExoticComponent<Omit<TextProps$1, "style"> & {
|
|
293
|
-
/**
|
|
294
|
-
|
|
308
|
+
/** Font size scale */
|
|
309
|
+
size?: TextSize;
|
|
295
310
|
/** Color preset */
|
|
296
311
|
color?: TextColor;
|
|
297
312
|
/** Bold weight */
|
|
@@ -314,13 +329,13 @@ type TagProps = Omit<PressableProps, "style"> & {
|
|
|
314
329
|
/** Tag label text */
|
|
315
330
|
title: string;
|
|
316
331
|
/** Optional icon rendered on the left side */
|
|
317
|
-
leftIcon?:
|
|
332
|
+
leftIcon?: React__default.ReactNode;
|
|
318
333
|
/** Optional icon rendered on the right side */
|
|
319
|
-
rightIcon?:
|
|
334
|
+
rightIcon?: React__default.ReactNode;
|
|
320
335
|
/** Custom style for the outer container */
|
|
321
336
|
style?: StyleProp<ViewStyle>;
|
|
322
337
|
};
|
|
323
|
-
declare const Tag:
|
|
338
|
+
declare const Tag: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
324
339
|
/** Tag color — preset name or any CSS color (e.g., "#c3c3c3", "red") */
|
|
325
340
|
color?: TagColor;
|
|
326
341
|
/** Tag size */
|
|
@@ -332,12 +347,12 @@ declare const Tag: React$1.ForwardRefExoticComponent<Omit<PressableProps, "style
|
|
|
332
347
|
/** Tag label text */
|
|
333
348
|
title: string;
|
|
334
349
|
/** Optional icon rendered on the left side */
|
|
335
|
-
leftIcon?:
|
|
350
|
+
leftIcon?: React__default.ReactNode;
|
|
336
351
|
/** Optional icon rendered on the right side */
|
|
337
|
-
rightIcon?:
|
|
352
|
+
rightIcon?: React__default.ReactNode;
|
|
338
353
|
/** Custom style for the outer container */
|
|
339
354
|
style?: StyleProp<ViewStyle>;
|
|
340
|
-
} &
|
|
355
|
+
} & React__default.RefAttributes<View>>;
|
|
341
356
|
|
|
342
357
|
type CardVariant = "elevated" | "outlined" | "filled";
|
|
343
358
|
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -354,11 +369,11 @@ type CardProps = Omit<PressableProps, "style"> & {
|
|
|
354
369
|
/** Disabled state (only applies when clickable) */
|
|
355
370
|
disabled?: boolean;
|
|
356
371
|
/** Children content */
|
|
357
|
-
children?:
|
|
372
|
+
children?: React__default.ReactNode;
|
|
358
373
|
/** Custom style */
|
|
359
374
|
style?: StyleProp<ViewStyle>;
|
|
360
375
|
};
|
|
361
|
-
declare const Card:
|
|
376
|
+
declare const Card: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
362
377
|
/** Visual style variant */
|
|
363
378
|
variant?: CardVariant;
|
|
364
379
|
/** Border radius */
|
|
@@ -370,24 +385,24 @@ declare const Card: React$1.ForwardRefExoticComponent<Omit<PressableProps, "styl
|
|
|
370
385
|
/** Disabled state (only applies when clickable) */
|
|
371
386
|
disabled?: boolean;
|
|
372
387
|
/** Children content */
|
|
373
|
-
children?:
|
|
388
|
+
children?: React__default.ReactNode;
|
|
374
389
|
/** Custom style */
|
|
375
390
|
style?: StyleProp<ViewStyle>;
|
|
376
|
-
} &
|
|
391
|
+
} & React__default.RefAttributes<View>>;
|
|
377
392
|
type CardHeaderProps = {
|
|
378
|
-
children?:
|
|
393
|
+
children?: React__default.ReactNode;
|
|
379
394
|
style?: StyleProp<ViewStyle>;
|
|
380
395
|
};
|
|
381
|
-
declare const CardHeader:
|
|
396
|
+
declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<View>>;
|
|
382
397
|
type CardContentProps = {
|
|
383
|
-
children?:
|
|
398
|
+
children?: React__default.ReactNode;
|
|
384
399
|
style?: StyleProp<ViewStyle>;
|
|
385
400
|
};
|
|
386
|
-
declare const CardContent:
|
|
401
|
+
declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<View>>;
|
|
387
402
|
type CardFooterProps = {
|
|
388
|
-
children?:
|
|
403
|
+
children?: React__default.ReactNode;
|
|
389
404
|
style?: StyleProp<ViewStyle>;
|
|
390
405
|
};
|
|
391
|
-
declare const CardFooter:
|
|
406
|
+
declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<View>>;
|
|
392
407
|
|
|
393
|
-
export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type
|
|
408
|
+
export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type TextSize, useRehagroTheme };
|
package/dist/native.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React$1 from 'react';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
3
4
|
import { PressableProps, StyleProp, ViewStyle, TextStyle, View, TextInputProps as TextInputProps$1, TextInput as TextInput$1, ViewProps, TextProps as TextProps$1, Text as Text$1 } from 'react-native';
|
|
4
5
|
import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.js';
|
|
5
6
|
|
|
@@ -37,6 +38,20 @@ type RehagroNativeTheme = {
|
|
|
37
38
|
inputHeightLg?: number;
|
|
38
39
|
fontFamilyBody?: string;
|
|
39
40
|
fontFamilyDisplay?: string;
|
|
41
|
+
fontSizeXs?: number;
|
|
42
|
+
fontSizeSm?: number;
|
|
43
|
+
fontSizeMd?: number;
|
|
44
|
+
fontSizeLg?: number;
|
|
45
|
+
fontSizeXl?: number;
|
|
46
|
+
fontSizeXxl?: number;
|
|
47
|
+
fontSizeXxl2?: number;
|
|
48
|
+
lineHeightXs?: number;
|
|
49
|
+
lineHeightSm?: number;
|
|
50
|
+
lineHeightMd?: number;
|
|
51
|
+
lineHeightLg?: number;
|
|
52
|
+
lineHeightXl?: number;
|
|
53
|
+
lineHeightXxl?: number;
|
|
54
|
+
lineHeightXxl2?: number;
|
|
40
55
|
};
|
|
41
56
|
type RehagroNativeProviderProps = {
|
|
42
57
|
/** Theme overrides — any token not provided keeps the default value */
|
|
@@ -63,17 +78,17 @@ type ButtonProps = Omit<PressableProps, "style"> & {
|
|
|
63
78
|
/** Shows loading state and disables interaction */
|
|
64
79
|
loading?: boolean;
|
|
65
80
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
66
|
-
leftIcon?:
|
|
81
|
+
leftIcon?: React__default.ReactNode;
|
|
67
82
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
68
|
-
rightIcon?:
|
|
83
|
+
rightIcon?: React__default.ReactNode;
|
|
69
84
|
/** Label text */
|
|
70
|
-
children?:
|
|
85
|
+
children?: React__default.ReactNode;
|
|
71
86
|
/** Custom style for the outer Pressable */
|
|
72
87
|
style?: StyleProp<ViewStyle>;
|
|
73
88
|
/** Custom style applied to the inner text label (string children only) */
|
|
74
89
|
labelStyle?: StyleProp<TextStyle>;
|
|
75
90
|
};
|
|
76
|
-
declare const Button:
|
|
91
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
77
92
|
/** Visual style variant */
|
|
78
93
|
variant?: ButtonVariant;
|
|
79
94
|
/** Button size */
|
|
@@ -85,16 +100,16 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<PressableProps, "st
|
|
|
85
100
|
/** Shows loading state and disables interaction */
|
|
86
101
|
loading?: boolean;
|
|
87
102
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
88
|
-
leftIcon?:
|
|
103
|
+
leftIcon?: React__default.ReactNode;
|
|
89
104
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
90
|
-
rightIcon?:
|
|
105
|
+
rightIcon?: React__default.ReactNode;
|
|
91
106
|
/** Label text */
|
|
92
|
-
children?:
|
|
107
|
+
children?: React__default.ReactNode;
|
|
93
108
|
/** Custom style for the outer Pressable */
|
|
94
109
|
style?: StyleProp<ViewStyle>;
|
|
95
110
|
/** Custom style applied to the inner text label (string children only) */
|
|
96
111
|
labelStyle?: StyleProp<TextStyle>;
|
|
97
|
-
} &
|
|
112
|
+
} & React__default.RefAttributes<View>>;
|
|
98
113
|
|
|
99
114
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
100
115
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
@@ -112,11 +127,11 @@ type IconButtonProps = Omit<PressableProps, "style"> & {
|
|
|
112
127
|
/** Shows loading state and disables interaction */
|
|
113
128
|
loading?: boolean;
|
|
114
129
|
/** Icon content */
|
|
115
|
-
children?:
|
|
130
|
+
children?: React__default.ReactNode;
|
|
116
131
|
/** Custom style for the outer Pressable */
|
|
117
132
|
style?: StyleProp<ViewStyle>;
|
|
118
133
|
};
|
|
119
|
-
declare const IconButton:
|
|
134
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
120
135
|
/** Visual style variant */
|
|
121
136
|
variant?: IconButtonVariant;
|
|
122
137
|
/** Button size */
|
|
@@ -128,10 +143,10 @@ declare const IconButton: React$1.ForwardRefExoticComponent<Omit<PressableProps,
|
|
|
128
143
|
/** Shows loading state and disables interaction */
|
|
129
144
|
loading?: boolean;
|
|
130
145
|
/** Icon content */
|
|
131
|
-
children?:
|
|
146
|
+
children?: React__default.ReactNode;
|
|
132
147
|
/** Custom style for the outer Pressable */
|
|
133
148
|
style?: StyleProp<ViewStyle>;
|
|
134
|
-
} &
|
|
149
|
+
} & React__default.RefAttributes<View>>;
|
|
135
150
|
|
|
136
151
|
type TextInputStatus = "default" | "error";
|
|
137
152
|
type TextInputSize = "sm" | "md" | "lg";
|
|
@@ -148,17 +163,17 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
|
148
163
|
/** Border radius */
|
|
149
164
|
radius?: TextInputRadius;
|
|
150
165
|
/** Icon rendered to the left of the input */
|
|
151
|
-
leftIcon?:
|
|
166
|
+
leftIcon?: React__default.ReactNode;
|
|
152
167
|
/** Icon rendered to the right of the input */
|
|
153
|
-
rightIcon?:
|
|
168
|
+
rightIcon?: React__default.ReactNode;
|
|
154
169
|
/** Helper/error message displayed below the input */
|
|
155
|
-
helperText?:
|
|
170
|
+
helperText?: React__default.ReactNode;
|
|
156
171
|
/** Custom style for the outermost wrapper */
|
|
157
172
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
158
173
|
/** Custom style for the input container */
|
|
159
174
|
style?: StyleProp<ViewStyle>;
|
|
160
175
|
};
|
|
161
|
-
declare const TextInput:
|
|
176
|
+
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
|
|
162
177
|
/** Label text displayed above the input */
|
|
163
178
|
label?: string;
|
|
164
179
|
/** Subtitle displayed next to the label */
|
|
@@ -170,16 +185,16 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps$1
|
|
|
170
185
|
/** Border radius */
|
|
171
186
|
radius?: TextInputRadius;
|
|
172
187
|
/** Icon rendered to the left of the input */
|
|
173
|
-
leftIcon?:
|
|
188
|
+
leftIcon?: React__default.ReactNode;
|
|
174
189
|
/** Icon rendered to the right of the input */
|
|
175
|
-
rightIcon?:
|
|
190
|
+
rightIcon?: React__default.ReactNode;
|
|
176
191
|
/** Helper/error message displayed below the input */
|
|
177
|
-
helperText?:
|
|
192
|
+
helperText?: React__default.ReactNode;
|
|
178
193
|
/** Custom style for the outermost wrapper */
|
|
179
194
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
180
195
|
/** Custom style for the input container */
|
|
181
196
|
style?: StyleProp<ViewStyle>;
|
|
182
|
-
} &
|
|
197
|
+
} & React__default.RefAttributes<TextInput$1>>;
|
|
183
198
|
|
|
184
199
|
type CheckboxSize = "sm" | "md" | "lg";
|
|
185
200
|
type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
@@ -198,7 +213,7 @@ type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
|
198
213
|
/** Custom style for the outer wrapper */
|
|
199
214
|
style?: StyleProp<ViewStyle>;
|
|
200
215
|
};
|
|
201
|
-
declare const Checkbox:
|
|
216
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
|
|
202
217
|
/** Checkbox size */
|
|
203
218
|
size?: CheckboxSize;
|
|
204
219
|
/** Label text displayed next to the checkbox */
|
|
@@ -213,7 +228,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<PressableProps, "
|
|
|
213
228
|
onChange?: (checked: boolean) => void;
|
|
214
229
|
/** Custom style for the outer wrapper */
|
|
215
230
|
style?: StyleProp<ViewStyle>;
|
|
216
|
-
} &
|
|
231
|
+
} & React__default.RefAttributes<View>>;
|
|
217
232
|
|
|
218
233
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
219
234
|
type AvatarVariant = "circle" | "square";
|
|
@@ -233,7 +248,7 @@ type AvatarProps = Omit<ViewProps, "style"> & {
|
|
|
233
248
|
/** Custom style for the outer wrapper */
|
|
234
249
|
style?: StyleProp<ViewStyle>;
|
|
235
250
|
};
|
|
236
|
-
declare const Avatar:
|
|
251
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
237
252
|
/** Image source URL */
|
|
238
253
|
src?: string;
|
|
239
254
|
/** Alt text (used as accessibility label and initials fallback) */
|
|
@@ -248,7 +263,7 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<ViewProps, "style">
|
|
|
248
263
|
colorFromName?: boolean;
|
|
249
264
|
/** Custom style for the outer wrapper */
|
|
250
265
|
style?: StyleProp<ViewStyle>;
|
|
251
|
-
} &
|
|
266
|
+
} & React__default.RefAttributes<View>>;
|
|
252
267
|
|
|
253
268
|
type ActivityIndicatorSize = "sm" | "md" | "lg";
|
|
254
269
|
type ActivityIndicatorColor = "primary" | "surface" | "custom";
|
|
@@ -264,7 +279,7 @@ type ActivityIndicatorProps = Omit<ViewProps, "style"> & {
|
|
|
264
279
|
/** Custom style for the outer wrapper */
|
|
265
280
|
style?: StyleProp<ViewStyle>;
|
|
266
281
|
};
|
|
267
|
-
declare const ActivityIndicator:
|
|
282
|
+
declare const ActivityIndicator: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
268
283
|
/** Spinner size */
|
|
269
284
|
size?: ActivityIndicatorSize;
|
|
270
285
|
/** Color preset — use "custom" to provide a raw color via `color` prop */
|
|
@@ -275,13 +290,13 @@ declare const ActivityIndicator: React$1.ForwardRefExoticComponent<Omit<ViewProp
|
|
|
275
290
|
animating?: boolean;
|
|
276
291
|
/** Custom style for the outer wrapper */
|
|
277
292
|
style?: StyleProp<ViewStyle>;
|
|
278
|
-
} &
|
|
293
|
+
} & React__default.RefAttributes<View>>;
|
|
279
294
|
|
|
280
|
-
type
|
|
295
|
+
type TextSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxl2";
|
|
281
296
|
type TextColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
|
|
282
297
|
type TextProps = Omit<TextProps$1, "style"> & {
|
|
283
|
-
/**
|
|
284
|
-
|
|
298
|
+
/** Font size scale */
|
|
299
|
+
size?: TextSize;
|
|
285
300
|
/** Color preset */
|
|
286
301
|
color?: TextColor;
|
|
287
302
|
/** Bold weight */
|
|
@@ -290,8 +305,8 @@ type TextProps = Omit<TextProps$1, "style"> & {
|
|
|
290
305
|
style?: StyleProp<TextStyle>;
|
|
291
306
|
};
|
|
292
307
|
declare const Text: React$1.ForwardRefExoticComponent<Omit<TextProps$1, "style"> & {
|
|
293
|
-
/**
|
|
294
|
-
|
|
308
|
+
/** Font size scale */
|
|
309
|
+
size?: TextSize;
|
|
295
310
|
/** Color preset */
|
|
296
311
|
color?: TextColor;
|
|
297
312
|
/** Bold weight */
|
|
@@ -314,13 +329,13 @@ type TagProps = Omit<PressableProps, "style"> & {
|
|
|
314
329
|
/** Tag label text */
|
|
315
330
|
title: string;
|
|
316
331
|
/** Optional icon rendered on the left side */
|
|
317
|
-
leftIcon?:
|
|
332
|
+
leftIcon?: React__default.ReactNode;
|
|
318
333
|
/** Optional icon rendered on the right side */
|
|
319
|
-
rightIcon?:
|
|
334
|
+
rightIcon?: React__default.ReactNode;
|
|
320
335
|
/** Custom style for the outer container */
|
|
321
336
|
style?: StyleProp<ViewStyle>;
|
|
322
337
|
};
|
|
323
|
-
declare const Tag:
|
|
338
|
+
declare const Tag: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
324
339
|
/** Tag color — preset name or any CSS color (e.g., "#c3c3c3", "red") */
|
|
325
340
|
color?: TagColor;
|
|
326
341
|
/** Tag size */
|
|
@@ -332,12 +347,12 @@ declare const Tag: React$1.ForwardRefExoticComponent<Omit<PressableProps, "style
|
|
|
332
347
|
/** Tag label text */
|
|
333
348
|
title: string;
|
|
334
349
|
/** Optional icon rendered on the left side */
|
|
335
|
-
leftIcon?:
|
|
350
|
+
leftIcon?: React__default.ReactNode;
|
|
336
351
|
/** Optional icon rendered on the right side */
|
|
337
|
-
rightIcon?:
|
|
352
|
+
rightIcon?: React__default.ReactNode;
|
|
338
353
|
/** Custom style for the outer container */
|
|
339
354
|
style?: StyleProp<ViewStyle>;
|
|
340
|
-
} &
|
|
355
|
+
} & React__default.RefAttributes<View>>;
|
|
341
356
|
|
|
342
357
|
type CardVariant = "elevated" | "outlined" | "filled";
|
|
343
358
|
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -354,11 +369,11 @@ type CardProps = Omit<PressableProps, "style"> & {
|
|
|
354
369
|
/** Disabled state (only applies when clickable) */
|
|
355
370
|
disabled?: boolean;
|
|
356
371
|
/** Children content */
|
|
357
|
-
children?:
|
|
372
|
+
children?: React__default.ReactNode;
|
|
358
373
|
/** Custom style */
|
|
359
374
|
style?: StyleProp<ViewStyle>;
|
|
360
375
|
};
|
|
361
|
-
declare const Card:
|
|
376
|
+
declare const Card: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
362
377
|
/** Visual style variant */
|
|
363
378
|
variant?: CardVariant;
|
|
364
379
|
/** Border radius */
|
|
@@ -370,24 +385,24 @@ declare const Card: React$1.ForwardRefExoticComponent<Omit<PressableProps, "styl
|
|
|
370
385
|
/** Disabled state (only applies when clickable) */
|
|
371
386
|
disabled?: boolean;
|
|
372
387
|
/** Children content */
|
|
373
|
-
children?:
|
|
388
|
+
children?: React__default.ReactNode;
|
|
374
389
|
/** Custom style */
|
|
375
390
|
style?: StyleProp<ViewStyle>;
|
|
376
|
-
} &
|
|
391
|
+
} & React__default.RefAttributes<View>>;
|
|
377
392
|
type CardHeaderProps = {
|
|
378
|
-
children?:
|
|
393
|
+
children?: React__default.ReactNode;
|
|
379
394
|
style?: StyleProp<ViewStyle>;
|
|
380
395
|
};
|
|
381
|
-
declare const CardHeader:
|
|
396
|
+
declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<View>>;
|
|
382
397
|
type CardContentProps = {
|
|
383
|
-
children?:
|
|
398
|
+
children?: React__default.ReactNode;
|
|
384
399
|
style?: StyleProp<ViewStyle>;
|
|
385
400
|
};
|
|
386
|
-
declare const CardContent:
|
|
401
|
+
declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<View>>;
|
|
387
402
|
type CardFooterProps = {
|
|
388
|
-
children?:
|
|
403
|
+
children?: React__default.ReactNode;
|
|
389
404
|
style?: StyleProp<ViewStyle>;
|
|
390
405
|
};
|
|
391
|
-
declare const CardFooter:
|
|
406
|
+
declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<View>>;
|
|
392
407
|
|
|
393
|
-
export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type
|
|
408
|
+
export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type TextSize, useRehagroTheme };
|