@govbr-ds/webcomponents 2.0.0-next.30 → 2.0.0-next.32

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

@@ -0,0 +1,67 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).
+ *
+ * @slot default - Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.
+ */
+export declare class Button {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrButtonElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define se o botão usará um esquema de cores escuro.
+     */
+    readonly colorMode: 'dark';
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    readonly density: 'large' | 'medium' | 'small';
+    /**
+     * Desativa o botão, tornando-o não interativo.
+     */
+    readonly disabled: boolean;
+    /**
+     * Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.
+     */
+    readonly emphasis: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Indica se o botão está no estado ativo.
+     * Se definido como verdadeiro, o botão será exibido como ativo.
+     */
+    readonly isActive: boolean;
+    /**
+     * Aplica o estado de "progresso" ao botão.
+     * O botão exibirá um indicador de carregamento ou progresso.
+     */
+    readonly isLoading: boolean;
+    /**
+     * Define o formato do botão.
+     * Valores possíveis:
+     * - 'circle': Botão com formato circular.
+     * - 'block': Botão com formato ovalado ocupando toda a largura disponível.
+     * - 'pill': Botão com formato ovalado, com bordas arredondadas.
+     */
+    readonly shape: 'circle' | 'block' | 'pill';
+    /**
+     * Define o tipo de botão, especificando seu comportamento padrão.
+     * Valores possíveis:
+     * - 'button': Um botão padrão.
+     * - 'reset': Um botão para redefinir o formulário.
+     * - 'submit': Um botão para enviar o formulário.
+     */
+    readonly type: 'button' | 'reset' | 'submit';
+    /**
+     * Define o valor inicial do botão em um formulário.
+     */
+    readonly value: string;
+    private readonly handleClick;
+    private getCssClassMap;
+    render(): any;
+}

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

@@ -0,0 +1,88 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer).
+ *
+ * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.
+ */
+export declare class Checkbox {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrCheckboxElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o estado intermediário do checkbox.
+     * Quando verdadeiro, exibe uma marcação parcial visual que indica seleção parcial.
+     * Útil para representar grupos onde alguns itens estão selecionados, mas não todos.
+     * Ao clicar no checkbox neste estado, ele será automaticamente alterado para marcado.
+     */
+    indeterminate: boolean;
+    /**
+     * Define o estado de seleção do checkbox.
+     * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.
+     */
+    checked: boolean;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Desativa o checkbox, tornando-o não interativo.
+     */
+    readonly disabled: boolean;
+    /**
+     * Define se o label associado ao checkbox deve ser oculto.
+     * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.
+     */
+    readonly hasHiddenLabel: boolean;
+    /**
+     * Texto descritivo exibido à direita do checkbox.
+     * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
+     */
+    readonly label: string;
+    /**
+     * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.
+     * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
+     */
+    readonly name: string;
+    /**
+     * Indica a validade do checkbox.
+     * Valores possíveis:
+     * 'valid': O checkbox é considerado válido.
+     * 'invalid': O checkbox é considerado inválido.
+     * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
+     */
+    readonly state: 'valid' | 'invalid';
+    /**
+     * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).
+     * Esse valor é enviado com o formulário quando o checkbox está selecionado.
+     * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
+     */
+    readonly value: string;
+    slotDefault: boolean;
+    /**
+     * Disparado depois que o valor do `checked` foi alterado
+     */
+    checkedChange: EventEmitter<boolean>;
+    /**
+     * Disparado depois que o valor do `indeterminate` foi alterado.
+     */
+    indeterminateChange: EventEmitter<boolean>;
+    updateIndeterminate(newValue: boolean): void;
+    componentWillLoad(): void;
+    private hasSlotContentDefault;
+    private getCssClassMap;
+    private readonly handleCheckedChange;
+    /**
+     * Define o estado indeterminado do checkbox.
+     * @param value Novo valor para o estado indeterminado.
+     */
+    setIndeterminate(value: boolean): Promise<void>;
+    /**
+     * Inverte o valor da prop `checked`
+     */
+    toggleChecked(): Promise<void>;
+    render(): any;
+}

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

