@plenustech/design-system 0.2.2 → 0.2.3

package/dist/types/components/forms/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface ColorPickerOption {
+    /** Qualquer cor do CSS; é só o desenho da amostra. */
+    color: string;
+    /** Nome da cor: é o que o leitor de tela anuncia e o que aparece como dica. */
+    label: string;
+    value: string;
+}
+export type ColorPickerSize = 'sm' | 'md';
+export interface ColorPickerProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
+    /** Primeira amostra, que significa sem cor: escolhida, o valor é `null`. */
+    defaultOption?: {
+        label?: string;
+    };
+    defaultValue?: string | null;
+    disabled?: boolean;
+    /** Nome do grupo, para o leitor de tela. */
+    label: string;
+    name?: string;
+    onValueChange?: (value: string | null) => void;
+    options: readonly ColorPickerOption[];
+    size?: ColorPickerSize;
+    value?: string | null;
+}
+/** Escolha de cor por amostras. Por baixo são rádios nativos: setas, Tab e formulário vêm do navegador. */
+export declare function ColorPicker({ className, defaultOption, defaultValue, disabled, label, name: providedName, onValueChange, options, size, value, ...props }: ColorPickerProps): import("react").JSX.Element;

package/dist/types/components/forms/ColorPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorPicker } from './ColorPicker.js';
+export type { ColorPickerOption, ColorPickerProps, ColorPickerSize } from './ColorPicker.js';

package/dist/types/components/forms/Field/Field.d.ts

@@ -1,7 +1,10 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export type FieldSize = 'sm' | 'md';
 export interface FieldWiring {
-    id: string;
+    /** O visual dos campos do sistema para o controle — borda, foco, erro e tamanho. A classe do controle vence a dele. */
+    className: string;
     describedBy: string | undefined;
+    id: string;
     invalid: boolean;
 }
 export interface FieldProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
@@ -15,5 +18,6 @@ export interface FieldProps extends Omit<ComponentPropsWithRef<'div'>, 'children
     maxLength?: number;
     required?: boolean;
     showCharacterCount?: boolean;
+    size?: FieldSize;
 }
-export declare function Field({ 'aria-describedby': ariaDescribedBy, className, characterCount, children, error, hint, id: providedId, label, maxLength, required, showCharacterCount, ...props }: FieldProps): import("react").JSX.Element;
+export declare function Field({ 'aria-describedby': ariaDescribedBy, className, characterCount, children, error, hint, id: providedId, label, maxLength, required, showCharacterCount, size, ...props }: FieldProps): import("react").JSX.Element;

package/dist/types/components/forms/Field/index.d.ts

@@ -1,2 +1,2 @@
 export { Field } from './Field.js';
-export type { FieldProps, FieldWiring } from './Field.js';
+export type { FieldProps, FieldSize, FieldWiring } from './Field.js';

package/dist/types/components/forms/FileUpload/FileUpload.d.ts

@@ -0,0 +1,37 @@
+import { type ComponentPropsWithRef } from 'react';
+export type FileRejectionReason = 'type' | 'size';
+export interface FileRejection {
+    file: File;
+    reason: FileRejectionReason;
+}
+export type FileUploadStatus = 'uploading' | 'done' | 'error';
+/** Um arquivo em envio. Quem envia e o produto: ele monta a lista e informa o progresso. */
+export interface FileUploadItem {
+    error?: string;
+    id: string;
+    name: string;
+    /** De 0 a 100. Sem ele, o progresso e indeterminado. */
+    progress?: number;
+    size: number;
+    status: FileUploadStatus;
+}
+export interface FileUploadProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'onDrop'> {
+    /** Os tipos aceitos, como no `<input type="file">`: `.pdf,image/*`. */
+    accept?: string;
+    disabled?: boolean;
+    /** Vence a mensagem de recusa do proprio campo. */
+    error?: string;
+    hint?: string;
+    items?: readonly FileUploadItem[];
+    label: string;
+    /** Limite por arquivo, em bytes. */
+    maxSize?: number;
+    multiple?: boolean;
+    onCancel?: (id: string) => void;
+    /** Recebe so os arquivos aceitos. */
+    onFilesSelected: (files: File[]) => void;
+    onFilesRejected?: (rejections: FileRejection[]) => void;
+    onRemove?: (id: string) => void;
+    onRetry?: (id: string) => void;
+}
+export declare function FileUpload({ accept, className, disabled, error, hint, id, items, label, maxSize, multiple, onCancel, onFilesRejected, onFilesSelected, onRemove, onRetry, ...props }: FileUploadProps): import("react").JSX.Element;

package/dist/types/components/forms/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUpload } from './FileUpload.js';
+export type { FileRejection, FileRejectionReason, FileUploadItem, FileUploadProps, FileUploadStatus, } from './FileUpload.js';

package/dist/types/components/forms/InputText/InputText.d.ts

@@ -1,10 +1,12 @@
-import { type ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
 export type InputTextSize = 'sm' | 'md';
 export interface InputTextProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
     error?: string;
     hint?: string;
+    /** Icone decorativo a frente do texto, como a lupa de uma busca. O nome do campo continua no `label`. */
+    icon?: ReactNode;
     label?: string;
     size?: InputTextSize;
     showCharacterCount?: boolean;
 }
-export declare function InputText({ 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, className, error, hint, id: providedId, label, maxLength, required, size, showCharacterCount, defaultValue, onChange, value, ref, ...props }: InputTextProps): import("react").JSX.Element;
+export declare function InputText({ 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, className, error, hint, icon, id: providedId, label, maxLength, required, size, showCharacterCount, defaultValue, onChange, value, ref, ...props }: InputTextProps): import("react").JSX.Element;

package/dist/types/components/forms/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,23 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export interface SegmentedControlItem {
+    disabled?: boolean;
+    icon?: ReactNode;
+    label: string;
+    value: string;
+}
+export type SegmentedControlSize = 'sm' | 'md';
+export interface SegmentedControlProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
+    defaultValue?: string;
+    disabled?: boolean;
+    /** Mostra so os icones; o `label` de cada item continua sendo o nome e aparece como dica. */
+    iconOnly?: boolean;
+    items: readonly SegmentedControlItem[];
+    /** Nome do grupo, para o leitor de tela. */
+    label: string;
+    name?: string;
+    onValueChange?: (value: string) => void;
+    size?: SegmentedControlSize;
+    value?: string;
+}
+/** Escolha unica em poucos segmentos lado a lado. Por baixo sao radios nativos: setas, Tab e formulario vem do navegador. */
+export declare function SegmentedControl({ className, defaultValue, disabled, iconOnly, items, label, name: providedName, onValueChange, size, value, ...props }: SegmentedControlProps): import("react").JSX.Element;

