@vector-business-services/cristal-ds-web 0.23.0 → 0.24.0

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 (9) hide show
  1. package/dist/index.cjs +71 -63
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +37 -37
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +74 -36
  6. package/dist/index.d.ts +74 -36
  7. package/dist/index.js +75 -72
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -42,12 +42,12 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'
42
42
  declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
43
43
 
44
44
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
45
- type InputVariant = 'outline' | 'filled';
45
+ type InputTextVariant = 'outline' | 'filled';
46
46
  /** Size no Figma: 32, 36, 42 e 48px de altura do campo. */
47
- type InputSize = 'xsmall' | 'small' | 'medium' | 'large';
48
- interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
49
- variant?: InputVariant;
50
- size?: InputSize;
47
+ type InputTextSize = 'xsmall' | 'small' | 'medium' | 'large';
48
+ interface InputTextProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
49
+ variant?: InputTextVariant;
50
+ size?: InputTextSize;
51
51
  /** Rótulo acima do campo (Label no Figma). Sem rótulo, passe `aria-label`. */
52
52
  label?: string;
53
53
  /** Valor do campo (controlado). */
@@ -61,10 +61,18 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
61
61
  /** Mensagem de erro: deixa o campo no estado Error e mostra a dica de erro no lugar da dica. */
62
62
  error?: string;
63
63
  }
64
- declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
64
+ declare const InputText: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
65
+ /** @deprecated Use `InputText` (o nome do PrimeNG 19). */
66
+ declare const Input: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
67
+ /** @deprecated Use `InputTextProps`. */
68
+ type InputProps = InputTextProps;
69
+ /** @deprecated Use `InputTextSize`. */
70
+ type InputSize = InputTextSize;
71
+ /** @deprecated Use `InputTextVariant`. */
72
+ type InputVariant = InputTextVariant;
65
73
 
66
- type AutoCompleteVariant = InputVariant;
67
- type AutoCompleteSize = InputSize;
74
+ type AutoCompleteVariant = InputTextVariant;
75
+ type AutoCompleteSize = InputTextSize;
68
76
  interface AutoCompleteProps extends Omit<AutoCompleteProps$1, 'size' | 'variant' | 'invalid' | 'multiple' | 'selectionLimit' | 'selectedItemTemplate' | 'removeTokenIcon' | 'dropdownIcon' | 'showEmptyMessage' | 'emptyMessage' | 'loadingIcon' | 'inputClassName' | 'panelClassName' | 'scrollHeight' | 'inputRef' | 'pt' | 'ptOptions' | 'unstyled' | 'children'> {
69
77
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
70
78
  variant?: AutoCompleteVariant;
@@ -377,11 +385,11 @@ declare const DATE_PERIODS: {
377
385
  };
378
386
  };
379
387
 
380
- type DatePickerVariant = InputVariant;
381
- type DatePickerSize = InputSize;
388
+ type DatePickerVariant = InputTextVariant;
389
+ type DatePickerSize = InputTextSize;
382
390
  /**
383
391
  * Props do Calendar do PrimeReact (`selectionMode` single, range ou multiple, `numberOfMonths`,
384
- * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do Input
392
+ * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do InputText
385
393
  * do Cristal. O visual (pt e unstyled), o ícone e as setas são do Cristal.
386
394
  */
