beth-clarity 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +45 -0
  2. package/dist/components/Accordion/index.d.ts +3 -0
  3. package/dist/components/Badge/Badge.d.ts +19 -0
  4. package/dist/components/Badge/index.d.ts +2 -0
  5. package/dist/components/Button/Button.d.ts +21 -0
  6. package/dist/components/Button/index.d.ts +3 -0
  7. package/dist/components/ButtonIcon/ButtonIcon.d.ts +22 -0
  8. package/dist/components/ButtonIcon/index.d.ts +3 -0
  9. package/dist/components/ButtonLink/ButtonLink.d.ts +21 -0
  10. package/dist/components/ButtonLink/index.d.ts +3 -0
  11. package/dist/components/CheckInput/CheckInput.d.ts +22 -0
  12. package/dist/components/CheckInput/index.d.ts +3 -0
  13. package/dist/components/Command/Command.d.ts +17 -0
  14. package/dist/components/Command/index.d.ts +2 -0
  15. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +38 -0
  16. package/dist/components/ConfirmationDialog/index.d.ts +2 -0
  17. package/dist/components/Dropdown/Dropdown.d.ts +22 -0
  18. package/dist/components/Dropdown/index.d.ts +2 -0
  19. package/dist/components/Input/Input.d.ts +24 -0
  20. package/dist/components/Input/index.d.ts +3 -0
  21. package/dist/components/InputSwitch/InputSwitch.d.ts +20 -0
  22. package/dist/components/InputSwitch/index.d.ts +3 -0
  23. package/dist/components/Modal/Modal.d.ts +18 -0
  24. package/dist/components/Modal/index.d.ts +2 -0
  25. package/dist/components/MultiSelect/MultiSelect.d.ts +31 -0
  26. package/dist/components/MultiSelect/index.d.ts +3 -0
  27. package/dist/components/Offcanvas/Offcanvas.d.ts +16 -0
  28. package/dist/components/Offcanvas/index.d.ts +2 -0
  29. package/dist/components/Select/Select.d.ts +51 -0
  30. package/dist/components/Select/index.d.ts +3 -0
  31. package/dist/components/Spinner/Spinner.d.ts +17 -0
  32. package/dist/components/Spinner/index.d.ts +3 -0
  33. package/dist/components/Table/Table.d.ts +4 -0
  34. package/dist/components/Table/index.d.ts +3 -0
  35. package/dist/components/Tabs/Tabs.d.ts +10 -0
  36. package/dist/components/Tabs/index.d.ts +2 -0
  37. package/dist/components/Textarea/Textarea.d.ts +30 -0
  38. package/dist/components/Textarea/index.d.ts +3 -0
  39. package/dist/components/Toast/Toast.d.ts +7 -0
  40. package/dist/components/Toast/index.d.ts +2 -0
  41. package/dist/components/Tooltip/Tooltip.d.ts +24 -0
  42. package/dist/components/Tooltip/index.d.ts +3 -0
  43. package/dist/components/index.d.ts +22 -0
  44. package/dist/index.d.ts +4 -1
  45. package/dist/tokens/colors.d.ts +51 -0
  46. package/dist/tokens/index.d.ts +4 -0
  47. package/dist/tokens/spacing.d.ts +10 -0
  48. package/dist/tokens/typography.d.ts +22 -0
  49. package/dist/types/table.d.ts +40 -0
  50. package/dist/utils/index.d.ts +3 -0
  51. package/package.json +1 -1
