@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/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.mjs';
|
|
4
4
|
|
|
5
5
|
type ToastVariant = "info" | "warning" | "success" | "error" | "neutral";
|
|
@@ -9,7 +9,7 @@ type ToastLink = {
|
|
|
9
9
|
href?: string;
|
|
10
10
|
onClick?: () => void;
|
|
11
11
|
};
|
|
12
|
-
type ToastProps =
|
|
12
|
+
type ToastProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
13
13
|
/** Toast title */
|
|
14
14
|
title: string;
|
|
15
15
|
/** Optional description below the title */
|
|
@@ -23,7 +23,7 @@ type ToastProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
23
23
|
/** Callback when the close button is clicked */
|
|
24
24
|
onClose?: () => void;
|
|
25
25
|
};
|
|
26
|
-
declare const Toast:
|
|
26
|
+
declare const Toast: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
27
27
|
/** Toast title */
|
|
28
28
|
title: string;
|
|
29
29
|
/** Optional description below the title */
|
|
@@ -36,7 +36,7 @@ declare const Toast: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HT
|
|
|
36
36
|
appearance?: ToastAppearance;
|
|
37
37
|
/** Callback when the close button is clicked */
|
|
38
38
|
onClose?: () => void;
|
|
39
|
-
} &
|
|
39
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
40
40
|
|
|
41
41
|
type ToastPosition = "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center";
|
|
42
42
|
type ToastItem = {
|
|
@@ -66,7 +66,7 @@ type ToastFn = {
|
|
|
66
66
|
dismiss: (id: string) => void;
|
|
67
67
|
};
|
|
68
68
|
type ToastProviderProps = {
|
|
69
|
-
children:
|
|
69
|
+
children: React__default.ReactNode;
|
|
70
70
|
/** Position of the toast container. Default: "top-right" */
|
|
71
71
|
position?: ToastPosition;
|
|
72
72
|
};
|
|
@@ -141,7 +141,7 @@ type ButtonHoverStyle = {
|
|
|
141
141
|
/** Text color on hover */
|
|
142
142
|
color?: string;
|
|
143
143
|
};
|
|
144
|
-
type ButtonProps =
|
|
144
|
+
type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
145
145
|
/** Visual style variant */
|
|
146
146
|
variant?: ButtonVariant;
|
|
147
147
|
/** Button size */
|
|
@@ -157,11 +157,11 @@ type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
157
157
|
/** Shows loading state and disables interaction */
|
|
158
158
|
loading?: boolean;
|
|
159
159
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
160
|
-
leftIcon?:
|
|
160
|
+
leftIcon?: React__default.ReactNode;
|
|
161
161
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
162
|
-
rightIcon?:
|
|
162
|
+
rightIcon?: React__default.ReactNode;
|
|
163
163
|
};
|
|
164
|
-
declare const Button:
|
|
164
|
+
declare const Button: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
165
165
|
/** Visual style variant */
|
|
166
166
|
variant?: ButtonVariant;
|
|
167
167
|
/** Button size */
|
|
@@ -177,16 +177,16 @@ declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttrib
|
|
|
177
177
|
/** Shows loading state and disables interaction */
|
|
178
178
|
loading?: boolean;
|
|
179
179
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
180
|
-
leftIcon?:
|
|
180
|
+
leftIcon?: React__default.ReactNode;
|
|
181
181
|
/** Icon rendered to the right of children (hidden when loading) */
|
|
182
|
-
rightIcon?:
|
|
183
|
-
} &
|
|
182
|
+
rightIcon?: React__default.ReactNode;
|
|
183
|
+
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
184
184
|
|
|
185
185
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
186
186
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
187
187
|
type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
188
188
|
type IconButtonColor = ButtonColor;
|
|
189
|
-
type IconButtonProps =
|
|
189
|
+
type IconButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
190
190
|
/** Visual style variant */
|
|
191
191
|
variant?: IconButtonVariant;
|
|
192
192
|
/** Button size */
|
|
@@ -198,7 +198,7 @@ type IconButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
198
198
|
/** Shows loading state and disables interaction */
|
|
199
199
|
loading?: boolean;
|
|
200
200
|
};
|
|
201
|
-
declare const IconButton:
|
|
201
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
202
202
|
/** Visual style variant */
|
|
203
203
|
variant?: IconButtonVariant;
|
|
204
204
|
/** Button size */
|
|
@@ -209,13 +209,13 @@ declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAt
|
|
|
209
209
|
color?: IconButtonColor;
|
|
210
210
|
/** Shows loading state and disables interaction */
|
|
211
211
|
loading?: boolean;
|
|
212
|
-
} &
|
|
212
|
+
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
213
213
|
|
|
214
214
|
type TextInputStatus = "default" | "error";
|
|
215
215
|
type TextInputSize = "sm" | "md" | "lg";
|
|
216
216
|
type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
217
217
|
type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
|
|
218
|
-
type TextInputProps = Omit<
|
|
218
|
+
type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
219
219
|
/** Label text displayed above the input */
|
|
220
220
|
label?: string;
|
|
221
221
|
/** Label font weight */
|
|
@@ -229,15 +229,15 @@ type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"
|
|
|
229
229
|
/** Border radius */
|
|
230
230
|
radius?: TextInputRadius;
|
|
231
231
|
/** Icon rendered to the left of the input */
|
|
232
|
-
leftIcon?:
|
|
232
|
+
leftIcon?: React__default.ReactNode;
|
|
233
233
|
/** Icon rendered to the right of the input */
|
|
234
|
-
rightIcon?:
|
|
234
|
+
rightIcon?: React__default.ReactNode;
|
|
235
235
|
/** Helper/error message displayed below the input (accepts ReactNode for flexibility) */
|
|
236
|
-
helperText?:
|
|
236
|
+
helperText?: React__default.ReactNode;
|
|
237
237
|
/** Custom class for the outermost wrapper */
|
|
238
238
|
wrapperClassName?: string;
|
|
239
239
|
};
|
|
240
|
-
declare const TextInput:
|
|
240
|
+
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
241
241
|
/** Label text displayed above the input */
|
|
242
242
|
label?: string;
|
|
243
243
|
/** Label font weight */
|
|
@@ -251,17 +251,17 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTM
|
|
|
251
251
|
/** Border radius */
|
|
252
252
|
radius?: TextInputRadius;
|
|
253
253
|
/** Icon rendered to the left of the input */
|
|
254
|
-
leftIcon?:
|
|
254
|
+
leftIcon?: React__default.ReactNode;
|
|
255
255
|
/** Icon rendered to the right of the input */
|
|
256
|
-
rightIcon?:
|
|
256
|
+
rightIcon?: React__default.ReactNode;
|
|
257
257
|
/** Helper/error message displayed below the input (accepts ReactNode for flexibility) */
|
|
258
|
-
helperText?:
|
|
258
|
+
helperText?: React__default.ReactNode;
|
|
259
259
|
/** Custom class for the outermost wrapper */
|
|
260
260
|
wrapperClassName?: string;
|
|
261
|
-
} &
|
|
261
|
+
} & React__default.RefAttributes<HTMLInputElement>>;
|
|
262
262
|
|
|
263
263
|
type CheckboxSize = "sm" | "md" | "lg";
|
|
264
|
-
type CheckboxProps = Omit<
|
|
264
|
+
type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
|
265
265
|
/** Checkbox size */
|
|
266
266
|
size?: CheckboxSize;
|
|
267
267
|
/** Label text displayed next to the checkbox */
|
|
@@ -271,7 +271,7 @@ type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"
|
|
|
271
271
|
checked?: boolean;
|
|
272
272
|
defaultChecked?: boolean;
|
|
273
273
|
};
|
|
274
|
-
declare const Checkbox:
|
|
274
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
|
275
275
|
/** Checkbox size */
|
|
276
276
|
size?: CheckboxSize;
|
|
277
277
|
/** Label text displayed next to the checkbox */
|
|
@@ -280,7 +280,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTML
|
|
|
280
280
|
indeterminate?: boolean;
|
|
281
281
|
checked?: boolean;
|
|
282
282
|
defaultChecked?: boolean;
|
|
283
|
-
} &
|
|
283
|
+
} & React__default.RefAttributes<HTMLInputElement>>;
|
|
284
284
|
|
|
285
285
|
type SelectSize = "sm" | "md" | "lg";
|
|
286
286
|
type SelectRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
@@ -309,7 +309,7 @@ type SelectBaseProps = {
|
|
|
309
309
|
/** Border radius */
|
|
310
310
|
radius?: SelectRadius;
|
|
311
311
|
/** Helper/error message displayed below the select */
|
|
312
|
-
helperText?:
|
|
312
|
+
helperText?: React__default.ReactNode;
|
|
313
313
|
/** Whether the select is disabled */
|
|
314
314
|
disabled?: boolean;
|
|
315
315
|
/** Custom class for the trigger container */
|
|
@@ -338,7 +338,7 @@ type SelectMultipleProps = SelectBaseProps & {
|
|
|
338
338
|
onChange?: (value: string[]) => void;
|
|
339
339
|
};
|
|
340
340
|
type SelectProps = SelectSingleProps | SelectMultipleProps;
|
|
341
|
-
declare const Select:
|
|
341
|
+
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
342
342
|
|
|
343
343
|
type TooltipVariant = "light" | "default" | "dark";
|
|
344
344
|
type TooltipSize = "sm" | "md";
|
|
@@ -357,7 +357,7 @@ type TooltipProps = {
|
|
|
357
357
|
/** Show a close button (only for md size with description) */
|
|
358
358
|
closable?: boolean;
|
|
359
359
|
/** Show an icon before the title */
|
|
360
|
-
icon?:
|
|
360
|
+
icon?: React__default.ReactNode;
|
|
361
361
|
/** Controlled open state */
|
|
362
362
|
open?: boolean;
|
|
363
363
|
/** Callback when open state changes */
|
|
@@ -367,15 +367,15 @@ type TooltipProps = {
|
|
|
367
367
|
/** Delay before hiding tooltip (ms) */
|
|
368
368
|
leaveDelay?: number;
|
|
369
369
|
/** The trigger element */
|
|
370
|
-
children:
|
|
370
|
+
children: React__default.ReactElement;
|
|
371
371
|
/** Additional className for the tooltip container */
|
|
372
372
|
className?: string;
|
|
373
373
|
};
|
|
374
|
-
declare const Tooltip:
|
|
374
|
+
declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
375
375
|
|
|
376
376
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
377
377
|
type AvatarVariant = "circle" | "square";
|
|
378
|
-
type AvatarProps = Omit<
|
|
378
|
+
type AvatarProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
379
379
|
/** Image source URL */
|
|
380
380
|
src?: string;
|
|
381
381
|
/** Alt text for the image (required for accessibility) */
|
|
@@ -389,7 +389,7 @@ type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
|
389
389
|
/** Generate background and text color automatically based on name/alt */
|
|
390
390
|
colorFromName?: boolean;
|
|
391
391
|
};
|
|
392
|
-
declare const Avatar:
|
|
392
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
393
393
|
/** Image source URL */
|
|
394
394
|
src?: string;
|
|
395
395
|
/** Alt text for the image (required for accessibility) */
|
|
@@ -402,10 +402,10 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttribu
|
|
|
402
402
|
variant?: AvatarVariant;
|
|
403
403
|
/** Generate background and text color automatically based on name/alt */
|
|
404
404
|
colorFromName?: boolean;
|
|
405
|
-
} &
|
|
405
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
406
406
|
|
|
407
407
|
type TagSize = "sm" | "md" | "lg";
|
|
408
|
-
type TagProps =
|
|
408
|
+
type TagProps = React__default.HTMLAttributes<HTMLSpanElement> & {
|
|
409
409
|
/** Tag color — preset name or custom CSS color (e.g., "#c3c3c3", "rgb(...)") */
|
|
410
410
|
color?: PresetColor | (string & {});
|
|
411
411
|
/** Tag size */
|
|
@@ -415,13 +415,13 @@ type TagProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
415
415
|
/** Tag label text */
|
|
416
416
|
title: string;
|
|
417
417
|
/** Optional icon rendered on the left side */
|
|
418
|
-
leftIcon?:
|
|
418
|
+
leftIcon?: React__default.ReactNode;
|
|
419
419
|
/** Optional icon rendered on the right side */
|
|
420
|
-
rightIcon?:
|
|
420
|
+
rightIcon?: React__default.ReactNode;
|
|
421
421
|
/** Disabled state */
|
|
422
422
|
disabled?: boolean;
|
|
423
423
|
};
|
|
424
|
-
declare const Tag:
|
|
424
|
+
declare const Tag: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
|
|
425
425
|
/** Tag color — preset name or custom CSS color (e.g., "#c3c3c3", "rgb(...)") */
|
|
426
426
|
color?: PresetColor | (string & {});
|
|
427
427
|
/** Tag size */
|
|
@@ -431,12 +431,12 @@ declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTML
|
|
|
431
431
|
/** Tag label text */
|
|
432
432
|
title: string;
|
|
433
433
|
/** Optional icon rendered on the left side */
|
|
434
|
-
leftIcon?:
|
|
434
|
+
leftIcon?: React__default.ReactNode;
|
|
435
435
|
/** Optional icon rendered on the right side */
|
|
436
|
-
rightIcon?:
|
|
436
|
+
rightIcon?: React__default.ReactNode;
|
|
437
437
|
/** Disabled state */
|
|
438
438
|
disabled?: boolean;
|
|
439
|
-
} &
|
|
439
|
+
} & React__default.RefAttributes<HTMLSpanElement>>;
|
|
440
440
|
|
|
441
441
|
type TagInputSize = "sm" | "md" | "lg";
|
|
442
442
|
type TagInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
@@ -465,7 +465,7 @@ type TagInputProps = {
|
|
|
465
465
|
/** Border radius */
|
|
466
466
|
radius?: TagInputRadius;
|
|
467
467
|
/** Helper/error message displayed below the input */
|
|
468
|
-
helperText?:
|
|
468
|
+
helperText?: React__default.ReactNode;
|
|
469
469
|
/** Whether the input is disabled */
|
|
470
470
|
disabled?: boolean;
|
|
471
471
|
/** Custom class for the outermost wrapper */
|
|
@@ -473,7 +473,7 @@ type TagInputProps = {
|
|
|
473
473
|
/** Custom class for the input container */
|
|
474
474
|
className?: string;
|
|
475
475
|
};
|
|
476
|
-
declare const TagInput:
|
|
476
|
+
declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
477
477
|
|
|
478
478
|
type ProgressBarSize = "sm" | "lg";
|
|
479
479
|
type ProgressBarProps = {
|
|
@@ -492,7 +492,7 @@ type ProgressBarProps = {
|
|
|
492
492
|
/** Custom class for the wrapper */
|
|
493
493
|
className?: string;
|
|
494
494
|
};
|
|
495
|
-
declare const ProgressBar:
|
|
495
|
+
declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
496
496
|
|
|
497
497
|
type ToggleGroupSize = "sm" | "md" | "lg";
|
|
498
498
|
type ToggleGroupRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
@@ -500,15 +500,15 @@ type ToggleGroupOption<T extends string = string> = {
|
|
|
500
500
|
/** Unique value for this option */
|
|
501
501
|
value: T;
|
|
502
502
|
/** Label text or icon to display */
|
|
503
|
-
label?:
|
|
503
|
+
label?: React__default.ReactNode;
|
|
504
504
|
/** Icon to display (alternative to label) */
|
|
505
|
-
icon?:
|
|
505
|
+
icon?: React__default.ReactNode;
|
|
506
506
|
/** Accessible label for screen readers */
|
|
507
507
|
"aria-label"?: string;
|
|
508
508
|
/** Whether this option is disabled */
|
|
509
509
|
disabled?: boolean;
|
|
510
510
|
};
|
|
511
|
-
type ToggleGroupProps<T extends string = string> = Omit<
|
|
511
|
+
type ToggleGroupProps<T extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
512
512
|
/** Available options */
|
|
513
513
|
options: ToggleGroupOption<T>[];
|
|
514
514
|
/** Currently selected value */
|
|
@@ -525,13 +525,13 @@ type ToggleGroupProps<T extends string = string> = Omit<React$1.HTMLAttributes<H
|
|
|
525
525
|
disabled?: boolean;
|
|
526
526
|
};
|
|
527
527
|
declare const ToggleGroup: <T extends string = string>(props: ToggleGroupProps<T> & {
|
|
528
|
-
ref?:
|
|
529
|
-
}) =>
|
|
528
|
+
ref?: React__default.ForwardedRef<HTMLDivElement>;
|
|
529
|
+
}) => React__default.ReactElement;
|
|
530
530
|
|
|
531
531
|
type CardVariant = "elevated" | "outlined" | "filled";
|
|
532
532
|
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
533
533
|
type CardPadding = "none" | "sm" | "md" | "lg";
|
|
534
|
-
type CardProps =
|
|
534
|
+
type CardProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
535
535
|
/** Visual style variant */
|
|
536
536
|
variant?: CardVariant;
|
|
537
537
|
/** Border radius */
|
|
@@ -543,7 +543,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
543
543
|
/** Disabled state (only applies when clickable) */
|
|
544
544
|
disabled?: boolean;
|
|
545
545
|
};
|
|
546
|
-
declare const Card:
|
|
546
|
+
declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
547
547
|
/** Visual style variant */
|
|
548
548
|
variant?: CardVariant;
|
|
549
549
|
/** Border radius */
|
|
@@ -554,16 +554,16 @@ declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
|
|
|
554
554
|
clickable?: boolean;
|
|
555
555
|
/** Disabled state (only applies when clickable) */
|
|
556
556
|
disabled?: boolean;
|
|
557
|
-
} &
|
|
558
|
-
type CardHeaderProps =
|
|
559
|
-
declare const CardHeader:
|
|
560
|
-
type CardContentProps =
|
|
561
|
-
declare const CardContent:
|
|
562
|
-
type CardFooterProps =
|
|
563
|
-
declare const CardFooter:
|
|
557
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
558
|
+
type CardHeaderProps = React__default.HTMLAttributes<HTMLDivElement>;
|
|
559
|
+
declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
560
|
+
type CardContentProps = React__default.HTMLAttributes<HTMLDivElement>;
|
|
561
|
+
declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
562
|
+
type CardFooterProps = React__default.HTMLAttributes<HTMLDivElement>;
|
|
563
|
+
declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
564
564
|
|
|
565
565
|
type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
566
|
-
type SpinnerProps =
|
|
566
|
+
type SpinnerProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
567
567
|
/** Spinner size */
|
|
568
568
|
size?: SpinnerSize;
|
|
569
569
|
/** Color scheme */
|
|
@@ -571,14 +571,14 @@ type SpinnerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
571
571
|
/** Accessible label for screen readers */
|
|
572
572
|
label?: string;
|
|
573
573
|
};
|
|
574
|
-
declare const Spinner:
|
|
574
|
+
declare const Spinner: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
575
575
|
/** Spinner size */
|
|
576
576
|
size?: SpinnerSize;
|
|
577
577
|
/** Color scheme */
|
|
578
578
|
color?: PresetColor | (string & {});
|
|
579
579
|
/** Accessible label for screen readers */
|
|
580
580
|
label?: string;
|
|
581
|
-
} &
|
|
581
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
582
582
|
|
|
583
583
|
type TableSize = "sm" | "md" | "lg";
|
|
584
584
|
type TableVariant = "default" | "striped";
|
|
@@ -586,9 +586,9 @@ type TableColumn<T> = {
|
|
|
586
586
|
/** Unique key for this column */
|
|
587
587
|
key: string;
|
|
588
588
|
/** Column header text */
|
|
589
|
-
header:
|
|
589
|
+
header: React__default.ReactNode;
|
|
590
590
|
/** Function to render cell content */
|
|
591
|
-
render: (row: T, index: number) =>
|
|
591
|
+
render: (row: T, index: number) => React__default.ReactNode;
|
|
592
592
|
/** Column width (CSS value) */
|
|
593
593
|
width?: string;
|
|
594
594
|
/** Text alignment */
|
|
@@ -601,7 +601,7 @@ type TableSort = {
|
|
|
601
601
|
key: string;
|
|
602
602
|
direction: SortDirection;
|
|
603
603
|
};
|
|
604
|
-
type TableProps<T> = Omit<
|
|
604
|
+
type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "children"> & {
|
|
605
605
|
/** Column definitions */
|
|
606
606
|
columns: TableColumn<T>[];
|
|
607
607
|
/** Row data */
|
|
@@ -619,36 +619,59 @@ type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children">
|
|
|
619
619
|
/** Whether to show loading state */
|
|
620
620
|
loading?: boolean;
|
|
621
621
|
/** Content to show when data is empty */
|
|
622
|
-
emptyContent?:
|
|
622
|
+
emptyContent?: React__default.ReactNode;
|
|
623
623
|
/** Loading content */
|
|
624
|
-
loadingContent?:
|
|
624
|
+
loadingContent?: React__default.ReactNode;
|
|
625
625
|
/** Whether the table has sticky header */
|
|
626
626
|
stickyHeader?: boolean;
|
|
627
627
|
/** Custom header row style */
|
|
628
|
-
headerStyle?:
|
|
628
|
+
headerStyle?: React__default.CSSProperties;
|
|
629
629
|
/** Custom header text class (overrides default rh-text-text-muted) */
|
|
630
630
|
headerTextClassName?: string;
|
|
631
631
|
};
|
|
632
632
|
declare const Table: <T>(props: TableProps<T> & {
|
|
633
|
-
ref?:
|
|
634
|
-
}) =>
|
|
635
|
-
|
|
636
|
-
type
|
|
633
|
+
ref?: React__default.ForwardedRef<HTMLTableElement>;
|
|
634
|
+
}) => React__default.ReactElement;
|
|
635
|
+
|
|
636
|
+
type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "body" | "bodyLg" | "label" | "caption";
|
|
637
|
+
type TypographyColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
|
|
638
|
+
type TypographyProps = React__default.HTMLAttributes<HTMLElement> & {
|
|
639
|
+
/** Typographic variant */
|
|
640
|
+
variant?: TypographyVariant;
|
|
641
|
+
/** Color preset */
|
|
642
|
+
color?: TypographyColor;
|
|
643
|
+
/** Bold weight */
|
|
644
|
+
bold?: boolean;
|
|
645
|
+
/** Override the rendered HTML element */
|
|
646
|
+
as?: keyof JSX.IntrinsicElements;
|
|
647
|
+
};
|
|
648
|
+
declare const Typography: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
|
|
649
|
+
/** Typographic variant */
|
|
650
|
+
variant?: TypographyVariant;
|
|
651
|
+
/** Color preset */
|
|
652
|
+
color?: TypographyColor;
|
|
653
|
+
/** Bold weight */
|
|
654
|
+
bold?: boolean;
|
|
655
|
+
/** Override the rendered HTML element */
|
|
656
|
+
as?: keyof JSX.IntrinsicElements;
|
|
657
|
+
} & React__default.RefAttributes<HTMLElement>>;
|
|
658
|
+
|
|
659
|
+
type ContainerProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
637
660
|
/**
|
|
638
661
|
* Remove o padding horizontal lateral.
|
|
639
662
|
* Use quando o conteúdo deve ocupar toda a largura disponível.
|
|
640
663
|
*/
|
|
641
664
|
fluid?: boolean;
|
|
642
665
|
};
|
|
643
|
-
declare const Container:
|
|
666
|
+
declare const Container: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
644
667
|
/**
|
|
645
668
|
* Remove o padding horizontal lateral.
|
|
646
669
|
* Use quando o conteúdo deve ocupar toda a largura disponível.
|
|
647
670
|
*/
|
|
648
671
|
fluid?: boolean;
|
|
649
|
-
} &
|
|
672
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
650
673
|
|
|
651
|
-
type GridContainerProps =
|
|
674
|
+
type GridContainerProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
652
675
|
/**
|
|
653
676
|
* Override do número de colunas.
|
|
654
677
|
* Padrão: 4 no mobile, 12 no desktop (desktop-xs+).
|
|
@@ -660,7 +683,7 @@ type GridContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
660
683
|
*/
|
|
661
684
|
spacing?: number;
|
|
662
685
|
};
|
|
663
|
-
declare const GridContainer:
|
|
686
|
+
declare const GridContainer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
664
687
|
/**
|
|
665
688
|
* Override do número de colunas.
|
|
666
689
|
* Padrão: 4 no mobile, 12 no desktop (desktop-xs+).
|
|
@@ -671,11 +694,11 @@ declare const GridContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
|
|
|
671
694
|
* Padrão: 16px no mobile, 24px no desktop.
|
|
672
695
|
*/
|
|
673
696
|
spacing?: number;
|
|
674
|
-
} &
|
|
697
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
675
698
|
|
|
676
699
|
type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
677
700
|
type MobileSpan = 1 | 2 | 3 | 4;
|
|
678
|
-
type GridItemProps =
|
|
701
|
+
type GridItemProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
679
702
|
/** Span base no mobile (320px+). Padrão: 4 (full width das 4 colunas). */
|
|
680
703
|
mobile?: MobileSpan;
|
|
681
704
|
/** Span a partir de mobile-sm (360px+). */
|
|
@@ -693,7 +716,7 @@ type GridItemProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
693
716
|
/** Span a partir de desktop-lg (1440px+). */
|
|
694
717
|
desktopLg?: GridSpan;
|
|
695
718
|
};
|
|
696
|
-
declare const GridItem:
|
|
719
|
+
declare const GridItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
697
720
|
/** Span base no mobile (320px+). Padrão: 4 (full width das 4 colunas). */
|
|
698
721
|
mobile?: MobileSpan;
|
|
699
722
|
/** Span a partir de mobile-sm (360px+). */
|
|
@@ -710,9 +733,9 @@ declare const GridItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
|
|
|
710
733
|
desktopMd?: GridSpan;
|
|
711
734
|
/** Span a partir de desktop-lg (1440px+). */
|
|
712
735
|
desktopLg?: GridSpan;
|
|
713
|
-
} &
|
|
736
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
714
737
|
|
|
715
|
-
type IconProps =
|
|
738
|
+
type IconProps = React__default.SVGAttributes<SVGSVGElement>;
|
|
716
739
|
|
|
717
740
|
declare const DeleteIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
718
741
|
|
|
@@ -734,4 +757,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
|
734
757
|
|
|
735
758
|
declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
736
759
|
|
|
737
|
-
export { 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, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|
|
760
|
+
export { 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, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };
|