387
395
  interface DatePickerProps<TMode extends CalendarSelectionMode = 'single'> extends Omit<CalendarProps$1<TMode>, 'pt' | 'ptOptions' | 'unstyled' | 'inline' | 'prevIcon' | 'nextIcon' | 'showIcon' | 'icon' | 'iconPos' | 'invalid' | 'variant' | 'inputClassName' | 'panelClassName'> {
@@ -687,13 +695,13 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
687
695
  * Size no Figma: Small (520px), Medium (768px) e Large (1200 x 720px; abaixo de 768px de tela
688
696
  * vira tela cheia, como o Responsive=360 do Figma).
689
697
  */
690
- type ModalSize = 'small' | 'medium' | 'large';
691
- /** Controle do Modal pela ref: o elemento só existe com o modal aberto. */
692
- interface ModalHandle {
698
+ type DialogSize = 'small' | 'medium' | 'large';
699
+ /** Controle do Dialog pela ref: o elemento só existe com o modal aberto. */
700
+ interface DialogHandle {
693
701
  /** O role=dialog do modal (null fechado). */
694
702
  getElement: () => HTMLDivElement | null;
695
703
  }
696
- interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
704
+ interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
697
705
  visible: boolean;
698
706
  /** Pedido para fechar (X, Esc ou clique fora, com dismissableMask). */
699
707
  onHide: () => void;
@@ -705,7 +713,7 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
705
713
  /** Título do cabeçalho; também é o nome acessível do modal. */
706
714
  title: string;
707
715
  /** Padrão: large. */
708
- size?: ModalSize;
716
+ size?: DialogSize;
709
717
  /** Mostra o botão de ajuda (QuestionMark) ao lado do X, no small e no medium. */
710
718
  onHelp?: () => void;
711
719
  helpLabel?: string;
@@ -718,7 +726,15 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
718
726
  id?: string;
719
727
  className?: string;
720
728
  }
721
- declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<ModalHandle>>;
729
+ declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
730
+ /** @deprecated Use `Dialog` (o nome do PrimeNG 19). */
731
+ declare const Modal: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
732
+ /** @deprecated Use `DialogHandle`. */
733
+ type ModalHandle = DialogHandle;
734
+ /** @deprecated Use `DialogProps`. */
735
+ type ModalProps = DialogProps;
736
+ /** @deprecated Use `DialogSize`. */
737
+ type ModalSize = DialogSize;
722
738
 
723
739
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
724
740
  type MultiSelectVariant = 'outline' | 'filled';
@@ -798,7 +814,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
798
814
  backLabel?: string;
799
815
  /** Texto da Tag depois do título (Show Tag no Figma). */
800
816
  tag?: ReactNode;
801
- /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SegmentControl>`. */
817
+ /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SelectButton>`. */
802
818
  segmentControl?: ReactNode;
803
819
  /** Botões das ferramentas (Show Buttons no Figma), 8px entre eles. */
804
820
  actions?: ReactNode;
@@ -855,15 +871,15 @@ type PanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'>;
855
871
  declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
856
872
 
857
873
  /** Label Size no Figma: Default (uma linha, com reticências) e Full (quebra em várias linhas). */
858
- type RadioLabelSize = 'default' | 'full';
874
+ type RadioButtonLabelSize = 'default' | 'full';
859
875
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
860
- interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
876
+ interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
861
877
  /** Texto ao lado do controle (Label no Figma). Sem rótulo visível, vira o nome acessível. */
862
878
  label: ReactNode;
863
879
  /** Mostra o rótulo. Padrão: true. */
864
880
  showLabel?: boolean;
865
881
  /** Padrão: default. */
866
- labelSize?: RadioLabelSize;
882
+ labelSize?: RadioButtonLabelSize;
867
883
  checked?: boolean;
868
884
  /** Valor da opção, devolvido no `onChange`. */
869
885
  value?: unknown;
@@ -877,7 +893,13 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
877
893
  className?: string;
878
894
  style?: CSSProperties;
879
895
  }
880
- declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
896
+ declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
897
+ /** @deprecated Use `RadioButton` (o nome do PrimeNG 19). */
898
+ declare const Radio: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
899
+ /** @deprecated Use `RadioButtonLabelSize`. */
900
+ type RadioLabelSize = RadioButtonLabelSize;
901
+ /** @deprecated Use `RadioButtonProps`. */
902
+ type RadioProps = RadioButtonProps;
881
903
 
882
904
  interface ScrollPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
883
905
  children?: ReactNode;
@@ -895,20 +917,20 @@ declare const ScrollPanel: react.ForwardRefExoticComponent<ScrollPanelProps & re
895
917
  * No Figma: Primary é o Header Segment Control (pílula em fill/brand/subtlest) e Secondary é o
896
918
  * Segment Control (cinza, com ícones).
897
919
  */
898
- type SegmentControlVariant = 'primary' | 'secondary';
899
- interface SegmentControlOption {
920
+ type SelectButtonVariant = 'primary' | 'secondary';
921
+ interface SelectButtonOption {
900
922
  label: string;
901
923
  value: string | number;
902
924
  /** Ícone de 16px antes do texto (o Secondary do Figma usa). */
903
925
  icon?: ReactNode;
904
926
  disabled?: boolean;
905
927
  }
906
- interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
907
- options: SegmentControlOption[];
928
+ interface SelectButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
929
+ options: SelectButtonOption[];
908
930
  /** Valor do segmento ativo (controlado). */
909
931
  value?: string | number;
910
932
  onChange?: (value: string | number) => void;
911
- variant?: SegmentControlVariant;
933
+ variant?: SelectButtonVariant;
912
934
  /** O que o grupo controla, para o leitor de tela (ex.: "Visualização"). */
913
935
  'aria-label'?: string;
914
936
  'aria-labelledby'?: string;
@@ -916,7 +938,15 @@ interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
916
938
  id?: string;
917
939
  className?: string;
918
940
  }
