@rehagro/ui 1.0.4 → 1.0.6
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 +154 -1
- package/dist/index.d.ts +154 -1
- package/dist/index.js +466 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +461 -14
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.mts +56 -1
- package/dist/native.d.ts +56 -1
- package/dist/native.js +169 -7
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +167 -9
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +3 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -130,6 +130,14 @@ declare function RehagroProvider({ theme, toastPosition, children }: RehagroProv
|
|
|
130
130
|
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
131
131
|
type ButtonSize = "sm" | "md" | "lg";
|
|
132
132
|
type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
133
|
+
type ButtonHoverStyle = {
|
|
134
|
+
/** Background color on hover */
|
|
135
|
+
backgroundColor?: string;
|
|
136
|
+
/** Border color on hover */
|
|
137
|
+
borderColor?: string;
|
|
138
|
+
/** Text color on hover */
|
|
139
|
+
color?: string;
|
|
140
|
+
};
|
|
133
141
|
type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
134
142
|
/** Visual style variant */
|
|
135
143
|
variant?: ButtonVariant;
|
|
@@ -141,6 +149,8 @@ type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
141
149
|
color?: ButtonColor;
|
|
142
150
|
/** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
|
|
143
151
|
hoverColor?: string;
|
|
152
|
+
/** Custom hover styles - allows full control over hover appearance */
|
|
153
|
+
hoverStyle?: ButtonHoverStyle;
|
|
144
154
|
/** Shows loading state and disables interaction */
|
|
145
155
|
loading?: boolean;
|
|
146
156
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
@@ -159,6 +169,8 @@ declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttrib
|
|
|
159
169
|
color?: ButtonColor;
|
|
160
170
|
/** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
|
|
161
171
|
hoverColor?: string;
|
|
172
|
+
/** Custom hover styles - allows full control over hover appearance */
|
|
173
|
+
hoverStyle?: ButtonHoverStyle;
|
|
162
174
|
/** Shows loading state and disables interaction */
|
|
163
175
|
loading?: boolean;
|
|
164
176
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
@@ -362,6 +374,8 @@ type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
|
362
374
|
size?: AvatarSize;
|
|
363
375
|
/** Shape variant */
|
|
364
376
|
variant?: AvatarVariant;
|
|
377
|
+
/** Generate background and text color automatically based on name/alt */
|
|
378
|
+
colorFromName?: boolean;
|
|
365
379
|
};
|
|
366
380
|
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
367
381
|
/** Image source URL */
|
|
@@ -374,6 +388,8 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttribu
|
|
|
374
388
|
size?: AvatarSize;
|
|
375
389
|
/** Shape variant */
|
|
376
390
|
variant?: AvatarVariant;
|
|
391
|
+
/** Generate background and text color automatically based on name/alt */
|
|
392
|
+
colorFromName?: boolean;
|
|
377
393
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
378
394
|
|
|
379
395
|
type TagSize = "sm" | "md" | "lg";
|
|
@@ -410,6 +426,143 @@ declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTML
|
|
|
410
426
|
disabled?: boolean;
|
|
411
427
|
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
412
428
|
|
|
429
|
+
type ToggleGroupSize = "sm" | "md" | "lg";
|
|
430
|
+
type ToggleGroupRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
431
|
+
type ToggleGroupOption<T extends string = string> = {
|
|
432
|
+
/** Unique value for this option */
|
|
433
|
+
value: T;
|
|
434
|
+
/** Label text or icon to display */
|
|
435
|
+
label?: React$1.ReactNode;
|
|
436
|
+
/** Icon to display (alternative to label) */
|
|
437
|
+
icon?: React$1.ReactNode;
|
|
438
|
+
/** Accessible label for screen readers */
|
|
439
|
+
"aria-label"?: string;
|
|
440
|
+
/** Whether this option is disabled */
|
|
441
|
+
disabled?: boolean;
|
|
442
|
+
};
|
|
443
|
+
type ToggleGroupProps<T extends string = string> = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
444
|
+
/** Available options */
|
|
445
|
+
options: ToggleGroupOption<T>[];
|
|
446
|
+
/** Currently selected value */
|
|
447
|
+
value: T;
|
|
448
|
+
/** Called when selection changes */
|
|
449
|
+
onChange: (value: T) => void;
|
|
450
|
+
/** Size variant */
|
|
451
|
+
size?: ToggleGroupSize;
|
|
452
|
+
/** Border radius */
|
|
453
|
+
radius?: ToggleGroupRadius;
|
|
454
|
+
/** Color scheme for active state */
|
|
455
|
+
color?: PresetColor | (string & {});
|
|
456
|
+
/** Whether the entire group is disabled */
|
|
457
|
+
disabled?: boolean;
|
|
458
|
+
};
|
|
459
|
+
declare const ToggleGroup: <T extends string = string>(props: ToggleGroupProps<T> & {
|
|
460
|
+
ref?: React$1.ForwardedRef<HTMLDivElement>;
|
|
461
|
+
}) => React$1.ReactElement;
|
|
462
|
+
|
|
463
|
+
type CardVariant = "elevated" | "outlined" | "filled";
|
|
464
|
+
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
465
|
+
type CardPadding = "none" | "sm" | "md" | "lg";
|
|
466
|
+
type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
467
|
+
/** Visual style variant */
|
|
468
|
+
variant?: CardVariant;
|
|
469
|
+
/** Border radius */
|
|
470
|
+
radius?: CardRadius;
|
|
471
|
+
/** Internal padding */
|
|
472
|
+
padding?: CardPadding;
|
|
473
|
+
/** Makes the card clickable with hover effects */
|
|
474
|
+
clickable?: boolean;
|
|
475
|
+
/** Disabled state (only applies when clickable) */
|
|
476
|
+
disabled?: boolean;
|
|
477
|
+
};
|
|
478
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
479
|
+
/** Visual style variant */
|
|
480
|
+
variant?: CardVariant;
|
|
481
|
+
/** Border radius */
|
|
482
|
+
radius?: CardRadius;
|
|
483
|
+
/** Internal padding */
|
|
484
|
+
padding?: CardPadding;
|
|
485
|
+
/** Makes the card clickable with hover effects */
|
|
486
|
+
clickable?: boolean;
|
|
487
|
+
/** Disabled state (only applies when clickable) */
|
|
488
|
+
disabled?: boolean;
|
|
489
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
490
|
+
type CardHeaderProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
491
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
492
|
+
type CardContentProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
493
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
494
|
+
type CardFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
495
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
496
|
+
|
|
497
|
+
type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
498
|
+
type SpinnerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
499
|
+
/** Spinner size */
|
|
500
|
+
size?: SpinnerSize;
|
|
501
|
+
/** Color scheme */
|
|
502
|
+
color?: PresetColor | (string & {});
|
|
503
|
+
/** Accessible label for screen readers */
|
|
504
|
+
label?: string;
|
|
505
|
+
};
|
|
506
|
+
declare const Spinner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
507
|
+
/** Spinner size */
|
|
508
|
+
size?: SpinnerSize;
|
|
509
|
+
/** Color scheme */
|
|
510
|
+
color?: PresetColor | (string & {});
|
|
511
|
+
/** Accessible label for screen readers */
|
|
512
|
+
label?: string;
|
|
513
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
514
|
+
|
|
515
|
+
type TableSize = "sm" | "md" | "lg";
|
|
516
|
+
type TableVariant = "default" | "striped";
|
|
517
|
+
type TableColumn<T> = {
|
|
518
|
+
/** Unique key for this column */
|
|
519
|
+
key: string;
|
|
520
|
+
/** Column header text */
|
|
521
|
+
header: React$1.ReactNode;
|
|
522
|
+
/** Function to render cell content */
|
|
523
|
+
render: (row: T, index: number) => React$1.ReactNode;
|
|
524
|
+
/** Column width (CSS value) */
|
|
525
|
+
width?: string;
|
|
526
|
+
/** Text alignment */
|
|
527
|
+
align?: "left" | "center" | "right";
|
|
528
|
+
/** Whether this column is sortable */
|
|
529
|
+
sortable?: boolean;
|
|
530
|
+
};
|
|
531
|
+
type SortDirection = "asc" | "desc" | null;
|
|
532
|
+
type TableSort = {
|
|
533
|
+
key: string;
|
|
534
|
+
direction: SortDirection;
|
|
535
|
+
};
|
|
536
|
+
type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children"> & {
|
|
537
|
+
/** Column definitions */
|
|
538
|
+
columns: TableColumn<T>[];
|
|
539
|
+
/** Row data */
|
|
540
|
+
data: T[];
|
|
541
|
+
/** Function to get unique key for each row */
|
|
542
|
+
rowKey: (row: T, index: number) => string | number;
|
|
543
|
+
/** Table size variant */
|
|
544
|
+
size?: TableSize;
|
|
545
|
+
/** Table style variant */
|
|
546
|
+
variant?: TableVariant;
|
|
547
|
+
/** Current sort state */
|
|
548
|
+
sort?: TableSort;
|
|
549
|
+
/** Called when sort changes */
|
|
550
|
+
onSortChange?: (sort: TableSort) => void;
|
|
551
|
+
/** Whether to show loading state */
|
|
552
|
+
loading?: boolean;
|
|
553
|
+
/** Content to show when data is empty */
|
|
554
|
+
emptyContent?: React$1.ReactNode;
|
|
555
|
+
/** Loading content */
|
|
556
|
+
loadingContent?: React$1.ReactNode;
|
|
557
|
+
/** Whether the table has sticky header */
|
|
558
|
+
stickyHeader?: boolean;
|
|
559
|
+
/** Custom header row style */
|
|
560
|
+
headerStyle?: React$1.CSSProperties;
|
|
561
|
+
};
|
|
562
|
+
declare const Table: <T>(props: TableProps<T> & {
|
|
563
|
+
ref?: React$1.ForwardedRef<HTMLTableElement>;
|
|
564
|
+
}) => React$1.ReactElement;
|
|
565
|
+
|
|
413
566
|
type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
414
567
|
/**
|
|
415
568
|
* Remove o padding horizontal lateral.
|
|
@@ -511,4 +664,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
|
511
664
|
|
|
512
665
|
declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
513
666
|
|
|
514
|
-
export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, 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, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, Tag, 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, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|
|
667
|
+
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, 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, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -130,6 +130,14 @@ declare function RehagroProvider({ theme, toastPosition, children }: RehagroProv
|
|
|
130
130
|
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
131
131
|
type ButtonSize = "sm" | "md" | "lg";
|
|
132
132
|
type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
133
|
+
type ButtonHoverStyle = {
|
|
134
|
+
/** Background color on hover */
|
|
135
|
+
backgroundColor?: string;
|
|
136
|
+
/** Border color on hover */
|
|
137
|
+
borderColor?: string;
|
|
138
|
+
/** Text color on hover */
|
|
139
|
+
color?: string;
|
|
140
|
+
};
|
|
133
141
|
type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
134
142
|
/** Visual style variant */
|
|
135
143
|
variant?: ButtonVariant;
|
|
@@ -141,6 +149,8 @@ type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
141
149
|
color?: ButtonColor;
|
|
142
150
|
/** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
|
|
143
151
|
hoverColor?: string;
|
|
152
|
+
/** Custom hover styles - allows full control over hover appearance */
|
|
153
|
+
hoverStyle?: ButtonHoverStyle;
|
|
144
154
|
/** Shows loading state and disables interaction */
|
|
145
155
|
loading?: boolean;
|
|
146
156
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
@@ -159,6 +169,8 @@ declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttrib
|
|
|
159
169
|
color?: ButtonColor;
|
|
160
170
|
/** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
|
|
161
171
|
hoverColor?: string;
|
|
172
|
+
/** Custom hover styles - allows full control over hover appearance */
|
|
173
|
+
hoverStyle?: ButtonHoverStyle;
|
|
162
174
|
/** Shows loading state and disables interaction */
|
|
163
175
|
loading?: boolean;
|
|
164
176
|
/** Icon rendered to the left of children (hidden when loading) */
|
|
@@ -362,6 +374,8 @@ type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
|
362
374
|
size?: AvatarSize;
|
|
363
375
|
/** Shape variant */
|
|
364
376
|
variant?: AvatarVariant;
|
|
377
|
+
/** Generate background and text color automatically based on name/alt */
|
|
378
|
+
colorFromName?: boolean;
|
|
365
379
|
};
|
|
366
380
|
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
367
381
|
/** Image source URL */
|
|
@@ -374,6 +388,8 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttribu
|
|
|
374
388
|
size?: AvatarSize;
|
|
375
389
|
/** Shape variant */
|
|
376
390
|
variant?: AvatarVariant;
|
|
391
|
+
/** Generate background and text color automatically based on name/alt */
|
|
392
|
+
colorFromName?: boolean;
|
|
377
393
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
378
394
|
|
|
379
395
|
type TagSize = "sm" | "md" | "lg";
|
|
@@ -410,6 +426,143 @@ declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTML
|
|
|
410
426
|
disabled?: boolean;
|
|
411
427
|
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
412
428
|
|
|
429
|
+
type ToggleGroupSize = "sm" | "md" | "lg";
|
|
430
|
+
type ToggleGroupRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
431
|
+
type ToggleGroupOption<T extends string = string> = {
|
|
432
|
+
/** Unique value for this option */
|
|
433
|
+
value: T;
|
|
434
|
+
/** Label text or icon to display */
|
|
435
|
+
label?: React$1.ReactNode;
|
|
436
|
+
/** Icon to display (alternative to label) */
|
|
437
|
+
icon?: React$1.ReactNode;
|
|
438
|
+
/** Accessible label for screen readers */
|
|
439
|
+
"aria-label"?: string;
|
|
440
|
+
/** Whether this option is disabled */
|
|
441
|
+
disabled?: boolean;
|
|
442
|
+
};
|
|
443
|
+
type ToggleGroupProps<T extends string = string> = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
444
|
+
/** Available options */
|
|
445
|
+
options: ToggleGroupOption<T>[];
|
|
446
|
+
/** Currently selected value */
|
|
447
|
+
value: T;
|
|
448
|
+
/** Called when selection changes */
|
|
449
|
+
onChange: (value: T) => void;
|
|
450
|
+
/** Size variant */
|
|
451
|
+
size?: ToggleGroupSize;
|
|
452
|
+
/** Border radius */
|
|
453
|
+
radius?: ToggleGroupRadius;
|
|
454
|
+
/** Color scheme for active state */
|
|
455
|
+
color?: PresetColor | (string & {});
|
|
456
|
+
/** Whether the entire group is disabled */
|
|
457
|
+
disabled?: boolean;
|
|
458
|
+
};
|
|
459
|
+
declare const ToggleGroup: <T extends string = string>(props: ToggleGroupProps<T> & {
|
|
460
|
+
ref?: React$1.ForwardedRef<HTMLDivElement>;
|
|
461
|
+
}) => React$1.ReactElement;
|
|
462
|
+
|
|
463
|
+
type CardVariant = "elevated" | "outlined" | "filled";
|
|
464
|
+
type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
465
|
+
type CardPadding = "none" | "sm" | "md" | "lg";
|
|
466
|
+
type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
467
|
+
/** Visual style variant */
|
|
468
|
+
variant?: CardVariant;
|
|
469
|
+
/** Border radius */
|
|
470
|
+
radius?: CardRadius;
|
|
471
|
+
/** Internal padding */
|
|
472
|
+
padding?: CardPadding;
|
|
473
|
+
/** Makes the card clickable with hover effects */
|
|
474
|
+
clickable?: boolean;
|
|
475
|
+
/** Disabled state (only applies when clickable) */
|
|
476
|
+
disabled?: boolean;
|
|
477
|
+
};
|
|
478
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
479
|
+
/** Visual style variant */
|
|
480
|
+
variant?: CardVariant;
|
|
481
|
+
/** Border radius */
|
|
482
|
+
radius?: CardRadius;
|
|
483
|
+
/** Internal padding */
|
|
484
|
+
padding?: CardPadding;
|
|
485
|
+
/** Makes the card clickable with hover effects */
|
|
486
|
+
clickable?: boolean;
|
|
487
|
+
/** Disabled state (only applies when clickable) */
|
|
488
|
+
disabled?: boolean;
|
|
489
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
490
|
+
type CardHeaderProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
491
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
492
|
+
type CardContentProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
493
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
494
|
+
type CardFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
495
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
496
|
+
|
|
497
|
+
type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
498
|
+
type SpinnerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
499
|
+
/** Spinner size */
|
|
500
|
+
size?: SpinnerSize;
|
|
501
|
+
/** Color scheme */
|
|
502
|
+
color?: PresetColor | (string & {});
|
|
503
|
+
/** Accessible label for screen readers */
|
|
504
|
+
label?: string;
|
|
505
|
+
};
|
|
506
|
+
declare const Spinner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
507
|
+
/** Spinner size */
|
|
508
|
+
size?: SpinnerSize;
|
|
509
|
+
/** Color scheme */
|
|
510
|
+
color?: PresetColor | (string & {});
|
|
511
|
+
/** Accessible label for screen readers */
|
|
512
|
+
label?: string;
|
|
513
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
514
|
+
|
|
515
|
+
type TableSize = "sm" | "md" | "lg";
|
|
516
|
+
type TableVariant = "default" | "striped";
|
|
517
|
+
type TableColumn<T> = {
|
|
518
|
+
/** Unique key for this column */
|
|
519
|
+
key: string;
|
|
520
|
+
/** Column header text */
|
|
521
|
+
header: React$1.ReactNode;
|
|
522
|
+
/** Function to render cell content */
|
|
523
|
+
render: (row: T, index: number) => React$1.ReactNode;
|
|
524
|
+
/** Column width (CSS value) */
|
|
525
|
+
width?: string;
|
|
526
|
+
/** Text alignment */
|
|
527
|
+
align?: "left" | "center" | "right";
|
|
528
|
+
/** Whether this column is sortable */
|
|
529
|
+
sortable?: boolean;
|
|
530
|
+
};
|
|
531
|
+
type SortDirection = "asc" | "desc" | null;
|
|
532
|
+
type TableSort = {
|
|
533
|
+
key: string;
|
|
534
|
+
direction: SortDirection;
|
|
535
|
+
};
|
|
536
|
+
type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children"> & {
|
|
537
|
+
/** Column definitions */
|
|
538
|
+
columns: TableColumn<T>[];
|
|
539
|
+
/** Row data */
|
|
540
|
+
data: T[];
|
|
541
|
+
/** Function to get unique key for each row */
|
|
542
|
+
rowKey: (row: T, index: number) => string | number;
|
|
543
|
+
/** Table size variant */
|
|
544
|
+
size?: TableSize;
|
|
545
|
+
/** Table style variant */
|
|
546
|
+
variant?: TableVariant;
|
|
547
|
+
/** Current sort state */
|
|
548
|
+
sort?: TableSort;
|
|
549
|
+
/** Called when sort changes */
|
|
550
|
+
onSortChange?: (sort: TableSort) => void;
|
|
551
|
+
/** Whether to show loading state */
|
|
552
|
+
loading?: boolean;
|
|
553
|
+
/** Content to show when data is empty */
|
|
554
|
+
emptyContent?: React$1.ReactNode;
|
|
555
|
+
/** Loading content */
|
|
556
|
+
loadingContent?: React$1.ReactNode;
|
|
557
|
+
/** Whether the table has sticky header */
|
|
558
|
+
stickyHeader?: boolean;
|
|
559
|
+
/** Custom header row style */
|
|
560
|
+
headerStyle?: React$1.CSSProperties;
|
|
561
|
+
};
|
|
562
|
+
declare const Table: <T>(props: TableProps<T> & {
|
|
563
|
+
ref?: React$1.ForwardedRef<HTMLTableElement>;
|
|
564
|
+
}) => React$1.ReactElement;
|
|
565
|
+
|
|
413
566
|
type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
414
567
|
/**
|
|
415
568
|
* Remove o padding horizontal lateral.
|
|
@@ -511,4 +664,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
|
511
664
|
|
|
512
665
|
declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
513
666
|
|
|
514
|
-
export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, 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, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, Tag, 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, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|
|
667
|
+
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, 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, 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 };
|