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

package/dist/index.d.cts

@@ -42,12 +42,12 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'
 declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
 
 /** Type no Figma: Outline (com borda) e Filled (com fundo). */
-type InputVariant = 'outline' | 'filled';
+type InputTextVariant = 'outline' | 'filled';
 /** Size no Figma: 32, 36, 42 e 48px de altura do campo. */
-type InputSize = 'xsmall' | 'small' | 'medium' | 'large';
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
-    variant?: InputVariant;
-    size?: InputSize;
+type InputTextSize = 'xsmall' | 'small' | 'medium' | 'large';
+interface InputTextProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
+    variant?: InputTextVariant;
+    size?: InputTextSize;
     /** Rótulo acima do campo (Label no Figma). Sem rótulo, passe `aria-label`. */
     label?: string;
     /** Valor do campo (controlado). */
@@ -61,10 +61,18 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     /** Mensagem de erro: deixa o campo no estado Error e mostra a dica de erro no lugar da dica. */
     error?: string;
 }
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+declare const InputText: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `InputText` (o nome do PrimeNG 19). */
+declare const Input: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `InputTextProps`. */
+type InputProps = InputTextProps;
+/** @deprecated Use `InputTextSize`. */
+type InputSize = InputTextSize;
+/** @deprecated Use `InputTextVariant`. */
+type InputVariant = InputTextVariant;
 
-type AutoCompleteVariant = InputVariant;
-type AutoCompleteSize = InputSize;
+type AutoCompleteVariant = InputTextVariant;
+type AutoCompleteSize = InputTextSize;
 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'> {
     /** Type no Figma: Outline (com borda) e Filled (com fundo). */
     variant?: AutoCompleteVariant;
@@ -191,8 +199,13 @@ interface ChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
     helpLabel?: string;
     /** Botões à direita do título (IconButton tertiary xsmall no Figma). */
     actions?: ReactNode;
-    /** Altura da área do gráfico, com os eixos. Padrão: 266px, a do Figma. */
-    height?: number;
+    /**
+     * Altura da área do gráfico, com os eixos: em px, ou `'100%'` para ocupar a altura do contêiner
+     * (que precisa ter altura definida). Padrão: 266px, a do Figma.
+     */
+    height?: number | '100%';
+    /** Legenda abaixo do gráfico. Padrão: com 2 ou mais séries. */
+    legend?: boolean;
     id?: string;
     className?: string;
 }
@@ -377,11 +390,11 @@ declare const DATE_PERIODS: {
     };
 };
 
-type DatePickerVariant = InputVariant;
-type DatePickerSize = InputSize;
+type DatePickerVariant = InputTextVariant;
+type DatePickerSize = InputTextSize;
 /**
  * Props do Calendar do PrimeReact (`selectionMode` single, range ou multiple, `numberOfMonths`,
- * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do Input
+ * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do InputText
  * do Cristal. O visual (pt e unstyled), o ícone e as setas são do Cristal.
  */
 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 +700,13 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
  * Size no Figma: Small (520px), Medium (768px) e Large (1200 x 720px; abaixo de 768px de tela
  * vira tela cheia, como o Responsive=360 do Figma).
  */
-type ModalSize = 'small' | 'medium' | 'large';
-/** Controle do Modal pela ref: o elemento só existe com o modal aberto. */
-interface ModalHandle {
+type DialogSize = 'small' | 'medium' | 'large';
+/** Controle do Dialog pela ref: o elemento só existe com o modal aberto. */
+interface DialogHandle {
     /** O role=dialog do modal (null fechado). */
     getElement: () => HTMLDivElement | null;
 }
-interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
+interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
     visible: boolean;
     /** Pedido para fechar (X, Esc ou clique fora, com dismissableMask). */
     onHide: () => void;
@@ -705,7 +718,7 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
     /** Título do cabeçalho; também é o nome acessível do modal. */
     title: string;
     /** Padrão: large. */
-    size?: ModalSize;
+    size?: DialogSize;
     /** Mostra o botão de ajuda (QuestionMark) ao lado do X, no small e no medium. */
     onHelp?: () => void;
     helpLabel?: string;
@@ -718,7 +731,15 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
     id?: string;
     className?: string;
 }
-declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<ModalHandle>>;
+declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
+/** @deprecated Use `Dialog` (o nome do PrimeNG 19). */
+declare const Modal: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
+/** @deprecated Use `DialogHandle`. */
+type ModalHandle = DialogHandle;
+/** @deprecated Use `DialogProps`. */
+type ModalProps = DialogProps;
+/** @deprecated Use `DialogSize`. */
+type ModalSize = DialogSize;
 
 /** Type no Figma: Outline (com borda) e Filled (com fundo). */
 type MultiSelectVariant = 'outline' | 'filled';
@@ -798,7 +819,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     backLabel?: string;
     /** Texto da Tag depois do título (Show Tag no Figma). */
     tag?: ReactNode;
-    /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SegmentControl>`. */
+    /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SelectButton>`. */
     segmentControl?: ReactNode;
     /** Botões das ferramentas (Show Buttons no Figma), 8px entre eles. */
     actions?: ReactNode;
@@ -855,15 +876,15 @@ type PanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'>;
 declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
 
 /** Label Size no Figma: Default (uma linha, com reticências) e Full (quebra em várias linhas). */
-type RadioLabelSize = 'default' | 'full';
+type RadioButtonLabelSize = 'default' | 'full';
 /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
-interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
+interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
     /** Texto ao lado do controle (Label no Figma). Sem rótulo visível, vira o nome acessível. */
     label: ReactNode;
     /** Mostra o rótulo. Padrão: true. */
     showLabel?: boolean;
     /** Padrão: default. */
-    labelSize?: RadioLabelSize;
+    labelSize?: RadioButtonLabelSize;
     checked?: boolean;
     /** Valor da opção, devolvido no `onChange`. */
     value?: unknown;
@@ -877,7 +898,13 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
     className?: string;
     style?: CSSProperties;
 }
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `RadioButton` (o nome do PrimeNG 19). */
+declare const Radio: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `RadioButtonLabelSize`. */
+type RadioLabelSize = RadioButtonLabelSize;
+/** @deprecated Use `RadioButtonProps`. */
+type RadioProps = RadioButtonProps;
 
 interface ScrollPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     children?: ReactNode;
@@ -895,20 +922,20 @@ declare const ScrollPanel: react.ForwardRefExoticComponent<ScrollPanelProps & re
  * No Figma: Primary é o Header Segment Control (pílula em fill/brand/subtlest) e Secondary é o
  * Segment Control (cinza, com ícones).
  */
-type SegmentControlVariant = 'primary' | 'secondary';
-interface SegmentControlOption {
+type SelectButtonVariant = 'primary' | 'secondary';
+interface SelectButtonOption {
     label: string;
     value: string | number;
     /** Ícone de 16px antes do texto (o Secondary do Figma usa). */
     icon?: ReactNode;
     disabled?: boolean;
 }
-interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
-    options: SegmentControlOption[];
+interface SelectButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
+    options: SelectButtonOption[];
     /** Valor do segmento ativo (controlado). */
     value?: string | number;
     onChange?: (value: string | number) => void;
-    variant?: SegmentControlVariant;
+    variant?: SelectButtonVariant;
     /** O que o grupo controla, para o leitor de tela (ex.: "Visualização"). */
     'aria-label'?: string;
     'aria-labelledby'?: string;
@@ -916,7 +943,15 @@ interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     id?: string;
     className?: string;
 }
-declare const SegmentControl: react.ForwardRefExoticComponent<SegmentControlProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectButton: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
+/** @deprecated Use `SelectButton` (o nome do PrimeNG 19). */
+declare const SegmentControl: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
+/** @deprecated Use `SelectButtonOption`. */
+type SegmentControlOption = SelectButtonOption;
+/** @deprecated Use `SelectButtonProps`. */
+type SegmentControlProps = SelectButtonProps;
+/** @deprecated Use `SelectButtonVariant`. */
+type SegmentControlVariant = SelectButtonVariant;
 
 /** Type no Figma: Outline (com borda) e Filled (com fundo). */
 type SelectVariant = 'outline' | 'filled';
@@ -973,19 +1008,19 @@ interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>
 declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
 
 /** Size no Figma: Medium (48x28) e Small (32x20). */