919
- declare const SegmentControl: react.ForwardRefExoticComponent<SegmentControlProps & react.RefAttributes<HTMLDivElement>>;
941
+ declare const SelectButton: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
942
+ /** @deprecated Use `SelectButton` (o nome do PrimeNG 19). */
943
+ declare const SegmentControl: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
944
+ /** @deprecated Use `SelectButtonOption`. */
945
+ type SegmentControlOption = SelectButtonOption;
946
+ /** @deprecated Use `SelectButtonProps`. */
947
+ type SegmentControlProps = SelectButtonProps;
948
+ /** @deprecated Use `SelectButtonVariant`. */
949
+ type SegmentControlVariant = SelectButtonVariant;
920
950
 
921
951
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
922
952
  type SelectVariant = 'outline' | 'filled';
@@ -973,19 +1003,19 @@ interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>
973
1003
  declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
974
1004
 
975
1005
  /** Size no Figma: Medium (48x28) e Small (32x20). */
976
- type SwitchSize = 'medium' | 'small';
1006
+ type ToggleSwitchSize = 'medium' | 'small';
977
1007
  /** Label Position no Figma: lado do rótulo em relação ao switch. */
978
- type SwitchLabelPosition = 'right' | 'left';
1008
+ type ToggleSwitchLabelPosition = 'right' | 'left';
979
1009
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
980
- interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
1010
+ interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
981
1011
  /** Texto ao lado do switch (Label no Figma). Sem rótulo visível, vira o nome acessível. */
982
1012
  label: ReactNode;
983
1013
  /** Mostra o rótulo. Padrão: true. */
984
1014
  showLabel?: boolean;
985
1015
  /** Padrão: right. */
986
- labelPosition?: SwitchLabelPosition;
1016
+ labelPosition?: ToggleSwitchLabelPosition;
987
1017
  /** Padrão: medium. */
988
- size?: SwitchSize;
1018
+ size?: ToggleSwitchSize;
989
1019
  checked?: boolean;
990
1020
  onChange?: (event: InputSwitchChangeEvent) => void;
991
1021
  disabled?: boolean;
@@ -995,7 +1025,15 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
995
1025
  className?: string;
996
1026
  style?: CSSProperties;
997
1027
  }
998
- declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
1028
+ declare const ToggleSwitch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
1029
+ /** @deprecated Use `ToggleSwitch` (o nome do PrimeNG 19). */
1030
+ declare const Switch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
1031
+ /** @deprecated Use `ToggleSwitchLabelPosition`. */
1032
+ type SwitchLabelPosition = ToggleSwitchLabelPosition;
1033
+ /** @deprecated Use `ToggleSwitchProps`. */
1034
+ type SwitchProps = ToggleSwitchProps;
1035
+ /** @deprecated Use `ToggleSwitchSize`. */
1036
+ type SwitchSize = ToggleSwitchSize;
999
1037
 
1000
1038
  /** Uma aba (.Tab Item no Figma) e o conteúdo dela. */
