@free-dom/react-components 2.0.0

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

@@ -0,0 +1,22 @@
+import { IconName, IconProps } from '@freedom/react-icons';
+import { ButtonHTMLAttributes, DetailedHTMLProps, ForwardRefExoticComponent, FunctionComponent, PropsWithoutRef, SVGProps } from 'react';
+import { Combine } from '../../utils';
+type IconButtonOwnProps = {
+    /**
+     * Especifica se o botão está em estado de loading ou não.
+     */
+    loading?: boolean;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do Button.
+     */
+    icon?: IconName;
+    /**
+     * Prop que permite que o usuário possa renderizar um ícone customizado
+     * que não está previsto nos ícones pré-definidos da props `icon`.
+     */
+    renderIcon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+} & Pick<IconProps, 'color'>;
+export type IconButtonProps = Combine<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IconButtonOwnProps>;
+export declare const IconButton: ForwardRefExoticComponent<PropsWithoutRef<IconButtonProps>>;
+export {};

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

@@ -0,0 +1 @@
+export { IconButton } from './IconButton';

package/dist/types/components/ImageCarousel/ImageCarousel.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_SPEED_TIME_SECONDS = 7;
+export declare const CAROUSEL_ITEM_DISPLAY_NAME = "ImageCarouselItem";
+export declare const CSS_PREFIX = "freedom-image-carousel";

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

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'react';
+import { ImageCarouselItem } from './ImageCarouselItem';
+export type ImageCarouselProps = {
+    /**
+     * Indica se a troca de imagens deve ocorrer automaticamente.
+     * @default true
+     */
+    autoPlay?: boolean;
+    /**
+     * Duração em segundos de exibição de cada imagem quando o `autoPlay` está ativo.
+     * @default 7
+     */
+    speed?: number;
+    /**
+     * Largura do carrossel. Pode ser um valor em pixels, porcentagem ou qualquer unidade de medida CSS.
+     * @default '400px'
+     */
+    width?: CSSProperties['width'];
+    /**
+     * Controla o comportamento de tela cheia do componente
+     */
+    mode?: 'default' | 'fullscreen';
+    /**
+     * Callback chamado quando o modo de exibição é alterado
+     */
+    onModeChange?: (mode: 'default' | 'fullscreen') => void;
+};
+declare function ImageCarousel({ children, mode, onModeChange, ...rest }: React.PropsWithChildren<ImageCarouselProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace ImageCarousel {
+    var Item: typeof ImageCarouselItem;
+}
+export { ImageCarousel };

package/dist/types/components/ImageCarousel/ImageCarousel.helpers.d.ts

@@ -0,0 +1,3 @@
+export declare function getHeightAspectRatio16per9(width: number): string;
+export declare function getWidthAspectRatio16per9(height: number): string;
+export declare const isImageCarouselItem: (child: any) => boolean;

package/dist/types/components/ImageCarousel/ImageCarouselFullScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ImageCarouselFullScreen(): React.ReactPortal;

package/dist/types/components/ImageCarousel/ImageCarouselFullscreenNavigation.d.ts

@@ -0,0 +1 @@
+export declare function ImageCarouselFullscreenNavigation(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ImageCarousel/ImageCarouselFullscreenSidebar.d.ts

@@ -0,0 +1 @@
+export declare function ImageCarouselFullscreenSidebar(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ImageCarousel/ImageCarouselInline.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ImageCarouselProps } from './ImageCarousel';
+export declare function ImageCarouselInline({ autoPlay, speed, width: widthProp, }: React.PropsWithChildren<ImageCarouselProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ImageCarousel/ImageCarouselItem.d.ts

@@ -0,0 +1,34 @@
+import { IconName } from '@freedom/react-icons';
+export type ImageCarouselItemProps = {
+    /**
+     * URL da imagem a ser exibida no carrossel.
+     */
+    src: string;
+    /**
+     * Texto alternativo para a imagem, usado para acessibilidade e quando a imagem não pode ser carregada.
+     */
+    alt: string;
+    /**
+     * Descrição opcional da imagem que pode ser exibida junto a ela.
+     */
+    caption?: string;
+    /**
+     * Nome do ícone opcional que será exibido como prefixo na descrição da imagem.
+     */
+    icon?: IconName;
+    /**
+     * Define como a imagem será exibida no carrossel.
+     *
+     * - 'fill': A imagem preencherá todo o espaço disponível no container,
+     *          podendo ser cortada para se ajustar ao tamanho do container.
+     * - 'fit': A imagem será redimensionada para caber dentro do container,
+     *          preservando suas proporções e podendo deixar espaços vazios
+     *          nas laterais ou em cima e embaixo.
+     * @default 'fill'
+     */
+    view?: 'fill' | 'fit';
+};
+export declare function ImageCarouselItem({ caption, alt, src, icon, view, }: ImageCarouselItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ImageCarouselItem {
+    var displayName: string;
+}

package/dist/types/components/ImageCarousel/ImageCarouselNavigation.d.ts

@@ -0,0 +1 @@
+export declare function ImageCarouselNavigation(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ImageCarousel/ImageCarouselTrackBar.d.ts

@@ -0,0 +1,4 @@
+export declare function ImageCarouselTrackBar({ autoPlay, speed: speedProp, }: {
+    autoPlay: boolean;
+    speed: number;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { ImageCarousel } from './ImageCarousel';

package/dist/types/components/ImageCarousel/useImageCarousel.d.ts

@@ -0,0 +1,21 @@
+import React, { PropsWithChildren } from 'react';
+import { type ImageCarouselItemProps } from './ImageCarouselItem';
+type ImageCarouselContextProp = {
+    handleNextItem: () => void;
+    handlePrevItem: () => void;
+    totalItems: number;
+    currentIndex: number;
+    setCurrentIndex: (value: number) => void;
+    itemsList: ImageCarouselItemProps[];
+    currentItem: ImageCarouselItemProps;
+    isFullscreen: boolean;
+    setFullscreen: (fullscreen: boolean) => void;
+};
+export type Mode = 'default' | 'fullscreen';
+export declare function ImageCarouselProvider({ children, childrenItems, mode: modeProp, onModeChange, }: PropsWithChildren<{
+    childrenItems: React.ReactElement<ImageCarouselItemProps>[];
+    mode?: Mode;
+    onModeChange?: (mode: Mode) => void;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function useImageCarousel(): ImageCarouselContextProp;
+export {};

package/dist/types/components/LineChart/CustomLineLegend.d.ts

@@ -0,0 +1,12 @@
+type CustomLineLegendProps<T> = {
+    payload?: {
+        color: string;
+        value: number;
+        dataKey: string;
+    }[];
+    showProjection?: boolean;
+    orientation: 'horizontal' | 'vertical';
+    valueKeyLegendName?: Partial<Record<keyof T, string>>;
+};
+export declare function CustomLineLegend<T>({ payload, showProjection, orientation, valueKeyLegendName, }: CustomLineLegendProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/LineChart/LineChart.constants.d.ts

@@ -0,0 +1 @@
+export declare const CSS_PREFIX = "freedom-line-chart";

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

@@ -0,0 +1,108 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { TooltipInfo } from './TooltipChart';
+export type LineChartProps<T> = {
+    /**
+     * Título principal exibido no topo do gráfico.
+     */
+    title: string;
+    /**
+     * Subtítulo opcional exibido abaixo do título principal, fornecendo contexto adicional.
+     */
+    subtitle?: string;
+    /**
+     * Array contendo os dados utilizados para desenhar o gráfico.
+     * Cada elemento representa um ponto ou conjunto de valores no gráfico.
+     */
+    data: T[];
+    /**
+     * Conteúdo personalizado exibido em um modal de descrição detalhada.
+     * Aceita componentes React para maior flexibilidade de layout.
+     */
+    descriptionContent?: ReactNode;
+    /**
+     * Altura do gráfico em pixels, definindo o espaço vertical ocupado.
+     */
+    height?: number;
+    /**
+     * Rótulo exibido ao longo do eixo Y para indicar o significado dos valores.
+     */
+    yAxisLabel?: string;
+    /**
+     * Rótulo exibido ao longo do eixo X para indicar o significado das categorias.
+     */
+    xAxisLabel?: string;
+    /**
+     * Chave no objeto de `data` usada para identificar as categorias (eixo X ou legendas).
+     */
+    categoryKey: keyof T;
+    /**
+     * Array de chaves no objeto de `data` usadas para identificar os valores a serem plotados.
+     */
+    valueKey: (keyof T)[];
+    /**
+     * Configuração do Tooltip exibido ao interagir com os pontos do gráfico.
+     * Aceita título, descrição e componentes customizados para personalização.
+     */
+    tooltipContent?: TooltipInfo<T>;
+    /**
+     * Indica se o gráfico está em estado de carregamento, permitindo exibir um indicador visual.
+     */
+    loading?: boolean;
+    /**
+     * Função de callback acionada ao selecionar a opção "Atualizar dados".
+     * Permite recarregar ou recalcular os dados exibidos no gráfico.
+     */
+    onUpdateData?: () => void;
+    /**
+     * Controla a exibição da descrição detalhada do gráfico.
+     */
+    enableDescription?: boolean;
+    /**
+     * Habilita ou desabilita a funcionalidade de filtragem de dados no gráfico.
+     */
+    enableFilter?: boolean;
+    /**
+     * Controla a exibição da funcionalidade para atualizar os dados do gráfico.
+     */
+    enableUpdateData?: boolean;
+    /**
+     * Habilita ou desabilita a exibição de rótulos nos pontos de valor do gráfico.
+     */
+    showLabels?: boolean;
+    /**
+     * Objeto que mapeia as chaves de valores para os nomes a serem exibidos na legenda.
+     */
+    valueKeyLegendName?: Partial<Record<keyof T, string>>;
+    /**
+     * Referência ao elemento HTML que será o container do menu dropdown gerado.
+     * @default document.body
+     */
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * Paleta de cores usada no gráfico, podendo ser o esquema padrão ou monocromático.
+     * @default 'default'
+     */
+    palette?: 'default' | 'monochromatic';
+    /**
+     * Objeto de estilo inline para personalizar a aparência do gráfico.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Função para formatar os valores exibidos no gráfico.
+     * Útil para alterar a aparência ou adicionar prefixos/sufixos.
+     */
+    valueFormatter?: (value: number) => any;
+    /**
+     * Função para formatar os valores exibidos no eixo Y.
+     */
+    yAxisFormatter?: (value: any) => string;
+    /**
+     * Função para formatar os valores exibidos no eixo X.
+     */
+    xAxisFormatter?: (value: any) => string;
+    /**
+     * Cores customizadas para cada linha do gráfico
+     */
+    customColors?: Partial<Record<keyof T, string>>;
+};
+export declare function LineChart<T>({ title, subtitle, data: dataProp, descriptionContent, height, yAxisLabel, xAxisLabel, categoryKey, valueKey, tooltipContent, onUpdateData, loading, enableDescription, enableFilter, enableUpdateData, showLabels, containerRef, children, valueKeyLegendName, palette, style, valueFormatter, yAxisFormatter, xAxisFormatter, customColors, }: PropsWithChildren<LineChartProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/LineChart/LineChartGraphic.d.ts

@@ -0,0 +1,18 @@
+import { TooltipInfo } from './TooltipChart';
+export type LineChartGraphicProps<T> = {
+    data: T[];
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    categoryKey: keyof T;
+    valueKey: (keyof T)[];
+    tooltipContent?: TooltipInfo<T>;
+    width?: number;
+    showLabels?: boolean;
+    valueKeyLegendName?: Partial<Record<keyof T, string>>;
+    palette: 'default' | 'monochromatic';
+    valueFormatter: (value: number) => any;
+    yAxisFormatter?: (value: any) => string;
+    xAxisFormatter?: (value: any) => string;
+    customColors?: Partial<Record<keyof T, string>>;
+};
+export declare function LineChartGraphic<T>({ data, yAxisLabel, xAxisLabel, categoryKey, tooltipContent, showLabels, valueKeyLegendName, valueKey: valueKeyProp, palette, valueFormatter, yAxisFormatter, xAxisFormatter, customColors, }: LineChartGraphicProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/LineChart/LineChartSkeleton.d.ts

@@ -0,0 +1,7 @@
+type BarChartProps = {
+    width?: number;
+    height?: number;
+    style?: React.CSSProperties;
+};
+export declare function LineChartSkeleton({ width, height, style }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/LineChart/TooltipChart.d.ts

@@ -0,0 +1,20 @@
+import { TooltipProps } from 'recharts/types/component/Tooltip';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+export type TooltipInfo<T> = {
+    title?: string;
+    description?: string;
+    customContent?: never;
+} | {
+    title?: never;
+    description?: never;
+    customContent: (props: T) => JSX.Element;
+};
+type TooltipProp<T> = TooltipProps<ValueType, NameType> & {
+    tooltipContent?: TooltipInfo<T>;
+    palette: 'default' | 'monochromatic';
+    valueFormatter: (value: number) => any;
+    valueKeyLegendName?: Partial<Record<keyof T, string>>;
+    customColors?: Partial<Record<keyof T, string>>;
+};
+export declare function TooltipChart<T>({ tooltipContent, palette, valueFormatter, valueKeyLegendName, customColors, ...rest }: TooltipProp<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { LineChart } from './LineChart';

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

@@ -0,0 +1,42 @@
+import { IconName } from '@freedom/react-icons';
+export type LinkRenderComponentProps = {
+    href: string;
+    children: React.ReactNode;
+};
+export type LinkProps = {
+    /**
+     * Define a variante do componente
+     */
+    variant?: 'default' | 'small' | 'large';
+    /**
+     * Prop para especificar a url de destino.
+     */
+    href: string;
+    /**
+     * className customizada que será aplicado ao componente.
+     */
+    className?: string;
+    inline?: boolean;
+    /**
+     * Função utilizada para renderizar um componente customizado
+     * que será responsável pela navegação.
+     */
+    renderComponent?: ({ href, children, }: LinkRenderComponentProps) => JSX.Element;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do Button.
+     */
+    icon?: IconName;
+    /**
+     * Especifica a posição dos ícones que fazem parte do botão.
+     * A posição afeta o ícone de loading e o ícone dentro do botão,
+     * caso seja passado a prop `icon` ou `renderIcon`.
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Prop que permite que o usuário possa renderizar um ícone customizado
+     * que não está previsto nos ícones pré-definidos da props `icon`.
+     */
+    renderIcon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare function Link({ className, renderComponent, inline, href, children, renderIcon, icon, iconPosition, variant, ...rest }: React.PropsWithChildren<LinkProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkRenderComponentProps, LinkProps } from './Link';

package/dist/types/components/Modal/DragContext.d.ts

@@ -0,0 +1,7 @@
+export type DragItem = {
+    type: string;
+    id: string;
+    top: number;
+    left: number;
+};
+export declare const DragContext: import("react").Context<DragItem>;

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

@@ -0,0 +1,18 @@
+import { ModalTrigger } from './ModalTrigger';
+import { ModalContentWrapper } from './ModalContentWrapper';
+export type ModalProps = {
+    /**
+     * Prop que controla a visibilidade do modal.
+     */
+    open?: boolean;
+    /**
+     * Evento disparado ao alterar a visibilidade do modal
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+declare function Modal({ children, open: openProps, onOpenChange, }: React.PropsWithChildren<ModalProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Modal {
+    var Trigger: typeof ModalTrigger;
+    var ContentWrapper: typeof ModalContentWrapper;
+}
+export { Modal };

package/dist/types/components/Modal/ModalActions.d.ts

@@ -0,0 +1,38 @@
+import { ButtonProps } from '../Button/Button';
+type ConditionalProps = {
+    /**
+     * Prop responsável por renderizar um botão de cancelar, que fecha o modal sem executar uma ação.
+     * O botão só será renderizado caso seja utilizado junto da prop `action`.
+     */
+    withCancelAction?: boolean;
+    /**
+     * Prop responsável por realizar uma ação antes do fechamento do modal após clicar no botão "Cancelar".
+     * A ação pode ser tanto síncrona quanto assíncrona.
+     */
+    onClose?: (event: unknown) => void | Promise<void>;
+    /**
+     * Prop responsável por renderizar um botão de ação, que executa uma ação e fecha o modal em seguida.
+     * A ação pode ser tanto síncrona quanto assíncrona.
+     */
+    action: ModalAction;
+    /**
+     * Altera a label do botão "Cancelar"
+     * @default Cancelar
+     */
+    cancelLabel?: string;
+} | {
+    onClose?: never;
+    action?: never;
+    withCancelAction?: never;
+    cancelLabel?: never;
+};
+export type ModalAction = {
+    label: string;
+    variant?: ButtonProps['variant'];
+    onClick?: (event: unknown) => void | Promise<void>;
+    disabled?: ButtonProps['disabled'];
+    loading?: ButtonProps['loading'];
+};
+export type ModalActionsProps = ConditionalProps;
+export declare function ModalActions({ withCancelAction, action, onClose, cancelLabel, }: ModalActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Modal/ModalBody.d.ts

@@ -0,0 +1,12 @@
+export type ModalBodyProps = {
+    /**
+     * Texto descritivo que aparece no corpo do Modal.
+     * */
+    description?: string;
+    /**
+     * Elemento responsável pelo conteúdo que aparece no corpo do Modal.
+     * */
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function ModalBody({ children, className, description, }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/ModalContent.d.ts

@@ -0,0 +1,5 @@
+import { ModalActionsProps } from './ModalActions';
+import { ModalBodyProps } from './ModalBody';
+import { ModalHeaderProps } from './ModalHeader';
+export type ModalContentProps = ModalHeaderProps & ModalBodyProps & ModalActionsProps;
+export declare function ModalContent({ children, description, title, withCancelAction, onClose, action, className, isDraggable, cancelLabel, }: React.PropsWithChildren<ModalContentProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/ModalContentWrapper.d.ts

@@ -0,0 +1,3 @@
+import { ModalContentProps } from './ModalContent';
+export type ModalContentWrapperProps = ModalContentProps;
+export declare function ModalContentWrapper({ children, isDraggable, ...contentProps }: ModalContentWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/ModalContext.d.ts

@@ -0,0 +1,4 @@
+export type ModalContextData = {
+    closeModal: () => void;
+};
+export declare const ModalContext: import("react").Context<ModalContextData>;

package/dist/types/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ModalHeaderProps = {
+    /**
+     * Título para ser exibido no topo do Modal.
+     */
+    title: string;
+    /**
+     * Prop para controlar se o modal pode ser arrastado
+     * @default true
+     */
+    isDraggable?: boolean;
+};
+export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLElement>>;

package/dist/types/components/Modal/ModalTrigger.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type ModalTriggerProps = {
+    /** Elemento responsável por abrir o Modal. */
+    children: React.ReactNode;
+};
+export declare function ModalTrigger({ children, ...rest }: ModalTriggerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalAction } from './ModalActions';

package/dist/types/components/MultilineTextInput/ClearButton.d.ts

@@ -0,0 +1,8 @@
+type ClearButtonProps = {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    visible: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+export declare function ClearButton({ onClick, visible, disabled, readOnly, }: ClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/MultilineTextInput/InputHelpers.d.ts

@@ -0,0 +1,7 @@
+type InputHelpersProps = {
+    maxLength?: number;
+    textCount?: number;
+    children?: React.ReactNode;
+};
+export declare function InputHelpers({ maxLength, textCount, children, }: InputHelpersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/MultilineTextInput/MultilineTextInput.constants.d.ts

@@ -0,0 +1 @@
+export declare const POSITIVE_NUMBERS_THRESHOLD = 0;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Combine } from '../../utils';
+type MultilineTextInputPropsOwnProps = {
+    /**
+    * Label que será renderizada acima do input. Por motivos
+    * de acessibilidade deve
+    ser utilizado em conjunto com a prop `id` ou `name`.
+    */
+    label?: string;
+    /**
+     * Renderiza um input com aparência de erro e mensagem logo abaixo do input.
+     * Se utilizada com a prop `hint`, a prop `error` terá prioridade e
+     * irá sobrescrever a mensagem de `hint`.
+     */
+    error?: string;
+    /**
+     * Renderiza uma mensagem de informação logo abaixo do input.
+     * Se utilizada com a prop `error`, a prop `error` terá prioridade e
+     * irá sobrescrever a mensagem de `hint`.
+     */
+    hint?: string;
+    /**
+     * Usado em conjunto com a prop `isMultiline` para especificar o número
+     * máximo de linhas visíveis (antes de aparecer o scroll).
+     */
+    maxRows?: number;
+};
+export type MultilineTextInputProps = Combine<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, MultilineTextInputPropsOwnProps>;
+export declare function HTMLTextAreaElement({ label, className, hint, onChange, defaultValue, style, name, value: valueProps, id, error, maxRows, maxLength, ...rest }: MultilineTextInputProps, forwardedRef: React.ForwardedRef<HTMLTextAreaElement>): import("react/jsx-runtime").JSX.Element;
+export declare const MultilineTextInput: React.ForwardRefExoticComponent<Omit<MultilineTextInputProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { MultilineTextInput } from './MultilineTextInput';

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

@@ -0,0 +1,17 @@
+import { NavigationMenuItem } from './NavigationMenuItem';
+import { NavigationMenuLink } from './NavigationMenuLink';
+import { NavigationMenuGroup } from './NavigationMenuGroup';
+type NavigationMenuProps = {
+    /**
+     * Renderiza os componentes que formam o menu de
+     * navegação
+     */
+    children?: React.ReactNode;
+};
+declare function NavigationMenu({ children }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenu {
+    var Item: typeof NavigationMenuItem;
+    var Link: typeof NavigationMenuLink;
+    var Group: typeof NavigationMenuGroup;
+}
+export { NavigationMenu };

package/dist/types/components/NavigationMenu/NavigationMenu.helpers.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const hasActiveChild: (children: React.ReactElement<{
+    active?: boolean;
+}>[]) => boolean;

package/dist/types/components/NavigationMenu/NavigationMenuGroup.d.ts

@@ -0,0 +1,21 @@
+type NavigationMenuGroupProps = {
+    /**
+     * Descreve nome do grupo de múltiplos links
+     */
+    label: string;
+    /**
+     * Renderiza os componentes que formam o menu de
+     * navegação
+     */
+    children: React.ReactElement<{
+        active?: boolean;
+    }>[];
+    /**
+     * Especifica se o grupo, como um todo, deve estar desabilitado.
+     * Caso seja necessário desabilitar apenas um dos links do grupo,
+     * o controle deve ser feito no componente do link, e não do grupo.
+     */
+    disabled?: boolean;
+};
+export declare function NavigationMenuGroup({ children, disabled, label, }: NavigationMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/NavigationMenu/NavigationMenuItem.d.ts

@@ -0,0 +1,9 @@
+type NavigationMenuItemProps = {
+    /**
+     * Renderiza os componentes que formam um item do menu
+     * de navegação. O item pode ser um grupo, ou item único
+     */
+    children?: React.ReactNode;
+};
+export declare function NavigationMenuItem({ children }: NavigationMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};