package/dist/types/components/forms/SegmentedControl/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlItem, SegmentedControlProps, SegmentedControlSize } from './SegmentedControl.js';

package/dist/types/components/icons/icons.d.ts

@@ -3,6 +3,8 @@ export declare function IconArrowDown(props: IconProps): import("react").JSX.Ele
 export declare function IconArrowUp(props: IconProps): import("react").JSX.Element;
 export declare function IconCalendar(props: IconProps): import("react").JSX.Element;
 export declare function IconChartBar(props: IconProps): import("react").JSX.Element;
+export declare function IconCheck(props: IconProps): import("react").JSX.Element;
+export declare function IconCheckCircle(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronDown(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronExpand(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronLeft(props: IconProps): import("react").JSX.Element;
@@ -10,7 +12,34 @@ export declare function IconChevronRight(props: IconProps): import("react").JSX.
 export declare function IconChevronUp(props: IconProps): import("react").JSX.Element;
 export declare function IconClock(props: IconProps): import("react").JSX.Element;
 export declare function IconClose(props: IconProps): import("react").JSX.Element;
+export declare function IconExclamationCircle(props: IconProps): import("react").JSX.Element;
+export declare function IconExclamationTriangle(props: IconProps): import("react").JSX.Element;
+export declare function IconInfoCircle(props: IconProps): import("react").JSX.Element;
 export declare function IconMinusCircle(props: IconProps): import("react").JSX.Element;
 export declare function IconPlusCircle(props: IconProps): import("react").JSX.Element;
 export declare function IconSearch(props: IconProps): import("react").JSX.Element;
 export declare function IconQuestionCircle(props: IconProps): import("react").JSX.Element;
+export declare function IconAlignCenter(props: IconProps): import("react").JSX.Element;
+export declare function IconAlignLeft(props: IconProps): import("react").JSX.Element;
+export declare function IconAlignRight(props: IconProps): import("react").JSX.Element;
+export declare function IconDesktop(props: IconProps): import("react").JSX.Element;
+export declare function IconDragHandle(props: IconProps): import("react").JSX.Element;
+export declare function IconExternalLink(props: IconProps): import("react").JSX.Element;
+export declare function IconEye(props: IconProps): import("react").JSX.Element;
+export declare function IconFile(props: IconProps): import("react").JSX.Element;
+export declare function IconFilter(props: IconProps): import("react").JSX.Element;
+export declare function IconLightning(props: IconProps): import("react").JSX.Element;
+export declare function IconLink(props: IconProps): import("react").JSX.Element;
+export declare function IconMobile(props: IconProps): import("react").JSX.Element;
+export declare function IconMore(props: IconProps): import("react").JSX.Element;
+export declare function IconPencil(props: IconProps): import("react").JSX.Element;
+export declare function IconPlus(props: IconProps): import("react").JSX.Element;
+export declare function IconRedo(props: IconProps): import("react").JSX.Element;
+export declare function IconSidebar(props: IconProps): import("react").JSX.Element;
+export declare function IconStructure(props: IconProps): import("react").JSX.Element;
+export declare function IconTablet(props: IconProps): import("react").JSX.Element;
+export declare function IconTrash(props: IconProps): import("react").JSX.Element;
+export declare function IconUndo(props: IconProps): import("react").JSX.Element;
+export declare function IconUpload(props: IconProps): import("react").JSX.Element;
+export declare function IconBold(props: IconProps): import("react").JSX.Element;
+export declare function IconItalic(props: IconProps): import("react").JSX.Element;

package/dist/types/components/icons/index.d.ts

@@ -1,2 +1,2 @@
 export type { IconProps } from './Icon.js';
-export { IconArrowDown, IconArrowUp, IconCalendar, IconChartBar, IconChevronDown, IconChevronExpand, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconMinusCircle, IconPlusCircle, IconQuestionCircle, IconSearch, } from './icons.js';
+export { IconAlignCenter, IconAlignLeft, IconAlignRight, IconArrowDown, IconArrowUp, IconBold, IconCalendar, IconChartBar, IconCheck, IconCheckCircle, IconChevronDown, IconChevronExpand, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconDesktop, IconDragHandle, IconExclamationCircle, IconExclamationTriangle, IconExternalLink, IconEye, IconFile, IconFilter, IconInfoCircle, IconItalic, IconLightning, IconLink, IconMinusCircle, IconMobile, IconMore, IconPencil, IconPlus, IconPlusCircle, IconQuestionCircle, IconRedo, IconSearch, IconSidebar, IconStructure, IconTablet, IconTrash, IconUndo, IconUpload, } from './icons.js';

package/dist/types/components/navigation/SkipLink/SkipLink.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef } from 'react';
+export interface SkipLinkProps extends ComponentPropsWithRef<'a'> {
+    /** Ancora do conteudo principal, como `#conteudo`. */
+    href: string;
+}
+/** Primeiro item da pagina para quem navega por teclado: some ate receber foco e leva direto ao conteudo. */
+export declare function SkipLink({ children, className, ...props }: SkipLinkProps): import("react").JSX.Element;

package/dist/types/components/navigation/SkipLink/index.d.ts

@@ -0,0 +1,2 @@
+export { SkipLink } from './SkipLink.js';
+export type { SkipLinkProps } from './SkipLink.js';

package/dist/types/components/navigation/Steps/Steps.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithRef } from 'react';
+export interface StepItem {
+    description?: string;
+    key: string;
+    label: string;
+}
+export interface StepsProps extends Omit<ComponentPropsWithRef<'nav'>, 'children'> {
+    /** Chave da etapa atual. As anteriores contam como concluidas, as seguintes como por vir. */
+    current: string;
+    items: readonly StepItem[];
+    /** Nome da navegacao, para o leitor de tela. */
+    label: string;
+    /** Com ela, cada etapa vira um botao, para quem pode ir e voltar livremente. */
+    onStepChange?: (key: string) => void;
+}
+export declare function Steps({ className, current, items, label, onStepChange, ...props }: StepsProps): import("react").JSX.Element;

package/dist/types/components/navigation/Steps/index.d.ts

@@ -0,0 +1,2 @@
+export { Steps } from './Steps.js';
+export type { StepItem, StepsProps } from './Steps.js';

package/dist/types/components/navigation/Tabs/Tabs.d.ts

@@ -8,10 +8,14 @@ export interface TabItem {
 export type TabsOrientation = 'horizontal' | 'vertical';
 export interface TabsProps extends ComponentPropsWithRef<'div'> {
     defaultSelectedKey?: string;
+    /** O painel ocupa a altura que sobra nas abas e rola por dentro. As abas precisam de altura, dada por quem as usa. */
+    fillHeight?: boolean;
+    /** As abas dividem a largura em partes iguais, em vez de ficar do tamanho do rotulo. */
+    fitted?: boolean;
     items: readonly TabItem[];
     label: string;
     onSelectionChange?: (key: string) => void;
     orientation?: TabsOrientation;
     selectedKey?: string;
 }
-export declare function Tabs({ className, defaultSelectedKey, items, label, onSelectionChange, orientation, selectedKey, ...props }: TabsProps): import("react").JSX.Element;
+export declare function Tabs({ className, defaultSelectedKey, fillHeight, fitted, items, label, onSelectionChange, orientation, selectedKey, ...props }: TabsProps): import("react").JSX.Element;

package/dist/types/components/overlays/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import type { ComponentPropsWithRef, ReactNode } from 'react';
 export type DialogSize = 'sm' | 'md' | 'lg';
 export type DialogRole = 'dialog' | 'alertdialog';
 /** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */
@@ -16,4 +16,4 @@ export interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'childre
     size?: DialogSize;
     title: string;
 }
-export declare function Dialog({ open, ...props }: DialogProps): import("react").ReactPortal | null;
+export declare function Dialog({ size, ...props }: DialogProps): import("react").JSX.Element;

package/dist/types/components/overlays/Dialog/DialogFrame.d.ts

@@ -0,0 +1,7 @@
+import type { DialogProps } from './Dialog.js';
+export interface DialogFrameProps extends Omit<DialogProps, 'size'> {
+    surfaceClassName: string;
+    underlayClassName: string;
+}
+/** Mecanica modal do `Dialog` e do `Drawer`: portal, foco preso, rolagem travada, cabecalho, corpo e rodape. Interna. */
+export declare function DialogFrame({ open, ...props }: DialogFrameProps): import("react").ReactPortal | null;

package/dist/types/components/overlays/Drawer/Drawer.d.ts

@@ -0,0 +1,9 @@
+import type { DialogProps } from '../Dialog/index.js';
+export type DrawerSide = 'left' | 'right';
+export type DrawerSize = 'sm' | 'md' | 'lg';
+export interface DrawerProps extends Omit<DialogProps, 'icon' | 'role' | 'size'> {
+    side?: DrawerSide;
+    size?: DrawerSize;
+}
+/** Painel modal preso a lateral da tela, com a mesma mecanica do `Dialog`: foco preso, Esc fecha, a pagina nao rola. */
+export declare function Drawer({ side, size, ...props }: DrawerProps): import("react").JSX.Element;

package/dist/types/components/overlays/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer.js';
+export type { DrawerProps, DrawerSide, DrawerSize } from './Drawer.js';

package/dist/types/components/overlays/Menu/Menu.d.ts

@@ -1,15 +1,29 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 export interface MenuItem {
+    /** Com ele, o item e de marcar e mostra o visto quando marcado, como o tipo atual de um bloco. */
+    checked?: boolean;
     disabled?: boolean;
+    /** Icone decorativo antes do texto. */
+    icon?: ReactNode;
     key: string;
     label: string;
     onSelect?: () => void;
+    /** Atalho escrito a direita, como `Ctrl+D`, e anunciado em `aria-keyshortcuts`. */
+    shortcut?: string;
+    /** `danger` para a acao que destroi, como remover. */
+    tone?: 'danger';
+}
+/** Grupo de itens, com titulo opcional; entre dois grupos, o menu desenha o divisor. */
+export interface MenuSection {
+    items: readonly MenuItem[];
+    key: string;
+    title?: string;
 }
 export interface MenuProps {
     children: ReactElement<Record<string, unknown>>;
     /** Abertura inicial no modo nao controlado. */
     defaultOpen?: boolean;
-    items: readonly MenuItem[];
+    items: readonly (MenuItem | MenuSection)[];
     label: string;
     /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */
     onOpenChange?: (open: boolean) => void;

package/dist/types/components/overlays/Menu/index.d.ts

@@ -1,2 +1,2 @@
 export { Menu } from './Menu.js';
-export type { MenuProps, MenuItem } from './Menu.js';
+export type { MenuItem, MenuProps, MenuSection } from './Menu.js';

package/dist/types/index.d.ts

@@ -1,11 +1,15 @@
-export { IconArrowDown, IconArrowUp, IconCalendar, IconChartBar, IconChevronDown, IconChevronExpand, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconMinusCircle, IconPlusCircle, IconQuestionCircle, IconSearch, } from './components/icons/index.js';
+export { IconAlignCenter, IconAlignLeft, IconAlignRight, IconArrowDown, IconArrowUp, IconBold, IconCalendar, IconChartBar, IconCheck, IconCheckCircle, IconChevronDown, IconChevronExpand, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconDesktop, IconDragHandle, IconExclamationCircle, IconExclamationTriangle, IconExternalLink, IconEye, IconFile, IconFilter, IconInfoCircle, IconItalic, IconLightning, IconLink, IconMinusCircle, IconMobile, IconMore, IconPencil, IconPlus, IconPlusCircle, IconQuestionCircle, IconRedo, IconSearch, IconSidebar, IconStructure, IconTablet, IconTrash, IconUndo, IconUpload, } from './components/icons/index.js';
 export type { IconProps } from './components/icons/index.js';
 export { Button } from './components/actions/Button/index.js';
 export type { ButtonProps, ButtonSize, ButtonVariant } from './components/actions/Button/index.js';
 export { ButtonIcon } from './components/actions/ButtonIcon/index.js';
+export { ButtonTile } from './components/actions/ButtonTile/index.js';
+export type { ButtonTileProps, ButtonTileSize } from './components/actions/ButtonTile/index.js';
+export { Toolbar } from './components/actions/Toolbar/index.js';
+export type { ToolbarAppearance, ToolbarGroupProps, ToolbarOrientation, ToolbarPlacement, ToolbarProps, } from './components/actions/Toolbar/index.js';
 export type { ButtonIconProps } from './components/actions/ButtonIcon/index.js';
 export { Field } from './components/forms/Field/index.js';
-export type { FieldProps, FieldWiring } from './components/forms/Field/index.js';
+export type { FieldProps, FieldSize, FieldWiring } from './components/forms/Field/index.js';
 export { Label } from './components/forms/Label/index.js';
 export type { LabelProps } from './components/forms/Label/index.js';
 export { InputText } from './components/forms/InputText/index.js';
@@ -19,9 +23,17 @@ export type { InputCurrencyProps } from './components/forms/InputCurrency/index.
 export { Textarea } from './components/forms/Textarea/index.js';
 export type { TextareaProps, TextareaSize } from './components/forms/Textarea/index.js';
 export { Checkbox } from './components/forms/Checkbox/index.js';
+export { CheckboxGroup } from './components/forms/CheckboxGroup/index.js';
+export type { CheckboxGroupOrientation, CheckboxGroupProps } from './components/forms/CheckboxGroup/index.js';
+export { ColorPicker } from './components/forms/ColorPicker/index.js';
+export type { ColorPickerOption, ColorPickerProps, ColorPickerSize } from './components/forms/ColorPicker/index.js';
+export { FileUpload } from './components/forms/FileUpload/index.js';
+export type { FileRejection, FileRejectionReason, FileUploadItem, FileUploadProps, FileUploadStatus, } from './components/forms/FileUpload/index.js';
 export type { CheckboxProps } from './components/forms/Checkbox/index.js';
 export { RadioGroup, Radio } from './components/forms/RadioGroup/index.js';
 export type { RadioGroupProps, RadioProps } from './components/forms/RadioGroup/index.js';
+export { SegmentedControl } from './components/forms/SegmentedControl/index.js';
+export type { SegmentedControlItem, SegmentedControlProps, SegmentedControlSize, } from './components/forms/SegmentedControl/index.js';
 export { Switch } from './components/forms/Switch/index.js';
 export type { SwitchProps } from './components/forms/Switch/index.js';
 export { Alert } from './components/feedback/Alert/index.js';
@@ -32,6 +44,10 @@ export { Spinner } from './components/feedback/Spinner/index.js';
 export type { SpinnerProps, SpinnerSize } from './components/feedback/Spinner/index.js';
 export { EmptyState } from './components/feedback/EmptyState/index.js';
 export type { EmptyStateProps, EmptyStateSize, EmptyStateTone } from './components/feedback/EmptyState/index.js';
+export { Skeleton } from './components/feedback/Skeleton/index.js';
+export type { SkeletonProps, SkeletonShape } from './components/feedback/Skeleton/index.js';
+export { ToastRegion, dismissToast, showToast } from './components/feedback/Toast/index.js';
+export type { ToastAction, ToastOptions, ToastTone } from './components/feedback/Toast/index.js';
 export { Popover } from './components/overlays/Popover/index.js';
 export type { PopoverProps, PopoverPlacement } from './components/overlays/Popover/index.js';
 export { Tabs } from './components/navigation/Tabs/index.js';
@@ -40,20 +56,28 @@ export { Breadcrumb } from './components/navigation/Breadcrumb/index.js';
 export type { BreadcrumbProps, BreadcrumbItem } from './components/navigation/Breadcrumb/index.js';
 export { Pagination } from './components/navigation/Pagination/index.js';
 export type { PaginationProps } from './components/navigation/Pagination/index.js';
+export { SkipLink } from './components/navigation/SkipLink/index.js';
+export type { SkipLinkProps } from './components/navigation/SkipLink/index.js';
+export { Steps } from './components/navigation/Steps/index.js';
+export type { StepItem, StepsProps } from './components/navigation/Steps/index.js';
 export { Accordion } from './components/data-display/Accordion/index.js';
-export type { AccordionProps, AccordionItem, AccordionIconPosition } from './components/data-display/Accordion/index.js';
+export type { AccordionHeadingLevel, AccordionProps, AccordionItem, AccordionIconPosition } from './components/data-display/Accordion/index.js';
 export { Select } from './components/forms/Select/index.js';
 export type { SelectProps, SelectOption, SelectSize } from './components/forms/Select/index.js';
 export { ComboBox } from './components/forms/ComboBox/index.js';
 export type { ComboBoxMultipleProps, ComboBoxOption, ComboBoxProps, ComboBoxSingleProps, ComboBoxSize, } from './components/forms/ComboBox/index.js';
 export { Menu } from './components/overlays/Menu/index.js';
-export type { MenuProps, MenuItem } from './components/overlays/Menu/index.js';
+export type { MenuItem, MenuProps, MenuSection } from './components/overlays/Menu/index.js';
 export { Tooltip } from './components/overlays/Tooltip/index.js';
 export type { TooltipProps, TooltipPlacement } from './components/overlays/Tooltip/index.js';
 export { Dialog } from './components/overlays/Dialog/index.js';
 export type { DialogProps, DialogRole, DialogSize } from './components/overlays/Dialog/index.js';
+export { Drawer } from './components/overlays/Drawer/index.js';
+export type { DrawerProps, DrawerSide, DrawerSize } from './components/overlays/Drawer/index.js';
 export { Badge } from './components/data-display/Badge/index.js';
 export type { BadgeProps, BadgeTone } from './components/data-display/Badge/index.js';
+export { Tag } from './components/data-display/Tag/index.js';
+export type { TagProps, TagSize } from './components/data-display/Tag/index.js';
 export { Avatar } from './components/data-display/Avatar/index.js';
 export type { AvatarProps, AvatarSize } from './components/data-display/Avatar/index.js';
 export { List } from './components/data-display/List/index.js';
@@ -61,6 +85,10 @@ export type { ListEmptyProps, ListItem, ListOptionsProps, ListProps, ListSearchP
 export { Card } from './components/data-display/Card/index.js';
 export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardHeadingLevel, CardProps, } from './components/data-display/Card/index.js';
 export { CodeBlock } from './components/data-display/CodeBlock/index.js';
+export { SortableList } from './components/data-display/SortableList/index.js';
+export type { SortableListItem, SortableListProps } from './components/data-display/SortableList/index.js';
+export { Timeline } from './components/data-display/Timeline/index.js';
+export type { TimelineItem, TimelineProps } from './components/data-display/Timeline/index.js';
 export type { CodeBlockProps, CodeSyntax } from './components/data-display/CodeBlock/index.js';
 export { Table } from './components/data-display/Table/index.js';
 export type { SortDirection, TableAlign, TableBodyProps, TableBreakpoint, TableCellProps, TableColumnProps, TableHeaderProps, TableProps, TableRowItem, TableRowProps, TableSelectionControl, TableSelectionMode, TableSize, TableSort, } from './components/data-display/Table/index.js';
@@ -70,8 +98,8 @@ export { TimePicker } from './components/forms/TimePicker/index.js';
 export type { TimePickerProps, TimePickerSize } from './components/forms/TimePicker/index.js';
 export { DateTimePicker } from './components/forms/DateTimePicker/index.js';
 export type { DateTimePickerProps, DateTimePickerSize } from './components/forms/DateTimePicker/index.js';
-export { formatarData, formatarHora, formatarMoeda, formatarNumero, formatarPercentual, } from './utils/formatters/index.js';
-export type { OpcoesDeData, OpcoesDeHora, OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual, } from './utils/formatters/index.js';
+export { formatarData, formatarHora, formatarMoeda, formatarNumero, formatarPercentual, formatarTamanhoDeArquivo, } from './utils/formatters/index.js';
+export type { Compacto, OpcoesDeData, OpcoesDeHora, OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual, OpcoesDeTamanhoDeArquivo, } from './utils/formatters/index.js';
 export { ChartBar } from './components/charts/ChartBar/index.js';
 export type { ChartBarOrientation, ChartBarProps, ChartBarSeries } from './components/charts/ChartBar/index.js';
 export { ChartLine } from './components/charts/ChartLine/index.js';
@@ -98,6 +126,6 @@ export { ChartSunburst } from './components/charts/ChartSunburst/index.js';
 export type { ChartSunburstNode, ChartSunburstProps } from './components/charts/ChartSunburst/index.js';
 export { ChartSankey } from './components/charts/ChartSankey/index.js';
 export type { ChartSankeyAlign, ChartSankeyFlow, ChartSankeyFlowColor, ChartSankeyFlowValuePosition, ChartSankeyNode, ChartSankeyProps, } from './components/charts/ChartSankey/index.js';
-export type { AxisLabelAngle, AxisLabelRotation, AxisVisibility, ChartCurve, ChartHeight, ChartLegendAlign, ChartLegendPosition, } from './components/charts/core/index.js';
+export type { AxisLabelAngle, AxisLabelRotation, AxisVisibility, ChartCurve, ChartHeight, ChartHoveredNode, ChartLegendAlign, ChartLegendPosition, MarkVisibility, } from './components/charts/core/index.js';
 export { paletteWithAccent, resolveSeriesColors, seriesColors } from './components/charts/palette/index.js';
 export type { SeriesAppearance, SeriesIntent } from './components/charts/palette/index.js';

package/dist/types/utils/formatters/formatarNumero.d.ts

@@ -1,7 +1,12 @@
+/**
+ * `true` compacta na forma da localidade: em pt-BR, `500 mil` e `1,5 mi`. `'sigla'` usa as siglas
+ * `k`, `M`, `B` e `T` — `500 k`, `1,5 M` —, com a virgula e o milhar da localidade.
+ */
+export type Compacto = boolean | 'sigla';
 export interface OpcoesDeNumero {
     /** Sem declarar, quem decide e a localidade — e, na moeda, a propria moeda. */
     casasDecimais?: number;
-    compacto?: boolean;
+    compacto?: Compacto;
     localidade?: string;
 }
 export interface OpcoesDeMoeda extends OpcoesDeNumero {

package/dist/types/utils/formatters/formatarTamanhoDeArquivo.d.ts

@@ -0,0 +1,7 @@
+export interface OpcoesDeTamanhoDeArquivo {
+    /** Sem declarar, ate uma casa: `24,6 MB` e `512 KB`. Bytes saem sempre inteiros. */
+    casasDecimais?: number;
+    localidade?: string;
+}
+/** Tamanho de arquivo em base 1024, com os separadores da localidade: `950 B`, `512 KB`, `1,2 GB`. */
+export declare function formatarTamanhoDeArquivo(bytes: number, { casasDecimais, localidade }?: OpcoesDeTamanhoDeArquivo): string;

package/dist/types/utils/formatters/index.d.ts

@@ -3,6 +3,8 @@ export { formatarEntradaMonetaria } from './formatarEntradaMonetaria.js';
 export { formatarData, formatarHora } from './formatarData.js';
 export type { OpcoesDeData, OpcoesDeHora } from './formatarData.js';
 export { formatarMoeda, formatarNumero, formatarPercentual } from './formatarNumero.js';
-export type { OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual } from './formatarNumero.js';
+export type { Compacto, OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual } from './formatarNumero.js';
+export { formatarTamanhoDeArquivo } from './formatarTamanhoDeArquivo.js';
+export type { OpcoesDeTamanhoDeArquivo } from './formatarTamanhoDeArquivo.js';
 export { formatarEntradaData, lerEntradaData } from './formatarEntradaData.js';
 export { formatarEntradaDataHora, formatarEntradaHora, lerEntradaDataHora, lerEntradaHora } from './formatarEntradaHora.js';

package/dist/utils/formatters/formatarNumero.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t){return t===void 0?{}:{maximumFractionDigits:t,minimumFractionDigits:t}}function u(t){return t?{compactDisplay:"short",notation:"compact"}:{}}const i={signDisplay:"negative"};function m(t,{casasDecimais:r,compacto:n,localidade:e="pt-BR"}={}){return Number.isFinite(t)?new Intl.NumberFormat(e,{...i,...u(n),...o(r)}).format(t):""}function c(t,{casasDecimais:r,compacto:n,localidade:e="pt-BR",moeda:a="BRL"}={}){return Number.isFinite(t)?new Intl.NumberFormat(e,{...i,currency:a,style:"currency",...u(n),...o(r)}).format(t):""}function f(t,{casasDecimais:r=0,localidade:n="pt-BR"}={}){return Number.isFinite(t)?new Intl.NumberFormat(n,{...i,style:"percent",...o(r)}).format(t):""}exports.formatarMoeda=c;exports.formatarNumero=m;exports.formatarPercentual=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(t){return t===void 0?{}:{maximumFractionDigits:t,minimumFractionDigits:t}}function g(t){return t===!0?{compactDisplay:"short",notation:"compact"}:{}}const f=[[1e12,"T"],[1e9,"B"],[1e6,"M"],[1e3,"k"]];function F(t,n,e){let r=f.findIndex(([i])=>Math.abs(t)>=i);for(;;){const[i,o]=r>=0?f[r]:[1,""],u=t/i,a=n??(Math.abs(u)<10?1:0),l=Math.round(Math.abs(u)*10**a)/10**a,s=r===-1?f.length-1:r-1;if(l<1e3||s<0){const b=e(u,{maximumFractionDigits:a,minimumFractionDigits:n??0});return o?`${b} ${o}`:b}r=s}}const m={signDisplay:"negative"};function y(t,{casasDecimais:n,compacto:e,localidade:r="pt-BR"}={}){return Number.isFinite(t)?e==="sigla"?F(t,n,(i,o)=>new Intl.NumberFormat(r,{...m,...o}).format(i)):new Intl.NumberFormat(r,{...m,...g(e),...c(n)}).format(t):""}function N(t,{casasDecimais:n,compacto:e,localidade:r="pt-BR",moeda:i="BRL"}={}){return Number.isFinite(t)?e==="sigla"?F(t,n,(o,u)=>new Intl.NumberFormat(r,{...m,currency:i,style:"currency",...u}).format(o)):new Intl.NumberFormat(r,{...m,currency:i,style:"currency",...g(e),...c(n)}).format(t):""}function d(t,{casasDecimais:n=0,localidade:e="pt-BR"}={}){return Number.isFinite(t)?new Intl.NumberFormat(e,{...m,style:"percent",...c(n)}).format(t):""}exports.formatarMoeda=N;exports.formatarNumero=y;exports.formatarPercentual=d;
 //# sourceMappingURL=formatarNumero.cjs.map

package/dist/utils/formatters/formatarNumero.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"formatarNumero.cjs","sources":["../../../src/utils/formatters/formatarNumero.ts"],"sourcesContent":["export interface OpcoesDeNumero {\n  /** Sem declarar, quem decide e a localidade — e, na moeda, a propria moeda. */\n  casasDecimais?: number;\n  compacto?: boolean;\n  localidade?: string;\n}\n\nexport interface OpcoesDeMoeda extends OpcoesDeNumero {\n  moeda?: string;\n}\n\nexport interface OpcoesDePercentual {\n  casasDecimais?: number;\n  localidade?: string;\n}\n\nfunction casas(casasDecimais?: number) {\n  return casasDecimais === undefined\n    ? {}\n    : { maximumFractionDigits: casasDecimais, minimumFractionDigits: casasDecimais };\n}\n\n/**\n * A forma compacta sai da localidade, e nao de um sufixo proprio: em pt-BR um\n * milhao e `1 mi`, nao `1M`. Inventar o sufixo quebraria em qualquer outra.\n */\nfunction notacao(compacto?: boolean) {\n  return compacto ? ({ compactDisplay: 'short', notation: 'compact' } as const) : {};\n}\n\n/** Sinal so no negativo de fato: `-0`, e o que arredonda para zero, saiam como `-0`. */\nconst SINAL = { signDisplay: 'negative' } as const;\n\nexport function formatarNumero(\n  valor: number,\n  { casasDecimais, compacto, localidade = 'pt-BR' }: OpcoesDeNumero = {},\n) {\n  if (!Number.isFinite(valor)) {\n    return '';\n  }\n\n  return new Intl.NumberFormat(localidade, { ...SINAL, ...notacao(compacto), ...casas(casasDecimais) }).format(valor);\n}\n\n/**\n * Valor monetario. O separador entre simbolo e numero e um espaco nao\n * separavel, escolha do `Intl`: ele impede que a quebra de linha afaste o\n * simbolo do valor. As mascaras de entrada usam espaco comum, e a convergencia\n * das duas ainda esta em aberto.\n */\nexport function formatarMoeda(\n  valor: number,\n  { casasDecimais, compacto, localidade = 'pt-BR', moeda = 'BRL' }: OpcoesDeMoeda = {},\n) {\n  if (!Number.isFinite(valor)) {\n    return '';\n  }\n\n  return new Intl.NumberFormat(localidade, {\n    ...SINAL,\n    currency: moeda,\n    style: 'currency',\n    ...notacao(compacto),\n    ...casas(casasDecimais),\n  }).format(valor);\n}\n\n/**\n * Percentual a partir da **fracao**: `0.42` vira `42%`. Receber o numero ja\n * multiplicado obrigaria cada consumidor a dividir antes de exibir, e e a\n * fracao que sai de uma divisao de duas medidas.\n */\nexport function formatarPercentual(\n  valor: number,\n  { casasDecimais = 0, localidade = 'pt-BR' }: OpcoesDePercentual = {},\n) {\n  if (!Number.isFinite(valor)) {\n    return '';\n  }\n\n  return new Intl.NumberFormat(localidade, { ...SINAL, style: 'percent', ...casas(casasDecimais) }).format(valor);\n}\n"],"names":["casas","casasDecimais","notacao","compacto","SINAL","formatarNumero","valor","localidade","formatarMoeda","moeda","formatarPercentual"],"mappings":"gFAgBA,SAASA,EAAMC,EAAwB,CACrC,OAAOA,IAAkB,OACrB,CAAA,EACA,CAAE,sBAAuBA,EAAe,sBAAuBA,CAAA,CACrE,CAMA,SAASC,EAAQC,EAAoB,CACnC,OAAOA,EAAY,CAAE,eAAgB,QAAS,SAAU,SAAA,EAAwB,CAAA,CAClF,CAGA,MAAMC,EAAQ,CAAE,YAAa,UAAA,EAEtB,SAASC,EACdC,EACA,CAAE,cAAAL,EAAe,SAAAE,EAAU,WAAAI,EAAa,OAAA,EAA4B,GACpE,CACA,OAAK,OAAO,SAASD,CAAK,EAInB,IAAI,KAAK,aAAaC,EAAY,CAAE,GAAGH,EAAO,GAAGF,EAAQC,CAAQ,EAAG,GAAGH,EAAMC,CAAa,EAAG,EAAE,OAAOK,CAAK,EAHzG,EAIX,CAQO,SAASE,EACdF,EACA,CAAE,cAAAL,EAAe,SAAAE,EAAU,WAAAI,EAAa,QAAS,MAAAE,EAAQ,KAAA,EAAyB,GAClF,CACA,OAAK,OAAO,SAASH,CAAK,EAInB,IAAI,KAAK,aAAaC,EAAY,CACvC,GAAGH,EACH,SAAUK,EACV,MAAO,WACP,GAAGP,EAAQC,CAAQ,EACnB,GAAGH,EAAMC,CAAa,CAAA,CACvB,EAAE,OAAOK,CAAK,EATN,EAUX,CAOO,SAASI,EACdJ,EACA,CAAE,cAAAL,EAAgB,EAAG,WAAAM,EAAa,OAAA,EAAgC,GAClE,CACA,OAAK,OAAO,SAASD,CAAK,EAInB,IAAI,KAAK,aAAaC,EAAY,CAAE,GAAGH,EAAO,MAAO,UAAW,GAAGJ,EAAMC,CAAa,CAAA,CAAG,EAAE,OAAOK,CAAK,EAHrG,EAIX"}
+{"version":3,"file":"formatarNumero.cjs","sources":["../../../src/utils/formatters/formatarNumero.ts"],"sourcesContent":["/**\n * `true` compacta na forma da localidade: em pt-BR, `500 mil` e `1,5 mi`. `'sigla'` usa as siglas\n * `k`, `M`, `B` e `T` — `500 k`, `1,5 M` —, com a virgula e o milhar da localidade.\n */\nexport type Compacto = boolean | 'sigla';\n\nexport interface OpcoesDeNumero {\n  /** Sem declarar, quem decide e a localidade — e, na moeda, a propria moeda. */\n  casasDecimais?: number;\n  compacto?: Compacto;\n  localidade?: string;\n}\n\nexport interface OpcoesDeMoeda extends OpcoesDeNumero {\n  moeda?: string;\n}\n\nexport interface OpcoesDePercentual {\n  casasDecimais?: number;\n  localidade?: string;\n}\n\nfunction casas(casasDecimais?: number) {\n  return casasDecimais === undefined\n    ? {}\n    : { maximumFractionDigits: casasDecimais, minimumFractionDigits: casasDecimais };\n}\n\n/**\n * A forma compacta padrao sai da localidade, e nao de um sufixo proprio: em pt-BR um\n * milhao e `1 mi`, nao `1M`. A sigla e outra escolha, pedida por nome.\n */\nfunction notacao(compacto?: Compacto) {\n  return compacto === true ? ({ compactDisplay: 'short', notation: 'compact' } as const) : {};\n}\n\n/** Da maior para a menor; abaixo de mil, o valor sai sem sigla. */\nconst SIGLAS = [\n  [1e12, 'T'],\n  [1e9, 'B'],\n  [1e6, 'M'],\n  [1e3, 'k'],\n] as const;\n\ntype FormatarReduzido = (reduzido: number, digitos: Intl.NumberFormatOptions) => string;\n\n/**\n * Valor reduzido a sigla. Sem casas declaradas, uma casa abaixo de 10 e nenhuma acima, como a forma\n * compacta da localidade; o que arredonda para mil da sigla sobe para a seguinte: `999.950` e `1 M`.\n */\nfunction comSigla(valor: number, casasDecimais: number | undefined, formatarReduzido: FormatarReduzido) {\n  let indice = SIGLAS.findIndex(([base]) => Math.abs(valor) >= base);\n\n  for (;;) {\n    const [base, sigla] = indice >= 0 ? SIGLAS[indice] : [1, ''];\n    const reduzido = valor / base;\n    const digitos = casasDecimais ?? (Math.abs(reduzido) < 10 ? 1 : 0);\n    const arredondado = Math.round(Math.abs(reduzido) * 10 ** digitos) / 10 ** digitos;\n    const maior = indice === -1 ? SIGLAS.length - 1 : indice - 1;\n\n    if (arredondado < 1000 || maior < 0) {\n      const texto = formatarReduzido(reduzido, { maximumFractionDigits: digitos, minimumFractionDigits: casasDecimais ?? 0 });\n      return sigla ? `${texto} ${sigla}` : texto;\n    }\n\n    indice = maior;\n  }\n}\n\n/** Sinal so no negativo de fato: `-0`, e o que arredonda para zero, saiam como `-0`. */\nconst SINAL = { signDisplay: 'negative' } as const;\n\nexport function formatarNumero(\n  valor: number,\n  { casasDecimais, compacto, localidade = 'pt-BR' }: OpcoesDeNumero = {},\n) {\n  if (!Number.isFinite(valor)) {\n    return '';\n  }\n\n  if (compacto === 'sigla') {\n    return comSigla(valor, casasDecimais, (reduzido, digitos) =>\n      new Intl.NumberFormat(localidade, { ...SINAL, ...digitos }).format(reduzido),\n    );\n  }\n\n  return new Intl.NumberFormat(localidade, { ...SINAL, ...notacao(compacto), ...casas(casasDecimais) }).format(valor);\n}\n\n/**\n * Valor monetario. O separador entre simbolo e numero e um espaco nao\n * separavel, escolha do `Intl`: ele impede que a quebra de linha afaste o\n * simbolo do valor. As mascaras de entrada usam espaco comum, e a convergencia\n * das duas ainda esta em aberto.\n */\nexport function formatarMoeda(\n  valor: number,\n  { casasDecimais, compacto, localidade = 'pt-BR', moeda = 'BRL' }: OpcoesDeMoeda = {},\n) {\n  if (!Number.isFinite(valor)) {\n    return '';\n  }\n\n  if (compacto === 'sigla') {\n    return comSigla(valor, casasDecimais, (reduzido, digitos) =>\n      new Intl.NumberFormat(localidade, { ...SINAL, currency: moeda, style: 'currency', ...digitos }).format(reduzido),\n    );\n  }\n\n  return new Intl.NumberFormat(localidade, {\n    ...SINAL,\n    currency: moeda,\n    style: 'currency',\n    ...notacao(compacto),\n    ...casas(casasDecimais),\n  }).format(valor);\n}\n\n/**\n * Percentual a partir da **fracao**: `0.42` vira `42%`. Receber o numero ja\n * multiplicado obrigaria cada consumidor a dividir antes de exibir, e e a\n * fracao que sai de uma divisao de duas medidas.\n */\nexport function formatarPercentual(\n  valor: number,\n  { casasDecimais = 0, localidade = 'pt-BR' }: OpcoesDePercentual = {},\n) {\n  if (!Number.isFinite(valor)) {\n    return '';\n  }\n\n  return new Intl.NumberFormat(localidade, { ...SINAL, style: 'percent', ...casas(casasDecimais) }).format(valor);\n}\n"],"names":["casas","casasDecimais","notacao","compacto","SIGLAS","comSigla","valor","formatarReduzido","indice","base","sigla","reduzido","digitos","arredondado","maior","texto","SINAL","formatarNumero","localidade","formatarMoeda","moeda","formatarPercentual"],"mappings":"gFAsBA,SAASA,EAAMC,EAAwB,CACrC,OAAOA,IAAkB,OACrB,CAAA,EACA,CAAE,sBAAuBA,EAAe,sBAAuBA,CAAA,CACrE,CAMA,SAASC,EAAQC,EAAqB,CACpC,OAAOA,IAAa,GAAQ,CAAE,eAAgB,QAAS,SAAU,SAAA,EAAwB,CAAA,CAC3F,CAGA,MAAMC,EAAS,CACb,CAAC,KAAM,GAAG,EACV,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,CACX,EAQA,SAASC,EAASC,EAAeL,EAAmCM,EAAoC,CACtG,IAAIC,EAASJ,EAAO,UAAU,CAAC,CAACK,CAAI,IAAM,KAAK,IAAIH,CAAK,GAAKG,CAAI,EAEjE,OAAS,CACP,KAAM,CAACA,EAAMC,CAAK,EAAIF,GAAU,EAAIJ,EAAOI,CAAM,EAAI,CAAC,EAAG,EAAE,EACrDG,EAAWL,EAAQG,EACnBG,EAAUX,IAAkB,KAAK,IAAIU,CAAQ,EAAI,GAAK,EAAI,GAC1DE,EAAc,KAAK,MAAM,KAAK,IAAIF,CAAQ,EAAI,IAAMC,CAAO,EAAI,IAAMA,EACrEE,EAAQN,IAAW,GAAKJ,EAAO,OAAS,EAAII,EAAS,EAE3D,GAAIK,EAAc,KAAQC,EAAQ,EAAG,CACnC,MAAMC,EAAQR,EAAiBI,EAAU,CAAE,sBAAuBC,EAAS,sBAAuBX,GAAiB,EAAG,EACtH,OAAOS,EAAQ,GAAGK,CAAK,IAAIL,CAAK,GAAKK,CACvC,CAEAP,EAASM,CACX,CACF,CAGA,MAAME,EAAQ,CAAE,YAAa,UAAA,EAEtB,SAASC,EACdX,EACA,CAAE,cAAAL,EAAe,SAAAE,EAAU,WAAAe,EAAa,OAAA,EAA4B,GACpE,CACA,OAAK,OAAO,SAASZ,CAAK,EAItBH,IAAa,QACRE,EAASC,EAAOL,EAAe,CAACU,EAAUC,IAC/C,IAAI,KAAK,aAAaM,EAAY,CAAE,GAAGF,EAAO,GAAGJ,EAAS,EAAE,OAAOD,CAAQ,CAAA,EAIxE,IAAI,KAAK,aAAaO,EAAY,CAAE,GAAGF,EAAO,GAAGd,EAAQC,CAAQ,EAAG,GAAGH,EAAMC,CAAa,EAAG,EAAE,OAAOK,CAAK,EATzG,EAUX,CAQO,SAASa,EACdb,EACA,CAAE,cAAAL,EAAe,SAAAE,EAAU,WAAAe,EAAa,QAAS,MAAAE,EAAQ,KAAA,EAAyB,GAClF,CACA,OAAK,OAAO,SAASd,CAAK,EAItBH,IAAa,QACRE,EAASC,EAAOL,EAAe,CAACU,EAAUC,IAC/C,IAAI,KAAK,aAAaM,EAAY,CAAE,GAAGF,EAAO,SAAUI,EAAO,MAAO,WAAY,GAAGR,EAAS,EAAE,OAAOD,CAAQ,CAAA,EAI5G,IAAI,KAAK,aAAaO,EAAY,CACvC,GAAGF,EACH,SAAUI,EACV,MAAO,WACP,GAAGlB,EAAQC,CAAQ,EACnB,GAAGH,EAAMC,CAAa,CAAA,CACvB,EAAE,OAAOK,CAAK,EAfN,EAgBX,CAOO,SAASe,EACdf,EACA,CAAE,cAAAL,EAAgB,EAAG,WAAAiB,EAAa,OAAA,EAAgC,GAClE,CACA,OAAK,OAAO,SAASZ,CAAK,EAInB,IAAI,KAAK,aAAaY,EAAY,CAAE,GAAGF,EAAO,MAAO,UAAW,GAAGhB,EAAMC,CAAa,CAAA,CAAG,EAAE,OAAOK,CAAK,EAHrG,EAIX"}

package/dist/utils/formatters/formatarNumero.js

@@ -1,28 +1,53 @@
-function i(t) {
+function c(t) {
   return t === void 0 ? {} : { maximumFractionDigits: t, minimumFractionDigits: t };
 }
-function u(t) {
-  return t ? { compactDisplay: "short", notation: "compact" } : {};
+function g(t) {
+  return t === !0 ? { compactDisplay: "short", notation: "compact" } : {};
 }
-const o = { signDisplay: "negative" };
-function a(t, { casasDecimais: r, compacto: n, localidade: e = "pt-BR" } = {}) {
-  return Number.isFinite(t) ? new Intl.NumberFormat(e, { ...o, ...u(n), ...i(r) }).format(t) : "";
+const a = [
+  [1e12, "T"],
+  [1e9, "B"],
+  [1e6, "M"],
+  [1e3, "k"]
+];
+function F(t, r, e) {
+  let n = a.findIndex(([i]) => Math.abs(t) >= i);
+  for (; ; ) {
+    const [i, o] = n >= 0 ? a[n] : [1, ""], u = t / i, f = r ?? (Math.abs(u) < 10 ? 1 : 0), N = Math.round(Math.abs(u) * 10 ** f) / 10 ** f, s = n === -1 ? a.length - 1 : n - 1;
+    if (N < 1e3 || s < 0) {
+      const b = e(u, { maximumFractionDigits: f, minimumFractionDigits: r ?? 0 });
+      return o ? `${b} ${o}` : b;
+    }
+    n = s;
+  }
 }
-function c(t, { casasDecimais: r, compacto: n, localidade: e = "pt-BR", moeda: m = "BRL" } = {}) {
-  return Number.isFinite(t) ? new Intl.NumberFormat(e, {
-    ...o,
-    currency: m,
+const m = { signDisplay: "negative" };
+function y(t, { casasDecimais: r, compacto: e, localidade: n = "pt-BR" } = {}) {
+  return Number.isFinite(t) ? e === "sigla" ? F(
+    t,
+    r,
+    (i, o) => new Intl.NumberFormat(n, { ...m, ...o }).format(i)
+  ) : new Intl.NumberFormat(n, { ...m, ...g(e), ...c(r) }).format(t) : "";
+}
+function I(t, { casasDecimais: r, compacto: e, localidade: n = "pt-BR", moeda: i = "BRL" } = {}) {
+  return Number.isFinite(t) ? e === "sigla" ? F(
+    t,
+    r,
+    (o, u) => new Intl.NumberFormat(n, { ...m, currency: i, style: "currency", ...u }).format(o)
+  ) : new Intl.NumberFormat(n, {
+    ...m,
+    currency: i,
     style: "currency",
-    ...u(n),
-    ...i(r)
+    ...g(e),
+    ...c(r)
   }).format(t) : "";
 }
-function f(t, { casasDecimais: r = 0, localidade: n = "pt-BR" } = {}) {
-  return Number.isFinite(t) ? new Intl.NumberFormat(n, { ...o, style: "percent", ...i(r) }).format(t) : "";
+function d(t, { casasDecimais: r = 0, localidade: e = "pt-BR" } = {}) {
+  return Number.isFinite(t) ? new Intl.NumberFormat(e, { ...m, style: "percent", ...c(r) }).format(t) : "";
 }
 export {
-  c as formatarMoeda,
-  a as formatarNumero,
-  f as formatarPercentual
+  I as formatarMoeda,
+  y as formatarNumero,
+  d as formatarPercentual
 };
 //# sourceMappingURL=formatarNumero.js.map