@govbr-ds/webcomponents 2.0.0-next.2 → 2.0.0-next.21

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

@@ -0,0 +1,34 @@
+/**
+ * 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.
+     */
+    isProgress: boolean;
+    /**
+     * 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.
+     */
+    progressPercent: number;
+    /**
+     * Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.
+     */
+    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.
+     */
+    label: string;
+    componentWillLoad(): void;
+    private getCssClassMap;
+    private inheritedAttributes;
+    render(): any;
+}

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

@@ -0,0 +1,62 @@
+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.
+     */
+    messageTitle: 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.
+     */
+    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.
+     */
+    isInline: boolean;
+    /**
+     * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.
+     * Este recurso não está disponível para mensagens do tipo feedback.
+     */
+    isClosable: 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.
+     */
+    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.
+     */
+    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'.
+     */
+    state: 'info' | 'warning' | 'danger' | 'success';
+    componentWillLoad(): void;
+    /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */
+    brDidClose: EventEmitter;
+    private readonly dismissHandler;
+    private checkIconState;
+    private getCssClassMap;
+    private inheritedAttributes;
+    render(): any;
+}

package/dist/types/components/radio/radio.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/radio?tab=designer).
+ *
+ * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.
+ */
+export declare class Radio {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrRadioElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o estado de seleção do radio.
+     * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.
+     */
+    checked: boolean;
+    /**
+     * Desativa o radio, tornando-o não interativo.
+     */
+    disabled: boolean;
+    /**
+     * Indica a validade do radio.
+     * Valores possíveis:
+     * - 'valid': O radio é considerado válido.
+     * - 'invalid': O radio é considerado inválido.
+     * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
+     */
+    state: 'valid' | 'invalid';
+    /**
+     * Define se o label associado ao radio deve ser oculto.
+     * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.
+     */
+    hasHiddenLabel: boolean;
+    /**
+     * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.
+     * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
+     */
+    name: string;
+    /**
+     * Texto descritivo exibido à direita do radio.
+     * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
+     */
+    label: string;
+    /**
+     * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).
+     * Esse valor é enviado com o formulário quando o radio está selecionado.
+     * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
+     */
+    value: any;
+    /**
+     * Identificador único do input.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    customId: string;
+    componentWillLoad(): void;
+    /**
+     * Componente teve seu estado "checked" alterado
+     */
+    brDidChange: EventEmitter;
+    onBrDidChange(event: CustomEvent): void;
+    private getCssClassMap;
+    private inheritedAttributes;
+    /**
+     * Handler para o event "click"
+     * @param event Objeto Event
+     */
+    private readonly onClick;
+    /**
+     * Handler para o evento "change"
+     */
+    private readonly onChange;
+    render(): any;
+}

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