@@ -0,0 +1,52 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/utilitarios/js/checkgroup?tab=desenvolvedor).
+ *
+ * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.
+ */
+export declare class Checkgroup {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrCheckgroupElement;
+    elementInternals: ElementInternals;
+    /**
+     * Texto descritivo do grupo.
+     */
+    label: string;
+    /**
+     * Define o texto do label quando o checkbox está marcado.
+     */
+    labelSelecionado: string;
+    /**
+     * Define o texto do label quando o checkbox está desmarcado.
+     */
+    labelDesselecionado: string;
+    /**
+     * Define o estado intermediário do checkbox.
+     * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.
+     * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.
+     */
+    indeterminate: boolean;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define o estado de seleção do checkbox.
+     * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.
+     */
+    checked: boolean;
+    /**
+     * Indica se o grupo de checkboxes está indeterminado
+     */
+    isIndeterminate: boolean;
+    componentWillLoad(): void;
+    private getCssClassMap;
+    handleChange(event: Event): void;
+    private isParentCheckbox;
+    private readonly handleAllCheckboxChange;
+    private updateGroupState;
+    render(): any;
+}

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

@@ -0,0 +1,50 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.
+ *
+ * - Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.
+ * - Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.
+ *
+ * @slot default - O conteúdo expansível mostrado/ocultado dinamicamente.
+ * @slot trigger - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).
+ */
+export declare class Collapse {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrCollapseElement;
+    elementInternals: ElementInternals;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /** Define se o item está inicialmente aberto */
+    open: boolean;
+    /** Define se o collapse faz parte de um accordion */
+    accordionGroup?: string;
+    /** Classe CSS para o ícone de expansão */
+    iconToShow: string;
+    /** Classe CSS para o ícone de recolhimento */
+    iconToHide: string;
+    /** Define a posição do ícone: 'left' ou 'right' */
+    iconPosition: 'left' | 'right';
+    /** Evento emitido ao expandir */
+    brDidOpen: EventEmitter<{
+        id: string;
+    }>;
+    /** Evento emitido ao recolher */
+    brDidClose: EventEmitter<{
+        id: string;
+    }>;
+    componentWillLoad(): void;
+    private syncDetailsWithOpen;
+    private handleCollapse;
+    /** Método público para abrir */
+    openCollapse(): Promise<void>;
+    /** Método público para fechar */
+    closeCollapse(): Promise<void>;
+    private renderIcon;
+    render(): any;
+}

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

@@ -0,0 +1,34 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/divider?tab=designer).
+ *
+ * @slot default - Conteúdo opcional que pode ser exibido dentro do divisor, como texto, ícones ou outros elementos personalizados.
+ */
+export declare class Divider {
+    el: HTMLBrDividerElement;
+    /** Identificador único */
+    readonly customId: string;
+    /** Define a orientação */
+    orientation: 'horizontal' | 'vertical';
+    /** Modifica a espessura da linha */
+    thickness: 'small' | 'medium' | 'large';
+    /** Modifica o estilo da linha */
+    borderStyle: 'dashed' | 'solid';
+    /** Ativa o modo escuro */
+    isDarkMode: boolean;
+    /** Define a cor da linha */
+    color: string;
+    /** Alinhamento do texto do divider */
+    align: 'left' | 'center' | 'right';
+    /** Define se o divider deve ocupar toda a largura do container pai */
+    bleed: boolean;
+    slotDefault: boolean;
+    updateColor(): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private hasSlotContentDefault;
+    private getPaddingOfParent;
+    private applyPaddingToChild;
+    private getCssClassMap;
+    render(): any;
+}

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