-type SwitchSize = 'medium' | 'small';
+type ToggleSwitchSize = 'medium' | 'small';
 /** Label Position no Figma: lado do rótulo em relação ao switch. */
-type SwitchLabelPosition = 'right' | 'left';
+type ToggleSwitchLabelPosition = 'right' | 'left';
 /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
-interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
+interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
     /** Texto ao lado do switch (Label no Figma). Sem rótulo visível, vira o nome acessível. */
     label: ReactNode;
     /** Mostra o rótulo. Padrão: true. */
     showLabel?: boolean;
     /** Padrão: right. */
-    labelPosition?: SwitchLabelPosition;
+    labelPosition?: ToggleSwitchLabelPosition;
     /** Padrão: medium. */
-    size?: SwitchSize;
+    size?: ToggleSwitchSize;
     checked?: boolean;
     onChange?: (event: InputSwitchChangeEvent) => void;
     disabled?: boolean;
@@ -995,7 +1030,15 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
     className?: string;
     style?: CSSProperties;
 }
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+declare const ToggleSwitch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `ToggleSwitch` (o nome do PrimeNG 19). */
+declare const Switch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `ToggleSwitchLabelPosition`. */
+type SwitchLabelPosition = ToggleSwitchLabelPosition;
+/** @deprecated Use `ToggleSwitchProps`. */
+type SwitchProps = ToggleSwitchProps;
+/** @deprecated Use `ToggleSwitchSize`. */
+type SwitchSize = ToggleSwitchSize;
 
 /** Uma aba (.Tab Item no Figma) e o conteúdo dela. */
 interface TabPanelProps {
@@ -1190,5 +1233,5 @@ interface ToastProps {
 }
 declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<ToastHandle>>;
 
-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 };
-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 };
+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 };
+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

@@ -42,12 +42,12 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'
 declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
 
 /** Type no Figma: Outline (com borda) e Filled (com fundo). */
-type InputVariant = 'outline' | 'filled';
+type InputTextVariant = 'outline' | 'filled';
 /** Size no Figma: 32, 36, 42 e 48px de altura do campo. */
-type InputSize = 'xsmall' | 'small' | 'medium' | 'large';
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
-    variant?: InputVariant;
-    size?: InputSize;
+type InputTextSize = 'xsmall' | 'small' | 'medium' | 'large';
+interface InputTextProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'children'> {
+    variant?: InputTextVariant;
+    size?: InputTextSize;
     /** Rótulo acima do campo (Label no Figma). Sem rótulo, passe `aria-label`. */
     label?: string;
     /** Valor do campo (controlado). */
@@ -61,10 +61,18 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     /** Mensagem de erro: deixa o campo no estado Error e mostra a dica de erro no lugar da dica. */
     error?: string;
 }
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+declare const InputText: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `InputText` (o nome do PrimeNG 19). */
+declare const Input: react.ForwardRefExoticComponent<InputTextProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `InputTextProps`. */
+type InputProps = InputTextProps;
+/** @deprecated Use `InputTextSize`. */
+type InputSize = InputTextSize;
+/** @deprecated Use `InputTextVariant`. */
+type InputVariant = InputTextVariant;
 
-type AutoCompleteVariant = InputVariant;
-type AutoCompleteSize = InputSize;
+type AutoCompleteVariant = InputTextVariant;
+type AutoCompleteSize = InputTextSize;
 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'> {
     /** Type no Figma: Outline (com borda) e Filled (com fundo). */
     variant?: AutoCompleteVariant;
@@ -191,8 +199,13 @@ interface ChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
     helpLabel?: string;
     /** Botões à direita do título (IconButton tertiary xsmall no Figma). */
     actions?: ReactNode;
-    /** Altura da área do gráfico, com os eixos. Padrão: 266px, a do Figma. */
-    height?: number;
+    /**
+     * Altura da área do gráfico, com os eixos: em px, ou `'100%'` para ocupar a altura do contêiner
+     * (que precisa ter altura definida). Padrão: 266px, a do Figma.
+     */
+    height?: number | '100%';
+    /** Legenda abaixo do gráfico. Padrão: com 2 ou mais séries. */
+    legend?: boolean;
     id?: string;
     className?: string;
 }
