@govbr-ds/webcomponents 2.0.0-next.36 → 2.0.0-next.38

package/dist/types/components.d.ts

@@ -5,6 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { HorizontalAlign } from "./utils/types";
+export { HorizontalAlign } from "./utils/types";
 export namespace Components {
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).
@@ -193,10 +195,11 @@ export namespace Components {
     interface BrCollapse {
         /**
           * Define se o collapse faz parte de um accordion
+          * @default null
          */
         "accordionGroup"?: string;
         /**
-          * Método público para fechar
+          * Método público para fechar. Este método pode ser chamado externamente para fechar o componente.
          */
         "closeCollapse": () => Promise<void>;
         /**
@@ -205,22 +208,26 @@ export namespace Components {
         "customId": string;
         /**
           * Define a posição do ícone: 'left' ou 'right'
+          * @default 'right'
          */
         "iconPosition": 'left' | 'right';
         /**
           * Classe CSS para o ícone de recolhimento
+          * @default 'fa6-solid:chevron-up'
          */
         "iconToHide": string;
         /**
           * Classe CSS para o ícone de expansão
+          * @default 'fa6-solid:chevron-down'
          */
         "iconToShow": string;
         /**
-          * Define se o item está inicialmente aberto
+          * Define se o collapse está aberto ou fechado.
+          * @default false
          */
         "open": boolean;
         /**
-          * Método público para abrir
+          * Método público para abrir. Este método pode ser chamado externamente para abrir o componente.
          */
         "openCollapse": () => Promise<void>;
     }
@@ -284,6 +291,122 @@ export namespace Components {
          */
         "open": () => Promise<{ isOpen: boolean; }>;
     }
+    /**
+     * O componente `br-footer` representa o rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele é composto por vários subcomponentes, como [`br-footer-category`](/docs/components/footer-category), [`br-footer-item`](/docs/components/footer-item), [`br-footer-social`](/docs/components/footer-social), [`br-footer-legal`](/docs/components/footer-legal) e [`br-logo`](/docs/components/footer-logo).
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/footer?tab=designer).
+     */
+    interface BrFooter {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * Texto de descrição das redes sociais.
+         */
+        "socialNetworkTitle": string;
+        /**
+          * Indica o tema do rodapé.
+         */
+        "theme": 'dark' | 'light';
+    }
+    /**
+     * O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.
+     * O `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.
+     * Esses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).
+     * O componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.
+     * Em telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.
+     */
+    interface BrFooterCategory {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * Título da lista.
+          * @default ''
+         */
+        "label": string;
+    }
+    /**
+     * O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.
+     * De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.
+     * Portanto sob esse contexto, o `br-footer-item` representa uma página no site.
+     * O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).
+     */
+    interface BrFooterItem {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.
+          * @example 'https://www.gov.br'
+          * @example '/home'
+          * @example '#section'
+         */
+        "href"?: string;
+    }
+    /**
+     * O subcomponente `br-footer-legal` representa a área destinada a informações legais no rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     */
+    interface BrFooterLegal {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+    }
+    /**
+     * O subcomponente `br-footer-logo` representa a logo principal do site ou a logo dos parceiros.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     * Para que ele represente a logo principal do site, o atributo `is-partner` deve ser definido como `false`, ou não deve ser definido.
+     * Para que ele represente a logo de um parceiro, o atributo `is-partner` deve ser definido como `true`.
+     */
+    interface BrFooterLogo {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * Descrição da logo.
+         */
+        "description": string;
+        /**
+          * Define se a logo é de um parceiro.
+         */
+        "isPartner": boolean;
+        /**
+          * Posição da logo.
+         */
+        "position": 'left' | 'center' | 'right';
+        /**
+          * Url da logo padrão.
+         */
+        "src": string;
+    }
+    /**
+     * O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     */
+    interface BrFooterSocial {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * Descrição do ícone da rede social
+         */
+        "description": string;
+        /**
+          * URL da rede social
+         */
+        "href": string;
+        /**
+          * Ícone da rede social
+         */
+        "icon": string;
+    }
     /**
      * 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.
@@ -487,6 +610,14 @@ export namespace Components {
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
      */
     interface BrList {
+        /**
+          * Indica se a lista possui o comportamento de accordion. O valor da propriedade define o grupo, ou seja, o accordion é aplicado a todas as listas que possuem o mesmo valor para esta propriedade.
+         */
+        "accordion": string;
+        /**
+          * Indica se a lista possui o comportamento de collapse.
+         */
+        "collapse": boolean;
         /**
           * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
          */
@@ -804,6 +935,120 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTab {
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode": string;
+        /**
+          * A propriedade 'density' define a densidade do componente. Os valores possíveis são 'small', 'medium' e 'large'.
+          * @type {string}
+          * @default 'medium'
+         */
+        "density": 'small' | 'medium' | 'large';
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTabItem {
+        "TabItemId": string;
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode": string;
+        /**
+          * Define contador do item de tab
+          * @type {string}
+         */
+        "counter": string;
+        /**
+          * Define ícone do item de tab
+          * @type {string}
+         */
+        "icon": string;
+        /**
+          * Define se o item de tab é ativo
+          * @type {boolean}
+         */
+        "isActive": boolean;
+        /**
+          * Define se mostra somente o ícone
+          * @type {boolean}
+          * @default false
+         */
+        "onlyIcon": boolean;
+        /**
+          * Define o título do item de tab
+          * @type {string}
+         */
+        "tabItemTitle": string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTable {
+        /**
+          * Identificador único aplicado na tag raiz do shadowRoot. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableCell {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * Define se a célula do cabeçalho possui borda vertical.
+         */
+        "hasVerticalBorder": boolean;
+        /**
+          * Define o alinhamento horizontal do conteúdo da célula.
+         */
+        "horizontalAlign": HorizontalAlign;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableHeaderCell {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+        /**
+          * Define se a célula do cabeçalho possui borda vertical.
+         */
+        "hasVerticalBorder": boolean;
+        /**
+          * Define o alinhamento horizontal do conteúdo da célula. Esse alinhamento é propagado para as demais células da coluna.
+         */
+        "horizontalAlign": HorizontalAlign;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableHeaderRow {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableRow {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId": string;
+    }
     interface BrTag {
         /**
           * A propriedade 'color' permite definir a cor do componente. Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
@@ -978,6 +1223,18 @@ export interface BrSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrSwitchElement;
 }
+export interface BrTabCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrTabElement;
+}
+export interface BrTabItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrTabItemElement;
+}
+export interface BrTableHeaderCellCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrTableHeaderCellElement;
+}
 export interface BrTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrTagElement;
@@ -1042,8 +1299,8 @@ declare global {
         new (): HTMLBrCheckgroupElement;
     };
     interface HTMLBrCollapseElementEventMap {
-        "brDidOpen": { id: string };
-        "brDidClose": { id: string };
+        "brDidOpen": { id: string; accordionGroup: string };
+        "brDidClose": { id: string; accordionGroup: string };
     }
     /**
      * O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.
@@ -1093,6 +1350,74 @@ declare global {
         prototype: HTMLBrDropdownElement;
         new (): HTMLBrDropdownElement;
     };
+    /**
+     * O componente `br-footer` representa o rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele é composto por vários subcomponentes, como [`br-footer-category`](/docs/components/footer-category), [`br-footer-item`](/docs/components/footer-item), [`br-footer-social`](/docs/components/footer-social), [`br-footer-legal`](/docs/components/footer-legal) e [`br-logo`](/docs/components/footer-logo).
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/footer?tab=designer).
+     */
+    interface HTMLBrFooterElement extends Components.BrFooter, HTMLStencilElement {
+    }
+    var HTMLBrFooterElement: {
+        prototype: HTMLBrFooterElement;
+        new (): HTMLBrFooterElement;
+    };
+    /**
+     * O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.
+     * O `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.
+     * Esses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).
+     * O componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.
+     * Em telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.
+     */
+    interface HTMLBrFooterCategoryElement extends Components.BrFooterCategory, HTMLStencilElement {
+    }
+    var HTMLBrFooterCategoryElement: {
+        prototype: HTMLBrFooterCategoryElement;
+        new (): HTMLBrFooterCategoryElement;
+    };
+    /**
+     * O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.
+     * De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.
+     * Portanto sob esse contexto, o `br-footer-item` representa uma página no site.
+     * O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).
+     */
+    interface HTMLBrFooterItemElement extends Components.BrFooterItem, HTMLStencilElement {
+    }
+    var HTMLBrFooterItemElement: {
+        prototype: HTMLBrFooterItemElement;
+        new (): HTMLBrFooterItemElement;
+    };
+    /**
+     * O subcomponente `br-footer-legal` representa a área destinada a informações legais no rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     */
+    interface HTMLBrFooterLegalElement extends Components.BrFooterLegal, HTMLStencilElement {
+    }
+    var HTMLBrFooterLegalElement: {
+        prototype: HTMLBrFooterLegalElement;
+        new (): HTMLBrFooterLegalElement;
+    };
+    /**
+     * O subcomponente `br-footer-logo` representa a logo principal do site ou a logo dos parceiros.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     * Para que ele represente a logo principal do site, o atributo `is-partner` deve ser definido como `false`, ou não deve ser definido.
+     * Para que ele represente a logo de um parceiro, o atributo `is-partner` deve ser definido como `true`.
+     */
+    interface HTMLBrFooterLogoElement extends Components.BrFooterLogo, HTMLStencilElement {
+    }
+    var HTMLBrFooterLogoElement: {
+        prototype: HTMLBrFooterLogoElement;
+        new (): HTMLBrFooterLogoElement;
+    };
+    /**
+     * O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     */
+    interface HTMLBrFooterSocialElement extends Components.BrFooterSocial, HTMLStencilElement {
+    }
+    var HTMLBrFooterSocialElement: {
+        prototype: HTMLBrFooterSocialElement;
+        new (): HTMLBrFooterSocialElement;
+    };
     /**
      * 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.
@@ -1287,6 +1612,102 @@ declare global {
         prototype: HTMLBrSwitchElement;
         new (): HTMLBrSwitchElement;
     };
+    interface HTMLBrTabElementEventMap {
+        "brDidActive": any;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface HTMLBrTabElement extends Components.BrTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrTabElementEventMap>(type: K, listener: (this: HTMLBrTabElement, ev: BrTabCustomEvent<HTMLBrTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrTabElementEventMap>(type: K, listener: (this: HTMLBrTabElement, ev: BrTabCustomEvent<HTMLBrTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrTabElement: {
+        prototype: HTMLBrTabElement;
+        new (): HTMLBrTabElement;
+    };
+    interface HTMLBrTabItemElementEventMap {
+        "itemTabClick": { id: string };
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface HTMLBrTabItemElement extends Components.BrTabItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrTabItemElementEventMap>(type: K, listener: (this: HTMLBrTabItemElement, ev: BrTabItemCustomEvent<HTMLBrTabItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrTabItemElementEventMap>(type: K, listener: (this: HTMLBrTabItemElement, ev: BrTabItemCustomEvent<HTMLBrTabItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrTabItemElement: {
+        prototype: HTMLBrTabItemElement;
+        new (): HTMLBrTabItemElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface HTMLBrTableElement extends Components.BrTable, HTMLStencilElement {
+    }
+    var HTMLBrTableElement: {
+        prototype: HTMLBrTableElement;
+        new (): HTMLBrTableElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface HTMLBrTableCellElement extends Components.BrTableCell, HTMLStencilElement {
+    }
+    var HTMLBrTableCellElement: {
+        prototype: HTMLBrTableCellElement;
+        new (): HTMLBrTableCellElement;
+    };
+    interface HTMLBrTableHeaderCellElementEventMap {
+        "brHorizontalAlignDidChange": any;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface HTMLBrTableHeaderCellElement extends Components.BrTableHeaderCell, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrTableHeaderCellElementEventMap>(type: K, listener: (this: HTMLBrTableHeaderCellElement, ev: BrTableHeaderCellCustomEvent<HTMLBrTableHeaderCellElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrTableHeaderCellElementEventMap>(type: K, listener: (this: HTMLBrTableHeaderCellElement, ev: BrTableHeaderCellCustomEvent<HTMLBrTableHeaderCellElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrTableHeaderCellElement: {
+        prototype: HTMLBrTableHeaderCellElement;
+        new (): HTMLBrTableHeaderCellElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface HTMLBrTableHeaderRowElement extends Components.BrTableHeaderRow, HTMLStencilElement {
+    }
+    var HTMLBrTableHeaderRowElement: {
+        prototype: HTMLBrTableHeaderRowElement;
+        new (): HTMLBrTableHeaderRowElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface HTMLBrTableRowElement extends Components.BrTableRow, HTMLStencilElement {
+    }
+    var HTMLBrTableRowElement: {
+        prototype: HTMLBrTableRowElement;
+        new (): HTMLBrTableRowElement;
+    };
     interface HTMLBrTagElementEventMap {
         "radioSelected": string;
     }
@@ -1342,6 +1763,12 @@ declare global {
         "br-collapse": HTMLBrCollapseElement;
         "br-divider": HTMLBrDividerElement;
         "br-dropdown": HTMLBrDropdownElement;
+        "br-footer": HTMLBrFooterElement;
+        "br-footer-category": HTMLBrFooterCategoryElement;
+        "br-footer-item": HTMLBrFooterItemElement;
+        "br-footer-legal": HTMLBrFooterLegalElement;
+        "br-footer-logo": HTMLBrFooterLogoElement;
+        "br-footer-social": HTMLBrFooterSocialElement;
         "br-icon": HTMLBrIconElement;
         "br-input": HTMLBrInputElement;
         "br-item": HTMLBrItemElement;
@@ -1353,6 +1780,13 @@ declare global {
         "br-step": HTMLBrStepElement;
         "br-step-item": HTMLBrStepItemElement;
         "br-switch": HTMLBrSwitchElement;
+        "br-tab": HTMLBrTabElement;
+        "br-tab-item": HTMLBrTabItemElement;
+        "br-table": HTMLBrTableElement;
+        "br-table-cell": HTMLBrTableCellElement;
+        "br-table-header-cell": HTMLBrTableHeaderCellElement;
+        "br-table-header-row": HTMLBrTableHeaderRowElement;
+        "br-table-row": HTMLBrTableRowElement;
         "br-tag": HTMLBrTagElement;
         "br-textarea": HTMLBrTextareaElement;
         "br-upload": HTMLBrUploadElement;
@@ -1545,6 +1979,7 @@ declare namespace LocalJSX {
     interface BrCollapse {
         /**
           * Define se o collapse faz parte de um accordion
+          * @default null
          */
         "accordionGroup"?: string;
         /**
@@ -1553,26 +1988,30 @@ declare namespace LocalJSX {
         "customId"?: string;
         /**
           * Define a posição do ícone: 'left' ou 'right'
+          * @default 'right'
          */
         "iconPosition"?: 'left' | 'right';
         /**
           * Classe CSS para o ícone de recolhimento
+          * @default 'fa6-solid:chevron-up'
          */
         "iconToHide"?: string;
         /**
           * Classe CSS para o ícone de expansão
+          * @default 'fa6-solid:chevron-down'
          */
         "iconToShow"?: string;
         /**
-          * Evento emitido ao recolher
+          * Evento emitido ao recolher.
          */
-        "onBrDidClose"?: (event: BrCollapseCustomEvent<{ id: string }>) => void;
+        "onBrDidClose"?: (event: BrCollapseCustomEvent<{ id: string; accordionGroup: string }>) => void;
         /**
-          * Evento emitido ao expandir
+          * Evento emitido ao expandir.
          */
-        "onBrDidOpen"?: (event: BrCollapseCustomEvent<{ id: string }>) => void;
+        "onBrDidOpen"?: (event: BrCollapseCustomEvent<{ id: string; accordionGroup: string }>) => void;
         /**
-          * Define se o item está inicialmente aberto
+          * Define se o collapse está aberto ou fechado.
+          * @default false
          */
         "open"?: boolean;
     }
@@ -1630,6 +2069,122 @@ declare namespace LocalJSX {
          */
         "onBrDropdownChange"?: (event: BrDropdownCustomEvent<{ 'is-opened': boolean }>) => void;
     }
+    /**
+     * O componente `br-footer` representa o rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele é composto por vários subcomponentes, como [`br-footer-category`](/docs/components/footer-category), [`br-footer-item`](/docs/components/footer-item), [`br-footer-social`](/docs/components/footer-social), [`br-footer-legal`](/docs/components/footer-legal) e [`br-logo`](/docs/components/footer-logo).
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/footer?tab=designer).
+     */
+    interface BrFooter {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * Texto de descrição das redes sociais.
+         */
+        "socialNetworkTitle"?: string;
+        /**
+          * Indica o tema do rodapé.
+         */
+        "theme"?: 'dark' | 'light';
+    }
+    /**
+     * O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.
+     * O `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.
+     * Esses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).
+     * O componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.
+     * Em telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.
+     */
+    interface BrFooterCategory {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * Título da lista.
+          * @default ''
+         */
+        "label"?: string;
+    }
+    /**
+     * O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.
+     * De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.
+     * Portanto sob esse contexto, o `br-footer-item` representa uma página no site.
+     * O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).
+     */
+    interface BrFooterItem {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.
+          * @example 'https://www.gov.br'
+          * @example '/home'
+          * @example '#section'
+         */
+        "href"?: string;
+    }
+    /**
+     * O subcomponente `br-footer-legal` representa a área destinada a informações legais no rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     */
+    interface BrFooterLegal {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+    }
+    /**
+     * O subcomponente `br-footer-logo` representa a logo principal do site ou a logo dos parceiros.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     * Para que ele represente a logo principal do site, o atributo `is-partner` deve ser definido como `false`, ou não deve ser definido.
+     * Para que ele represente a logo de um parceiro, o atributo `is-partner` deve ser definido como `true`.
+     */
+    interface BrFooterLogo {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * Descrição da logo.
+         */
+        "description"?: string;
+        /**
+          * Define se a logo é de um parceiro.
+         */
+        "isPartner"?: boolean;
+        /**
+          * Posição da logo.
+         */
+        "position"?: 'left' | 'center' | 'right';
+        /**
+          * Url da logo padrão.
+         */
+        "src"?: string;
+    }
+    /**
+     * O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.
+     * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+     */
+    interface BrFooterSocial {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * Descrição do ícone da rede social
+         */
+        "description"?: string;
+        /**
+          * URL da rede social
+         */
+        "href"?: string;
+        /**
+          * Ícone da rede social
+         */
+        "icon"?: string;
+    }
     /**
      * 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.
@@ -1845,6 +2400,14 @@ declare namespace LocalJSX {
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
      */
     interface BrList {
+        /**
+          * Indica se a lista possui o comportamento de accordion. O valor da propriedade define o grupo, ou seja, o accordion é aplicado a todas as listas que possuem o mesmo valor para esta propriedade.
+         */
+        "accordion"?: string;
+        /**
+          * Indica se a lista possui o comportamento de collapse.
+         */
+        "collapse"?: boolean;
         /**
           * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
          */
@@ -2146,6 +2709,126 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTab {
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode"?: string;
+        /**
+          * A propriedade 'density' define a densidade do componente. Os valores possíveis são 'small', 'medium' e 'large'.
+          * @type {string}
+          * @default 'medium'
+         */
+        "density"?: 'small' | 'medium' | 'large';
+        "onBrDidActive"?: (event: BrTabCustomEvent<any>) => void;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTabItem {
+        "TabItemId"?: string;
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode"?: string;
+        /**
+          * Define contador do item de tab
+          * @type {string}
+         */
+        "counter"?: string;
+        /**
+          * Define ícone do item de tab
+          * @type {string}
+         */
+        "icon"?: string;
+        /**
+          * Define se o item de tab é ativo
+          * @type {boolean}
+         */
+        "isActive"?: boolean;
+        "onItemTabClick"?: (event: BrTabItemCustomEvent<{ id: string }>) => void;
+        /**
+          * Define se mostra somente o ícone
+          * @type {boolean}
+          * @default false
+         */
+        "onlyIcon"?: boolean;
+        /**
+          * Define o título do item de tab
+          * @type {string}
+         */
+        "tabItemTitle"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTable {
+        /**
+          * Identificador único aplicado na tag raiz do shadowRoot. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableCell {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * Define se a célula do cabeçalho possui borda vertical.
+         */
+        "hasVerticalBorder"?: boolean;
+        /**
+          * Define o alinhamento horizontal do conteúdo da célula.
+         */
+        "horizontalAlign"?: HorizontalAlign;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableHeaderCell {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+        /**
+          * Define se a célula do cabeçalho possui borda vertical.
+         */
+        "hasVerticalBorder"?: boolean;
+        /**
+          * Define o alinhamento horizontal do conteúdo da célula. Esse alinhamento é propagado para as demais células da coluna.
+         */
+        "horizontalAlign"?: HorizontalAlign;
+        /**
+          * Evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.
+         */
+        "onBrHorizontalAlignDidChange"?: (event: BrTableHeaderCellCustomEvent<any>) => void;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableHeaderRow {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+     */
+    interface BrTableRow {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        "customId"?: string;
+    }
     interface BrTag {
         /**
           * A propriedade 'color' permite definir a cor do componente. Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
@@ -2287,6 +2970,12 @@ declare namespace LocalJSX {
         "br-collapse": BrCollapse;
         "br-divider": BrDivider;
         "br-dropdown": BrDropdown;
+        "br-footer": BrFooter;
+        "br-footer-category": BrFooterCategory;
+        "br-footer-item": BrFooterItem;
+        "br-footer-legal": BrFooterLegal;
+        "br-footer-logo": BrFooterLogo;
+        "br-footer-social": BrFooterSocial;
         "br-icon": BrIcon;
         "br-input": BrInput;
         "br-item": BrItem;
@@ -2298,6 +2987,13 @@ declare namespace LocalJSX {
         "br-step": BrStep;
         "br-step-item": BrStepItem;
         "br-switch": BrSwitch;
+        "br-tab": BrTab;
+        "br-tab-item": BrTabItem;
+        "br-table": BrTable;
+        "br-table-cell": BrTableCell;
+        "br-table-header-cell": BrTableHeaderCell;
+        "br-table-header-row": BrTableHeaderRow;
+        "br-table-row": BrTableRow;
         "br-tag": BrTag;
         "br-textarea": BrTextarea;
         "br-upload": BrUpload;
@@ -2338,6 +3034,44 @@ declare module "@stencil/core" {
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
              */
             "br-dropdown": LocalJSX.BrDropdown & JSXBase.HTMLAttributes<HTMLBrDropdownElement>;
+            /**
+             * O componente `br-footer` representa o rodapé do site, de acordo com a documentação de design do GovBR.
+             * Ele é composto por vários subcomponentes, como [`br-footer-category`](/docs/components/footer-category), [`br-footer-item`](/docs/components/footer-item), [`br-footer-social`](/docs/components/footer-social), [`br-footer-legal`](/docs/components/footer-legal) e [`br-logo`](/docs/components/footer-logo).
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/footer?tab=designer).
+             */
+            "br-footer": LocalJSX.BrFooter & JSXBase.HTMLAttributes<HTMLBrFooterElement>;
+            /**
+             * O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.
+             * O `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.
+             * Esses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).
+             * O componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.
+             * Em telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.
+             */
+            "br-footer-category": LocalJSX.BrFooterCategory & JSXBase.HTMLAttributes<HTMLBrFooterCategoryElement>;
+            /**
+             * O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.
+             * De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.
+             * Portanto sob esse contexto, o `br-footer-item` representa uma página no site.
+             * O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).
+             */
+            "br-footer-item": LocalJSX.BrFooterItem & JSXBase.HTMLAttributes<HTMLBrFooterItemElement>;
+            /**
+             * O subcomponente `br-footer-legal` representa a área destinada a informações legais no rodapé do site, de acordo com a documentação de design do GovBR.
+             * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+             */
+            "br-footer-legal": LocalJSX.BrFooterLegal & JSXBase.HTMLAttributes<HTMLBrFooterLegalElement>;
+            /**
+             * O subcomponente `br-footer-logo` representa a logo principal do site ou a logo dos parceiros.
+             * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+             * Para que ele represente a logo principal do site, o atributo `is-partner` deve ser definido como `false`, ou não deve ser definido.
+             * Para que ele represente a logo de um parceiro, o atributo `is-partner` deve ser definido como `true`.
+             */
+            "br-footer-logo": LocalJSX.BrFooterLogo & JSXBase.HTMLAttributes<HTMLBrFooterLogoElement>;
+            /**
+             * O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.
+             * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
+             */
+            "br-footer-social": LocalJSX.BrFooterSocial & JSXBase.HTMLAttributes<HTMLBrFooterSocialElement>;
             /**
              * 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.
@@ -2385,6 +3119,34 @@ declare module "@stencil/core" {
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
              */
             "br-switch": LocalJSX.BrSwitch & JSXBase.HTMLAttributes<HTMLBrSwitchElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+             */
+            "br-tab": LocalJSX.BrTab & JSXBase.HTMLAttributes<HTMLBrTabElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+             */
+            "br-tab-item": LocalJSX.BrTabItem & JSXBase.HTMLAttributes<HTMLBrTabItemElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+             */
+            "br-table": LocalJSX.BrTable & JSXBase.HTMLAttributes<HTMLBrTableElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+             */
+            "br-table-cell": LocalJSX.BrTableCell & JSXBase.HTMLAttributes<HTMLBrTableCellElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+             */
+            "br-table-header-cell": LocalJSX.BrTableHeaderCell & JSXBase.HTMLAttributes<HTMLBrTableHeaderCellElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+             */
+            "br-table-header-row": LocalJSX.BrTableHeaderRow & JSXBase.HTMLAttributes<HTMLBrTableHeaderRowElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+             */
+            "br-table-row": LocalJSX.BrTableRow & JSXBase.HTMLAttributes<HTMLBrTableRowElement>;
             "br-tag": LocalJSX.BrTag & JSXBase.HTMLAttributes<HTMLBrTagElement>;
             /**
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).