@@ -0,0 +1,98 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Select {
+    /**
+    * Referência ao elemento host do componente.
+    * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+    */
+    el: HTMLBrSelectElement;
+    elementInternals: ElementInternals;
+    /**
+    * Rótulo que indica o tipo de informação que deve ser selecionada.
+    */
+    label: string;
+    /**
+    * Texto auxiliar exibido antes de uma seleção.
+    */
+    placeholder: string;
+    /**
+     * Habilita o modo múltiplo para selecionar várias opções.
+     */
+    isMultiple: boolean;
+    /**
+     * JSON contendo as opções do select.
+     */
+    options: string;
+    /**
+     * Rótulo para selecionar todas as opções.
+     */
+    selectAllLabel: string;
+    /**
+     * Rótulo para desmarcar todas as opções.
+     */
+    unselectAllLabel: string;
+    /**
+     * Exibe o ícone de busca no campo de entrada.
+     */
+    showSearchIcon: boolean;
+    /**
+     * Indica se a listagem de itens do select está expandida
+     */
+    isOpen: boolean;
+    /**
+    * Especifica o ID do componente.
+    * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
+    */
+    customId: string;
+    /**
+     * Contém o id gerado aleatoriamente
+     */
+    private readonly idDefault;
+    parsedOptions: {
+        label: string;
+        value: string;
+        selected: boolean;
+    }[];
+    inputValue: string;
+    isAllSelected: boolean;
+    isExpanded: boolean;
+    focusedIndex: number;
+    /**
+    * Evento emitido sempre que houver atualização nos itens selecionados.
+    */
+    brDidSelectChange: EventEmitter;
+    synchronizeSelect(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private sanitizeOptions;
+    private readonly handleClickOutside;
+    private handleKeydownOnInput;
+    private handleKeydownOnList;
+    private handleKeydownOnItem;
+    private handleSelectAllKeyDown;
+    private resetFocus;
+    private focusItemInDirection;
+    private focusItem;
+    private openSelect;
+    private closeSelect;
+    private handleSelection;
+    private updateSelectedOptions;
+    private getStringValue;
+    private emitSelectedOptions;
+    private updateSelectedAllState;
+    private toggleSelectAll;
+    private renderInput;
+    private renderSelectAllCheckbox;
+    private renderOptions;
+    /**
+   * Determina um id para o radio.
+   */
+    private getComputedId;
+    /**
+     * Inverte o valor da prop `isOpen`
+     */
+    toggleOpen(): Promise<void>;
+    private getCssClassMap;
+    private inheritedAttributes;
+    render(): any;
+}

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

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ *  Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
+ *
+ * @slot default - Descreve o que o switch faz quando a alternância estiver ativada. A label passada por slot tem precedência sobre a propriedade 'label'.
+ */
+export declare class Switch {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrSwitchElement;
+    elementInternals: ElementInternals;
+    /**
+     * Desativa o switch, tornando-o não interativo.
+     */
+    disabled: 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 do switch.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    customId: string;
+    /**
+     * Texto descritivo.
+     * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
+     */
+    label: string;
+    /**
+     * Posição do rótulo em relação ao switch.
+     */
+    labelPosition: 'right' | 'left' | 'top';
+    /**
+     * Texto exibido quando o switch está ativado.
+     */
+    labelOn: string;
+    /**
+     * Texto exibido quando o switch está desativado.
+     */
+    labelOff: string;
+    /**
+     * Adiciona um ícone ao switch para indicar a mudança de estado.
+     */
+    hasIcon: boolean;
+    /**
+     * Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.
+     * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
+     */
+    name: string;
+    /**
+     * Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).
+     * Esse valor é enviado com o formulário quando o switch está selecionado.
+     * **Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
+     */
+    value: string;
+    /** O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. */
+    density: 'large' | 'medium' | 'small';
+    _slotDefault: boolean;
+    _checkedValue: boolean;
+    componentWillLoad(): void;
+    /**
+     * Disparado depois que o valor do `checked` foi alterado
+     */
+    brDidCheckedChange: EventEmitter<boolean>;
+    private _hasSlotContentDefault;
+    private readonly handleCheckedChange;
+    /**
+     * Inverte o valor da prop `checked`
+     */
+    toggleChecked(): Promise<void>;
+    private getCssClassMap;
+    private inheritedAttributes;
+    render(): any;
+}

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

@@ -0,0 +1,73 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer).
+ *
+ * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.
+ */
+export declare class Tag {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTagElement;
+    elementInternals: ElementInternals;
+    /**
+     * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.
+     * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.
+     */
+    label: string;
+    /**
+     * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.
+     * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.
+     */
+    iconName: string;
+    /**
+     * A propriedade 'color' permite definir a cor do componente.
+     * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
+     */
+    color: string;
+    /**
+     * A propriedade 'density' permite definir a densidade do componente.
+     * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.
+     */
+    density: 'small' | 'medium' | 'large';
+    /**
+     * A propriedade 'shape' define o formato do componente.
+     * Valores possíveis:
+     * - 'circle': Componente com formato circular.
+     * - 'rounded': Componente com bordas arredondadas.
+     * - 'default': Componente com formato padrão.
+     */
+    shape: 'circle' | 'rounded' | 'default';
+    /**
+     * A propriedade 'status' é um booleano que indica se o status deve ser exibido.
+     * Se definido como true, o status será mostrado ao lado do texto.
+     */
+    status: boolean;
+    /**
+     * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.
+     * Se definido como true, o componente permitirá interações do usuário.
+     */
+    interaction: boolean;
+    /**
+     * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.
+     * Se definido como true, o componente não permitirá interações do usuário.
+     */
+    disabled: boolean;
+    stateIconName: string;
+    /**
+     * Emite um evento antes que o componente seja carregado pela primeira vez.
+     * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.
+     */
+    brWillLoad: EventEmitter<void>;
+    componentWillLoad(): void;
+    private getCssClassMap;
+    private inheritedAttributes;
+    private renderIcon;
+    private renderLabel;
+    private renderCloseButton;
+    private renderStatusLabel;
+    private handleClose;
+    render(): any;
+}

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

@@ -0,0 +1,66 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).
+ *
+ * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.
+ */
+export declare class Textarea {
+    el: HTMLBrTextareaElement;
+    elementInternals: ElementInternals;
+    /**
+     * Valor atual do textarea. Este valor pode ser alterado programaticamente.
+     */
+    value: string;
+    /**
+     * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.
+     */
+    label: string;
+    /**
+     * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.
+     */
+    placeholder: string;
+    /**
+     * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.
+     */
+    disabled: boolean;
+    /**
+     * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.
+     */
+    maxlength: number;
+    /**
+     * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.
+     */
+    state: 'danger' | 'success' | 'warning';
+    /**
+     * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.
+     */
+    density: 'small' | 'medium' | 'large';
+    /**
+     * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).
+     */
+    isInline: boolean;
+    /**
+     * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.
+     */
+    currentLength: number;
+    /**
+     * Identificador único do textarea.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    customId: string;
+    componentWillLoad(): void;
+    valueChanged(): void;
+    /**
+     * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.
+     * @param event - O evento de entrada do textarea.
+     */
+    private readonly handleChange;
+    /**
+     * Define um novo valor para o textarea.
+     * @param newValue - O novo valor a ser definido.
+     */
+    setValue(newValue: string): Promise<void>;
+    private emitValueChange;
+    private getCssClassMap;
+    private inheritedAttributes;
+    render(): any;
+}

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

