@rehagro/ui 1.0.14 → 1.0.16
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 +83 -83
- package/dist/index.d.ts +83 -83
- package/dist/native.d.mts +68 -49
- package/dist/native.d.ts +68 -49
- package/dist/native.js +61 -18
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +61 -18
- package/dist/native.mjs.map +1 -1
- package/package.json +1 -1
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,19 @@ 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>;
|
|
90
|
+
/** Background color when the button is pressed (overrides default pressed color) */
|
|
91
|
+
pressedColor?: string;
|
|
75
92
|
};
|
|
76
|
-
declare const Button:
|
|
93
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
77
94
|
/** Visual style variant */
|
|
78
95
|
variant?: ButtonVariant;
|
|
79
96
|
/** Button size */
|
|
@@ -85,16 +102,18 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<PressableProps, "st
|
|
|
85
102
|
/** Shows loading state and disables interaction */
|
|
86
103
|
loading?: boolean;
|
|
87
104
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
88
|
-
leftIcon?:
|
|
105
|
+
leftIcon?: React__default.ReactNode;
|
|
89
106
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
90
|
-
rightIcon?:
|
|
107
|
+
rightIcon?: React__default.ReactNode;
|
|
91
108
|
/** Label text */
|
|
92
|
-
children?:
|
|
109
|
+
children?: React__default.ReactNode;
|
|
93
110
|
/** Custom style for the outer Pressable */
|
|
94
111
|
style?: StyleProp<ViewStyle>;
|
|
95
112
|
/** Custom style applied to the inner text label (string children only) */
|
|
96
113
|
labelStyle?: StyleProp<TextStyle>;
|
|
97
|
-
|
|
114
|
+
/** Background color when the button is pressed (overrides default pressed color) */
|
|
115
|
+
pressedColor?: string;
|
|
116
|
+
} & React__default.RefAttributes<View>>;
|
|
98
117
|
|
|
99
118
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
100
119
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
@@ -112,11 +131,11 @@ type IconButtonProps = Omit<PressableProps, "style"> & {
|
|
|
112
131
|
/** Shows loading state and disables interaction */
|
|
113
132
|
loading?: boolean;
|
|
114
133
|
/** Icon content */
|
|
115
|
-
children?:
|
|
134
|
+
children?: React__default.ReactNode;
|
|
116
135
|
/** Custom style for the outer Pressable */
|
|
117
136
|
style?: StyleProp<ViewStyle>;
|
|
118
137
|
};
|
|
119
|
-
declare const IconButton:
|
|
138
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
120
139
|
/** Visual style variant */
|
|
121
140
|
variant?: IconButtonVariant;
|
|
122
141
|
/** Button size */
|
|
@@ -128,10 +147,10 @@ declare const IconButton: React$1.ForwardRefExoticComponent<Omit<PressableProps,
|
|
|
128
147
|
/** Shows loading state and disables interaction */
|
|
129
148
|
loading?: boolean;
|
|
130
149
|
/** Icon content */
|
|
131
|
-
children?:
|
|
150
|
+
children?: React__default.ReactNode;
|
|
132
151
|
/** Custom style for the outer Pressable */
|
|
133
152
|
style?: StyleProp<ViewStyle>;
|
|
134
|
-
} &
|
|
153
|
+
} & React__default.RefAttributes<View>>;
|
|
135
154
|
|
|
136
155
|
type TextInputStatus = "default" | "error";
|
|
137
156
|
type TextInputSize = "sm" | "md" | "lg";
|
|
@@ -148,17 +167,17 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
|
148
167
|
/** Border radius */
|
|
149
168
|
radius?: TextInputRadius;
|
|
150
169
|
/** Icon rendered to the left of the input */
|
|
151
|
-
leftIcon?:
|
|
170
|
+
leftIcon?: React__default.ReactNode;
|
|
152
171
|
/** Icon rendered to the right of the input */
|
|
153
|
-
rightIcon?:
|
|
172
|
+
rightIcon?: React__default.ReactNode;
|
|
154
173
|
/** Helper/error message displayed below the input */
|
|
155
|
-
helperText?:
|
|
174
|
+
helperText?: React__default.ReactNode;
|
|
156
175
|
/** Custom style for the outermost wrapper */
|
|
157
176
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
158
177
|
/** Custom style for the input container */
|
|
159
178
|
style?: StyleProp<ViewStyle>;
|
|
160
179
|
};
|
|
161
|
-
declare const TextInput:
|
|
180
|
+
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
|
|
162
181
|
/** Label text displayed above the input */
|
|
163
182
|
label?: string;
|
|
164
183
|
/** Subtitle displayed next to the label */
|
|
@@ -170,16 +189,16 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps$1
|
|
|
170
189
|
/** Border radius */
|
|
171
190
|
radius?: TextInputRadius;
|
|
172
191
|
/** Icon rendered to the left of the input */
|
|
173
|
-
leftIcon?:
|
|
192
|
+
leftIcon?: React__default.ReactNode;
|
|
174
193
|
/** Icon rendered to the right of the input */
|
|
175
|
-
rightIcon?:
|
|
194
|
+
rightIcon?: React__default.ReactNode;
|
|
176
195
|
/** Helper/error message displayed below the input */
|
|
177
|
-
helperText?:
|
|
196
|
+
helperText?: React__default.ReactNode;
|
|
178
197
|
/** Custom style for the outermost wrapper */
|
|
179
198
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
180
199
|
/** Custom style for the input container */
|
|
181
200
|
style?: StyleProp<ViewStyle>;
|
|
182
|
-
} &
|
|
201
|
+
} & React__default.RefAttributes<TextInput$1>>;
|
|
183
202
|
|
|
184
203
|
type CheckboxSize = "sm" | "md" | "lg";
|
|
185
204
|
type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
@@ -198,7 +217,7 @@ type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
|
198
217
|
/** Custom style for the outer wrapper */
|
|
199
218
|
style?: StyleProp<ViewStyle>;
|
|
200
219
|
};
|
|
201
|
-
declare const Checkbox:
|
|
220
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
|
|
202
221
|
/** Checkbox size */
|
|
203
222
|
size?: CheckboxSize;
|
|
204
223
|
/** Label text displayed next to the checkbox */
|
|
@@ -213,7 +232,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<PressableProps, "
|
|
|
213
232
|
onChange?: (checked: boolean) => void;
|
|
214
233
|
/** Custom style for the outer wrapper */
|
|
215
234
|
style?: StyleProp<ViewStyle>;
|
|
216
|
-
} &
|
|
235
|
+
} & React__default.RefAttributes<View>>;
|
|
217
236
|
|
|
218
237
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
219
238
|
type AvatarVariant = "circle" | "square";
|
|
@@ -233,7 +252,7 @@ type AvatarProps = Omit<ViewProps, "style"> & {
|
|
|
233
252
|
/** Custom style for the outer wrapper */
|
|
234
253
|
style?: StyleProp<ViewStyle>;
|
|
235
254
|
};
|
|
236
|
-
declare const Avatar:
|
|
255
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
237
256
|
/** Image source URL */
|
|
238
257
|
src?: string;
|
|
239
258
|
/** Alt text (used as accessibility label and initials fallback) */
|
|
@@ -248,7 +267,7 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<ViewProps, "style">
|
|
|
248
267
|
colorFromName?: boolean;
|
|
249
268
|
/** Custom style for the outer wrapper */
|
|
250
269
|
style?: StyleProp<ViewStyle>;
|
|
251
|
-
} &
|
|
270
|
+
} & React__default.RefAttributes<View>>;
|
|
252
271
|
|
|
253
272
|
type ActivityIndicatorSize = "sm" | "md" | "lg";
|
|
254
273
|
type ActivityIndicatorColor = "primary" | "surface" | "custom";
|
|
@@ -264,7 +283,7 @@ type ActivityIndicatorProps = Omit<ViewProps, "style"> & {
|
|
|
264
283
|
/** Custom style for the outer wrapper */
|
|
265
284
|
style?: StyleProp<ViewStyle>;
|
|
266
285
|
};
|
|
267
|
-
declare const ActivityIndicator:
|
|
286
|
+
declare const ActivityIndicator: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
268
287
|
/** Spinner size */
|
|
269
288
|
size?: ActivityIndicatorSize;
|
|
270
289
|
/** Color preset — use "custom" to provide a raw color via `color` prop */
|
|
@@ -275,13 +294,13 @@ declare const ActivityIndicator: React$1.ForwardRefExoticComponent<Omit<ViewProp
|
|
|
275
294
|
animating?: boolean;
|
|
276
295
|
/** Custom style for the outer wrapper */
|
|
277
296
|
style?: StyleProp<ViewStyle>;
|
|
278
|
-
} &
|
|
297
|
+
} & React__default.RefAttributes<View>>;
|
|
279
298
|
|
|
280
|
-
type
|
|
299
|
+
type TextSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxl2";
|
|
281
300
|
type TextColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
|
|
282
301
|
type TextProps = Omit<TextProps$1, "style"> & {
|
|
283
|
-
/**
|
|
284
|
-
|
|
302
|
+
/** Font size scale */
|
|
303
|
+
size?: TextSize;
|
|
285
304
|
/** Color preset */
|
|
286
305
|
color?: TextColor;
|
|
287
306
|
/** Bold weight */
|
|
@@ -290,8 +309,8 @@ type TextProps = Omit<TextProps$1, "style"> & {
|
|
|
290
309
|
style?: StyleProp<TextStyle>;
|
|
291
310
|
};
|
|
292
311
|
declare const Text: React$1.ForwardRefExoticComponent<Omit<TextProps$1, "style"> & {
|
|
293
|
-
/**
|
|
294
|
-
|
|
312
|
+
/** Font size scale */
|
|
313
|
+
size?: TextSize;
|
|
295
314
|
/** Color preset */
|
|
296
315
|
color?: TextColor;
|
|
297
316
|
/** Bold weight */
|
|
@@ -314,13 +333,13 @@ type TagProps = Omit<PressableProps, "style"> & {
|
|
|
314
333
|
/** Tag label text */
|
|
315
334
|
title: string;
|
|
316
335
|
/** Optional icon rendered on the left side */
|
|
317
|
-
leftIcon?:
|
|
336
|
+
leftIcon?: React__default.ReactNode;
|
|
318
337
|
/** Optional icon rendered on the right side */
|
|
319
|
-
rightIcon?:
|
|
338
|
+
rightIcon?: React__default.ReactNode;
|
|
320
339
|
/** Custom style for the outer container */
|
|
321
340
|
style?: StyleProp<ViewStyle>;
|
|
322
341
|
};
|
|
323
|
-
declare const Tag:
|
|
342
|
+
declare const Tag: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
324
343
|
/** Tag color — preset name or any CSS color (e.g., "#c3c3c3", "red") */
|
|
325
344
|
color?: TagColor;
|
|
326
345
|
/** Tag size */
|
|
@@ -332,12 +351,12 @@ declare const Tag: React$1.ForwardRefExoticComponent<Omit<PressableProps, "style
|
|
|
332
351
|
/** Tag label text */
|
|
333
352
|
title: string;
|
|
334
353
|
/** Optional icon rendered on the left side */
|
|
335
|
-
leftIcon?:
|
|
354
|
+
leftIcon?: React__default.ReactNode;
|
|
336
355
|
/** Optional icon rendered on the right side */
|
|
337
|
-
rightIcon?:
|
|
356
|
+
rightIcon?: React__default.ReactNode;
|
|
338
357
|
/** Custom style for the outer container */
|
|
339
358
|
style?: StyleProp<ViewStyle>;
|
|
340
|
-
} &
|
|
359
|
+
} & React__default.RefAttributes<View>>;
|
|
341
360
|
|
|
342
361
|
type CardVariant = "elevated" | "outlined" | "filled";
|
|
343
362
|
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -354,11 +373,11 @@ type CardProps = Omit<PressableProps, "style"> & {
|
|
|
354
373
|
/** Disabled state (only applies when clickable) */
|
|
355
374
|
disabled?: boolean;
|
|
356
375
|
/** Children content */
|
|
357
|
-
children?:
|
|
376
|
+
children?: React__default.ReactNode;
|
|
358
377
|
/** Custom style */
|
|
359
378
|
style?: StyleProp<ViewStyle>;
|
|
360
379
|
};
|
|
361
|
-
declare const Card:
|
|
380
|
+
declare const Card: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
362
381
|
/** Visual style variant */
|
|
363
382
|
variant?: CardVariant;
|
|
364
383
|
/** Border radius */
|
|
@@ -370,24 +389,24 @@ declare const Card: React$1.ForwardRefExoticComponent<Omit<PressableProps, "styl
|
|
|
370
389
|
/** Disabled state (only applies when clickable) */
|
|
371
390
|
disabled?: boolean;
|
|
372
391
|
/** Children content */
|
|
373
|
-
children?:
|
|
392
|
+
children?: React__default.ReactNode;
|
|
374
393
|
/** Custom style */
|
|
375
394
|
style?: StyleProp<ViewStyle>;
|
|
376
|
-
} &
|
|
395
|
+
} & React__default.RefAttributes<View>>;
|
|
377
396
|
type CardHeaderProps = {
|
|
378
|
-
children?:
|
|
397
|
+
children?: React__default.ReactNode;
|
|
379
398
|
style?: StyleProp<ViewStyle>;
|
|
380
399
|
};
|
|
381
|
-
declare const CardHeader:
|
|
400
|
+
declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<View>>;
|
|
382
401
|
type CardContentProps = {
|
|
383
|
-
children?:
|
|
402
|
+
children?: React__default.ReactNode;
|
|
384
403
|
style?: StyleProp<ViewStyle>;
|
|
385
404
|
};
|
|
386
|
-
declare const CardContent:
|
|
405
|
+
declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<View>>;
|
|
387
406
|
type CardFooterProps = {
|
|
388
|
-
children?:
|
|
407
|
+
children?: React__default.ReactNode;
|
|
389
408
|
style?: StyleProp<ViewStyle>;
|
|
390
409
|
};
|
|
391
|
-
declare const CardFooter:
|
|
410
|
+
declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<View>>;
|
|
392
411
|
|
|
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
|
|
412
|
+
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,19 @@ 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>;
|
|
90
|
+
/** Background color when the button is pressed (overrides default pressed color) */
|
|
91
|
+
pressedColor?: string;
|
|
75
92
|
};
|
|
76
|
-
declare const Button:
|
|
93
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
77
94
|
/** Visual style variant */
|
|
78
95
|
variant?: ButtonVariant;
|
|
79
96
|
/** Button size */
|
|
@@ -85,16 +102,18 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<PressableProps, "st
|
|
|
85
102
|
/** Shows loading state and disables interaction */
|
|
86
103
|
loading?: boolean;
|
|
87
104
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
88
|
-
leftIcon?:
|
|
105
|
+
leftIcon?: React__default.ReactNode;
|
|
89
106
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
90
|
-
rightIcon?:
|
|
107
|
+
rightIcon?: React__default.ReactNode;
|
|
91
108
|
/** Label text */
|
|
92
|
-
children?:
|
|
109
|
+
children?: React__default.ReactNode;
|
|
93
110
|
/** Custom style for the outer Pressable */
|
|
94
111
|
style?: StyleProp<ViewStyle>;
|
|
95
112
|
/** Custom style applied to the inner text label (string children only) */
|
|
96
113
|
labelStyle?: StyleProp<TextStyle>;
|
|
97
|
-
|
|
114
|
+
/** Background color when the button is pressed (overrides default pressed color) */
|
|
115
|
+
pressedColor?: string;
|
|
116
|
+
} & React__default.RefAttributes<View>>;
|
|
98
117
|
|
|
99
118
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
100
119
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
@@ -112,11 +131,11 @@ type IconButtonProps = Omit<PressableProps, "style"> & {
|
|
|
112
131
|
/** Shows loading state and disables interaction */
|
|
113
132
|
loading?: boolean;
|
|
114
133
|
/** Icon content */
|
|
115
|
-
children?:
|
|
134
|
+
children?: React__default.ReactNode;
|
|
116
135
|
/** Custom style for the outer Pressable */
|
|
117
136
|
style?: StyleProp<ViewStyle>;
|
|
118
137
|
};
|
|
119
|
-
declare const IconButton:
|
|
138
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
120
139
|
/** Visual style variant */
|
|
121
140
|
variant?: IconButtonVariant;
|
|
122
141
|
/** Button size */
|
|
@@ -128,10 +147,10 @@ declare const IconButton: React$1.ForwardRefExoticComponent<Omit<PressableProps,
|
|
|
128
147
|
/** Shows loading state and disables interaction */
|
|
129
148
|
loading?: boolean;
|
|
130
149
|
/** Icon content */
|
|
131
|
-
children?:
|
|
150
|
+
children?: React__default.ReactNode;
|
|
132
151
|
/** Custom style for the outer Pressable */
|
|
133
152
|
style?: StyleProp<ViewStyle>;
|
|
134
|
-
} &
|
|
153
|
+
} & React__default.RefAttributes<View>>;
|
|
135
154
|
|
|
136
155
|
type TextInputStatus = "default" | "error";
|
|
137
156
|
type TextInputSize = "sm" | "md" | "lg";
|
|
@@ -148,17 +167,17 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
|
148
167
|
/** Border radius */
|
|
149
168
|
radius?: TextInputRadius;
|
|
150
169
|
/** Icon rendered to the left of the input */
|
|
151
|
-
leftIcon?:
|
|
170
|
+
leftIcon?: React__default.ReactNode;
|
|
152
171
|
/** Icon rendered to the right of the input */
|
|
153
|
-
rightIcon?:
|
|
172
|
+
rightIcon?: React__default.ReactNode;
|
|
154
173
|
/** Helper/error message displayed below the input */
|
|
155
|
-
helperText?:
|
|
174
|
+
helperText?: React__default.ReactNode;
|
|
156
175
|
/** Custom style for the outermost wrapper */
|
|
157
176
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
158
177
|
/** Custom style for the input container */
|
|
159
178
|
style?: StyleProp<ViewStyle>;
|
|
160
179
|
};
|
|
161
|
-
declare const TextInput:
|
|
180
|
+
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
|
|
162
181
|
/** Label text displayed above the input */
|
|
163
182
|
label?: string;
|
|
164
183
|
/** Subtitle displayed next to the label */
|
|
@@ -170,16 +189,16 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps$1
|
|
|
170
189
|
/** Border radius */
|
|
171
190
|
radius?: TextInputRadius;
|
|
172
191
|
/** Icon rendered to the left of the input */
|
|
173
|
-
leftIcon?:
|
|
192
|
+
leftIcon?: React__default.ReactNode;
|
|
174
193
|
/** Icon rendered to the right of the input */
|
|
175
|
-
rightIcon?:
|
|
194
|
+
rightIcon?: React__default.ReactNode;
|
|
176
195
|
/** Helper/error message displayed below the input */
|
|
177
|
-
helperText?:
|
|
196
|
+
helperText?: React__default.ReactNode;
|
|
178
197
|
/** Custom style for the outermost wrapper */
|
|
179
198
|
wrapperStyle?: StyleProp<ViewStyle>;
|
|
180
199
|
/** Custom style for the input container */
|
|
181
200
|
style?: StyleProp<ViewStyle>;
|
|
182
|
-
} &
|
|
201
|
+
} & React__default.RefAttributes<TextInput$1>>;
|
|
183
202
|
|
|
184
203
|
type CheckboxSize = "sm" | "md" | "lg";
|
|
185
204
|
type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
@@ -198,7 +217,7 @@ type CheckboxProps = Omit<PressableProps, "style" | "onPress"> & {
|
|
|
198
217
|
/** Custom style for the outer wrapper */
|
|
199
218
|
style?: StyleProp<ViewStyle>;
|
|
200
219
|
};
|
|
201
|
-
declare const Checkbox:
|
|
220
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
|
|
202
221
|
/** Checkbox size */
|
|
203
222
|
size?: CheckboxSize;
|
|
204
223
|
/** Label text displayed next to the checkbox */
|
|
@@ -213,7 +232,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<PressableProps, "
|
|
|
213
232
|
onChange?: (checked: boolean) => void;
|
|
214
233
|
/** Custom style for the outer wrapper */
|
|
215
234
|
style?: StyleProp<ViewStyle>;
|
|
216
|
-
} &
|
|
235
|
+
} & React__default.RefAttributes<View>>;
|
|
217
236
|
|
|
218
237
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
219
238
|
type AvatarVariant = "circle" | "square";
|
|
@@ -233,7 +252,7 @@ type AvatarProps = Omit<ViewProps, "style"> & {
|
|
|
233
252
|
/** Custom style for the outer wrapper */
|
|
234
253
|
style?: StyleProp<ViewStyle>;
|
|
235
254
|
};
|
|
236
|
-
declare const Avatar:
|
|
255
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
237
256
|
/** Image source URL */
|
|
238
257
|
src?: string;
|
|
239
258
|
/** Alt text (used as accessibility label and initials fallback) */
|
|
@@ -248,7 +267,7 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<ViewProps, "style">
|
|
|
248
267
|
colorFromName?: boolean;
|
|
249
268
|
/** Custom style for the outer wrapper */
|
|
250
269
|
style?: StyleProp<ViewStyle>;
|
|
251
|
-
} &
|
|
270
|
+
} & React__default.RefAttributes<View>>;
|
|
252
271
|
|
|
253
272
|
type ActivityIndicatorSize = "sm" | "md" | "lg";
|
|
254
273
|
type ActivityIndicatorColor = "primary" | "surface" | "custom";
|
|
@@ -264,7 +283,7 @@ type ActivityIndicatorProps = Omit<ViewProps, "style"> & {
|
|
|
264
283
|
/** Custom style for the outer wrapper */
|
|
265
284
|
style?: StyleProp<ViewStyle>;
|
|
266
285
|
};
|
|
267
|
-
declare const ActivityIndicator:
|
|
286
|
+
declare const ActivityIndicator: React__default.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
268
287
|
/** Spinner size */
|
|
269
288
|
size?: ActivityIndicatorSize;
|
|
270
289
|
/** Color preset — use "custom" to provide a raw color via `color` prop */
|
|
@@ -275,13 +294,13 @@ declare const ActivityIndicator: React$1.ForwardRefExoticComponent<Omit<ViewProp
|
|
|
275
294
|
animating?: boolean;
|
|
276
295
|
/** Custom style for the outer wrapper */
|
|
277
296
|
style?: StyleProp<ViewStyle>;
|
|
278
|
-
} &
|
|
297
|
+
} & React__default.RefAttributes<View>>;
|
|
279
298
|
|
|
280
|
-
type
|
|
299
|
+
type TextSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxl2";
|
|
281
300
|
type TextColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
|
|
282
301
|
type TextProps = Omit<TextProps$1, "style"> & {
|
|
283
|
-
/**
|
|
284
|
-
|
|
302
|
+
/** Font size scale */
|
|
303
|
+
size?: TextSize;
|
|
285
304
|
/** Color preset */
|
|
286
305
|
color?: TextColor;
|
|
287
306
|
/** Bold weight */
|
|
@@ -290,8 +309,8 @@ type TextProps = Omit<TextProps$1, "style"> & {
|
|
|
290
309
|
style?: StyleProp<TextStyle>;
|
|
291
310
|
};
|
|
292
311
|
declare const Text: React$1.ForwardRefExoticComponent<Omit<TextProps$1, "style"> & {
|
|
293
|
-
/**
|
|
294
|
-
|
|
312
|
+
/** Font size scale */
|
|
313
|
+
size?: TextSize;
|
|
295
314
|
/** Color preset */
|
|
296
315
|
color?: TextColor;
|
|
297
316
|
/** Bold weight */
|
|
@@ -314,13 +333,13 @@ type TagProps = Omit<PressableProps, "style"> & {
|
|
|
314
333
|
/** Tag label text */
|
|
315
334
|
title: string;
|
|
316
335
|
/** Optional icon rendered on the left side */
|
|
317
|
-
leftIcon?:
|
|
336
|
+
leftIcon?: React__default.ReactNode;
|
|
318
337
|
/** Optional icon rendered on the right side */
|
|
319
|
-
rightIcon?:
|
|
338
|
+
rightIcon?: React__default.ReactNode;
|
|
320
339
|
/** Custom style for the outer container */
|
|
321
340
|
style?: StyleProp<ViewStyle>;
|
|
322
341
|
};
|
|
323
|
-
declare const Tag:
|
|
342
|
+
declare const Tag: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
324
343
|
/** Tag color — preset name or any CSS color (e.g., "#c3c3c3", "red") */
|
|
325
344
|
color?: TagColor;
|
|
326
345
|
/** Tag size */
|
|
@@ -332,12 +351,12 @@ declare const Tag: React$1.ForwardRefExoticComponent<Omit<PressableProps, "style
|
|
|
332
351
|
/** Tag label text */
|
|
333
352
|
title: string;
|
|
334
353
|
/** Optional icon rendered on the left side */
|
|
335
|
-
leftIcon?:
|
|
354
|
+
leftIcon?: React__default.ReactNode;
|
|
336
355
|
/** Optional icon rendered on the right side */
|
|
337
|
-
rightIcon?:
|
|
356
|
+
rightIcon?: React__default.ReactNode;
|
|
338
357
|
/** Custom style for the outer container */
|
|
339
358
|
style?: StyleProp<ViewStyle>;
|
|
340
|
-
} &
|
|
359
|
+
} & React__default.RefAttributes<View>>;
|
|
341
360
|
|
|
342
361
|
type CardVariant = "elevated" | "outlined" | "filled";
|
|
343
362
|
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -354,11 +373,11 @@ type CardProps = Omit<PressableProps, "style"> & {
|
|
|
354
373
|
/** Disabled state (only applies when clickable) */
|
|
355
374
|
disabled?: boolean;
|
|
356
375
|
/** Children content */
|
|
357
|
-
children?:
|
|
376
|
+
children?: React__default.ReactNode;
|
|
358
377
|
/** Custom style */
|
|
359
378
|
style?: StyleProp<ViewStyle>;
|
|
360
379
|
};
|
|
361
|
-
declare const Card:
|
|
380
|
+
declare const Card: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
|
|
362
381
|
/** Visual style variant */
|
|
363
382
|
variant?: CardVariant;
|
|
364
383
|
/** Border radius */
|
|
@@ -370,24 +389,24 @@ declare const Card: React$1.ForwardRefExoticComponent<Omit<PressableProps, "styl
|
|
|
370
389
|
/** Disabled state (only applies when clickable) */
|
|
371
390
|
disabled?: boolean;
|
|
372
391
|
/** Children content */
|
|
373
|
-
children?:
|
|
392
|
+
children?: React__default.ReactNode;
|
|
374
393
|
/** Custom style */
|
|
375
394
|
style?: StyleProp<ViewStyle>;
|
|
376
|
-
} &
|
|
395
|
+
} & React__default.RefAttributes<View>>;
|
|
377
396
|
type CardHeaderProps = {
|
|
378
|
-
children?:
|
|
397
|
+
children?: React__default.ReactNode;
|
|
379
398
|
style?: StyleProp<ViewStyle>;
|
|
380
399
|
};
|
|
381
|
-
declare const CardHeader:
|
|
400
|
+
declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<View>>;
|
|
382
401
|
type CardContentProps = {
|
|
383
|
-
children?:
|
|
402
|
+
children?: React__default.ReactNode;
|
|
384
403
|
style?: StyleProp<ViewStyle>;
|
|
385
404
|
};
|
|
386
|
-
declare const CardContent:
|
|
405
|
+
declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<View>>;
|
|
387
406
|
type CardFooterProps = {
|
|
388
|
-
children?:
|
|
407
|
+
children?: React__default.ReactNode;
|
|
389
408
|
style?: StyleProp<ViewStyle>;
|
|
390
409
|
};
|
|
391
|
-
declare const CardFooter:
|
|
410
|
+
declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<View>>;
|
|
392
411
|
|
|
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
|
|
412
|
+
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 };
|