@vector-business-services/cristal-ds-web 0.22.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 +114 -75
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +40 -37
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +79 -36
  6. package/dist/index.d.ts +79 -36
  7. package/dist/index.js +118 -84
  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;
@@ -84,6 +92,11 @@ interface AutoCompleteProps extends Omit<AutoCompleteProps$1, 'size' | 'variant'
84
92
  dropdown?: boolean;
85
93
  /** Nome da seta para o leitor de tela. Padrão: "Mostrar opções". */
86
94
  dropdownAriaLabel?: string;
95
+ /**
96
+ * O clique no campo abre a lista, com as sugestões do texto que já está nele (com o campo vazio,
97
+ * todas). Padrão: true.
98
+ */
99
+ openOnClick?: boolean;
87
100
  }
88
101
  declare const AutoComplete: react.ForwardRefExoticComponent<AutoCompleteProps & react.RefAttributes<HTMLInputElement>>;
89
102
 
@@ -372,11 +385,11 @@ declare const DATE_PERIODS: {
372
385
  };
373
386
  };
374
387
 
375
- type DatePickerVariant = InputVariant;
376
- type DatePickerSize = InputSize;
388
+ type DatePickerVariant = InputTextVariant;
389
+ type DatePickerSize = InputTextSize;
377
390
  /**
378
391
  * Props do Calendar do PrimeReact (`selectionMode` single, range ou multiple, `numberOfMonths`,
379
- * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do Input
392
+ * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do InputText
380
393
  * do Cristal. O visual (pt e unstyled), o ícone e as setas são do Cristal.
381
394
  */
382
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'> {
@@ -682,13 +695,13 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
682
695
  * Size no Figma: Small (520px), Medium (768px) e Large (1200 x 720px; abaixo de 768px de tela
683
696
  * vira tela cheia, como o Responsive=360 do Figma).
684
697
  */
685
- type ModalSize = 'small' | 'medium' | 'large';
686
- /** Controle do Modal pela ref: o elemento só existe com o modal aberto. */
687
- 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 {
688
701
  /** O role=dialog do modal (null fechado). */
689
702
  getElement: () => HTMLDivElement | null;
690
703
  }
691
- interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
704
+ interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
692
705
  visible: boolean;
693
706
  /** Pedido para fechar (X, Esc ou clique fora, com dismissableMask). */
694
707
  onHide: () => void;
@@ -700,7 +713,7 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
700
713
  /** Título do cabeçalho; também é o nome acessível do modal. */
701
714
  title: string;
702
715
  /** Padrão: large. */
703
- size?: ModalSize;
716
+ size?: DialogSize;
704
717
  /** Mostra o botão de ajuda (QuestionMark) ao lado do X, no small e no medium. */
705
718
  onHelp?: () => void;
706
719
  helpLabel?: string;
@@ -713,7 +726,15 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
713
726
  id?: string;
714
727
  className?: string;
715
728
  }
716
- 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;
717
738
 
718
739
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
719
740
  type MultiSelectVariant = 'outline' | 'filled';
@@ -793,7 +814,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
793
814
  backLabel?: string;
794
815
  /** Texto da Tag depois do título (Show Tag no Figma). */
795
816
  tag?: ReactNode;
796
- /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SegmentControl>`. */
817
+ /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SelectButton>`. */
797
818
  segmentControl?: ReactNode;
798
819
  /** Botões das ferramentas (Show Buttons no Figma), 8px entre eles. */
799
820
  actions?: ReactNode;
@@ -850,15 +871,15 @@ type PanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'>;
850
871
  declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
851
872
 
852
873
  /** Label Size no Figma: Default (uma linha, com reticências) e Full (quebra em várias linhas). */
853
- type RadioLabelSize = 'default' | 'full';
874
+ type RadioButtonLabelSize = 'default' | 'full';
854
875
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
855
- 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'> {
856
877
  /** Texto ao lado do controle (Label no Figma). Sem rótulo visível, vira o nome acessível. */