1001
1039
  interface TabPanelProps {
@@ -1190,5 +1228,5 @@ interface ToastProps {
1190
1228
  }
1191
1229
  declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<ToastHandle>>;
1192
1230
 
1193
- export { Accordion, AccordionTab, AutoComplete, Badge, Button, Calendar, Card, Chart, Checkbox, Chip, Column, ContextMenu, DATE_PERIODS, DatePicker, DateRangeButton, Divider, Drawer, IconButton, Input, Menu, MenuPrincipal, Menubar, Message, Modal, MultiSelect, PageHeader, Paginator, Panel, Radio, ScrollPanel, SegmentControl, Select, Skeleton, Switch, TabPanel, Table, TableRowActions, TableToolbar, Tabs, Tag, Toast, Tooltip };
1194
- export type { AccordionProps, AccordionTabProps, AutoCompleteProps, AutoCompleteSize, AutoCompleteVariant, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CalendarHandle, CalendarProps, CardPadding, CardProps, ChartAxis, ChartColor, ChartProps, ChartSeries, CheckboxLabelSize, CheckboxPosition, CheckboxProps, ChipProps, ChipSize, ChipVariant, ColumnProps, ContextMenuHandle, ContextMenuItem, ContextMenuProps, DatePickerHandle, DatePickerProps, DatePickerSize, DatePickerVariant, DateRange, DateRangeButtonChangeEvent, DateRangeButtonProps, DateRangePeriod, DividerOrientation, DividerProps, DividerVariant, DrawerBehavior, DrawerHandle, DrawerProps, DrawerSide, DrawerSize, IconButtonProps, IconButtonSize, IconButtonVariant, InputProps, InputSize, InputVariant, MenuDensity, MenuHandle, MenuItem, MenuPrincipalEntry, MenuPrincipalGroup, MenuPrincipalHandle, MenuPrincipalItem, MenuPrincipalProps, MenuProps, MenubarProps, MenubarTool, MenubarUser, MessageProps, MessageType, ModalHandle, ModalProps, ModalSize, MultiSelectDensity, MultiSelectProps, MultiSelectSize, MultiSelectVariant, PageHeaderProps, PageHeaderTab, PageHeaderVariant, PaginatorPageChangeEvent, PaginatorProps, PanelProps, RadioLabelSize, RadioProps, ScrollPanelProps, SegmentControlOption, SegmentControlProps, SegmentControlVariant, SelectProps, SelectSize, SelectVariant, SkeletonProps, SkeletonShape, SwitchLabelPosition, SwitchProps, SwitchSize, TabPanelProps, TableFilter, TableHandle, TableProps, TableRowActionsProps, TableToolbarAction, TableToolbarProps, TabsProps, TagProps, TagSize, TagVariant, ToastHandle, ToastMessage, ToastPosition, ToastProps, ToastType, TooltipPosition, TooltipProps, TooltipType };
1231
+ export { Accordion, AccordionTab, AutoComplete, Badge, Button, Calendar, Card, Chart, Checkbox, Chip, Column, ContextMenu, DATE_PERIODS, DatePicker, DateRangeButton, Dialog, Divider, Drawer, IconButton, Input, InputText, Menu, MenuPrincipal, Menubar, Message, Modal, MultiSelect, PageHeader, Paginator, Panel, Radio, RadioButton, ScrollPanel, SegmentControl, Select, SelectButton, Skeleton, Switch, TabPanel, Table, TableRowActions, TableToolbar, Tabs, Tag, Toast, ToggleSwitch, Tooltip };
1232
+ export type { AccordionProps, AccordionTabProps, AutoCompleteProps, AutoCompleteSize, AutoCompleteVariant, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CalendarHandle, CalendarProps, CardPadding, CardProps, ChartAxis, ChartColor, ChartProps, ChartSeries, CheckboxLabelSize, CheckboxPosition, CheckboxProps, ChipProps, ChipSize, ChipVariant, ColumnProps, ContextMenuHandle, ContextMenuItem, ContextMenuProps, DatePickerHandle, DatePickerProps, DatePickerSize, DatePickerVariant, DateRange, DateRangeButtonChangeEvent, DateRangeButtonProps, DateRangePeriod, DialogHandle, DialogProps, DialogSize, DividerOrientation, DividerProps, DividerVariant, DrawerBehavior, DrawerHandle, DrawerProps, DrawerSide, DrawerSize, IconButtonProps, IconButtonSize, IconButtonVariant, InputProps, InputSize, InputTextProps, InputTextSize, InputTextVariant, InputVariant, MenuDensity, MenuHandle, MenuItem, MenuPrincipalEntry, MenuPrincipalGroup, MenuPrincipalHandle, MenuPrincipalItem, MenuPrincipalProps, MenuProps, MenubarProps, MenubarTool, MenubarUser, MessageProps, MessageType, ModalHandle, ModalProps, ModalSize, MultiSelectDensity, MultiSelectProps, MultiSelectSize, MultiSelectVariant, PageHeaderProps, PageHeaderTab, PageHeaderVariant, PaginatorPageChangeEvent, PaginatorProps, PanelProps, RadioButtonLabelSize, RadioButtonProps, RadioLabelSize, RadioProps, ScrollPanelProps, SegmentControlOption, SegmentControlProps, SegmentControlVariant, SelectButtonOption, SelectButtonProps, SelectButtonVariant, SelectProps, SelectSize, SelectVariant, SkeletonProps, SkeletonShape, SwitchLabelPosition, SwitchProps, SwitchSize, TabPanelProps, TableFilter, TableHandle, TableProps, TableRowActionsProps, TableToolbarAction, TableToolbarProps, TabsProps, TagProps, TagSize, TagVariant, ToastHandle, ToastMessage, ToastPosition, ToastProps, ToastType, ToggleSwitchLabelPosition, ToggleSwitchProps, ToggleSwitchSize, TooltipPosition, TooltipProps, TooltipType };
package/dist/index.d.ts CHANGED
@@ -42,12 +42,12 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'
42
42
  declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
43
43
 
44
44
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
45
- type InputVariant = 'outline' | 'filled';
45
+ type InputTextVariant = 'outline' | 'filled';
46
46
  /** Size no Figma: 32, 36, 42 e 48px de altura do campo. */
47
- type InputSize = 'xsmall' | 'small' | 'medium' | 'large';
48
- interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
49
- variant?: InputVariant;
50
- size?: InputSize;
47
+ type InputTextSize = 'xsmall' | 'small' | 'medium' | 'large';
48
+ interface InputTextProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
49
+ variant?: InputTextVariant;
50
+ size?: InputTextSize;
51
51
  /** Rótulo acima do campo (Label no Figma). Sem rótulo, passe `aria-label`. */
52
52
  label?: string;
53
53
  /** Valor do campo (controlado). */
@@ -61,10 +61,18 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
61
61
  /** Mensagem de erro: deixa o campo no estado Error e mostra a dica de erro no lugar da dica. */
62
62
  error?: string;
63
63
  }
