@govbr-ds/webcomponents 2.0.0-next.24 → 2.0.0-next.26

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.
+     * 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.
+     * Este estado será resetado automaticamente ao clicar no checkbox, alterando para marcado ou desmarcado.
+     */
+    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/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;
+}

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

@@ -0,0 +1,37 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+ *
+ * @slot default - Slot padrão para inclusão dos itens da lista.
+ * @slot header - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).
+ */
+export declare class List {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrListElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o cabeçalho para a lista.
+     */
+    readonly header: string;
+    /**
+     * Indica se a lista será horizontal. Por padrão, a lista é vertical.
+     */
+    readonly isHorizontal: boolean;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Indica que o divider para o título da lista estará oculto.
+     */
+    readonly hideHeaderDivider: boolean;
+    componentDidLoad(): void;
+    private getCssClassMap;
+    private hasSlotContent;
+    private readonly renderHeader;
+    private renderDivider;
+    render(): any;
+}

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

@@ -0,0 +1,37 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer).
+ */
+export declare class Loading {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrLoadingElement;
+    /**
+     * Determina o tipo de indicador a ser exibido:
+     * - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.
+     * - Se falso, exibirá um indicador de carregamento indeterminado.
+     */
+    readonly isProgress: boolean;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define a porcentagem de progresso a ser exibida na barra de progresso.
+     * Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.
+     */
+    readonly progressPercent: number;
+    /**
+     * Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.
+     */
+    readonly isMedium: boolean;
+    /**
+     * Texto a ser exibido abaixo do indicador de carregamento.
+     * Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.
+     */
+    readonly label: string;
+    private getCssClassMap;
+    render(): any;
+}

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

@@ -0,0 +1,75 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).
+ *
+ * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.
+ */
+export declare class Message {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrMessageElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o título da mensagem, que é exibido no início, acima da mensagem principal.
+     * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.
+     */
+    readonly messageTitle: string;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define o texto da mensagem que será exibido.
+     * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.
+     */
+    readonly message: string;
+    /**
+     * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.
+     * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.
+     */
+    readonly isInline: boolean;
+    /**
+     * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.
+     * O fechamento emitirá o evento `brDidClose`, mas não removerá automaticamente o componente do DOM, a menos que a propriedade `autoRemove` também esteja definida como `true`.
+     * Este recurso não está disponível para mensagens do tipo feedback.
+     */
+    readonly isClosable: boolean;
+    /**
+     * Controla o comportamento do fechamento do componente quando `isClosable` é verdadeiro.
+     * - Se definido como `true`, o componente será automaticamente removido do DOM ao clicar no botão de fechar.
+     * - Se definido como `false`, o componente permanecerá no DOM e apenas emitirá o evento `brDidClose`.
+     *
+     * Esta propriedade não tem efeito se `isClosable` for `false`.
+     * O valor padrão é `false`.
+     */
+    autoRemove: boolean;
+    /**
+     * Se definido como verdadeiro, um ícone associado à mensagem será exibido.
+     * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.
+     */
+    readonly showIcon: boolean;
+    /**
+     * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.
+     * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.
+     */
+    readonly isFeedback: boolean;
+    /**
+     * Define o estado do message.
+     * 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';
+    /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */
+    brDidClose: EventEmitter;
+    private readonly dismissHandler;
+    private checkIconState;
+    private getCssClassMap;
+    render(): any;
+}