857
878
  label: ReactNode;
858
879
  /** Mostra o rótulo. Padrão: true. */
859
880
  showLabel?: boolean;
860
881
  /** Padrão: default. */
861
- labelSize?: RadioLabelSize;
882
+ labelSize?: RadioButtonLabelSize;
862
883
  checked?: boolean;
863
884
  /** Valor da opção, devolvido no `onChange`. */
864
885
  value?: unknown;
@@ -872,7 +893,13 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
872
893
  className?: string;
873
894
  style?: CSSProperties;
874
895
  }
875
- 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;
876
903
 
877
904
  interface ScrollPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
878
905
  children?: ReactNode;
@@ -890,20 +917,20 @@ declare const ScrollPanel: react.ForwardRefExoticComponent<ScrollPanelProps & re
890
917
  * No Figma: Primary é o Header Segment Control (pílula em fill/brand/subtlest) e Secondary é o
891
918
  * Segment Control (cinza, com ícones).
892
919
  */
893
- type SegmentControlVariant = 'primary' | 'secondary';
894
- interface SegmentControlOption {
920
+ type SelectButtonVariant = 'primary' | 'secondary';
921
+ interface SelectButtonOption {
895
922
  label: string;
896
923
  value: string | number;
897
924
  /** Ícone de 16px antes do texto (o Secondary do Figma usa). */
898
925
  icon?: ReactNode;
899
926
  disabled?: boolean;
900
927
  }
901
- interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
902
- options: SegmentControlOption[];
928
+ interface SelectButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
929
+ options: SelectButtonOption[];
903
930
  /** Valor do segmento ativo (controlado). */
904
931
  value?: string | number;
905
932
  onChange?: (value: string | number) => void;
906
- variant?: SegmentControlVariant;
933
+ variant?: SelectButtonVariant;
907
934
  /** O que o grupo controla, para o leitor de tela (ex.: "Visualização"). */
908
935
  'aria-label'?: string;
909
936
  'aria-labelledby'?: string;
@@ -911,7 +938,15 @@ interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
911
938
  id?: string;
912
939
  className?: string;
913
940
  }
914
- 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;
915
950
 
916
951
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
917
952
  type SelectVariant = 'outline' | 'filled';
@@ -968,19 +1003,19 @@ interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>
968
1003
  declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
969
1004
 
970
1005
  /** Size no Figma: Medium (48x28) e Small (32x20). */
971
- type SwitchSize = 'medium' | 'small';
1006
+ type ToggleSwitchSize = 'medium' | 'small';
972
1007
  /** Label Position no Figma: lado do rótulo em relação ao switch. */
973
- type SwitchLabelPosition = 'right' | 'left';
1008
+ type ToggleSwitchLabelPosition = 'right' | 'left';
974
1009
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
975
- 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'> {
976
1011
  /** Texto ao lado do switch (Label no Figma). Sem rótulo visível, vira o nome acessível. */
977
1012
  label: ReactNode;
978
1013
  /** Mostra o rótulo. Padrão: true. */
979
1014
  showLabel?: boolean;
980
1015
  /** Padrão: right. */
981
- labelPosition?: SwitchLabelPosition;
1016
+ labelPosition?: ToggleSwitchLabelPosition;
982
1017
  /** Padrão: medium. */
983
- size?: SwitchSize;
1018
+ size?: ToggleSwitchSize;
984
1019
  checked?: boolean;
985
1020
  onChange?: (event: InputSwitchChangeEvent) => void;
986
1021
  disabled?: boolean;
@@ -990,7 +1025,15 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
990
1025
  className?: string;
991
1026
  style?: CSSProperties;
992
1027
  }
993
- 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;
994
1037
 
995
1038
  /** Uma aba (.Tab Item no Figma) e o conteúdo dela. */