@@ -0,0 +1,67 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+ *
+ * @slot trigger - Slot que recebe o elemento acionador
+ * @slot target - Slot que recebe o elemento alvo
+ */
+export declare class Dropdown {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrDropdownElement;
+    elementInternals: ElementInternals;
+    /**
+     * Indica se o dropdown está aberto ou fechado.
+     * Esta propriedade é refletida no DOM e pode ser alterada externamente.
+     * O valor padrão é falso (fechado).
+     */
+    isOpen: boolean;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Método chamado sempre que a propriedade `isOpen` muda.
+     * Emite um evento com o novo estado do dropdown.
+     */
+    isOpenChanged(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Evento emitido quando o estado do dropdown muda.
+     */
+    brDropdownChange: EventEmitter<{
+        'is-opened': boolean;
+    }>;
+    private getCssClassMap;
+    /**
+     * Alterna o estado do dropdown entre aberto e fechado.
+     */
+    private readonly toggle;
+    /**
+     * Método que lida com cliques fora do dropdown.
+     *
+     * @param {MouseEvent} event - O evento de clique que ocorreu.
+     */
+    private onClickOutside;
+    /**
+     * Abre o dropdown.
+     * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.
+     * Este método é marcado com @Method() para que possa ser chamado externamente.
+     */
+    open(): Promise<{
+        isOpen: boolean;
+    }>;
+    /**
+     * Esconde o dropdown.
+     * Define a propriedade `isOpen` como falsa e retorna o novo estado.
+     * Este método é marcado com @Method() para que possa ser chamado externamente.
+     */
+    hide(): Promise<{
+        isOpen: boolean;
+    }>;
+    render(): any;
+}

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

@@ -0,0 +1,61 @@
+import 'iconify-icon';
+/**
+ * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
+ * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.
+ *
+ * Com opções para especificar a altura e largura, adicionar classes CSS personalizadas, e definir como o ícone
+ * deve ser rotacionado ou espelhado, o `br-icon` oferece aos desenvolvedores as ferramentas necessárias para
+ * integrar ícones de forma consistente com o estilo e design de suas aplicações, melhorando a experiência do usuário
+ * e a clareza das interfaces.
+ *
+ * Para mais informações sobre quais ícones estão disponíveis, consulte a documentação do [Iconify](https://iconify.design/).
+ */
+export declare class Icon {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrIconElement;
+    /**
+     * Nome do ícone a ser exibido, utilizando a biblioteca Iconify.
+     * Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
+     */
+    readonly iconName: string;
+    /**
+     * Define a altura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.
+     * O valor padrão é '16'.
+     */
+    readonly height: string;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define a largura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.
+     * O valor padrão é '24'.
+     */
+    readonly width: string;
+    /**
+     * Permite adicionar classes CSS adicionais ao ícone.
+     * Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
+     */
+    readonly cssClasses?: string;
+    /**
+     * Se definido como verdadeiro, o ícone será alinhado verticalmente ao texto ao seu redor.
+     * Útil quando o ícone é usado em linha com texto para garantir que esteja alinhado corretamente com o texto.
+     * O valor padrão é `false`.
+     */
+    readonly isInline?: boolean;
+    /**
+     * Define o ângulo de rotação do ícone.
+     * Aceita valores como "90deg", "180deg" e "270deg" para rotacionar o ícone em diferentes ângulos.
+     */
+    readonly rotate?: '90deg' | '180deg' | '270deg';
+    /**
+     * Define o tipo de espelhamento do ícone.
+     * Aceita valores como "horizontal" para espelhar o ícone horizontalmente, "vertical" para espelhar verticalmente, ou ambos.
+     */
+    readonly flip?: 'horizontal' | 'vertical';
+    render(): any;
+}

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

@@ -0,0 +1,158 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ *
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).
+ *
+ * @slot action - Botão à direita do input.
+ * @slot icon - Ícone à esquerda do input.
+ * @slot help-text - Personalização do texto de ajuda.
+ * @slot feedback - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.
+ */
+export declare class Input {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrInputElement;
+    elementInternals: ElementInternals;
+    /**
+     * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:
+     * - 'color': Seletor de cor
+     * - 'email': Campo para e-mail
+     * - 'hidden': Campo oculto
+     * - 'password': Campo para senha
+     * - 'range': Controle deslizante
+     * - 'search': Campo de pesquisa
+     * - 'number': Campo para números
+     * - 'tel': Campo para números de telefone
+     * - 'text': Campo de texto padrão
+     * - 'url': Campo para URLs
+     */
+    readonly type: 'color' | 'email' | 'hidden' | 'password' | 'range' | 'search' | 'number' | 'tel' | 'text' | 'file' | 'url';
+    /**
+     * Controla o comportamento de preenchimento automático do navegador para o input.
+     */
+    readonly autocomplete: 'on' | 'off';
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    readonly density: 'large' | 'medium' | 'small';
+    /**
+     * Desativa o input, tornando-o não interativo.
+     */
+    readonly disabled: boolean;
+    /**
+     * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).
+     */
+    readonly isInline: boolean;
+    /**
+     * Se verdadeiro, o input terá destaque visual.
+     */
+    readonly isHighlight: boolean;
+    /**
+     * Define o estado do input
+     * Os possíveis valores são:
+     * - 'info': Mensagem informativa.
+     * - 'warning': Mensagem de aviso.
+     * - 'danger': Mensagem de erro ou alerta.
+     * - 'success': Mensagem de sucesso.
+     * O valor padrão é 'info'.
+     */
+    readonly state: 'info' | 'warning' | 'danger' | 'success';
+    /**
+     * Texto exibido como rótulo do input.
+     */
+    readonly label: string;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Nome do input, utilizado para identificação em formulários.
+     */
+    readonly name: string;
+    /**
+     * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.
+     */
+    readonly placeholder: string;
+    /**
+     * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.
+     */
+    readonly readonly: boolean;
+    /**
+     * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.
+     */
+    readonly required: boolean;
+    /**
+     * Valor exibido no input.
+     * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.
+     */
+    value: string;
+    /**
+     * Texto adicional que fornece ajuda ou informações sobre o input.
+     */
+    readonly helpText: string;
+    /**
+     * Controla a correção automática do texto.
+     */
+    readonly autocorrect: 'off' | 'on';
+    /**
+     * Define o valor mínimo para campos de entrada numéricos.
+     */
+    readonly min: number;
+    /**
+     * Define o valor máximo para campos de entrada numéricos.
+     */
+    readonly max: number;
+    /**
+     * Define o comprimento mínimo do valor do campo de entrada.
+     */
+    readonly minlength: number;
+    /**
+     * Define o comprimento máximo do valor do campo de entrada.
+     */
+    readonly maxlength: number;
+    /**
+     * Se verdadeiro, permite a seleção de múltiplos arquivos.
+     */
+    readonly multiple: boolean;
+    /**
+     * Define o padrão de entrada para validação.
+     */
+    readonly pattern: string;
+    /**
+     * Define o valor do passo para campos de entrada numéricos.
+     */
+    readonly step: number;
+    isPasswordVisible: boolean;
+    internalState: 'info' | 'warning' | 'danger' | 'success';
+    hasIconSlot: boolean;
+    hasActionSlot: boolean;
+    hasFeedbackSlot: boolean;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private initializeStateWithFeedback;
+    private setupSlotFeedbackListener;
+    private syncStateWithSlotFeedback;
+    private getInputCssClassMap;
+    /**
+     * Valor atualizado do input
+     */
+    valueChange: EventEmitter<string>;
+    private readonly handleInput;
+    private readonly renderLabel;
+    private hasSlotContent;
+    private readonly renderInput;
+    private readonly renderHelpText;
+    private readonly renderIconPassword;
+    private readonly togglePasswordVisibility;
+    private renderIconSlot;
+    private renderButton;
+    private readonly renderInlineInputContent;
+    private readonly renderInputContent;
+    private readonly renderInputWithIcon;
+    private readonly renderInputWithoutIcon;
+    private renderFeedback;
+    render(): any;
+}

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

