@govbr-ds/webcomponents 2.0.0-next.57 → 2.0.0-next.58

package/dist/types/components.d.ts

@@ -627,6 +627,182 @@ export namespace Components {
          */
         "icon": string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeader {
+        /**
+          * Indica o texto exibido como título do header.
+          * @default null
+         */
+        "caption": string;
+        /**
+          * Indica a URL associada ao título do header.
+          * @default null
+         */
+        "captionUrl": string;
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Indica a densidade do cabeçalho. Pode ser 'small', 'medium' ou 'large'.
+          * @default 'medium'
+         */
+        "density": HeaderDensity;
+        /**
+          * Indica se o cabeçalho deve ser exibido em um modo compacto. Quando definido como true, o cabeçalho será renderizado em um estilo compacto.
+          * @default false
+         */
+        "isCompact": boolean;
+        /**
+          * Indica se o cabeçalho deve ser exibido em um modo fixo. Quando definido como true, o cabeçalho será fixo no topo da página durante a rolagem.
+          * @default false
+         */
+        "isSticky": boolean;
+        /**
+          * Reinicializa o estado das listas do cabeçalho, disparando o evento de redimensionamento. Pode ser chamado externamente para forçar a atualização das listas.
+         */
+        "resetHeaderList": () => Promise<void>;
+        /**
+          * Indica qual lista deve encolher primeiro quando o espaço for limitado. Pode ser 'links' ou 'functions'.
+          * @default 'functions'
+         */
+        "shrinkFirst": 'links' | 'functions';
+        /**
+          * Indica o texto exibido como assinatura do header.
+          * @default null
+         */
+        "signature": string;
+        /**
+          * Indica o texto exibido como subtítulo do header.
+          * @default null
+         */
+        "subcaption": string;
+        /**
+          * Indica a URL associada ao subtítulo do header.
+          * @default null
+         */
+        "subcaptionUrl": string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderFunction {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * URL para a funcionalidade.
+          * @default null
+         */
+        "href": string;
+        /**
+          * Nome do ícone a ser exibido.
+          * @default null
+         */
+        "iconName": 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.
+          * @default `_self`
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderLink {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * URL do link.
+          * @default null
+         */
+        "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.
+          * @default `_self`
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderList {
+        /**
+          * Fecha a lista.
+         */
+        "closeList": () => Promise<void>;
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Verifica se a lista está aberta.
+          * @returns Um booleano indicando se a lista está aberta.
+         */
+        "isListOpen": () => Promise<boolean>;
+        /**
+          * Título da lista.
+          * @default null
+         */
+        "listTitle": string;
+        /**
+          * Abre a lista.
+         */
+        "openList": () => Promise<void>;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderLogo {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Descrição da logo.
+          * @default 'logo'
+         */
+        "description": string;
+        /**
+          * Altura da imagem.
+          * @default auto
+         */
+        "height": string;
+        /**
+          * URL de destino quando a logo for clicada. Se fornecido, a logo será envolvida em um link.
+         */
+        "href"?: string;
+        /**
+          * Indica se a logo está em modo compacto.
+          * @default false
+         */
+        "isCompact": boolean;
+        /**
+          * Url da logo padrão.
+          * @default ''
+         */
+        "src": string;
+        /**
+          * Target do link quando href é fornecido.
+          * @default '_self'
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        /**
+          * Largura da imagem.
+          * @default auto
+         */
+        "width": 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.
@@ -987,6 +1163,215 @@ export namespace Components {
          */
         "label": string;
     }
+    /**
+     * Componente raiz do Menu responsivo do Design System. Ele organiza navegação hierárquica, rodapé contextual e
+     * comportamentos como push/contextual, integrando `br-menu-list`, `br-menu-item` e subcomponentes auxiliares.
+     * @example ```html
+     * <br-menu push>
+     *   <div slot="header">Minha aplicação</div>
+     *   <br-menu-list label="Administração">
+     *     <br-menu-item href="/dashboard" active>Dashboard</br-menu-item>
+     *     <br-menu-item href="/usuarios">Usuários</br-menu-item>
+     *   </br-menu-list>
+     * </br-menu>
+     * ```
+     */
+    interface BrMenu {
+        /**
+          * Classes CSS para definir breakpoints responsivos do menu. Utilize esta propriedade para controlar a largura do menu em diferentes tamanhos de tela.
+          * @default 'col-sm-4 col-lg-3'
+         */
+        "breakpoints": string;
+        /**
+          * Define se o menu deve usar comportamento contextual (aparece na parte inferior). Quando ativado, o menu é posicionado na parte inferior da tela em dispositivos móveis.
+          * @default false
+         */
+        "contextual": boolean;
+        /**
+          * Rótulo do botão trigger do menu contextual. Exibido apenas em modo contextual e em telas menores (mobile).
+          * @default 'Menu Contextual'
+         */
+        "contextualLabel": string;
+        /**
+          * Define a densidade dos itens do menu, alterando o espaçamento interno. - `small` (densidade alta): itens mais compactos - `medium` (padrão): equilíbrio entre economia de espaço e separação - `large` (densidade baixa): maior espaçamento (recomendado em touch)
+          * @default 'medium'
+         */
+        "density": 'large' | 'medium' | 'small';
+        /**
+          * Define se o menu deve usar comportamento push (sempre visível em telas maiores). Quando ativado, o menu permanece fixo na lateral e empurra o conteúdo principal.
+          * @default false
+         */
+        "push": boolean;
+        /**
+          * Título da seção de redes sociais exibida no rodapé do menu. Utilize esta propriedade para personalizar o texto que aparece acima dos ícones sociais.
+          * @default 'Redes Sociais'
+         */
+        "socialTitle": string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-header?tab=designer).
+     */
+    interface BrMenuHeader {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default `br-menu-${MenuHeaderId++}`
+         */
+        "customId": string;
+        /**
+          * Texto alternativo para a imagem do logo
+          * @default 'Logo'
+         */
+        "logoAlt": string;
+        /**
+          * URL da imagem do logo no cabeçalho do menu
+         */
+        "logoSrc"?: string;
+        /**
+          * Texto de identificação do site ou sistema
+         */
+        "signature"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-info?tab=designer).
+     */
+    interface BrMenuInfo {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default `br-menu-info-${MenuInfoId++}`
+         */
+        "customId": string;
+        /**
+          * Informações adicionais em formato de texto
+         */
+        "info"?: string;
+    }
+    interface BrMenuItem {
+        /**
+          * Define se o item do menu está ativo/selecionado. Quando ativado, aplica estilos visuais para destacar o item como atual ou selecionado.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Define o modo de exibição do item, controlando os ícones de expansão. - `accordion`: exibe setas para cima/baixo (usado em menus de nível 0). - `drill-down`: exibe seta para a direita (usado em menus de níveis 1+). - `none`: não exibe ícones de expansão.
+          * @default 'none'
+         */
+        "displayMode": 'accordion' | 'drill-down' | 'none';
+        /**
+          * Define se o item deve exibir um divisor visual. Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.
+          * @default false
+         */
+        "divider": boolean;
+        /**
+          * Indica se o item está expandido para fins de acessibilidade (ARIA). Este estado é controlado externamente (por exemplo, por br-menu-list). Não altera o estado visual de "active".
+          * @default false
+         */
+        "expanded": boolean;
+        /**
+          * URL de destino do link do item do menu. Utilize esta propriedade para definir o endereço para onde o usuário será direcionado ao clicar no item.
+          * @default '#'
+         */
+        "href": string;
+        /**
+          * Ícone exibido no item do menu. Utilize esta propriedade para definir o ícone que será mostrado ao lado do conteúdo do item.
+         */
+        "icon": string;
+        /**
+          * Define como o link será aberto. - `_self`: abre no mesmo contexto de navegação (padrão) - `_blank`: abre em nova aba ou janela - `_parent`: abre no contexto pai - `_top`: abre no contexto de nível superior
+          * @default '_blank'
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+    }
+    /**
+     * Menu Link - Representa cada link para acesso a sites externos no rodapé do menu.
+     */
+    interface BrMenuLink {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default `br-menu-link-${MenuLinkId++}`
+         */
+        "customId": string;
+        /**
+          * Título do link
+         */
+        "titulo": string;
+        /**
+          * URL do link
+         */
+        "url": string;
+    }
+    interface BrMenuList {
+        /**
+          * Define se o item deve exibir um divisor visual. Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.
+          * @default false
+         */
+        "divider": boolean;
+        /**
+          * Define se o menu-list inicia expandido. Útil para manter agrupamentos abertos por padrão no menu contextual.
+          * @default false
+         */
+        "expanded": boolean;
+        /**
+          * Ícone exibido no item do menu. Utilize esta propriedade para definir o ícone que será mostrado ao lado do label.
+         */
+        "icon": string;
+        /**
+          * Texto do label do item do menu. Utilize esta propriedade para definir o texto que será exibido no item do menu.
+         */
+        "label": string;
+        /**
+          * Nível do menu na hierarquia de navegação. Utilizado para determinar o comportamento do menu (acordeão para nível 0, drill-down para níveis superiores).
+          * @default 0
+         */
+        "menuLevel": number;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).
+     */
+    interface BrMenuLogo {
+        /**
+          * Texto alternativo da imagem
+         */
+        "alt"?: string;
+        /**
+          * ID personalizado para o elemento, útil para acessibilidade e identificação única. Se não for fornecido, um ID único será gerado automaticamente.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Altura da imagem (com unidade, ex: '80px', 'auto')
+         */
+        "height"?: string;
+        /**
+          * URL da imagem
+         */
+        "src": string;
+        /**
+          * Largura da imagem (com unidade, ex: '100px', '50%')
+         */
+        "width"?: string;
+    }
+    /**
+     * Menu Social - Representa cada link para acesso a redes sociais.
+     */
+    interface BrMenuSocial {
+        /**
+          * Rótulo para acessibilidade
+         */
+        "ariaLabel": string;
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Ícone da rede social
+         */
+        "icon": string;
+        /**
+          * URL do link
+         */
+        "url": string;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).
      */
@@ -1445,6 +1830,103 @@ export namespace Components {
          */
         "target": '_self' | '_blank' | '_parent' | '_top';
     }
+    /**
+     * O componente Skip Link consiste em uma lista de itens que auxiliam os usuários a navegarem
+     * por uma página com o auxílio do teclado, sendo extremamente útil para pessoas que dependem
+     * de leitores de tela ou navegação via teclado.
+     * Este componente implementa atalhos de teclado para acessibilidade, permitindo que o usuário
+     * acesse rapidamente áreas importantes da página utilizando Alt+[número]. Os números das teclas
+     * são definidos na propriedade `key-number` de cada item e exibidos visualmente na interface.
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/skip-link?tab=designer).
+     * @example ```html
+     * <br-skip-link>
+     *   <br-skiplink-item target="#main-content" key-number="1">
+     *     Ir para o conteúdo principal
+     *   </br-skiplink-item>
+     *   <br-skiplink-item target="#menu" key-number="2">
+     *     Ir para o menu
+     *   </br-skiplink-item>
+     *   <br-skiplink-item target="#search" key-number="3">
+     *     Ir para a busca
+     *   </br-skiplink-item>
+     * </br-skip-link>
+     * ```
+     * Neste exemplo, o componente exibirá automaticamente as tags com os números 1, 2 e 3
+     * ao lado dos textos. O usuário pode usar Alt+1 para ir ao conteúdo principal,
+     * Alt+2 para ir ao menu, e Alt+3 para ir à busca.
+     */
+    interface BrSkipLink {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Oculta o componente programaticamente.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Define a posição do skip link na tela. - 'top-left': Posicionado no canto superior esquerdo. - 'top-center': Posicionado no centro superior. - 'top-right': Posicionado no canto superior direito.
+          * @default 'top-left'
+         */
+        "position": 'top-left' | 'top-center' | 'top-right';
+        /**
+          * Exibe o componente programaticamente.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Exibe a contagem de itens no formato (1/4), (2/4), etc. Quando `true`, cada item mostrará sua posição relativa ao total de itens. Por padrão, é `true` para o modo simple e `false` para o modo compound.
+         */
+        "showItemCount"?: boolean;
+        /**
+          * Define se o skip link apresenta um ou múltiplos itens visíveis. - 'simple': Exibe apenas um item por vez. - 'compound': Exibe uma lista com múltiplos itens.
+          * @default 'compound'
+         */
+        "variant": 'simple' | 'compound';
+        /**
+          * Define o z-index do componente. Controla a ordem de empilhamento do componente na página.
+          * @default null
+         */
+        "zIndex": number | null;
+    }
+    /**
+     * Item individual do componente Skip Link.
+     * Representa um link de navegação rápida para uma seção específica da página.
+     * Permite navegação por atalhos de teclado usando Alt+[keyNumber].
+     * @example ```html
+     * <br-skiplink-item target="#main-content" key-number="1">
+     *   Ir para o conteúdo principal
+     * </br-skiplink-item>
+     * ```
+     */
+    interface BrSkiplinkItem {
+        /**
+          * ID personalizado. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId": string;
+        /**
+          * Controla a visibilidade da tag numérica. Quando `true`, a tag numérica não será exibida, mesmo que `keyNumber` esteja definido. O atalho de teclado continua funcionando, apenas a indicação visual é ocultada.
+          * @default false
+         */
+        "hideTag": boolean;
+        /**
+          * Move o foco para este item.
+         */
+        "itemFocus": () => Promise<void>;
+        /**
+          * Número da tecla para acesso rápido. Permite que o usuário ative este item pressionando Alt+[keyNumber]. Aceita valores de 1 a 9. Esta propriedade implementa uma alternativa ao accessKey nativa, fornecendo um atalho de teclado consistente e acessível.
+         */
+        "keyNumber"?: number;
+        /**
+          * Navega para o target definido. Move o foco para o elemento alvo e ajusta a rolagem da página se necessário.
+         */
+        "navigateToTarget": () => Promise<void>;
+        /**
+          * ID do elemento de destino ou seletor CSS. Este é o elemento para o qual o usuário será levado ao ativar este item.
+         */
+        "target": string;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/step?tab=designer).
      */
@@ -1990,6 +2472,14 @@ export interface BrDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrDropdownElement;
 }
+export interface BrHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrHeaderElement;
+}
+export interface BrHeaderListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrHeaderListElement;
+}
 export interface BrInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrInputElement;
@@ -1998,6 +2488,22 @@ export interface BrItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrItemElement;
 }
+export interface BrMenuHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrMenuHeaderElement;
+}
+export interface BrMenuLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrMenuLinkElement;
+}
+export interface BrMenuListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrMenuListElement;
+}
+export interface BrMenuSocialCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrMenuSocialElement;
+}
 export interface BrMessageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrMessageElement;