64
- declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
64
+ declare const InputText: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
65
+ /** @deprecated Use `InputText` (o nome do PrimeNG 19). */
66
+ declare const Input: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
67
+ /** @deprecated Use `InputTextProps`. */
68
+ type InputProps = InputTextProps;
69
+ /** @deprecated Use `InputTextSize`. */
70
+ type InputSize = InputTextSize;
71
+ /** @deprecated Use `InputTextVariant`. */
72
+ type InputVariant = InputTextVariant;
65
73
 
66
- type AutoCompleteVariant = InputVariant;
67
- type AutoCompleteSize = InputSize;
74
+ type AutoCompleteVariant = InputTextVariant;
75
+ type AutoCompleteSize = InputTextSize;
68
76
  interface AutoCompleteProps extends Omit<AutoCompleteProps$1, 'size' | 'variant' | 'invalid' | 'multiple' | 'selectionLimit' | 'selectedItemTemplate' | 'removeTokenIcon' | 'dropdownIcon' | 'showEmptyMessage' | 'emptyMessage' | 'loadingIcon' | 'inputClassName' | 'panelClassName' | 'scrollHeight' | 'inputRef' | 'pt' | 'ptOptions' | 'unstyled' | 'children'> {
69
77
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
70
78
  variant?: AutoCompleteVariant;
@@ -377,11 +385,11 @@ declare const DATE_PERIODS: {
377
385
  };
378
386
  };
379
387
 
380
- type DatePickerVariant = InputVariant;
381
- type DatePickerSize = InputSize;
388
+ type DatePickerVariant = InputTextVariant;
389
+ type DatePickerSize = InputTextSize;
382
390
  /**
383
391
  * Props do Calendar do PrimeReact (`selectionMode` single, range ou multiple, `numberOfMonths`,
384
- * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do Input
392
+ * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do InputText
385
393
  * do Cristal. O visual (pt e unstyled), o ícone e as setas são do Cristal.
386
394
  */