@@ -377,11 +390,11 @@ declare const DATE_PERIODS: {
     };
 };
 
-type DatePickerVariant = InputVariant;
-type DatePickerSize = InputSize;
+type DatePickerVariant = InputTextVariant;
+type DatePickerSize = InputTextSize;
 /**
  * Props do Calendar do PrimeReact (`selectionMode` single, range ou multiple, `numberOfMonths`,
- * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do Input
+ * `view`, `dateFormat`, `minDate`, `maxDate`, `disabledDates`, `showTime`...), mais o campo do InputText
  * do Cristal. O visual (pt e unstyled), o ícone e as setas são do Cristal.
  */
 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 +700,13 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
  * Size no Figma: Small (520px), Medium (768px) e Large (1200 x 720px; abaixo de 768px de tela
  * vira tela cheia, como o Responsive=360 do Figma).
  */
-type ModalSize = 'small' | 'medium' | 'large';
-/** Controle do Modal pela ref: o elemento só existe com o modal aberto. */
-interface ModalHandle {
+type DialogSize = 'small' | 'medium' | 'large';
+/** Controle do Dialog pela ref: o elemento só existe com o modal aberto. */
+interface DialogHandle {
     /** O role=dialog do modal (null fechado). */
     getElement: () => HTMLDivElement | null;
 }
-interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
+interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'content' | 'onClick'> {
     visible: boolean;
     /** Pedido para fechar (X, Esc ou clique fora, com dismissableMask). */
     onHide: () => void;
@@ -705,7 +718,7 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
     /** Título do cabeçalho; também é o nome acessível do modal. */
     title: string;
     /** Padrão: large. */
-    size?: ModalSize;
+    size?: DialogSize;
     /** Mostra o botão de ajuda (QuestionMark) ao lado do X, no small e no medium. */
     onHelp?: () => void;
     helpLabel?: string;
@@ -718,7 +731,15 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'chi
     id?: string;
     className?: string;
 }
-declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<ModalHandle>>;
+declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
+/** @deprecated Use `Dialog` (o nome do PrimeNG 19). */
+declare const Modal: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<DialogHandle>>;
+/** @deprecated Use `DialogHandle`. */
+type ModalHandle = DialogHandle;
+/** @deprecated Use `DialogProps`. */
+type ModalProps = DialogProps;
+/** @deprecated Use `DialogSize`. */
+type ModalSize = DialogSize;
 
 /** Type no Figma: Outline (com borda) e Filled (com fundo). */
 type MultiSelectVariant = 'outline' | 'filled';
@@ -798,7 +819,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     backLabel?: string;
     /** Texto da Tag depois do título (Show Tag no Figma). */
     tag?: ReactNode;
-    /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SegmentControl>`. */
+    /** Segment Control das ferramentas (Show Segment Control no Figma): um `<SelectButton>`. */
     segmentControl?: ReactNode;
     /** Botões das ferramentas (Show Buttons no Figma), 8px entre eles. */
     actions?: ReactNode;
@@ -855,15 +876,15 @@ type PanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'>;
 declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
 
 /** Label Size no Figma: Default (uma linha, com reticências) e Full (quebra em várias linhas). */
-type RadioLabelSize = 'default' | 'full';
+type RadioButtonLabelSize = 'default' | 'full';
 /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
-interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
+interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
     /** Texto ao lado do controle (Label no Figma). Sem rótulo visível, vira o nome acessível. */
     label: ReactNode;
     /** Mostra o rótulo. Padrão: true. */
     showLabel?: boolean;
     /** Padrão: default. */
-    labelSize?: RadioLabelSize;
+    labelSize?: RadioButtonLabelSize;
     checked?: boolean;
     /** Valor da opção, devolvido no `onChange`. */
     value?: unknown;
@@ -877,7 +898,13 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
     className?: string;
     style?: CSSProperties;
 }
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `RadioButton` (o nome do PrimeNG 19). */
+declare const Radio: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `RadioButtonLabelSize`. */
+type RadioLabelSize = RadioButtonLabelSize;
+/** @deprecated Use `RadioButtonProps`. */
+type RadioProps = RadioButtonProps;
 
 interface ScrollPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     children?: ReactNode;
@@ -895,20 +922,20 @@ declare const ScrollPanel: react.ForwardRefExoticComponent<ScrollPanelProps & re
  * No Figma: Primary é o Header Segment Control (pílula em fill/brand/subtlest) e Secondary é o
  * Segment Control (cinza, com ícones).
  */
-type SegmentControlVariant = 'primary' | 'secondary';
-interface SegmentControlOption {
+type SelectButtonVariant = 'primary' | 'secondary';
+interface SelectButtonOption {
     label: string;
     value: string | number;
     /** Ícone de 16px antes do texto (o Secondary do Figma usa). */
     icon?: ReactNode;
     disabled?: boolean;
 }
-interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
-    options: SegmentControlOption[];
+interface SelectButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'unselectable'> {
+    options: SelectButtonOption[];
     /** Valor do segmento ativo (controlado). */
     value?: string | number;
     onChange?: (value: string | number) => void;
-    variant?: SegmentControlVariant;
+    variant?: SelectButtonVariant;
     /** O que o grupo controla, para o leitor de tela (ex.: "Visualização"). */
     'aria-label'?: string;
     'aria-labelledby'?: string;
@@ -916,7 +943,15 @@ interface SegmentControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     id?: string;
     className?: string;
 }
-declare const SegmentControl: react.ForwardRefExoticComponent<SegmentControlProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectButton: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
+/** @deprecated Use `SelectButton` (o nome do PrimeNG 19). */
+declare const SegmentControl: react.ForwardRefExoticComponent<SelectButtonProps & react.RefAttributes<HTMLDivElement>>;
+/** @deprecated Use `SelectButtonOption`. */
+type SegmentControlOption = SelectButtonOption;
+/** @deprecated Use `SelectButtonProps`. */
+type SegmentControlProps = SelectButtonProps;
+/** @deprecated Use `SelectButtonVariant`. */
+type SegmentControlVariant = SelectButtonVariant;
 
 /** Type no Figma: Outline (com borda) e Filled (com fundo). */
 type SelectVariant = 'outline' | 'filled';
@@ -973,19 +1008,19 @@ interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>
 declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
 
 /** Size no Figma: Medium (48x28) e Small (32x20). */
-type SwitchSize = 'medium' | 'small';
+type ToggleSwitchSize = 'medium' | 'small';
 /** Label Position no Figma: lado do rótulo em relação ao switch. */
-type SwitchLabelPosition = 'right' | 'left';
+type ToggleSwitchLabelPosition = 'right' | 'left';
 /** As demais props vão no <input> (aria-describedby, onBlur, data-*...); className e style, na raiz. */
-interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
+interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'checked' | 'defaultChecked' | 'defaultValue' | 'size' | 'type' | 'children'> {
     /** Texto ao lado do switch (Label no Figma). Sem rótulo visível, vira o nome acessível. */
     label: ReactNode;
     /** Mostra o rótulo. Padrão: true. */
     showLabel?: boolean;
     /** Padrão: right. */
-    labelPosition?: SwitchLabelPosition;
+    labelPosition?: ToggleSwitchLabelPosition;
     /** Padrão: medium. */
-    size?: SwitchSize;
+    size?: ToggleSwitchSize;
     checked?: boolean;
     onChange?: (event: InputSwitchChangeEvent) => void;
     disabled?: boolean;
@@ -995,7 +1030,15 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
     className?: string;
     style?: CSSProperties;
 }
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+declare const ToggleSwitch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `ToggleSwitch` (o nome do PrimeNG 19). */
+declare const Switch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use `ToggleSwitchLabelPosition`. */
+type SwitchLabelPosition = ToggleSwitchLabelPosition;
+/** @deprecated Use `ToggleSwitchProps`. */
+type SwitchProps = ToggleSwitchProps;
+/** @deprecated Use `ToggleSwitchSize`. */
+type SwitchSize = ToggleSwitchSize;
 
 /** Uma aba (.Tab Item no Figma) e o conteúdo dela. */
 interface TabPanelProps {
@@ -1190,5 +1233,5 @@ interface ToastProps {
 }
 declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<ToastHandle>>;
 
-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 };
-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 };
+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 };
+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 };