996
1039
  interface TabPanelProps {
@@ -1185,5 +1228,5 @@ interface ToastProps {
1185
1228
  }
1186
1229
  declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<ToastHandle>>;
1187
1230
 
1188
- 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 };
1189
- 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;
@@ -84,6 +92,11 @@ interface AutoCompleteProps extends Omit<AutoCompleteProps$1, 'size' | 'variant'
84
92
  dropdown?: boolean;
85
93
  /** Nome da seta para o leitor de tela. Padrão: "Mostrar opções". */
86
94
  dropdownAriaLabel?: string;
95
+ /**
96
+ * O clique no campo abre a lista, com as sugestões do texto que já está nele (com o campo vazio,
97
+ * todas). Padrão: true.
98
+ */
99
+ openOnClick?: boolean;
87
100
  }
88
101
  declare const AutoComplete: react.ForwardRefExoticComponent<AutoCompleteProps & react.RefAttributes<HTMLInputElement>>;
89
102
 
@@ -372,11 +385,11 @@ declare const DATE_PERIODS: {
372
385
  };
373
386
  };
374
387
 
375
- type DatePickerVariant = InputVariant;
376
- type DatePickerSize = InputSize;
388
+ type DatePickerVariant = InputTextVariant;
389
+ type DatePickerSize = InputTextSize;
377
390
  /**
378
391
  * Props do Calendar do PrimeReact (`selectionMode` single, range ou multiple, `numberOfMonths`,
379
- * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do Input
392
+ * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do InputText
380
393
  * do Cristal. O visual (pt e unstyled), o ícone e as setas são do Cristal.
381
394
  */
382
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'> {
@@ -682,13 +695,13 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
682
695
  * Size no Figma: Small (520px), Medium (768px) e Large (1200 x 720px; abaixo de 768px de tela
683
696
  * vira tela cheia, como o Responsive=360 do Figma).
684
697
  */
685
- type ModalSize = 'small' | 'medium' | 'large';
686
- /** Controle do Modal pela ref: o elemento só existe com o modal aberto. */
687
- 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 {
688
701
  /** O role=dialog do modal (null fechado). */
689
702
  getElement: () => HTMLDivElement | null;
690
703
  }
691
- interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
704
+ interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
692
705
  visible: boolean;
693
706
  /** Pedido para fechar (X, Esc ou clique fora, com dismissableMask). */
694
707
  onHide: () => void;
@@ -700,7 +713,7 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
700
713
  /** Título do cabeçalho; também é o nome acessível do modal. */
701
714
  title: string;
702
715
  /** Padrão: large. */
703
- size?: ModalSize;
716
+ size?: DialogSize;
704
717
  /** Mostra o botão de ajuda (QuestionMark) ao lado do X, no small e no medium. */
705
718
  onHelp?: () => void;
706
719
  helpLabel?: string;
@@ -713,7 +726,15 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
713
726
  id?: string;
714
727
  className?: string;
715
728
  }
716
- 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;
717
738
 
718
739
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
719
740
  type MultiSelectVariant = 'outline' | 'filled';
@@ -793,7 +814,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
793
814
  backLabel?: string;
794
815
  /** Texto da Tag depois do título (Show Tag no Figma). */
795
816
  tag?: ReactNode;
796
- /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SegmentControl>`. */
817
+ /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SelectButton>`. */
797
818
  segmentControl?: ReactNode;
798
819
  /** Botões das ferramentas (Show Buttons no Figma), 8px entre eles. */
799
820
  actions?: ReactNode;
@@ -850,15 +871,15 @@ type PanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'>;
850
871
  declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
851
872
 
852
873
  /** Label Size no Figma: Default (uma linha, com reticências) e Full (quebra em várias linhas). */
853
- type RadioLabelSize = 'default' | 'full';
874
+ type RadioButtonLabelSize = 'default' | 'full';
854
875
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
855
- 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'> {
856
877
  /** Texto ao lado do controle (Label no Figma). Sem rótulo visível, vira o nome acessível. */
857
878
  label: ReactNode;
858
879
  /** Mostra o rótulo. Padrão: true. */
859
880
  showLabel?: boolean;