@@ -0,0 +1,45 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ export interface AccordionProps {
6
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
+ product?: ProductName;
8
+ tone?: ColorTone;
9
+ hoverTone?: ColorTone;
10
+ defaultActiveKey?: string | string[];
11
+ alwaysOpen?: boolean;
12
+ flush?: boolean;
13
+ className?: string;
14
+ children: ReactNode;
15
+ onSelect?: (eventKey: string | null, event: React.SyntheticEvent) => void;
16
+ }
17
+ export interface AccordionItemProps {
18
+ eventKey: string;
19
+ disabled?: boolean;
20
+ className?: string;
21
+ children: ReactNode;
22
+ }
23
+ export interface AccordionHeaderProps {
24
+ className?: string;
25
+ children: ReactNode;
26
+ onClick?: (event: React.MouseEvent) => void;
27
+ }
28
+ export interface AccordionBodyProps {
29
+ className?: string;
30
+ children: ReactNode;
31
+ }
32
+ export declare const Accordion: React.FC<AccordionProps> & {
33
+ Item: React.FC<AccordionItemProps>;
34
+ Header: React.FC<AccordionHeaderProps & {
35
+ eventKey?: string;
36
+ disabled?: boolean;
37
+ isActive?: boolean;
38
+ }>;
39
+ Body: React.FC<AccordionBodyProps & {
40
+ eventKey?: string;
41
+ isActive?: boolean;
42
+ }>;
43
+ };
44
+ export {};
45
+ //# sourceMappingURL=Accordion.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Accordion } from './Accordion';
2
+ export type { AccordionProps, AccordionItemProps } from './Accordion';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ export interface BadgeProps {
6
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
+ product?: ProductName;
8
+ tone?: ColorTone;
9
+ size?: 'small' | 'medium' | 'large';
10
+ bgColor?: string;
11
+ textColor?: string;
12
+ children: React.ReactNode;
13
+ className?: string;
14
+ rounded?: boolean;
15
+ outlined?: boolean;
16
+ }
17
+ export declare const Badge: React.FC<BadgeProps>;
18
+ export default Badge;
19
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { Badge, type BadgeProps } from './Badge';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ export interface ButtonProps {
6
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
+ product?: ProductName;
8
+ tone?: ColorTone;
9
+ hoverTone?: ColorTone;
10
+ size?: 'small' | 'medium' | 'large';
11
+ disabled?: boolean;
12
+ loading?: boolean;
13
+ children: React.ReactNode;
14
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
15
+ type?: 'button' | 'submit' | 'reset';
16
+ className?: string;
17
+ title?: string;
18
+ }
19
+ export declare const Button: React.FC<ButtonProps>;
20
+ export {};
21
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonProps } from './Button';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ export interface ButtonIconProps {
6
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
+ product?: ProductName;
8
+ tone?: ColorTone;
9
+ hoverTone?: ColorTone;
10
+ size?: 'small' | 'medium' | 'large';
11
+ disabled?: boolean;
12
+ loading?: boolean;
13
+ children: React.ReactNode;
14
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
15
+ type?: 'button' | 'submit' | 'reset';
16
+ className?: string;
17
+ 'aria-label'?: string;
18
+ title?: string;
19
+ }
20
+ export declare const ButtonIcon: React.FC<ButtonIconProps>;
21
+ export {};
22
+ //# sourceMappingURL=ButtonIcon.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { ButtonIcon } from './ButtonIcon';
2
+ export type { ButtonIconProps } from './ButtonIcon';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ export interface ButtonLinkProps {
6
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
+ product?: ProductName;
8
+ tone?: ColorTone;
9
+ hoverTone?: ColorTone;
10
+ size?: 'small' | 'medium' | 'large';
11
+ disabled?: boolean;
12
+ children: React.ReactNode;
13
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
14
+ href?: string;
15
+ target?: '_blank' | '_self' | '_parent' | '_top';
16
+ rel?: string;
17
+ className?: string;
18
+ }
19
+ export declare const ButtonLink: React.FC<ButtonLinkProps>;
20
+ export {};
21
+ //# sourceMappingURL=ButtonLink.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { ButtonLink } from './ButtonLink';
2
+ export type { ButtonLinkProps } from './ButtonLink';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ export interface CheckInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
4
+ /** Tipo do input */
5
+ type: 'checkbox' | 'radio';
6
+ /** Variante de cor */
7
+ variant?: SystemVariant | ProductVariant;
8
+ /** Tamanho do input */
9
+ size?: 'small' | 'medium' | 'large';
10
+ /** Label do input */
11
+ label?: string;
12
+ /** Texto de ajuda */
13
+ helperText?: string;
14
+ /** Estado de erro */
15
+ error?: boolean;
16
+ /** Mensagem de erro */
17
+ errorMessage?: string;
18
+ /** Posição do label */
19
+ labelPosition?: 'left' | 'right';
20
+ }
21
+ export declare const CheckInput: React.ForwardRefExoticComponent<CheckInputProps & React.RefAttributes<HTMLInputElement>>;
22
+ //# sourceMappingURL=CheckInput.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { CheckInput } from './CheckInput';
2
+ export type { CheckInputProps } from './CheckInput';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { CommandProps, CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandSeparatorProps, CommandShortcutProps, CommandButtonProps } from '@/types/command';
3
+ export declare const Command: React.FC<CommandProps & {
4
+ emptyText?: string;
5
+ inputPlaceholder?: string;
6
+ }> & {
7
+ Button: React.FC<CommandButtonProps>;
8
+ Dialog: React.FC<CommandDialogProps>;
9
+ Input: React.FC<CommandInputProps>;
10
+ List: React.FC<CommandListProps>;
11
+ Empty: React.FC<CommandEmptyProps>;
12
+ Group: React.FC<CommandGroupProps>;
13
+ Item: React.FC<CommandItemProps>;
14
+ Separator: React.FC<CommandSeparatorProps>;
15
+ Shortcut: React.FC<CommandShortcutProps>;
16
+ };
17
+ //# sourceMappingURL=Command.d.ts.map
@@ -0,0 +1,2 @@
1
+ export * from './Command';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,38 @@
1
+ import { default as React } from 'react';
2
+ type DialogVariant = 'clarity-primary' | 'clarity-warning' | 'clarity-danger' | 'clarity-success';
3
+ interface ConfirmationDialogProps {
4
+ isOpen?: boolean;
5
+ onClose?: () => void;
6
+ onConfirm?: () => void;
7
+ variant?: DialogVariant;
8
+ children: React.ReactNode;
9
+ }
10
+ interface TriggerProps {
11
+ children: React.ReactElement;
12
+ }
13
+ interface CloseProps {
14
+ children: React.ReactElement;
15
+ }
16
+ interface ConfirmProps {
17
+ children: React.ReactElement;
18
+ }
19
+ interface SubComponentProps {
20
+ children?: React.ReactNode;
21
+ className?: string;
22
+ }
23
+ declare const Header: React.FC<SubComponentProps>;
24
+ declare const Content: React.FC<SubComponentProps>;
25
+ declare const Footer: React.FC<SubComponentProps>;
26
+ declare const Trigger: React.FC<TriggerProps>;
27
+ declare const Close: React.FC<CloseProps>;
28
+ declare const Confirm: React.FC<ConfirmProps>;
29
+ export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps> & {
30
+ Header: typeof Header;
31
+ Content: typeof Content;
32
+ Footer: typeof Footer;
33
+ Trigger: typeof Trigger;
34
+ Close: typeof Close;
35
+ Confirm: typeof Confirm;
36
+ };
37
+ export {};
38
+ //# sourceMappingURL=ConfirmationDialog.d.ts.map
@@ -0,0 +1,2 @@
1
+ export * from './ConfirmationDialog';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { DropdownProps, DropdownItemProps } from '../../types/dropdown';
3
+ declare const Trigger: React.FC<{
4
+ children: React.ReactNode;
5
+ }>;
6
+ declare const Content: React.FC<{
7
+ children: React.ReactNode;
8
+ }>;
9
+ declare const Menu: React.FC<{
10
+ children: React.ReactNode;
11
+ }>;
12
+ declare const Item: React.FC<DropdownItemProps>;
13
+ declare const Separator: React.FC;
14
+ export declare const Dropdown: React.FC<DropdownProps> & {
15
+ Trigger: typeof Trigger;
16
+ Content: typeof Content;
17
+ Menu: typeof Menu;
18
+ Item: typeof Item;
19
+ Separator: typeof Separator;
20
+ };
21
+ export {};
22
+ //# sourceMappingURL=Dropdown.d.ts.map
@@ -0,0 +1,2 @@
1
+ export * from './Dropdown';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,24 @@
1
+ import { default as React } from 'react';
2
+ type SystemVariant = 'primary' | 'secondary';
3
+ type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
4
+ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
5
+ /** Variante de cor */
6
+ variant?: SystemVariant | ProductVariant;
7
+ /** Tamanho do input */
8
+ size?: 'small' | 'medium' | 'large';
9
+ /** Label do input */
10
+ label?: string;
11
+ /** Texto de ajuda */
12
+ helperText?: string;
13
+ /** Estado de erro */
14
+ error?: boolean;
15
+ /** Mensagem de erro */
16
+ errorMessage?: string;
17
+ /** Ícone no início */
18
+ startIcon?: React.ReactNode;
19
+ /** Ícone no final */
20
+ endIcon?: React.ReactNode;
21
+ }
22
+ export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
23
+ export {};
24
+ //# sourceMappingURL=Input.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Input } from './Input';
2
+ export type { InputProps } from './Input';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,20 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ export interface InputSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
4
+ /** Variante de cor */
5
+ variant?: SystemVariant | ProductVariant;
6
+ /** Tamanho do switch */
7
+ size?: 'small' | 'medium' | 'large';
8
+ /** Label do switch */
9
+ label?: string;
10
+ /** Texto de ajuda */
11
+ helperText?: string;
12
+ /** Estado de erro */
13
+ error?: boolean;
14
+ /** Mensagem de erro */
15
+ errorMessage?: string;
16
+ /** Posição do label */
17
+ labelPosition?: 'left' | 'right';
18
+ }
19
+ export declare const InputSwitch: React.ForwardRefExoticComponent<InputSwitchProps & React.RefAttributes<HTMLInputElement>>;
20
+ //# sourceMappingURL=InputSwitch.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { InputSwitch } from './InputSwitch';
2
+ export type { InputSwitchProps } from './InputSwitch';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { ModalProps, ModalSubComponentProps, ModalTriggerProps, ModalCloseProps } from '@/types/modal';
3
+ declare const Header: React.FC<ModalSubComponentProps & {
4
+ title?: string;
5
+ }>;
6
+ declare const Content: React.FC<ModalSubComponentProps>;
7
+ declare const Footer: React.FC<ModalSubComponentProps>;
8
+ declare const Trigger: React.FC<ModalTriggerProps>;
9
+ declare const Close: React.FC<ModalCloseProps>;
10
+ export declare const Modal: React.FC<ModalProps> & {
11
+ Header: typeof Header;
12
+ Content: typeof Content;
13
+ Footer: typeof Footer;
14
+ Trigger: typeof Trigger;
15
+ Close: typeof Close;
16
+ };
17
+ export {};
18
+ //# sourceMappingURL=Modal.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { Modal } from './Modal';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ export type SystemVariant = 'primary' | 'secondary';
3
+ export type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
4
+ export type MultiSelectVariant = SystemVariant | ProductVariant;
5
+ export interface MultiSelectOption {
6
+ value: string | number;
7
+ label: string;
8
+ disabled?: boolean;
9
+ }
10
+ export interface MultiSelectProps {
11
+ options: MultiSelectOption[];
12
+ value?: (string | number)[];
13
+ onChange?: (values: (string | number)[]) => void;
14
+ placeholder?: string;
15
+ label?: string;
16
+ helperText?: string;
17
+ error?: boolean;
18
+ errorMessage?: string;
19
+ disabled?: boolean;
20
+ variant?: MultiSelectVariant;
21
+ size?: 'small' | 'medium' | 'large';
22
+ maxSelectedLabels?: number;
23
+ selectionLimit?: number;
24
+ className?: string;
25
+ id?: string;
26
+ name?: string;
27
+ required?: boolean;
28
+ 'data-testid'?: string;
29
+ }
30
+ export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
31
+ //# sourceMappingURL=MultiSelect.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { MultiSelect } from './MultiSelect';
2
+ export type { MultiSelectProps, MultiSelectOption } from './MultiSelect';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ import { OffcanvasProps, OffcanvasSubComponentProps, OffcanvasTriggerProps, OffcanvasCloseProps } from '@/types/offcanvas';
3
+ declare const Header: React.FC<OffcanvasSubComponentProps>;
4
+ declare const Content: React.FC<OffcanvasSubComponentProps>;
5
+ declare const Trigger: React.FC<OffcanvasTriggerProps>;
6
+ declare const Footer: React.FC<OffcanvasSubComponentProps>;
7
+ declare const Close: React.FC<OffcanvasCloseProps>;
8
+ export declare const Offcanvas: React.FC<OffcanvasProps> & {
9
+ Header: typeof Header;
10
+ Content: typeof Content;
11
+ Footer: typeof Footer;
12
+ Trigger: typeof Trigger;
13
+ Close: typeof Close;
14
+ };
15
+ export {};
16
+ //# sourceMappingURL=Offcanvas.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { Offcanvas } from './Offcanvas';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,51 @@
1
+ import { default as React } from 'react';
2
+ type SystemVariant = 'primary' | 'secondary';
3
+ type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
4
+ export interface SelectOption {
5
+ value: string | number;
6
+ label: string;
7
+ disabled?: boolean;
8
+ }
9
+ export interface SelectProps {
10
+ /** Variante de cor */
11
+ variant?: SystemVariant | ProductVariant;
12
+ /** Tamanho do select */
13
+ size?: 'small' | 'medium' | 'large';
14
+ /** Label do select */
15
+ label?: string;
16
+ /** Texto de ajuda */
17
+ helperText?: string;
18
+ /** Estado de erro */
19
+ error?: boolean;
20
+ /** Mensagem de erro */
21
+ errorMessage?: string;
22
+ /** Ícone no início */
23
+ startIcon?: React.ReactNode;
24
+ /** Ícone no final (substitui a seta padrão) */
25
+ endIcon?: React.ReactNode;
26
+ /** Opções do select */
27
+ options: SelectOption[];
28
+ /** Placeholder quando nenhuma opção está selecionada */
29
+ placeholder?: string;
30
+ /** Valor selecionado */
31
+ value?: string | number;
32
+ /** Valor padrão */
33
+ defaultValue?: string | number;
34
+ /** Callback quando o valor muda */
35
+ onChange?: (value: string | number) => void;
36
+ /** Estado desabilitado */
37
+ disabled?: boolean;
38
+ /** Permite limpar a seleção */
39
+ isClearable?: boolean;
40
+ /** Permite busca dentro das opções */
41
+ isSearchable?: boolean;
42
+ /** Callback de foco */
43
+ onFocus?: () => void;
44
+ /** Callback de blur */
45
+ onBlur?: () => void;
46
+ /** Classe CSS adicional */
47
+ className?: string;
48
+ }
49
+ export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
50
+ export {};
51
+ //# sourceMappingURL=Select.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Select } from './Select';
2
+ export type { SelectProps, SelectOption } from './Select';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ type SpinnerSize = 'small' | 'medium' | 'large';
6
+ export interface SpinnerProps {
7
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
8
+ product?: ProductName;
9
+ tone?: ColorTone;
10
+ size?: SpinnerSize;
11
+ color?: string;
12
+ className?: string;
13
+ 'aria-label'?: string;
14
+ }
15
+ export declare const Spinner: React.FC<SpinnerProps>;
16
+ export {};
17
+ //# sourceMappingURL=Spinner.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { TableProps } from '../../types/table';
3
+ export declare const Table: React.FC<TableProps>;
4
+ //# sourceMappingURL=Table.d.ts.map
@@ -0,0 +1,3 @@
1
+ export * from './Table';
2
+ export * from '../../types/table';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ import { TabsProps, TabProps, TabContentProps } from '../../types/tabs';
3
+ declare const Tab: React.FC<TabProps>;
4
+ declare const TabContent: React.FC<TabContentProps>;
5
+ export declare const Tabs: React.FC<TabsProps> & {
6
+ Tab: typeof Tab;
7
+ Content: typeof TabContent;
8
+ };
9
+ export {};
10
+ //# sourceMappingURL=Tabs.d.ts.map
@@ -0,0 +1,2 @@
1
+ export * from './Tabs';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,30 @@
1
+ import { default as React } from 'react';
2
+ type SystemVariant = 'primary' | 'secondary';
3
+ type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
4
+ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
5
+ /** Variante de cor */
6
+ variant?: SystemVariant | ProductVariant;
7
+ /** Tamanho do textarea */
8
+ size?: 'small' | 'medium' | 'large';
9
+ /** Label do textarea */
10
+ label?: string;
11
+ /** Texto de ajuda */
12
+ helperText?: string;
13
+ /** Estado de erro */
14
+ error?: boolean;
15
+ /** Mensagem de erro */
16
+ errorMessage?: string;
17
+ /** Ícone no início */
18
+ startIcon?: React.ReactNode;
19
+ /** Ícone no final */
20
+ endIcon?: React.ReactNode;
21
+ /** Altura mínima para textarea redimensionável */
22
+ minHeight?: number;
23
+ /** Altura máxima para textarea redimensionável */
24
+ maxHeight?: number;
25
+ /** Permitir redimensionamento da textarea */
26
+ resizable?: boolean;
27
+ }
28
+ export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
29
+ export {};
30
+ //# sourceMappingURL=Textarea.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Textarea } from './Textarea';
2
+ export type { TextareaProps } from './Textarea';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { ToastContextType } from '@/types/toast';
3
+ export declare const useToast: () => ToastContextType;
4
+ export declare const ToastProvider: React.FC<{
5
+ children: React.ReactNode;
6
+ }>;
7
+ //# sourceMappingURL=Toast.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { ToastProvider, useToast } from './Toast';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,24 @@
1
+ import { default as React } from 'react';
2
+ import { SystemVariant, ProductVariant } from '../../types/common';
3
+ type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
+ type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
+ export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
6
+ export interface TooltipProps {
7
+ content: React.ReactNode;
8
+ position?: TooltipPosition;
9
+ variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
10
+ product?: ProductName;
11
+ tone?: ColorTone;
12
+ bgColor?: string;
13
+ textColor?: string;
14
+ children: React.ReactNode;
15
+ className?: string;
16
+ disabled?: boolean;
17
+ delay?: number;
18
+ hideDelay?: number;
19
+ trigger?: 'hover' | 'click' | 'focus';
20
+ arrow?: boolean;
21
+ }
22
+ export declare const Tooltip: React.FC<TooltipProps>;
23
+ export default Tooltip;
24
+ //# sourceMappingURL=Tooltip.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { Tooltip, type TooltipProps, type TooltipPosition } from './Tooltip';
2
+ export { default } from './Tooltip';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,22 @@
1
+ export * from './Badge';
2
+ export * from './Button';
3
+ export * from './Input';
4
+ export * from './Textarea';
5
+ export * from './Select';
6
+ export * from './MultiSelect';
7
+ export * from './Modal';
8
+ export * from './Toast';
9
+ export * from './Offcanvas';
10
+ export * from './CheckInput';
11
+ export * from './InputSwitch';
12
+ export * from './ConfirmationDialog';
13
+ export * from './ButtonIcon';
14
+ export * from './ButtonLink';
15
+ export * from './Accordion';
16
+ export * from './Dropdown';
17
+ export * from './Tabs';
18
+ export * from './Tooltip';
19
+ export * from './Command';
20
+ export * from './Table';
21
+ export * from './Spinner';
22
+ //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts CHANGED
@@ -1 +1,4 @@
1
- export {}
1
+ export * from './components';
2
+ export * from './tokens';
3
+ export * from './utils';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,51 @@
1
+ export declare const colors: {
2
+ readonly primary: {
3
+ readonly 50: "#f0f9ff";
4
+ readonly 100: "#e0f2fe";
5
+ readonly 200: "#bae6fd";
6
+ readonly 300: "#7dd3fc";
7
+ readonly 400: "#38bdf8";
8
+ readonly 500: "#0ea5e9";
9
+ readonly 600: "#0284c7";
10
+ readonly 700: "#0369a1";
11
+ readonly 800: "#075985";
12
+ readonly 900: "#0c4a6e";
13
+ };
14
+ readonly secondary: {
15
+ readonly 50: "#f8fafc";
16
+ readonly 100: "#f1f5f9";
17
+ readonly 200: "#e2e8f0";
18
+ readonly 300: "#cbd5e1";
19
+ readonly 400: "#94a3b8";
20
+ readonly 500: "#64748b";
21
+ readonly 600: "#475569";
22
+ readonly 700: "#334155";
23
+ readonly 800: "#1e293b";
24
+ readonly 900: "#0f172a";
25
+ };
26
+ readonly danger: {
27
+ readonly 50: "#fef2f2";
28
+ readonly 100: "#fee2e2";
29
+ readonly 200: "#fecaca";
30
+ readonly 300: "#fca5a5";
31
+ readonly 400: "#f87171";
32
+ readonly 500: "#ef4444";
33
+ readonly 600: "#dc2626";
34
+ readonly 700: "#b91c1c";
35
+ readonly 800: "#991b1b";
36
+ readonly 900: "#7f1d1d";
37
+ };
38
+ readonly success: {
39
+ readonly 50: "#ecfdf5";
40
+ readonly 100: "#d1fae5";
41
+ readonly 200: "#a7f3d0";
42
+ readonly 300: "#6ee7b7";
43
+ readonly 400: "#34d399";
44
+ readonly 500: "#10b981";
45
+ readonly 600: "#059669";
46
+ readonly 700: "#047857";
47
+ readonly 800: "#065f46";
48
+ readonly 900: "#064e3b";
49
+ };
50
+ };
51
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1,4 @@
1
+ export { colors } from './colors';
2
+ export { spacing } from './spacing';
3
+ export { typography } from './typography';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,10 @@
1
+ export declare const spacing: {
2
+ readonly xs: "4px";
3
+ readonly sm: "8px";
4
+ readonly md: "16px";
5
+ readonly lg: "24px";
6
+ readonly xl: "32px";
7
+ readonly '2xl': "48px";
8
+ readonly '3xl': "64px";
9
+ };
10
+ //# sourceMappingURL=spacing.d.ts.map
@@ -0,0 +1,22 @@
1
+ export declare const typography: {
2
+ readonly fontFamily: {
3
+ readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
4
+ readonly mono: readonly ["Fira Code", "monospace"];
5
+ };
6
+ readonly fontSize: {
7
+ readonly xs: "12px";
8
+ readonly sm: "14px";
9
+ readonly base: "16px";
10
+ readonly lg: "18px";
11
+ readonly xl: "20px";
12
+ readonly '2xl': "24px";
13
+ readonly '3xl': "30px";
14
+ };
15
+ readonly fontWeight: {
16
+ readonly normal: 400;
17
+ readonly medium: 500;
18
+ readonly semibold: 600;
19
+ readonly bold: 700;
20
+ };
21
+ };
22
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1,40 @@
1
+ import { ReactNode } from 'react';
2
+ import { ProductVariant, SystemVariant } from './common';
3
+ export interface TableProps {
4
+ variant?: ProductVariant | SystemVariant;
5
+ columns: TableColumn[];
6
+ data: TableData[];
7
+ viewMode?: 'table' | 'card';
8
+ isScrollable?: boolean;
9
+ isLoading?: boolean;
10
+ }
11
+ export interface TableHeaderProps {
12
+ variant?: ProductVariant | SystemVariant;
13
+ children: ReactNode;
14
+ }
15
+ export interface TableBodyProps {
16
+ children: ReactNode;
17
+ }
18
+ export interface TableRowProps {
19
+ children: ReactNode;
20
+ }
21
+ export interface TableHeaderCellProps {
22
+ children: ReactNode;
23
+ onClick?: () => void;
24
+ className?: string;
25
+ }
26
+ export interface TableCellProps {
27
+ children: ReactNode;
28
+ className?: string;
29
+ }
30
+ export interface TableData {
31
+ [key: string]: any;
32
+ }
33
+ export interface TableColumn {
34
+ key: string;
35
+ header: string;
36
+ sortable?: boolean;
37
+ minWidth?: string;
38
+ }
39
+ export type SortDirection = 'asc' | 'desc' | 'none';
40
+ //# sourceMappingURL=table.d.ts.map
@@ -0,0 +1,3 @@
1
+ export declare const cn: (...classes: (string | undefined | null | false)[]) => string;
2
+ export declare const generateId: () => string;
3
+ //# sourceMappingURL=index.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beth-clarity",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "description": "Design System da Beth Health Tech com componentes React reutilizáveis",
5
5
  "main": "dist/clarity-design-system.umd.js",
6
6
  "module": "dist/clarity-design-system.es.js",