387
395
  interface DatePickerProps<TMode extends CalendarSelectionMode = 'single'> extends Omit<CalendarProps$1<TMode>, 'pt' | 'ptOptions' | 'unstyled' | 'inline' | 'prevIcon' | 'nextIcon' | 'showIcon' | 'icon' | 'iconPos' | 'invalid' | 'variant' | 'inputClassName' | 'panelClassName'> {
@@ -687,13 +695,13 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
687
695
  * Size no Figma: Small (520px), Medium (768px) e Large (1200 x 720px; abaixo de 768px de tela
688
696
  * vira tela cheia, como o Responsive=360 do Figma).
689
697
  */
690
- type ModalSize = 'small' | 'medium' | 'large';
691
- /** Controle do Modal pela ref: o elemento só existe com o modal aberto. */
692
- interface ModalHandle {
698
+ type DialogSize = 'small' | 'medium' | 'large';
699
+ /** Controle do Dialog pela ref: o elemento só existe com o modal aberto. */
700
+ interface DialogHandle {
693
701
  /** O role=dialog do modal (null fechado). */
694
702
  getElement: () => HTMLDivElement | null;
695
703
  }
696
- interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
704
+ interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
697
705
  visible: boolean;
698
706
  /** Pedido para fechar (X, Esc ou clique fora, com dismissableMask). */
699
707
  onHide: () => void;
@@ -705,7 +713,7 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
705
713
  /** Título do cabeçalho; também é o nome acessível do modal. */
706
714
  title: string;
707
715
  /** Padrão: large. */
708
- size?: ModalSize;
716
+ size?: DialogSize;
709
717
  /** Mostra o botão de ajuda (QuestionMark) ao lado do X, no small e no medium. */
710
718
  onHelp?: () => void;
711
719
  helpLabel?: string;
@@ -718,7 +726,15 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
718
726
  id?: string;
719
727
  className?: string;
720
728
  }
721
- declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<ModalHandle>>;
729
+ declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
730
+ /** @deprecated Use `Dialog` (o nome do PrimeNG 19). */
731
+ declare const Modal: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
732
+ /** @deprecated Use `DialogHandle`. */
733
+ type ModalHandle = DialogHandle;
734
+ /** @deprecated Use `DialogProps`. */
735
+ type ModalProps = DialogProps;
736
+ /** @deprecated Use `DialogSize`. */
737
+ type ModalSize = DialogSize;
722
738
 
723
739
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
724
740
  type MultiSelectVariant = 'outline' | 'filled';
@@ -798,7 +814,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
798
814
  backLabel?: string;
799
815
  /** Texto da Tag depois do título (Show Tag no Figma). */
800
816
  tag?: ReactNode;
801
- /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SegmentControl>`. */
817
+ /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SelectButton>`. */
802
818
  segmentControl?: ReactNode;
803
819
  /** Botões das ferramentas (Show Buttons no Figma), 8px entre eles. */
804
820
  actions?: ReactNode;
@@ -855,15 +871,15 @@ type PanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'>;
855
871
  declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
856
872
 
857
873
  /** Label Size no Figma: Default (uma linha, com reticências) e Full (quebra em várias linhas). */
858
- type RadioLabelSize = 'default' | 'full';
874
+ type RadioButtonLabelSize = 'default' | 'full';
859
875
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
860
- interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
876
+ interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
861
877
  /** Texto ao lado do controle (Label no Figma). Sem rótulo visível, vira o nome acessível. */
862
878
  label: ReactNode;
863
879
  /** Mostra o rótulo. Padrão: true. */
864
880
  showLabel?: boolean;
865
881
  /** Padrão: default. */
866
- labelSize?: RadioLabelSize;
882
+ labelSize?: RadioButtonLabelSize;
867
883
  checked?: boolean;
868
884
  /** Valor da opção, devolvido no `onChange`. */
869
885
  value?: unknown;
@@ -877,7 +893,13 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
877
893
  className?: string;
878
894
  style?: CSSProperties;
879
895
  }
880
- declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
896
+ declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
897
+ /** @deprecated Use `RadioButton` (o nome do PrimeNG 19). */
898
+ declare const Radio: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
899
+ /** @deprecated Use `RadioButtonLabelSize`. */
900
+ type RadioLabelSize = RadioButtonLabelSize;
901
+ /** @deprecated Use `RadioButtonProps`. */
902
+ type RadioProps = RadioButtonProps;
881
903
 
882
904
  interface ScrollPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
883
905
  children?: ReactNode;
@@ -895,20 +917,20 @@ declare const ScrollPanel: react.ForwardRefExoticComponent<ScrollPanelProps & re
895
917
  * No Figma: Primary é o Header Segment Control (pílula em fill/brand/subtlest) e Secondary é o
896
918
  * Segment Control (cinza, com ícones).
897
919
  */
898
- type SegmentControlVariant = 'primary' | 'secondary';
899
- interface SegmentControlOption {
920
+ type SelectButtonVariant = 'primary' | 'secondary';
921
+ interface SelectButtonOption {
900
922
  label: string;
901
923
  value: string | number;
902
924
  /** Ícone de 16px antes do texto (o Secondary do Figma usa). */
903
925
  icon?: ReactNode;
904
926
  disabled?: boolean;
905
927
  }
906
- interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
907
- options: SegmentControlOption[];
928
+ interface SelectButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
929
+ options: SelectButtonOption[];
908
930
  /** Valor do segmento ativo (controlado). */
909
931
  value?: string | number;
910
932
  onChange?: (value: string | number) => void;
911
- variant?: SegmentControlVariant;
933
+ variant?: SelectButtonVariant;
912
934
  /** O que o grupo controla, para o leitor de tela (ex.: "Visualização"). */
913
935
  'aria-label'?: string;
914
936
  'aria-labelledby'?: string;
@@ -916,7 +938,15 @@ interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
916
938
  id?: string;
917
939
  className?: string;
918
940
  }