860
881
  /** Padrão: default. */
861
- labelSize?: RadioLabelSize;
882
+ labelSize?: RadioButtonLabelSize;
862
883
  checked?: boolean;
863
884
  /** Valor da opção, devolvido no `onChange`. */
864
885
  value?: unknown;
@@ -872,7 +893,13 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
872
893
  className?: string;
873
894
  style?: CSSProperties;
874
895
  }
875
- 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;
876
903
 
877
904
  interface ScrollPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
878
905
  children?: ReactNode;
@@ -890,20 +917,20 @@ declare const ScrollPanel: react.ForwardRefExoticComponent<ScrollPanelProps & re
890
917
  * No Figma: Primary é o Header Segment Control (pílula em fill/brand/subtlest) e Secondary é o
891
918
  * Segment Control (cinza, com ícones).
892
919
  */
893
- type SegmentControlVariant = 'primary' | 'secondary';
894
- interface SegmentControlOption {
920
+ type SelectButtonVariant = 'primary' | 'secondary';
921
+ interface SelectButtonOption {
895
922
  label: string;
896
923
  value: string | number;
897
924
  /** Ícone de 16px antes do texto (o Secondary do Figma usa). */
898
925
  icon?: ReactNode;
899
926
  disabled?: boolean;
900
927
  }
901
- interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
902
- options: SegmentControlOption[];
928
+ interface SelectButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
929
+ options: SelectButtonOption[];
903
930
  /** Valor do segmento ativo (controlado). */
904
931
  value?: string | number;
905
932
  onChange?: (value: string | number) => void;
906
- variant?: SegmentControlVariant;
933
+ variant?: SelectButtonVariant;
907
934
  /** O que o grupo controla, para o leitor de tela (ex.: "Visualização"). */
908
935
  'aria-label'?: string;
909
936
  'aria-labelledby'?: string;
@@ -911,7 +938,15 @@ interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
911
938
  id?: string;
912
939
  className?: string;
913
940
  }
914
- 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;
915
950
 
916
951
  /** Type no Figma: Outline (com borda) e Filled (com fundo). */
917
952
  type SelectVariant = 'outline' | 'filled';
@@ -968,19 +1003,19 @@ interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>
968
1003
  declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
969
1004
 
970
1005
  /** Size no Figma: Medium (48x28) e Small (32x20). */
971
- type SwitchSize = 'medium' | 'small';
1006
+ type ToggleSwitchSize = 'medium' | 'small';
972
1007
  /** Label Position no Figma: lado do rótulo em relação ao switch. */
973
- type SwitchLabelPosition = 'right' | 'left';
1008
+ type ToggleSwitchLabelPosition = 'right' | 'left';
974
1009
  /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
975
- 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'> {
976
1011
  /** Texto ao lado do switch (Label no Figma). Sem rótulo visível, vira o nome acessível. */
977
1012
  label: ReactNode;
978
1013
  /** Mostra o rótulo. Padrão: true. */
979
1014
  showLabel?: boolean;
980
1015
  /** Padrão: right. */
981
- labelPosition?: SwitchLabelPosition;
1016
+ labelPosition?: ToggleSwitchLabelPosition;
982
1017
  /** Padrão: medium. */
983
- size?: SwitchSize;
1018
+ size?: ToggleSwitchSize;
984
1019
  checked?: boolean;
985
1020
  onChange?: (event: InputSwitchChangeEvent) => void;
986
1021
  disabled?: boolean;
@@ -990,7 +1025,15 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
990
1025
  className?: string;
991
1026
  style?: CSSProperties;
992
1027
  }
993
- 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;
994
1037
 
995
1038
  /** Uma aba (.Tab Item no Figma) e o conteúdo dela. */
996
1039
  interface TabPanelProps {
@@ -1185,5 +1228,5 @@ interface ToastProps {
1185
1228
  }
1186
1229
  declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<ToastHandle>>;
1187
1230
 
1188
- 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 };
1189
- 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 };