@@ -0,0 +1,102 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).
+ *
+ * @slot default - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).
+ *
+ * @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.
+ *
+ * @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.
+ */
+export declare class Item {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrItemElement;
+    elementInternals: ElementInternals;
+    /**
+     * Desativa o item, tornando-o não interativo.
+     */
+    readonly disabled: boolean;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Indica se o item está no estado ativo.
+     * Se definido como verdadeiro, o item será exibido como ativo.
+     */
+    readonly isActive: boolean;
+    /**
+     * Indica se o item está no estado selecionado.
+     * Se definido como verdadeiro, o item será exibido como selecionado.
+     */
+    readonly isSelected: boolean;
+    /**
+     * Marca o item como interativo, permitindo que toda a superfície do item seja clicável.
+     */
+    readonly isInteractive: boolean;
+    /**
+     * URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.
+     */
+    readonly href?: string;
+    /**
+     * Define o alvo do link quando `href` está presente. Pode ser:
+     * - `_blank` para abrir em uma nova aba,
+     * - `_self` para abrir na mesma aba,
+     * - `_parent` para abrir na aba pai,
+     * - `_top` para abrir na aba superior.
+     */
+    readonly target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * Quando definido como `true`, o item será tratado como um botão.
+     */
+    readonly isButton: boolean;
+    /**
+     * Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:
+     * - `'submit'` para enviar um formulário,
+     * - `'reset'` para redefinir um formulário,
+     * - `'button'` para um botão padrão.
+     */
+    type: 'submit' | 'reset' | 'button';
+    /**
+     *  Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.
+     */
+    readonly value?: string;
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    readonly density: 'large' | 'medium' | 'small';
+    hasSlotDefault: boolean;
+    hasSlotStart: boolean;
+    hasSlotEnd: boolean;
+    selectedValue: boolean;
+    private hasRadios;
+    handleRadioChange(): void;
+    handleCheckboxChange(event: Event): void;
+    /**
+     * Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).
+     * Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.
+     */
+    brDidClick: EventEmitter;
+    /**
+     * Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.
+     */
+    brDidSelect: EventEmitter<{
+        selected: boolean;
+    }>;
+    componentWillLoad(): void;
+    private hasSlotContentDefault;
+    private hasSlotContent;
+    private getCssClassMap;
+    private getTagType;
+    private getAttributes;
+    private updateCheckboxSelectionState;
+    private updateRadioSelectionState;
+    private isClickInsideInteractiveElement;
+    private updateCheckboxes;
+    private readonly handleClick;
+    render(): any;
+}