919
- declare const SegmentControl: react.ForwardRefExoticComponent<SegmentControlProps & react.RefAttributes<HTMLDivElement>>;
941
+ declare const SelectButton: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
942
+ /** @deprecated Use `SelectButton` (o nome do PrimeNG 19). */
943
+ declare const SegmentControl: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
944
+ /** @deprecated Use `SelectButtonOption`. */
945
+ type SegmentControlOption = SelectButtonOption;
946
+ /** @deprecated Use `SelectButtonProps`. */
947
+ type SegmentControlProps = SelectButtonProps;
948
+ /** @deprecated Use `SelectButtonVariant`. */
949
+ type SegmentControlVariant = SelectButtonVariant;
920
950
 
921
951
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
922
952
  type SelectVariant = 'outline' | 'filled';
@@ -973,19 +1003,19 @@ interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>
973
1003
  declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
974
1004
 
975
1005
  /** Size no Figma: Medium (48x28) e Small (32x20). */
976
- type SwitchSize = 'medium' | 'small';
1006
+ type ToggleSwitchSize = 'medium' | 'small';
977
1007
  /** Label Position no Figma: lado do rótulo em relação ao switch. */
978
- type SwitchLabelPosition = 'right' | 'left';
1008
+ type ToggleSwitchLabelPosition = 'right' | 'left';
979
1009
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
980
- interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
1010
+ interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
981
1011
  /** Texto ao lado do switch (Label no Figma). Sem rótulo visível, vira o nome acessível. */
982
1012
  label: ReactNode;
983
1013
  /** Mostra o rótulo. Padrão: true. */
984
1014
  showLabel?: boolean;
985
1015
  /** Padrão: right. */
986
- labelPosition?: SwitchLabelPosition;
1016
+ labelPosition?: ToggleSwitchLabelPosition;
987
1017
  /** Padrão: medium. */
988
- size?: SwitchSize;
1018
+ size?: ToggleSwitchSize;
989
1019
  checked?: boolean;
990
1020
  onChange?: (event: InputSwitchChangeEvent) => void;
991
1021
  disabled?: boolean;
@@ -995,7 +1025,15 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
995
1025
  className?: string;
996
1026
  style?: CSSProperties;
997
1027
  }
998
- declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
1028
+ declare const ToggleSwitch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
1029
+ /** @deprecated Use `ToggleSwitch` (o nome do PrimeNG 19). */
1030
+ declare const Switch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
1031
+ /** @deprecated Use `ToggleSwitchLabelPosition`. */
1032
+ type SwitchLabelPosition = ToggleSwitchLabelPosition;
1033
+ /** @deprecated Use `ToggleSwitchProps`. */
1034
+ type SwitchProps = ToggleSwitchProps;
1035
+ /** @deprecated Use `ToggleSwitchSize`. */
1036
+ type SwitchSize = ToggleSwitchSize;
999
1037
 
1000
1038
  /** Uma aba (.Tab Item no Figma) e o conteúdo dela. */