@@ -0,0 +1,160 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).
+ *
+ * @slot default - Descrição do slot
+ */
+export declare class Upload {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrUploadElement;
+    /**
+     * Tipos de arquivo permitidos (ex: 'image/*').
+     * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.
+     */
+    accept: string;
+    /**
+     * **[OBRIGATÓRIO]** Texto descritivo do campo de upload.
+     * Este é o texto que é mostrado no label do textarea.
+     */
+    label: string;
+    /**
+     * Evento emitido quando um arquivo é selecionado.
+     * Este estado armazena os arquivos que foram selecionados pelo usuário.
+     */
+    filesSelected: FileList | null;
+    /**
+     * Referência ao elemento de arquivo selecionado.
+     * Este estado armazena o arquivo que foi selecionado para upload.
+     */
+    file: File | null;
+    /**
+     * Indica se o componente está desativado.
+     * Quando definido como `true`, o campo de upload se torna não interativo,
+     * impedindo que o usuário selecione ou envie arquivos.
+     * Isso é útil para controlar a interação do usuário em situações específicas,
+     * como durante o carregamento de dados ou quando o formulário está em um estado inválido.
+     */
+    disabled: boolean;
+    /**
+     * **[OBRIGATÓRIO]** Define o estado visual da mensagem.
+     * 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'.
+     */
+    state: string;
+    /**
+     * Indica se o componente permite a seleção de múltiplos arquivos.
+     * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.
+     */
+    multiple: boolean;
+    elementInternals: ElementInternals;
+    /**
+     * Emite um evento quando o componente é conectado ao DOM.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.
+     */
+    brConnectedCallback: EventEmitter<void>;
+    connectedCallback(): void;
+    /**
+     * Emite um evento antes que o componente seja carregado pela primeira vez.
+     * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.
+     */
+    brWillLoad: EventEmitter<void>;
+    componentWillLoad(): void;
+    /**
+     * Emite um evento após o componente ter sido carregado pela primeira vez.
+     * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.
+     */
+    brDidLoad: EventEmitter<void>;
+    componentDidLoad(): void;
+    /**
+     * Emite um evento antes do componente ser renderizado.
+     * Utilize este evento para preparar o componente antes de sua renderização.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.
+     */
+    brWillRender: EventEmitter<void>;
+    componentWillRender(): void;
+    /**
+     * Emite um evento após o componente ter sido renderizado.
+     * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.
+     */
+    brDidRender: EventEmitter<void>;
+    componentDidRender(): void;
+    /**
+     * Emite um evento para indicar se o componente deve ser atualizado ou não.
+     * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.
+     */
+    brShouldUpdate: EventEmitter<void>;
+    componentShouldUpdate(): void;
+    /**
+     * Emite um evento antes de o componente ser atualizado.
+     * Utilize este evento para realizar ações preparatórias antes da atualização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.
+     */
+    brWillUpdate: EventEmitter<void>;
+    componentWillUpdate(): void;
+    /**
+     * Emite um evento após o componente ter sido atualizado.
+     * Utilize este evento para realizar ações após a atualização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.
+     */
+    brDidUpdate: EventEmitter<void>;
+    componentDidUpdate(): void;
+    /**
+     * Emite um evento quando o componente é desconectado do DOM.
+     * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.
+     */
+    brDidDisconnect: EventEmitter<void>;
+    disconnectedCallback(): void;
+    /**
+     * Emite um evento quando o componente é associado ou removido de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.
+     *
+     * @param form - Dados do formulário associado.
+     */
+    brFormAssociatedCallback: EventEmitter<FormData>;
+    formAssociatedCallback(form: FormData): void;
+    /**
+     * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.
+     *
+     * @param disabled - Novo estado `disabled` do componente dentro do formulário.
+     */
+    brFormDisabledCallback: EventEmitter<boolean>;
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Emite um evento quando um `<form>` é resetado.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.
+     */
+    brFormResetCallback: EventEmitter<void>;
+    formResetCallback(): void;
+    /**
+     * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.
+     *
+     * @param state - Estado restaurado do formulário.
+     * @param _mode - Modo de preenchimento automático do navegador.
+     */
+    brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>;
+    formStateRestoreCallback(state: string, _mode: string): void;
+    private getCssClassMap;
+    private inheritedAttributes;
+    private handleRemoveFileSelection;
+    private renderFilesUploaded;
+    private onInputChange;
+    private _calculateFileSize;
+    private handleDrop;
+    private handleDragOver;
+    private handleFileSelection;
+    render(): any;
+}