@free-dom/react-components 2.0.0

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

@@ -0,0 +1,4 @@
+export declare const CSS_PREFIX = "freedom-advanced-select";
+export declare const DEFAULT_WIDTH = 328;
+export declare const DEFAULT_CREATE_OPTION_INPUT_ERROR = "Falha na cria\u00E7\u00E3o. Tente novamente";
+export declare const TIME_TO_REMOVE_CREATE_OPTION_INPUT_ERROR = 5000;

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

@@ -0,0 +1,108 @@
+import { IconName } from '@freedom/react-icons';
+import { CSSProperties } from 'react';
+import { AdvancedSelectOption } from './AdvancedSelect.helpers';
+type AdvancedSelectOwnProps = {
+    /**
+     * Lista de opções que serão exibidas no select.
+     */
+    options: AdvancedSelectOption[];
+    /**
+     * Define a largura do componente.
+     * Aceita qualquer valor válido da propriedade CSS `width`.
+     */
+    width?: CSSProperties['width'];
+    /**
+     * Permite sobrescrever estilos do container principal do componente.
+     */
+    style?: CSSProperties;
+    /**
+     * Evento disparado ao selecionar uma opção. Utilizado quando é necessário
+     * ter um componente controlado.
+     */
+    onChange?: (option: AdvancedSelectOption[] | null) => void;
+    /**
+     * Especifica valor selecionado. Utilizado quando é necessário
+     * ter um componente controlado.
+     */
+    value?: AdvancedSelectOption[] | null;
+    /**
+     * Especifica valor padrão que será utilizado na renderização inicial
+     */
+    defaultValue?: AdvancedSelectOption[] | null;
+    /**
+     * Id que será atribuído ao componente
+     */
+    id?: string;
+    /**
+     * Nome que será atribuído ao componente
+     */
+    name?: string;
+    /**
+      * Label que será renderizada acima do input. Por motivos
+      * de acessibilidade deve
+      ser utilizado em conjunto com a prop `id` ou `name`.
+      */
+    label?: string;
+    /**
+     * Especifica se um componente deve estar desabilitado ou não
+     */
+    disabled?: boolean;
+    /**
+     * Especifica se o componente deve ser compacto ou não.
+     * O modo compacto é um componente de input com padding reduzido.
+     */
+    compact?: boolean;
+    /**
+     * Renderiza um texto dentro do container, à esquerda do input. Não
+     * deve ser utilizado em conjunto com a prop `icon` ou `renderIcon`.
+     */
+    prefix?: string;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do container, à esquerda do input.
+     */
+    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`.
+     */
+    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;
+    /**
+     * Permite renderizar um ícone customizado à esquerda do input.
+     * Não deve ser utilizado em conjunto com as props `icon` ou `prefix`.
+     */
+    renderIcon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    /**
+     * Define se as opções devem ser exibidas com checkbox,
+     * permitindo seleção múltipla visual.
+     */
+    withCheckbox?: boolean;
+    /**
+     * Função responsável por determinar se uma nova opção
+     * pode ser criada com base no valor digitado pelo usuário.
+     */
+    canCreateOption?: (inputValue: string) => boolean;
+    /**
+     * Callback disparado quando o usuário cria uma nova opção.
+     * Deve retornar uma Promise para permitir controle de loading.
+     */
+    onCreateOption?: (label: string) => Promise<void>;
+    /**
+     * Callback disparado quando ocorre um erro ao criar uma nova opção.
+     */
+    onCreateError?: (e: any) => void;
+    /**
+     * Callback disparado ao solicitar a exclusão de uma opção.
+     * Deve retornar uma Promise para permitir controle de loading.
+     */
+    onDeleteOption?: (option: AdvancedSelectOption) => Promise<void>;
+};
+export type AdvancedSelectProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> & AdvancedSelectOwnProps;
+export declare function AdvancedSelect({ style, width: widthProp, value: valueProps, defaultValue, onChange, options, withCheckbox, onCreateOption, canCreateOption, onCreateError, error: errorProps, onDeleteOption, ...rest }: AdvancedSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+export type AdvancedSelectOption = {
+    name?: string;
+    value?: unknown;
+    enableDelete?: boolean;
+};
+export declare function getFilterOptions<T>({ data, valueKey, categoryKey, }: {
+    data: T[];
+    valueKey: keyof T;
+    categoryKey: keyof T;
+}): AdvancedSelectOption[];
+export declare function getSelectAllCheckboxStatus(options: AdvancedSelectOption[] | undefined, value: AdvancedSelectOption[]): boolean | 'indeterminate';
+export declare function isAllOptionsSelected(options: AdvancedSelectOption[], selectValue: AdvancedSelectOption[]): boolean;
+export declare function isSelectedOption(option: AdvancedSelectOption, selectedOptions: AdvancedSelectOption[]): boolean;
+export declare function abbreviateNumber(value: number): string;

package/dist/types/components/AdvancedSelect/AdvancedSelectDropdown.d.ts

@@ -0,0 +1,14 @@
+import { AdvancedSelectOption } from './AdvancedSelect.helpers';
+type AdvancedSelectDropdownProps = {
+    opened: boolean;
+    filterOptions: AdvancedSelectOption[];
+    onOptionChange: (option: AdvancedSelectOption, selected: boolean) => void;
+    onCloseFilter: () => void;
+    selectedOptions: AdvancedSelectOption[] | null;
+    withCheckbox?: boolean;
+    containerRef: React.RefObject<HTMLDivElement>;
+    loading: boolean;
+    onDeleteOption: (option: AdvancedSelectOption) => Promise<void>;
+};
+export declare function AdvancedSelectDropdown({ opened, filterOptions, onOptionChange, onCloseFilter, selectedOptions, withCheckbox, containerRef, loading, onDeleteOption, }: AdvancedSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { AdvancedSelect } from './AdvancedSelect';
+export type { AdvancedSelectOption } from './AdvancedSelect.helpers';

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

@@ -0,0 +1,39 @@
+export type Variant = 'success' | 'info' | 'warning' | 'danger' | 'severe-warning';
+export type AlertProps = {
+    /**
+     * título do alert.
+     */
+    title: string;
+    /**
+     * Mensagem que será exibida como conteúdo do alert.
+     */
+    children: string;
+    /**
+     * Especifica o tipo de Button que será renderizado.
+     */
+    variant: Variant;
+    /**
+     * Callback executado ao clicar no botão de 'fechar'.
+     */
+    onClose?: () => void;
+    /**
+     * Adiciona um botão de ação extra ao alert.
+     */
+    link?: {
+        label: string;
+        url: string;
+    };
+    /**
+     * Controla a visibilidade do alert.
+     */
+    open?: boolean;
+    /**
+     * Define o posicionamento do banner como inline.
+     */
+    inline?: boolean;
+    /**
+     * Classes customizadas para o componente.
+     */
+    className?: string;
+};
+export declare function Alert(props: AlertProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { IconName } from '@freedom/react-icons';
+import { type Variant } from './Alert';
+export declare const variantIcon: Record<Variant, IconName>;

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

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

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

@@ -0,0 +1,6 @@
+export type AvatarStatus = 'busy' | 'offline' | 'available';
+export declare enum AvatarStatusEnum {
+    BUSY = "busy",
+    OFFLINE = "offline",
+    AVAILABLE = "available"
+}

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

@@ -0,0 +1,34 @@
+import { PropsWithChildren } from 'react';
+import { AvatarStatus } from './Avatar.constants';
+export type AvatarProps = {
+    /**
+     * Especifica a URL da imagem que será renderizada dentro do avatar.
+     */
+    src: string;
+    /**
+     * Especifica o nome do avatar que será exibido no hover do avatar e
+     * usado para gerar a imagem do avatar caso a URL da imagem seja inválida.
+     */
+    name: string;
+    /**
+     * Prop que controla a visibilidade do children do avatar.
+     */
+    open?: boolean;
+    /**
+     * Evento disparado ao alterar a visibilidade do children do avatar
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Evento disparado ao clicar no avatar
+     */
+    onClick?: () => void;
+    /**
+     * Prop que controla o tamanho do avatar.
+     */
+    compact?: boolean;
+    /**
+     * Prop para definir o status do avatar.
+     */
+    status?: AvatarStatus;
+};
+export declare function Avatar({ src, name, compact, status, open: openProps, onClick, onOpenChange, children, }: PropsWithChildren<AvatarProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const getNameLetters: (name: string) => string;
+export declare const RGBbyName: (name: string) => string;
+export declare const createAvatarImage: (avatarName: string) => string;

package/dist/types/components/Avatar/AvatarImage.d.ts

@@ -0,0 +1,4 @@
+import type { AvatarProps } from './Avatar';
+type AvatarImageProps = Pick<AvatarProps, 'src' | 'name'>;
+export declare function AvatarImage({ src, name }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/types/components/Avatar/useCreateAvatarImage.d.ts

@@ -0,0 +1,3 @@
+export declare const useCreateAvatarImage: (avatarName: string) => {
+    createdSrc: string;
+};

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Combine } from '../../utils';
+type BackToTopOwnProps = {
+    /**
+     * Especifica qual container deve ser a referência para
+     * o componente.
+     */
+    target?: 'window' | 'container';
+    /**
+     * Especifica se o botão deve estar sempre visível ou não.
+     * Por padrão ele fica visível apenas quando detecta
+     * scroll no container de referência.
+     */
+    alwaysVisible?: boolean;
+};
+type ReactButtonProps = Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'color'>;
+export type BackToTopProps = Combine<ReactButtonProps, BackToTopOwnProps>;
+export declare function BackToTop({ className, target, alwaysVisible, ...rest }: BackToTopProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+export declare const MAX_BADGE_COUNT = 999;

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

@@ -0,0 +1,35 @@
+import { IconName } from '@freedom/react-icons';
+import { Combine } from '../../utils';
+export type Variant = 'warning' | 'info' | 'success' | 'danger' | 'severe-warning';
+export type BadgeOwnProps = {
+    /**
+     * className customizada que será aplicado ao componente.
+     */
+    className?: string;
+    /**
+     * Especifica o tipo de Badge que será renderizado.
+     */
+    variant: Variant;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do Badge.
+     */
+    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?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    /**
+     * Especifica se o Badge e do tipo Dot, a onde será redenrizado um componente
+     * no estilo de um circulo.
+     */
+    isDot?: boolean;
+    /**
+     * Especifica se o Badge e do tipo Contador, a onde será redenrizado um componente
+     * no estilo de counter.
+     */
+    isCounter?: boolean;
+};
+export type BadgeProps = Combine<React.HTMLAttributes<HTMLElement>, BadgeOwnProps>;
+export declare function Badge({ variant, children, className, icon, isDot, renderIcon, isCounter, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const getCounterValue: (value: number) => string;

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

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { Variant } from './Badge';

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

@@ -0,0 +1,61 @@
+import { IconName } from '@freedom/react-icons';
+export type Variant = 'success' | 'info' | 'warning' | 'danger' | 'severe-warning';
+export type BannerProps = {
+    /**
+     * Mensagem que será exibida como conteúdo do Banner.
+     */
+    children: string;
+    /**
+     * Especifica o tipo de Button que será renderizado.
+     */
+    variant: Variant;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do Banner.
+     */
+    icon?: IconName;
+    /**
+     * Callback executado ao clicar no botão de 'fechar'.
+     */
+    onClose?: () => void;
+    /**
+     * Adiciona um botão de ação extra ao Banner.
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+        closeOnAction?: boolean;
+    };
+    /**
+     * Adiciona um link ao fim da mensagem do Banner.
+     */
+    link?: {
+        label: string;
+        url: string;
+    };
+    /**
+     * Controla a visibilidade do Banner.
+     */
+    open?: boolean;
+    /**
+     * Classes customizadas para o componente.
+     */
+    className?: string;
+    /**
+     * Distanciamento superior em relação ao topo da página.
+     */
+    top?: number;
+    /**
+     * Distanciamento lateral esquerdo em relação ao lado esquerdo da página.
+     */
+    left?: number;
+    /**
+     * Distanciamento lateral direito em relação ao lado direito da página.
+     */
+    right?: number;
+    /**
+     * Define o posicionamento do banner como inline.
+     */
+    inline?: boolean;
+};
+export declare function Banner(props: BannerProps): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,125 @@
+import { ReactNode } from 'react';
+import { TooltipInfo } from './TooltipChart';
+export type BarChartData<T> = {
+    isProjection?: boolean;
+} & T;
+export type BarChartProps<T> = {
+    /**
+     * Título principal exibido no topo do gráfico.
+     */
+    title: string;
+    /**
+     * Subtítulo opcional exibido abaixo do título principal, fornecendo informações complementares.
+     */
+    subtitle?: string;
+    /**
+     * Define a orientação do gráfico, podendo ser `horizontal` ou `vertical`.
+     * Afeta a disposição das barras no gráfico.
+     * @default 'horizontal'
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Array de objetos contendo os dados a serem exibidos no gráfico.
+     * Cada item representa uma categoria e seus valores associados.
+     */
+    data: BarChartData<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;
+    /**
+     * Define a largura de cada barra no gráfico.
+     */
+    barSize?: number;
+    /**
+     * Rótulo exibido ao longo do eixo Y, indicando o significado dos valores representados.
+     */
+    yAxisLabel?: string;
+    /**
+     * Rótulo exibido ao longo do eixo X, indicando o significado das categorias.
+     */
+    xAxisLabel?: string;
+    /**
+     * Chave do objeto `data` usada para identificar as categorias no gráfico.
+     */
+    categoryKey: keyof T;
+    /**
+     * Chave do objeto `data` usada para identificar os valores associados às categorias.
+     */
+    valueKey: (keyof T)[];
+    /**
+     * Chave opcional do objeto `data` usada para identificar os valores de meta no gráfico.
+     */
+    metaKey?: keyof T;
+    /**
+     * Configuração do Tooltip exibido ao interagir com as barras 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;
+    /**
+     * Componente personalizado que será renderizado abaixo do cabeçalho do gráfico.
+     */
+    customComponent?: ReactNode;
+    /**
+     * Objeto que mapeia as chaves de valores para os nomes exibidos na legenda do gráfico.
+     */
+    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>;
+    /**
+     * 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;
+    /**
+     * Define a paleta de cores usada no gráfico, podendo ser o esquema padrão ou monocromático.
+     * @default 'default'
+     */
+    palette?: 'default' | 'monochromatic';
+    /**
+     * Cores customizadas para cada barra do gráfico
+     */
+    customColors?: Partial<Record<keyof T, string>>;
+};
+export declare function BarChart<T>({ title, subtitle, orientation, data: dataProp, descriptionContent, style, height, barSize, yAxisLabel, xAxisLabel, categoryKey, valueKey, tooltipContent, metaKey, loading, onUpdateData, enableDescription, enableFilter, enableUpdateData, customComponent, valueKeyLegendName, containerRef, valueFormatter, yAxisFormatter, xAxisFormatter, palette, customColors, }: BarChartProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/BarChart/BarChartGraphic.d.ts

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

package/dist/types/components/BarChart/BarChartSkeleton.d.ts

@@ -0,0 +1,8 @@
+type BarChartProps = {
+    width?: number;
+    height?: number;
+    orientation?: 'horizontal' | 'vertical';
+    style?: React.CSSProperties;
+};
+export declare function BarChartSkeleton({ width, height, orientation, style, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/BarChart/CustomBarLegend.d.ts

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

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

@@ -0,0 +1,21 @@
+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> & {
+    valueKeyLegendName?: Partial<Record<keyof T, string>>;
+    palette: 'default' | 'monochromatic';
+    metaKey?: keyof T;
+    tooltipContent?: TooltipInfo<T>;
+    valueFormatter: (value: number) => any;
+    customColors?: Partial<Record<keyof T, string>>;
+};
+export declare function TooltipChart<T>({ tooltipContent, metaKey, valueKeyLegendName, palette, valueFormatter, customColors, ...rest }: TooltipProp<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+export declare const MAX_VISIBLE_CRUMBS = 3;

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

@@ -0,0 +1,11 @@
+export type BreadcrumbsProps = {
+    /**
+     * Elementos que serão utilizados para representar cada
+     * item do breadcrumb. Idealmente devem ser elementos de navegação
+     * que irão depender da implementação de rotas das aplicações.
+     * Por exemplo: no caso de uso do `react-router-dom`, essa props
+     * irá receber um array de elementos `Link` da própria lib.
+     */
+    crumbs: React.ReactNode[];
+};
+export declare function Breadcrumbs({ crumbs }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Breadcrumbs/Crumb.d.ts

@@ -0,0 +1,6 @@
+type CrumbProps = {
+    children: React.ReactNode;
+    isLast?: boolean;
+};
+export declare function Crumb({ children, isLast }: CrumbProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Breadcrumbs/ShowMoreCrumbs.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ShowMoreCrumbsProps = {
+    crumbs: React.ReactNode[];
+};
+export declare function ShowMoreCrumbs({ crumbs }: ShowMoreCrumbsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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