@@ -2022,6 +2528,14 @@ export interface BrSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrSelectElement;
 }
+export interface BrSkipLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrSkipLinkElement;
+}
+export interface BrSkiplinkItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrSkiplinkItemElement;
+}
 export interface BrStepCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrStepElement;
@@ -2058,6 +2572,10 @@ export interface BrTooltipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrTooltipElement;
 }
+export interface BrUploadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrUploadElement;
+}
 declare global {
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).
@@ -2318,21 +2836,90 @@ declare global {
      * 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 {
+    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;
+    };
+    interface HTMLBrHeaderElementEventMap {
+        "headerCompactChange": { parentId: string; isCompact: boolean };
+        "headerWidthChange": { id: string; listNames: ('links' | 'functions')[]; shrink: boolean };
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface HTMLBrHeaderElement extends Components.BrHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrHeaderElementEventMap>(type: K, listener: (this: HTMLBrHeaderElement, ev: BrHeaderCustomEvent<HTMLBrHeaderElementEventMap[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 HTMLBrHeaderElementEventMap>(type: K, listener: (this: HTMLBrHeaderElement, ev: BrHeaderCustomEvent<HTMLBrHeaderElementEventMap[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 HTMLBrHeaderElement: {
+        prototype: HTMLBrHeaderElement;
+        new (): HTMLBrHeaderElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface HTMLBrHeaderFunctionElement extends Components.BrHeaderFunction, HTMLStencilElement {
+    }
+    var HTMLBrHeaderFunctionElement: {
+        prototype: HTMLBrHeaderFunctionElement;
+        new (): HTMLBrHeaderFunctionElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface HTMLBrHeaderLinkElement extends Components.BrHeaderLink, HTMLStencilElement {
+    }
+    var HTMLBrHeaderLinkElement: {
+        prototype: HTMLBrHeaderLinkElement;
+        new (): HTMLBrHeaderLinkElement;
+    };
+    interface HTMLBrHeaderListElementEventMap {
+        "headerListUpdate": { id: string; listName: string };
+        "headerListFocused": { id: string };
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface HTMLBrHeaderListElement extends Components.BrHeaderList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrHeaderListElementEventMap>(type: K, listener: (this: HTMLBrHeaderListElement, ev: BrHeaderListCustomEvent<HTMLBrHeaderListElementEventMap[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 HTMLBrHeaderListElementEventMap>(type: K, listener: (this: HTMLBrHeaderListElement, ev: BrHeaderListCustomEvent<HTMLBrHeaderListElementEventMap[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 HTMLBrFooterLogoElement: {
-        prototype: HTMLBrFooterLogoElement;
-        new (): HTMLBrFooterLogoElement;
+    var HTMLBrHeaderListElement: {
+        prototype: HTMLBrHeaderListElement;
+        new (): HTMLBrHeaderListElement;
     };
     /**
-     * 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).
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
      */
-    interface HTMLBrFooterSocialElement extends Components.BrFooterSocial, HTMLStencilElement {
+    interface HTMLBrHeaderLogoElement extends Components.BrHeaderLogo, HTMLStencilElement {
     }
-    var HTMLBrFooterSocialElement: {
-        prototype: HTMLBrFooterSocialElement;
-        new (): HTMLBrFooterSocialElement;
+    var HTMLBrHeaderLogoElement: {
+        prototype: HTMLBrHeaderLogoElement;
+        new (): HTMLBrHeaderLogoElement;
     };
     /**
      * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
@@ -2426,6 +3013,127 @@ declare global {
         prototype: HTMLBrMagicButtonElement;
         new (): HTMLBrMagicButtonElement;
     };
+    /**
+     * Componente raiz do Menu responsivo do Design System. Ele organiza navegação hierárquica, rodapé contextual e
+     * comportamentos como push/contextual, integrando `br-menu-list`, `br-menu-item` e subcomponentes auxiliares.
+     * @example ```html
+     * <br-menu push>
+     *   <div slot="header">Minha aplicação</div>
+     *   <br-menu-list label="Administração">
+     *     <br-menu-item href="/dashboard" active>Dashboard</br-menu-item>
+     *     <br-menu-item href="/usuarios">Usuários</br-menu-item>
+     *   </br-menu-list>
+     * </br-menu>
+     * ```
+     */
+    interface HTMLBrMenuElement extends Components.BrMenu, HTMLStencilElement {
+    }
+    var HTMLBrMenuElement: {
+        prototype: HTMLBrMenuElement;
+        new (): HTMLBrMenuElement;
+    };
+    interface HTMLBrMenuHeaderElementEventMap {
+        "brMenuHeaderClose": void;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-header?tab=designer).
+     */
+    interface HTMLBrMenuHeaderElement extends Components.BrMenuHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrMenuHeaderElementEventMap>(type: K, listener: (this: HTMLBrMenuHeaderElement, ev: BrMenuHeaderCustomEvent<HTMLBrMenuHeaderElementEventMap[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 HTMLBrMenuHeaderElementEventMap>(type: K, listener: (this: HTMLBrMenuHeaderElement, ev: BrMenuHeaderCustomEvent<HTMLBrMenuHeaderElementEventMap[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 HTMLBrMenuHeaderElement: {
+        prototype: HTMLBrMenuHeaderElement;
+        new (): HTMLBrMenuHeaderElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-info?tab=designer).
+     */
+    interface HTMLBrMenuInfoElement extends Components.BrMenuInfo, HTMLStencilElement {
+    }
+    var HTMLBrMenuInfoElement: {
+        prototype: HTMLBrMenuInfoElement;
+        new (): HTMLBrMenuInfoElement;
+    };
+    interface HTMLBrMenuItemElement extends Components.BrMenuItem, HTMLStencilElement {
+    }
+    var HTMLBrMenuItemElement: {
+        prototype: HTMLBrMenuItemElement;
+        new (): HTMLBrMenuItemElement;
+    };
+    interface HTMLBrMenuLinkElementEventMap {
+        "brLinkClick": void;
+    }
+    /**
+     * Menu Link - Representa cada link para acesso a sites externos no rodapé do menu.
+     */
+    interface HTMLBrMenuLinkElement extends Components.BrMenuLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrMenuLinkElementEventMap>(type: K, listener: (this: HTMLBrMenuLinkElement, ev: BrMenuLinkCustomEvent<HTMLBrMenuLinkElementEventMap[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 HTMLBrMenuLinkElementEventMap>(type: K, listener: (this: HTMLBrMenuLinkElement, ev: BrMenuLinkCustomEvent<HTMLBrMenuLinkElementEventMap[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 HTMLBrMenuLinkElement: {
+        prototype: HTMLBrMenuLinkElement;
+        new (): HTMLBrMenuLinkElement;
+    };
+    interface HTMLBrMenuListElementEventMap {
+        "folderToggled": boolean;
+        "navigateToSubmenu": { element: HTMLElement; label: string };
+    }
+    interface HTMLBrMenuListElement extends Components.BrMenuList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrMenuListElementEventMap>(type: K, listener: (this: HTMLBrMenuListElement, ev: BrMenuListCustomEvent<HTMLBrMenuListElementEventMap[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 HTMLBrMenuListElementEventMap>(type: K, listener: (this: HTMLBrMenuListElement, ev: BrMenuListCustomEvent<HTMLBrMenuListElementEventMap[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 HTMLBrMenuListElement: {
+        prototype: HTMLBrMenuListElement;
+        new (): HTMLBrMenuListElement;
+    };
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).
+     */
+    interface HTMLBrMenuLogoElement extends Components.BrMenuLogo, HTMLStencilElement {
+    }
+    var HTMLBrMenuLogoElement: {
+        prototype: HTMLBrMenuLogoElement;
+        new (): HTMLBrMenuLogoElement;
+    };
+    interface HTMLBrMenuSocialElementEventMap {
+        "brSocialClick": void;
+    }
+    /**
+     * Menu Social - Representa cada link para acesso a redes sociais.
+     */
+    interface HTMLBrMenuSocialElement extends Components.BrMenuSocial, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrMenuSocialElementEventMap>(type: K, listener: (this: HTMLBrMenuSocialElement, ev: BrMenuSocialCustomEvent<HTMLBrMenuSocialElementEventMap[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 HTMLBrMenuSocialElementEventMap>(type: K, listener: (this: HTMLBrMenuSocialElement, ev: BrMenuSocialCustomEvent<HTMLBrMenuSocialElementEventMap[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 HTMLBrMenuSocialElement: {
+        prototype: HTMLBrMenuSocialElement;
+        new (): HTMLBrMenuSocialElement;
+    };
     interface HTMLBrMessageElementEventMap {
         "brDidClose": any;
     }
@@ -2568,6 +3276,78 @@ declare global {
         prototype: HTMLBrSignInElement;
         new (): HTMLBrSignInElement;
     };
+    interface HTMLBrSkipLinkElementEventMap {
+        "brSkiplinkNavigation": { itemId: string; target: string };
+        "brDidShow": void;
+        "brDidHide": void;
+    }
+    /**
+     * O componente Skip Link consiste em uma lista de itens que auxiliam os usuários a navegarem
+     * por uma página com o auxílio do teclado, sendo extremamente útil para pessoas que dependem
+     * de leitores de tela ou navegação via teclado.
+     * Este componente implementa atalhos de teclado para acessibilidade, permitindo que o usuário
+     * acesse rapidamente áreas importantes da página utilizando Alt+[número]. Os números das teclas
+     * são definidos na propriedade `key-number` de cada item e exibidos visualmente na interface.
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/skip-link?tab=designer).
+     * @example ```html
+     * <br-skip-link>
+     *   <br-skiplink-item target="#main-content" key-number="1">
+     *     Ir para o conteúdo principal
+     *   </br-skiplink-item>
+     *   <br-skiplink-item target="#menu" key-number="2">
+     *     Ir para o menu
+     *   </br-skiplink-item>
+     *   <br-skiplink-item target="#search" key-number="3">
+     *     Ir para a busca
+     *   </br-skiplink-item>
+     * </br-skip-link>
+     * ```
+     * Neste exemplo, o componente exibirá automaticamente as tags com os números 1, 2 e 3
+     * ao lado dos textos. O usuário pode usar Alt+1 para ir ao conteúdo principal,
+     * Alt+2 para ir ao menu, e Alt+3 para ir à busca.
+     */
+    interface HTMLBrSkipLinkElement extends Components.BrSkipLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrSkipLinkElementEventMap>(type: K, listener: (this: HTMLBrSkipLinkElement, ev: BrSkipLinkCustomEvent<HTMLBrSkipLinkElementEventMap[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 HTMLBrSkipLinkElementEventMap>(type: K, listener: (this: HTMLBrSkipLinkElement, ev: BrSkipLinkCustomEvent<HTMLBrSkipLinkElementEventMap[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 HTMLBrSkipLinkElement: {
+        prototype: HTMLBrSkipLinkElement;
+        new (): HTMLBrSkipLinkElement;
+    };
+    interface HTMLBrSkiplinkItemElementEventMap {
+        "brSkiplinkItemClick": { itemId: string; target: string };
+        "brSkiplinkItemFocus": { itemId: string };
+    }
+    /**
+     * Item individual do componente Skip Link.
+     * Representa um link de navegação rápida para uma seção específica da página.
+     * Permite navegação por atalhos de teclado usando Alt+[keyNumber].
+     * @example ```html
+     * <br-skiplink-item target="#main-content" key-number="1">
+     *   Ir para o conteúdo principal
+     * </br-skiplink-item>
+     * ```
+     */
+    interface HTMLBrSkiplinkItemElement extends Components.BrSkiplinkItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrSkiplinkItemElementEventMap>(type: K, listener: (this: HTMLBrSkiplinkItemElement, ev: BrSkiplinkItemCustomEvent<HTMLBrSkiplinkItemElementEventMap[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 HTMLBrSkiplinkItemElementEventMap>(type: K, listener: (this: HTMLBrSkiplinkItemElement, ev: BrSkiplinkItemCustomEvent<HTMLBrSkiplinkItemElementEventMap[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 HTMLBrSkiplinkItemElement: {
+        prototype: HTMLBrSkiplinkItemElement;
+        new (): HTMLBrSkiplinkItemElement;
+    };
     interface HTMLBrStepElementEventMap {
         "brDidLoad": void;
         "brWillLoad": void;
@@ -2798,10 +3578,21 @@ declare global {
         prototype: HTMLBrTooltipElement;
         new (): HTMLBrTooltipElement;
     };
+    interface HTMLBrUploadElementEventMap {
+        "selectedFilesChange": FileList;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).
      */
     interface HTMLBrUploadElement extends Components.BrUpload, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrUploadElementEventMap>(type: K, listener: (this: HTMLBrUploadElement, ev: BrUploadCustomEvent<HTMLBrUploadElementEventMap[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 HTMLBrUploadElementEventMap>(type: K, listener: (this: HTMLBrUploadElement, ev: BrUploadCustomEvent<HTMLBrUploadElementEventMap[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 HTMLBrUploadElement: {
         prototype: HTMLBrUploadElement;
@@ -2823,12 +3614,25 @@ declare global {
         "br-footer-legal": HTMLBrFooterLegalElement;
         "br-footer-logo": HTMLBrFooterLogoElement;
         "br-footer-social": HTMLBrFooterSocialElement;
+        "br-header": HTMLBrHeaderElement;
+        "br-header-function": HTMLBrHeaderFunctionElement;
+        "br-header-link": HTMLBrHeaderLinkElement;
+        "br-header-list": HTMLBrHeaderListElement;
+        "br-header-logo": HTMLBrHeaderLogoElement;
         "br-icon": HTMLBrIconElement;
         "br-input": HTMLBrInputElement;
         "br-item": HTMLBrItemElement;
         "br-list": HTMLBrListElement;
         "br-loading": HTMLBrLoadingElement;
         "br-magic-button": HTMLBrMagicButtonElement;
+        "br-menu": HTMLBrMenuElement;
+        "br-menu-header": HTMLBrMenuHeaderElement;
+        "br-menu-info": HTMLBrMenuInfoElement;
+        "br-menu-item": HTMLBrMenuItemElement;
+        "br-menu-link": HTMLBrMenuLinkElement;
+        "br-menu-list": HTMLBrMenuListElement;
+        "br-menu-logo": HTMLBrMenuLogoElement;
+        "br-menu-social": HTMLBrMenuSocialElement;
         "br-message": HTMLBrMessageElement;
         "br-modal": HTMLBrModalElement;
         "br-pagination": HTMLBrPaginationElement;
@@ -2836,6 +3640,8 @@ declare global {
         "br-scrim": HTMLBrScrimElement;
         "br-select": HTMLBrSelectElement;
         "br-sign-in": HTMLBrSignInElement;
+        "br-skip-link": HTMLBrSkipLinkElement;
+        "br-skiplink-item": HTMLBrSkiplinkItemElement;
         "br-step": HTMLBrStepElement;
         "br-step-item": HTMLBrStepItemElement;
         "br-switch": HTMLBrSwitchElement;
@@ -3402,7 +4208,205 @@ declare namespace LocalJSX {
      * 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 {
+    interface BrFooterLogo {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Descrição da logo.
+          * @default 'logo'
+         */
+        "description"?: string;
+        /**
+          * URL de destino quando a logo for clicada. Se fornecido, a logo será envolvida em um link.
+         */
+        "href"?: string;
+        /**
+          * Define se a logo é de um parceiro.
+          * @default false
+         */
+        "isPartner"?: boolean;
+        /**
+          * Posição da logo.
+          * @default 'left'
+         */
+        "position"?: 'left' | 'center' | 'right';
+        /**
+          * Url da logo padrão.
+          * @default ''
+         */
+        "src"?: string;
+        /**
+          * Target do link quando href é fornecido.
+          * @default '_self'
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+    }
+    /**
+     * 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.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Descrição do ícone da rede social
+         */
+        "description"?: string;
+        /**
+          * URL da rede social
+          * @default null
+         */
+        "href"?: string;
+        /**
+          * Ícone da rede social
+         */
+        "icon"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeader {
+        /**
+          * Indica o texto exibido como título do header.
+          * @default null
+         */
+        "caption"?: string;
+        /**
+          * Indica a URL associada ao título do header.
+          * @default null
+         */
+        "captionUrl"?: string;
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Indica a densidade do cabeçalho. Pode ser 'small', 'medium' ou 'large'.
+          * @default 'medium'
+         */
+        "density"?: HeaderDensity;
+        /**
+          * Indica se o cabeçalho deve ser exibido em um modo compacto. Quando definido como true, o cabeçalho será renderizado em um estilo compacto.
+          * @default false
+         */
+        "isCompact"?: boolean;
+        /**
+          * Indica se o cabeçalho deve ser exibido em um modo fixo. Quando definido como true, o cabeçalho será fixo no topo da página durante a rolagem.
+          * @default false
+         */
+        "isSticky"?: boolean;
+        /**
+          * Evento disparado quando o cabeçalho entra ou sai do modo compacto. O evento contém os detalhes do estado compacto e o ID do componente pai.
+          * @event headerCompactChange
+         */
+        "onHeaderCompactChange"?: (event: BrHeaderCustomEvent<{ parentId: string; isCompact: boolean }>) => void;
+        /**
+          * Evento disparado para indicar qual lista deve encolher primeiro. O evento contém os detalhes do ID do componente pai e o nome da lista.
+          * @event headerWidthChange
+         */
+        "onHeaderWidthChange"?: (event: BrHeaderCustomEvent<{ id: string; listNames: ('links' | 'functions')[]; shrink: boolean }>) => void;
+        /**
+          * Indica qual lista deve encolher primeiro quando o espaço for limitado. Pode ser 'links' ou 'functions'.
+          * @default 'functions'
+         */
+        "shrinkFirst"?: 'links' | 'functions';
+        /**
+          * Indica o texto exibido como assinatura do header.
+          * @default null
+         */
+        "signature"?: string;
+        /**
+          * Indica o texto exibido como subtítulo do header.
+          * @default null
+         */
+        "subcaption"?: string;
+        /**
+          * Indica a URL associada ao subtítulo do header.
+          * @default null
+         */
+        "subcaptionUrl"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderFunction {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * URL para a funcionalidade.
+          * @default null
+         */
+        "href"?: string;
+        /**
+          * Nome do ícone a ser exibido.
+          * @default null
+         */
+        "iconName"?: 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.
+          * @default `_self`
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderLink {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * URL do link.
+          * @default null
+         */
+        "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.
+          * @default `_self`
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderList {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Título da lista.
+          * @default null
+         */
+        "listTitle"?: string;
+        /**
+          * Evento disparado quando a lista recebe foco. O evento envia o ID do componente.
+          * @event headerListFocused
+         */
+        "onHeaderListFocused"?: (event: BrHeaderListCustomEvent<{ id: string }>) => void;
+        /**
+          * Evento disparado para indicar qual lista deve encolher primeiro. O evento envia o ID do componente pai e o nome da lista.
+          * @event headerWidthChange
+         */
+        "onHeaderListUpdate"?: (event: BrHeaderListCustomEvent<{ id: string; listName: string }>) => void;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+     */
+    interface BrHeaderLogo {
         /**
           * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
           * @default Helpers.generateUniqueId()
@@ -3413,20 +4417,20 @@ declare namespace LocalJSX {
           * @default 'logo'
          */
         "description"?: string;
+        /**
+          * Altura da imagem.
+          * @default auto
+         */
+        "height"?: string;
         /**
           * URL de destino quando a logo for clicada. Se fornecido, a logo será envolvida em um link.
          */
         "href"?: string;
         /**
-          * Define se a logo é de um parceiro.
+          * Indica se a logo está em modo compacto.
           * @default false
          */
-        "isPartner"?: boolean;
-        /**
-          * Posição da logo.
-          * @default 'left'
-         */
-        "position"?: 'left' | 'center' | 'right';
+        "isCompact"?: boolean;
         /**
           * Url da logo padrão.
           * @default ''
@@ -3437,30 +4441,11 @@ declare namespace LocalJSX {
           * @default '_self'
          */
         "target"?: '_blank' | '_self' | '_parent' | '_top';
-    }
-    /**
-     * 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.
-          * @default Helpers.generateUniqueId()
-         */
-        "customId"?: string;
-        /**
-          * Descrição do ícone da rede social
-         */
-        "description"?: string;
-        /**
-          * URL da rede social
-          * @default null
-         */
-        "href"?: string;
         /**
-          * Ícone da rede social
+          * Largura da imagem.
+          * @default auto
          */
-        "icon"?: string;
+        "width"?: string;
     }
     /**
      * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
@@ -3830,6 +4815,235 @@ declare namespace LocalJSX {
          */
         "label"?: string;
     }
+    /**
+     * Componente raiz do Menu responsivo do Design System. Ele organiza navegação hierárquica, rodapé contextual e
+     * comportamentos como push/contextual, integrando `br-menu-list`, `br-menu-item` e subcomponentes auxiliares.
+     * @example ```html
+     * <br-menu push>
+     *   <div slot="header">Minha aplicação</div>
+     *   <br-menu-list label="Administração">
+     *     <br-menu-item href="/dashboard" active>Dashboard</br-menu-item>
+     *     <br-menu-item href="/usuarios">Usuários</br-menu-item>
+     *   </br-menu-list>
+     * </br-menu>
+     * ```
+     */
+    interface BrMenu {
+        /**
+          * Classes CSS para definir breakpoints responsivos do menu. Utilize esta propriedade para controlar a largura do menu em diferentes tamanhos de tela.
+          * @default 'col-sm-4 col-lg-3'
+         */
+        "breakpoints"?: string;
+        /**
+          * Define se o menu deve usar comportamento contextual (aparece na parte inferior). Quando ativado, o menu é posicionado na parte inferior da tela em dispositivos móveis.
+          * @default false
+         */
+        "contextual"?: boolean;
+        /**
+          * Rótulo do botão trigger do menu contextual. Exibido apenas em modo contextual e em telas menores (mobile).
+          * @default 'Menu Contextual'
+         */
+        "contextualLabel"?: string;
+        /**
+          * Define a densidade dos itens do menu, alterando o espaçamento interno. - `small` (densidade alta): itens mais compactos - `medium` (padrão): equilíbrio entre economia de espaço e separação - `large` (densidade baixa): maior espaçamento (recomendado em touch)
+          * @default 'medium'
+         */
+        "density"?: 'large' | 'medium' | 'small';
+        /**
+          * Define se o menu deve usar comportamento push (sempre visível em telas maiores). Quando ativado, o menu permanece fixo na lateral e empurra o conteúdo principal.
+          * @default false
+         */
+        "push"?: boolean;
+        /**
+          * Título da seção de redes sociais exibida no rodapé do menu. Utilize esta propriedade para personalizar o texto que aparece acima dos ícones sociais.
+          * @default 'Redes Sociais'
+         */
+        "socialTitle"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-header?tab=designer).
+     */
+    interface BrMenuHeader {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default `br-menu-${MenuHeaderId++}`
+         */
+        "customId"?: string;
+        /**
+          * Texto alternativo para a imagem do logo
+          * @default 'Logo'
+         */
+        "logoAlt"?: string;
+        /**
+          * URL da imagem do logo no cabeçalho do menu
+         */
+        "logoSrc"?: string;
+        /**
+          * Evento emitido quando o botão de fechar é clicado
+         */
+        "onBrMenuHeaderClose"?: (event: BrMenuHeaderCustomEvent<void>) => void;
+        /**
+          * Texto de identificação do site ou sistema
+         */
+        "signature"?: string;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-info?tab=designer).
+     */
+    interface BrMenuInfo {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default `br-menu-info-${MenuInfoId++}`
+         */
+        "customId"?: string;
+        /**
+          * Informações adicionais em formato de texto
+         */
+        "info"?: string;
+    }
+    interface BrMenuItem {
+        /**
+          * Define se o item do menu está ativo/selecionado. Quando ativado, aplica estilos visuais para destacar o item como atual ou selecionado.
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Define o modo de exibição do item, controlando os ícones de expansão. - `accordion`: exibe setas para cima/baixo (usado em menus de nível 0). - `drill-down`: exibe seta para a direita (usado em menus de níveis 1+). - `none`: não exibe ícones de expansão.
+          * @default 'none'
+         */
+        "displayMode"?: 'accordion' | 'drill-down' | 'none';
+        /**
+          * Define se o item deve exibir um divisor visual. Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.
+          * @default false
+         */
+        "divider"?: boolean;
+        /**
+          * Indica se o item está expandido para fins de acessibilidade (ARIA). Este estado é controlado externamente (por exemplo, por br-menu-list). Não altera o estado visual de "active".
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * URL de destino do link do item do menu. Utilize esta propriedade para definir o endereço para onde o usuário será direcionado ao clicar no item.
+          * @default '#'
+         */
+        "href"?: string;
+        /**
+          * Ícone exibido no item do menu. Utilize esta propriedade para definir o ícone que será mostrado ao lado do conteúdo do item.
+         */
+        "icon"?: string;
+        /**
+          * Define como o link será aberto. - `_self`: abre no mesmo contexto de navegação (padrão) - `_blank`: abre em nova aba ou janela - `_parent`: abre no contexto pai - `_top`: abre no contexto de nível superior
+          * @default '_blank'
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+    }
+    /**
+     * Menu Link - Representa cada link para acesso a sites externos no rodapé do menu.
+     */
+    interface BrMenuLink {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default `br-menu-link-${MenuLinkId++}`
+         */
+        "customId"?: string;
+        /**
+          * Evento emitido quando o link externo é clicado
+         */
+        "onBrLinkClick"?: (event: BrMenuLinkCustomEvent<void>) => void;
+        /**
+          * Título do link
+         */
+        "titulo": string;
+        /**
+          * URL do link
+         */
+        "url": string;
+    }
+    interface BrMenuList {
+        /**
+          * Define se o item deve exibir um divisor visual. Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.
+          * @default false
+         */
+        "divider"?: boolean;
+        /**
+          * Define se o menu-list inicia expandido. Útil para manter agrupamentos abertos por padrão no menu contextual.
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * Ícone exibido no item do menu. Utilize esta propriedade para definir o ícone que será mostrado ao lado do label.
+         */
+        "icon"?: string;
+        /**
+          * Texto do label do item do menu. Utilize esta propriedade para definir o texto que será exibido no item do menu.
+         */
+        "label"?: string;
+        /**
+          * Nível do menu na hierarquia de navegação. Utilizado para determinar o comportamento do menu (acordeão para nível 0, drill-down para níveis superiores).
+          * @default 0
+         */
+        "menuLevel"?: number;
+        /**
+          * Emitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão).
+         */
+        "onFolderToggled"?: (event: BrMenuListCustomEvent<boolean>) => void;
+        /**
+          * Emitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down).
+         */
+        "onNavigateToSubmenu"?: (event: BrMenuListCustomEvent<{ element: HTMLElement; label: string }>) => void;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).
+     */
+    interface BrMenuLogo {
+        /**
+          * Texto alternativo da imagem
+         */
+        "alt"?: string;
+        /**
+          * ID personalizado para o elemento, útil para acessibilidade e identificação única. Se não for fornecido, um ID único será gerado automaticamente.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Altura da imagem (com unidade, ex: '80px', 'auto')
+         */
+        "height"?: string;
+        /**
+          * URL da imagem
+         */
+        "src": string;
+        /**
+          * Largura da imagem (com unidade, ex: '100px', '50%')
+         */
+        "width"?: string;
+    }
+    /**
+     * Menu Social - Representa cada link para acesso a redes sociais.
+     */
+    interface BrMenuSocial {
+        /**
+          * Rótulo para acessibilidade
+         */
+        "ariaLabel": string;
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Ícone da rede social
+         */
+        "icon"?: string;
+        /**
+          * Evento emitido quando o link de rede social é clicado
+         */
+        "onBrSocialClick"?: (event: BrMenuSocialCustomEvent<void>) => void;
+        /**
+          * URL do link
+         */
+        "url": string;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).
      */
@@ -4274,6 +5488,107 @@ declare namespace LocalJSX {
          */
         "target"?: '_self' | '_blank' | '_parent' | '_top';
     }
+    /**
+     * O componente Skip Link consiste em uma lista de itens que auxiliam os usuários a navegarem
+     * por uma página com o auxílio do teclado, sendo extremamente útil para pessoas que dependem
+     * de leitores de tela ou navegação via teclado.
+     * Este componente implementa atalhos de teclado para acessibilidade, permitindo que o usuário
+     * acesse rapidamente áreas importantes da página utilizando Alt+[número]. Os números das teclas
+     * são definidos na propriedade `key-number` de cada item e exibidos visualmente na interface.
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/skip-link?tab=designer).
+     * @example ```html
+     * <br-skip-link>
+     *   <br-skiplink-item target="#main-content" key-number="1">
+     *     Ir para o conteúdo principal
+     *   </br-skiplink-item>
+     *   <br-skiplink-item target="#menu" key-number="2">
+     *     Ir para o menu
+     *   </br-skiplink-item>
+     *   <br-skiplink-item target="#search" key-number="3">
+     *     Ir para a busca
+     *   </br-skiplink-item>
+     * </br-skip-link>
+     * ```
+     * Neste exemplo, o componente exibirá automaticamente as tags com os números 1, 2 e 3
+     * ao lado dos textos. O usuário pode usar Alt+1 para ir ao conteúdo principal,
+     * Alt+2 para ir ao menu, e Alt+3 para ir à busca.
+     */
+    interface BrSkipLink {
+        /**
+          * Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Evento emitido quando o skiplink se torna oculto.
+         */
+        "onBrDidHide"?: (event: BrSkipLinkCustomEvent<void>) => void;
+        /**
+          * Evento emitido quando o skiplink se torna visível.
+         */
+        "onBrDidShow"?: (event: BrSkipLinkCustomEvent<void>) => void;
+        /**
+          * Evento emitido quando um item do skiplink é ativado. O evento contém informações sobre o item acionado e o elemento target.
+         */
+        "onBrSkiplinkNavigation"?: (event: BrSkipLinkCustomEvent<{ itemId: string; target: string }>) => void;
+        /**
+          * Define a posição do skip link na tela. - 'top-left': Posicionado no canto superior esquerdo. - 'top-center': Posicionado no centro superior. - 'top-right': Posicionado no canto superior direito.
+          * @default 'top-left'
+         */
+        "position"?: 'top-left' | 'top-center' | 'top-right';
+        /**
+          * Exibe a contagem de itens no formato (1/4), (2/4), etc. Quando `true`, cada item mostrará sua posição relativa ao total de itens. Por padrão, é `true` para o modo simple e `false` para o modo compound.
+         */
+        "showItemCount"?: boolean;
+        /**
+          * Define se o skip link apresenta um ou múltiplos itens visíveis. - 'simple': Exibe apenas um item por vez. - 'compound': Exibe uma lista com múltiplos itens.
+          * @default 'compound'
+         */
+        "variant"?: 'simple' | 'compound';
+        /**
+          * Define o z-index do componente. Controla a ordem de empilhamento do componente na página.
+          * @default null
+         */
+        "zIndex"?: number | null;
+    }
+    /**
+     * Item individual do componente Skip Link.
+     * Representa um link de navegação rápida para uma seção específica da página.
+     * Permite navegação por atalhos de teclado usando Alt+[keyNumber].
+     * @example ```html
+     * <br-skiplink-item target="#main-content" key-number="1">
+     *   Ir para o conteúdo principal
+     * </br-skiplink-item>
+     * ```
+     */
+    interface BrSkiplinkItem {
+        /**
+          * ID personalizado. Caso não seja fornecido, um ID gerado automaticamente será usado.
+          * @default Helpers.generateUniqueId()
+         */
+        "customId"?: string;
+        /**
+          * Controla a visibilidade da tag numérica. Quando `true`, a tag numérica não será exibida, mesmo que `keyNumber` esteja definido. O atalho de teclado continua funcionando, apenas a indicação visual é ocultada.
+          * @default false
+         */
+        "hideTag"?: boolean;
+        /**
+          * Número da tecla para acesso rápido. Permite que o usuário ative este item pressionando Alt+[keyNumber]. Aceita valores de 1 a 9. Esta propriedade implementa uma alternativa ao accessKey nativa, fornecendo um atalho de teclado consistente e acessível.
+         */
+        "keyNumber"?: number;
+        /**
+          * Evento emitido quando o item é clicado/ativado. O evento contém informações sobre o item e o target.
+         */
+        "onBrSkiplinkItemClick"?: (event: BrSkiplinkItemCustomEvent<{ itemId: string; target: string }>) => void;
+        /**
+          * Evento emitido quando o item recebe foco.
+         */
+        "onBrSkiplinkItemFocus"?: (event: BrSkiplinkItemCustomEvent<{ itemId: string }>) => void;
+        /**
+          * ID do elemento de destino ou seletor CSS. Este é o elemento para o qual o usuário será levado ao ativar este item.
+         */
+        "target": string;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/step?tab=designer).
      */
@@ -4804,6 +6119,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "multiple"?: boolean;
+        /**
+          * Evento emitido quando a lista de arquivos selecionados é alterada.
+         */
+        "onSelectedFilesChange"?: (event: BrUploadCustomEvent<FileList>) => void;
         /**
           * 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'.
          */
@@ -4825,12 +6144,25 @@ declare namespace LocalJSX {
         "br-footer-legal": BrFooterLegal;
         "br-footer-logo": BrFooterLogo;
         "br-footer-social": BrFooterSocial;
+        "br-header": BrHeader;
+        "br-header-function": BrHeaderFunction;
+        "br-header-link": BrHeaderLink;
+        "br-header-list": BrHeaderList;
+        "br-header-logo": BrHeaderLogo;
         "br-icon": BrIcon;
         "br-input": BrInput;
         "br-item": BrItem;
         "br-list": BrList;
         "br-loading": BrLoading;
         "br-magic-button": BrMagicButton;
+        "br-menu": BrMenu;
+        "br-menu-header": BrMenuHeader;
+        "br-menu-info": BrMenuInfo;
+        "br-menu-item": BrMenuItem;
+        "br-menu-link": BrMenuLink;
+        "br-menu-list": BrMenuList;
+        "br-menu-logo": BrMenuLogo;
+        "br-menu-social": BrMenuSocial;
         "br-message": BrMessage;
         "br-modal": BrModal;
         "br-pagination": BrPagination;
@@ -4838,6 +6170,8 @@ declare namespace LocalJSX {
         "br-scrim": BrScrim;
         "br-select": BrSelect;
         "br-sign-in": BrSignIn;
+        "br-skip-link": BrSkipLink;
+        "br-skiplink-item": BrSkiplinkItem;
         "br-step": BrStep;
         "br-step-item": BrStepItem;
         "br-switch": BrSwitch;
@@ -5022,6 +6356,26 @@ declare module "@stencil/core" {
              * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
              */
             "br-footer-social": LocalJSX.BrFooterSocial & JSXBase.HTMLAttributes<HTMLBrFooterSocialElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+             */
+            "br-header": LocalJSX.BrHeader & JSXBase.HTMLAttributes<HTMLBrHeaderElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+             */
+            "br-header-function": LocalJSX.BrHeaderFunction & JSXBase.HTMLAttributes<HTMLBrHeaderFunctionElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+             */
+            "br-header-link": LocalJSX.BrHeaderLink & JSXBase.HTMLAttributes<HTMLBrHeaderLinkElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+             */
+            "br-header-list": LocalJSX.BrHeaderList & JSXBase.HTMLAttributes<HTMLBrHeaderListElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+             */
+            "br-header-logo": LocalJSX.BrHeaderLogo & JSXBase.HTMLAttributes<HTMLBrHeaderLogoElement>;
             /**
              * 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.
@@ -5061,6 +6415,42 @@ declare module "@stencil/core" {
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/magicbutton?tab=designer).
              */
             "br-magic-button": LocalJSX.BrMagicButton & JSXBase.HTMLAttributes<HTMLBrMagicButtonElement>;
+            /**
+             * Componente raiz do Menu responsivo do Design System. Ele organiza navegação hierárquica, rodapé contextual e
+             * comportamentos como push/contextual, integrando `br-menu-list`, `br-menu-item` e subcomponentes auxiliares.
+             * @example ```html
+             * <br-menu push>
+             *   <div slot="header">Minha aplicação</div>
+             *   <br-menu-list label="Administração">
+             *     <br-menu-item href="/dashboard" active>Dashboard</br-menu-item>
+             *     <br-menu-item href="/usuarios">Usuários</br-menu-item>
+             *   </br-menu-list>
+             * </br-menu>
+             * ```
+             */
+            "br-menu": LocalJSX.BrMenu & JSXBase.HTMLAttributes<HTMLBrMenuElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-header?tab=designer).
+             */
+            "br-menu-header": LocalJSX.BrMenuHeader & JSXBase.HTMLAttributes<HTMLBrMenuHeaderElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-info?tab=designer).
+             */
+            "br-menu-info": LocalJSX.BrMenuInfo & JSXBase.HTMLAttributes<HTMLBrMenuInfoElement>;
+            "br-menu-item": LocalJSX.BrMenuItem & JSXBase.HTMLAttributes<HTMLBrMenuItemElement>;
+            /**
+             * Menu Link - Representa cada link para acesso a sites externos no rodapé do menu.
+             */
+            "br-menu-link": LocalJSX.BrMenuLink & JSXBase.HTMLAttributes<HTMLBrMenuLinkElement>;
+            "br-menu-list": LocalJSX.BrMenuList & JSXBase.HTMLAttributes<HTMLBrMenuListElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).
+             */
+            "br-menu-logo": LocalJSX.BrMenuLogo & JSXBase.HTMLAttributes<HTMLBrMenuLogoElement>;
+            /**
+             * Menu Social - Representa cada link para acesso a redes sociais.
+             */
+            "br-menu-social": LocalJSX.BrMenuSocial & JSXBase.HTMLAttributes<HTMLBrMenuSocialElement>;
             /**
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).
              */
@@ -5100,6 +6490,43 @@ declare module "@stencil/core" {
              * <br-sign-in href="https://help.site.com" target="_blank">Ajuda</br-sign-in>
              */
             "br-sign-in": LocalJSX.BrSignIn & JSXBase.HTMLAttributes<HTMLBrSignInElement>;
+            /**
+             * O componente Skip Link consiste em uma lista de itens que auxiliam os usuários a navegarem
+             * por uma página com o auxílio do teclado, sendo extremamente útil para pessoas que dependem
+             * de leitores de tela ou navegação via teclado.
+             * Este componente implementa atalhos de teclado para acessibilidade, permitindo que o usuário
+             * acesse rapidamente áreas importantes da página utilizando Alt+[número]. Os números das teclas
+             * são definidos na propriedade `key-number` de cada item e exibidos visualmente na interface.
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/skip-link?tab=designer).
+             * @example ```html
+             * <br-skip-link>
+             *   <br-skiplink-item target="#main-content" key-number="1">
+             *     Ir para o conteúdo principal
+             *   </br-skiplink-item>
+             *   <br-skiplink-item target="#menu" key-number="2">
+             *     Ir para o menu
+             *   </br-skiplink-item>
+             *   <br-skiplink-item target="#search" key-number="3">
+             *     Ir para a busca
+             *   </br-skiplink-item>
+             * </br-skip-link>
+             * ```
+             * Neste exemplo, o componente exibirá automaticamente as tags com os números 1, 2 e 3
+             * ao lado dos textos. O usuário pode usar Alt+1 para ir ao conteúdo principal,
+             * Alt+2 para ir ao menu, e Alt+3 para ir à busca.
+             */
+            "br-skip-link": LocalJSX.BrSkipLink & JSXBase.HTMLAttributes<HTMLBrSkipLinkElement>;
+            /**
+             * Item individual do componente Skip Link.
+             * Representa um link de navegação rápida para uma seção específica da página.
+             * Permite navegação por atalhos de teclado usando Alt+[keyNumber].
+             * @example ```html
+             * <br-skiplink-item target="#main-content" key-number="1">
+             *   Ir para o conteúdo principal
+             * </br-skiplink-item>
+             * ```
+             */
+            "br-skiplink-item": LocalJSX.BrSkiplinkItem & JSXBase.HTMLAttributes<HTMLBrSkiplinkItemElement>;
             /**
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/step?tab=designer).
              */