1001
1039
  interface TabPanelProps {
@@ -1190,5 +1228,5 @@ interface ToastProps {
1190
1228
  }
1191
1229
  declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<ToastHandle>>;
1192
1230
 
1193
- export { Accordion, AccordionTab, AutoComplete, Badge, Button, Calendar, Card, Chart, Checkbox, Chip, Column, ContextMenu, DATE_PERIODS, DatePicker, DateRangeButton, Divider, Drawer, IconButton, Input, Menu, MenuPrincipal, Menubar, Message, Modal, MultiSelect, PageHeader, Paginator, Panel, Radio, ScrollPanel, SegmentControl, Select, Skeleton, Switch, TabPanel, Table, TableRowActions, TableToolbar, Tabs, Tag, Toast, Tooltip };
1194
- export type { AccordionProps, AccordionTabProps, AutoCompleteProps, AutoCompleteSize, AutoCompleteVariant, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CalendarHandle, CalendarProps, CardPadding, CardProps, ChartAxis, ChartColor, ChartProps, ChartSeries, CheckboxLabelSize, CheckboxPosition, CheckboxProps, ChipProps, ChipSize, ChipVariant, ColumnProps, ContextMenuHandle, ContextMenuItem, ContextMenuProps, DatePickerHandle, DatePickerProps, DatePickerSize, DatePickerVariant, DateRange, DateRangeButtonChangeEvent, DateRangeButtonProps, DateRangePeriod, DividerOrientation, DividerProps, DividerVariant, DrawerBehavior, DrawerHandle, DrawerProps, DrawerSide, DrawerSize, IconButtonProps, IconButtonSize, IconButtonVariant, InputProps, InputSize, InputVariant, MenuDensity, MenuHandle, MenuItem, MenuPrincipalEntry, MenuPrincipalGroup, MenuPrincipalHandle, MenuPrincipalItem, MenuPrincipalProps, MenuProps, MenubarProps, MenubarTool, MenubarUser, MessageProps, MessageType, ModalHandle, ModalProps, ModalSize, MultiSelectDensity, MultiSelectProps, MultiSelectSize, MultiSelectVariant, PageHeaderProps, PageHeaderTab, PageHeaderVariant, PaginatorPageChangeEvent, PaginatorProps, PanelProps, RadioLabelSize, RadioProps, ScrollPanelProps, SegmentControlOption, SegmentControlProps, SegmentControlVariant, SelectProps, SelectSize, SelectVariant, SkeletonProps, SkeletonShape, SwitchLabelPosition, SwitchProps, SwitchSize, TabPanelProps, TableFilter, TableHandle, TableProps, TableRowActionsProps, TableToolbarAction, TableToolbarProps, TabsProps, TagProps, TagSize, TagVariant, ToastHandle, ToastMessage, ToastPosition, ToastProps, ToastType, TooltipPosition, TooltipProps, TooltipType };
1231
+ export { Accordion, AccordionTab, AutoComplete, Badge, Button, Calendar, Card, Chart, Checkbox, Chip, Column, ContextMenu, DATE_PERIODS, DatePicker, DateRangeButton, Dialog, Divider, Drawer, IconButton, Input, InputText, Menu, MenuPrincipal, Menubar, Message, Modal, MultiSelect, PageHeader, Paginator, Panel, Radio, RadioButton, ScrollPanel, SegmentControl, Select, SelectButton, Skeleton, Switch, TabPanel, Table, TableRowActions, TableToolbar, Tabs, Tag, Toast, ToggleSwitch, Tooltip };
1232
+ export type { AccordionProps, AccordionTabProps, AutoCompleteProps, AutoCompleteSize, AutoCompleteVariant, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CalendarHandle, CalendarProps, CardPadding, CardProps, ChartAxis, ChartColor, ChartProps, ChartSeries, CheckboxLabelSize, CheckboxPosition, CheckboxProps, ChipProps, ChipSize, ChipVariant, ColumnProps, ContextMenuHandle, ContextMenuItem, ContextMenuProps, DatePickerHandle, DatePickerProps, DatePickerSize, DatePickerVariant, DateRange, DateRangeButtonChangeEvent, DateRangeButtonProps, DateRangePeriod, DialogHandle, DialogProps, DialogSize, DividerOrientation, DividerProps, DividerVariant, DrawerBehavior, DrawerHandle, DrawerProps, DrawerSide, DrawerSize, IconButtonProps, IconButtonSize, IconButtonVariant, InputProps, InputSize, InputTextProps, InputTextSize, InputTextVariant, InputVariant, MenuDensity, MenuHandle, MenuItem, MenuPrincipalEntry, MenuPrincipalGroup, MenuPrincipalHandle, MenuPrincipalItem, MenuPrincipalProps, MenuProps, MenubarProps, MenubarTool, MenubarUser, MessageProps, MessageType, ModalHandle, ModalProps, ModalSize, MultiSelectDensity, MultiSelectProps, MultiSelectSize, MultiSelectVariant, PageHeaderProps, PageHeaderTab, PageHeaderVariant, PaginatorPageChangeEvent, PaginatorProps, PanelProps, RadioButtonLabelSize, RadioButtonProps, RadioLabelSize, RadioProps, ScrollPanelProps, SegmentControlOption, SegmentControlProps, SegmentControlVariant, SelectButtonOption, SelectButtonProps, SelectButtonVariant, SelectProps, SelectSize, SelectVariant, SkeletonProps, SkeletonShape, SwitchLabelPosition, SwitchProps, SwitchSize, TabPanelProps, TableFilter, TableHandle, TableProps, TableRowActionsProps, TableToolbarAction, TableToolbarProps, TabsProps, TagProps, TagSize, TagVariant, ToastHandle, ToastMessage, ToastPosition, ToastProps, ToastType, ToggleSwitchLabelPosition, ToggleSwitchProps, ToggleSwitchSize, TooltipPosition, TooltipProps, TooltipType };