@govbr-ds/webcomponents 2.0.0-next.59 → 2.0.0-next.60

package/dist/custom-elements.json

@@ -4,29 +4,26 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "components/avatar.js",
+      "path": "components/breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n\n## Examples",
-          "name": "Avatar",
+          "description": "",
+          "name": "Breadcrumb",
           "members": [
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBrAvatarElement"
-              },
-              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
+                "text": "HTMLBrBreadcrumbElement"
+              }
             },
             {
               "kind": "field",
-              "name": "density",
+              "name": "elementInternals",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
+                "text": "ElementInternals"
+              }
             },
             {
               "kind": "field",
@@ -35,272 +32,330 @@
                 "text": "string"
               },
               "readonly": true,
-              "default": "`br-avatar-${avatarId++}`",
+              "default": "`br-breadcrumb-${breadcrumbId++}`",
               "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
             },
             {
               "kind": "field",
-              "name": "src",
+              "name": "homeUrl",
               "type": {
                 "text": "string"
               },
-              "readonly": true,
-              "description": "URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\nDeve ser uma URL válida que aponta para a imagem desejada."
+              "default": "'/'",
+              "description": "URL para home.\nCaso não seja fornecido, o valor padrão será /."
             },
             {
               "kind": "field",
-              "name": "alt",
+              "name": "crumbs",
               "type": {
-                "text": "string"
+                "text": "string | BreadcrumbItem[]"
               },
-              "readonly": true,
-              "default": "'Foto de perfil do usuário'",
-              "description": "Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\nDeve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\"."
+              "description": "Define o array de objetos que receberá os nomes e links do breadcrumb.\nDefine valor padrão do breadcrumb 'defaultCrumbs'."
             },
             {
               "kind": "field",
-              "name": "isIconic",
+              "name": "defaultCrumbs",
+              "type": {
+                "text": "BreadcrumbItem[]"
+              },
+              "privacy": "private",
+              "default": "[ { label: 'Página 01', url: '/pagina-01' }, { label: 'Página 02', url: '/pagina-02' }, { label: 'Página Atual', active: true }, ]"
+            },
+            {
+              "kind": "field",
+              "name": "showTooltip",
               "type": {
                 "text": "boolean"
               },
-              "readonly": true,
               "default": "false",
-              "description": "Força a exibição do ícone padrão, sobrescreve outras opções (texto ou imagem).\nÚtil para manter consistência visual ou quando se deseja um avatar neutro independente do conteúdo disponível."
+              "description": "Define o estado oculto ou visível do tooltip."
             },
             {
               "kind": "field",
-              "name": "text",
+              "name": "tooltipPosition",
+              "type": {
+                "text": "{ x: number; y: number }"
+              },
+              "default": "{ x: 0, y: 0 }",
+              "description": "Define o posicionamento do tooltip na tela."
+            },
+            {
+              "kind": "field",
+              "name": "tooltipText",
               "type": {
                 "text": "string"
               },
-              "readonly": true,
-              "description": "Conteúdo textual do avatar.\nApenas o primeiro caractere será exibido em maiúscula."
+              "default": "''",
+              "description": "Define o texto do tooltip."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "isSmallScreen",
               "type": {
                 "text": "boolean"
               },
-              "readonly": true,
               "default": "false",
-              "description": "Define se o avatar está desabilitado"
+              "description": "Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.\nNo formato mobile o breadcrumb apresenta um comportamento específico."
             },
             {
               "kind": "field",
-              "name": "bgColor",
+              "name": "isTruncate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "readonly": true,
-              "default": "'#DBE8FB'",
-              "description": "Permite definir a cor de fundo do componente.\nAceita os seguintes formatos de cor:\n- Cores nomeadas do CSS: 'red', 'blue', 'green', 'yellow', etc.\n- Códigos hexadecimais: '#ff0000', '#00ff00', '#0000ff', etc.\n- Valores RGB: 'rgb(255, 0, 0)', 'rgb(0, 255, 0)', etc.\n- Valores RGBA: 'rgba(255, 0, 0, 0.5)', 'rgba(0, 255, 0, 0.8)', etc.\n- Valores HSL: 'hsl(0, 100%, 50%)', 'hsl(120, 100%, 50%)', etc.\n- Valores HSLA: 'hsla(0, 100%, 50%, 0.5)', 'hsla(240, 100%, 50%, 0.7)', etc.\nSe não especificada, usa a cor padrão do tema."
+              "default": "false",
+              "description": "Define se o breadcrumb deve truncar os itens por falta de espaço."
             },
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "larguraInterna",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Largura interna dos itens do breadcrumb."
+            },
+            {
+              "kind": "field",
+              "name": "larguraPai",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Largura do container pai do breadcrumb."
+            },
+            {
+              "kind": "field",
+              "name": "isFolderOpen",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Define o estado do botão 'Folder'.\nCaso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.\nCaso a lista dropdown esteja visível o ícone no botão será 'folder-minus'."
             },
             {
               "kind": "method",
-              "name": "handleDensityChange",
+              "name": "trunc",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "newValue",
+                  "name": "word",
                   "type": {
-                    "text": "'small' | 'medium' | 'large'"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Observa mudanças na propriedade density para validação e sincronização com atributo DOM.\nGarante que apenas valores válidos sejam aceitos e atualiza o atributo no elemento host."
-            },
-            {
-              "kind": "method",
-              "name": "getCssClassMap",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "CssClassMap"
-                }
-              },
-              "description": "Gera um mapa de classes CSS com base nas propriedades do componente."
+              "description": "Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.\nO número de caracteres pode ser configurado na variável 'charactersNumberTruncate'."
             },
             {
               "kind": "method",
-              "name": "hasContent",
+              "name": "handleMouseOver",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "text",
                   "type": {
                     "text": "string"
-                  },
-                  "description": "String a ser verificada"
+                  }
                 }
               ],
-              "description": "Verifica se uma string possui conteúdo válido (não vazia após remover espaços em branco)."
+              "description": "Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'."
             },
             {
-              "kind": "field",
-              "name": "handleImageError",
+              "kind": "method",
+              "name": "handleMouseOut",
               "privacy": "private",
-              "readonly": true
+              "description": "Esconde o tooltip caso o usuário realize o 'mouse out'."
             },
             {
               "kind": "method",
-              "name": "getContentClasses",
+              "name": "getParsedItems",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "BreadcrumbItem[]"
                 }
               },
-              "description": "Obtém as classes CSS para o elemento content."
+              "description": "Converte de string para JSON o valor passado na propriedade 'crumbs'.\nRetorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido"
             },
             {
               "kind": "method",
-              "name": "setCustomBackgroundColor",
+              "name": "handleHomeClick",
               "privacy": "private",
-              "description": "Define a variável CSS para cor de fundo personalizada para o avatar texto."
+              "description": "Ao clicar no botão HOME, direciona o usuário para URL passada na propriedade 'homeUrl'."
             },
             {
               "kind": "method",
-              "name": "getAriaLabel",
+              "name": "toggleFolder",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "description": "Gera aria-label apropriado baseado no tipo de avatar\nPrioriza aria-label do host, senão gera automaticamente"
+              "description": "Altera o estado do botão 'Folder', caso a lista dropdown esteja aberta ou fechada."
             },
             {
               "kind": "method",
-              "name": "getIconSize",
+              "name": "getCssClassMap",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "{ [key: string]: boolean }"
                 }
               },
-              "description": "Obtém o valor do token do DS para altura do ícone"
+              "description": "Define as classes CSS usadas no breadcrumb."
             },
             {
-              "kind": "method",
-              "name": "getIconWidth",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
               },
-              "description": "Obtém o valor do token do DS para largura do ícone (altura + 8px)"
+              "privacy": "private",
+              "description": "Atualiza o estado 'isSmallScreen' com base no tamanho do container pai, se menor que 570px."
             },
             {
-              "kind": "method",
-              "name": "renderTextAvatar",
+              "kind": "field",
+              "name": "updateContainerSize",
               "privacy": "private",
-              "description": "Renderiza o avatar do tipo 'letra/texto'.\nExibe a primeira letra do texto em maiúscula."
+              "description": "Atualiza os estados de largura do breadcrumb ao detectar mudanças no container pai."
             },
             {
               "kind": "method",
-              "name": "renderImageAvatar",
+              "name": "calcularLarguraItens",
               "privacy": "private",
-              "description": "Renderiza o avatar do tipo 'fotográfico/imagem'.\nExibe uma imagem carregada via URL."
+              "description": "Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento."
             },
             {
               "kind": "method",
-              "name": "renderIconAvatar",
+              "name": "renderHomeButton",
               "privacy": "private",
-              "description": "Renderiza o avatar do tipo 'icônico'.\nExibe um ícone padrão (fa-solid:user) posicionado na base do avatar."
+              "description": "Renderiza botão Home"
             },
             {
               "kind": "method",
-              "name": "renderAvatar",
+              "name": "renderTruncateButton",
               "privacy": "private",
-              "description": "Método principal de renderização do avatar.\nPrioridade: isIconic > texto > imagem > ícone (padrão)"
+              "description": "Renderiza botão Folder no comportamento truncado"
             },
             {
               "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
+              "name": "renderBreadcrumbItems",
+              "privacy": "private",
+              "description": "Renderiza itens do Breadcrumb no comportamento mobile ou truncado"
+            },
             {
-              "name": "density",
-              "fieldName": "density",
-              "default": "'medium'",
-              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              }
+              "kind": "method",
+              "name": "renderMobileActiveItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "parsedItems",
+                  "type": {
+                    "text": "BreadcrumbItem[]"
+                  }
+                }
+              ],
+              "description": "Renderiza item da página atual"
             },
             {
-              "name": "custom-id",
-              "fieldName": "customId",
-              "default": "`br-avatar-${avatarId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "renderBreadcrumbList",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "parsedItems",
+                  "type": {
+                    "text": "BreadcrumbItem[]"
+                  }
+                }
+              ],
+              "description": "Renderiza Lista dropdown contendo os itens do Breadcrumb"
             },
             {
-              "name": "src",
-              "fieldName": "src",
-              "description": "URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\nDeve ser uma URL válida que aponta para a imagem desejada.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "renderBreadcrumbLink",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "BreadcrumbItem"
+                  }
+                }
+              ],
+              "description": "Renderiza itens do Breadcrumb no formato desktop"
             },
             {
-              "name": "alt",
-              "fieldName": "alt",
-              "default": "'Foto de perfil do usuário'",
-              "description": "Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\nDeve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\"."
+              "kind": "method",
+              "name": "renderTooltip",
+              "privacy": "private",
+              "description": "Renderiza Tooltip"
             },
             {
-              "name": "is-iconic",
-              "fieldName": "isIconic",
-              "default": "false",
-              "description": "Força a exibição do ícone padrão, sobrescreve outras opções (texto ou imagem).\nÚtil para manter consistência visual ou quando se deseja um avatar neutro independente do conteúdo disponível.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Controla navegação pelo teclado após lista de itens aberta\nDispara foco no primeiro item da lista flutuante"
             },
             {
-              "name": "text",
-              "fieldName": "text",
-              "description": "Conteúdo textual do avatar.\nApenas o primeiro caractere será exibido em maiúscula.",
+              "kind": "method",
+              "name": "handleKeyDownOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "custom-id",
+              "fieldName": "customId",
+              "default": "`br-breadcrumb-${breadcrumbId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Define se o avatar está desabilitado"
+              "name": "home-url",
+              "fieldName": "homeUrl",
+              "default": "'/'",
+              "description": "URL para home.\nCaso não seja fornecido, o valor padrão será /.",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "name": "bg-color",
-              "fieldName": "bgColor",
-              "default": "'#DBE8FB'",
-              "description": "Permite definir a cor de fundo do componente.\nAceita os seguintes formatos de cor:\n- Cores nomeadas do CSS: 'red', 'blue', 'green', 'yellow', etc.\n- Códigos hexadecimais: '#ff0000', '#00ff00', '#0000ff', etc.\n- Valores RGB: 'rgb(255, 0, 0)', 'rgb(0, 255, 0)', etc.\n- Valores RGBA: 'rgba(255, 0, 0, 0.5)', 'rgba(0, 255, 0, 0.8)', etc.\n- Valores HSL: 'hsl(0, 100%, 50%)', 'hsl(120, 100%, 50%)', etc.\n- Valores HSLA: 'hsla(0, 100%, 50%, 0.5)', 'hsla(240, 100%, 50%, 0.7)', etc.\nSe não especificada, usa a cor padrão do tema.",
+              "name": "crumbs",
+              "fieldName": "crumbs",
+              "description": "Define o array de objetos que receberá os nomes e links do breadcrumb.\nDefine valor padrão do breadcrumb 'defaultCrumbs'.",
               "type": {
-                "text": "string"
+                "text": "string | BreadcrumbItem[]"
               }
             }
           ],
-          "tagName": "br-avatar",
+          "tagName": "br-breadcrumb",
           "events": [],
           "customElement": true
         }
@@ -308,66 +363,47 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Avatar",
+          "name": "Breadcrumb",
           "declaration": {
-            "name": "Avatar",
-            "module": "components/avatar.js"
+            "name": "Breadcrumb",
+            "module": "components/breadcrumb.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "br-avatar",
+          "name": "br-breadcrumb",
           "declaration": {
-            "name": "Avatar",
-            "module": "components/avatar.js"
+            "name": "Breadcrumb",
+            "module": "components/breadcrumb.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/button.js",
+      "path": "components/avatar.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).\n\n## Examples",
-          "name": "Button",
-          "cssParts": [
-            {
-              "description": "Elemento button interno. Use para aplicar estilos customizados através de ::part(button).",
-              "name": "button"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.",
-              "name": "default"
-            }
-          ],
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n\n## Examples",
+          "name": "Avatar",
           "members": [
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBrButtonElement"
+                "text": "HTMLBrAvatarElement"
               },
               "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
             },
             {
               "kind": "field",
-              "name": "elementInternals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "colorMode",
+              "name": "density",
               "type": {
-                "text": "'dark'"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "readonly": true,
-              "description": "Define se o botão usará um esquema de cores escuro."
+              "default": "'medium'",
+              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
             },
             {
               "kind": "field",
@@ -376,249 +412,272 @@
                 "text": "string"
               },
               "readonly": true,
-              "default": "`br-button-${buttonId++}`",
+              "default": "`br-avatar-${avatarId++}`",
               "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
             },
             {
               "kind": "field",
-              "name": "density",
-              "type": {
-                "text": "'large' | 'medium' | 'small'"
-              },
-              "readonly": true,
-              "default": "'medium'",
-              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
+              "name": "src",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "readonly": true,
-              "default": "false",
-              "description": "Desativa o botão, tornando-o não interativo."
+              "description": "URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\nDeve ser uma URL válida que aponta para a imagem desejada."
             },
             {
               "kind": "field",
-              "name": "emphasis",
+              "name": "alt",
               "type": {
-                "text": "'primary' | 'secondary' | 'tertiary'"
+                "text": "string"
               },
               "readonly": true,
-              "description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes."
+              "default": "'Foto de perfil do usuário'",
+              "description": "Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\nDeve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\"."
             },
             {
               "kind": "field",
-              "name": "isActive",
+              "name": "isIconic",
               "type": {
                 "text": "boolean"
               },
               "readonly": true,
               "default": "false",
-              "description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo."
+              "description": "Força a exibição do ícone padrão, sobrescreve outras opções (texto ou imagem).\nÚtil para manter consistência visual ou quando se deseja um avatar neutro independente do conteúdo disponível."
             },
             {
               "kind": "field",
-              "name": "isLoading",
+              "name": "text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "readonly": true,
-              "default": "false",
-              "description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso."
+              "description": "Conteúdo textual do avatar.\nApenas o primeiro caractere será exibido em maiúscula."
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "disabled",
               "type": {
-                "text": "'circle' | 'block' | 'pill'"
+                "text": "boolean"
               },
               "readonly": true,
-              "description": "Define o formato do botão.\nValores possíveis:\n- 'circle': Botão com formato circular.\n- 'block': Botão com formato ovalado ocupando toda a largura disponível.\n- 'pill': Botão com formato ovalado, com bordas arredondadas."
+              "default": "false",
+              "description": "Define se o avatar está desabilitado"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "bgColor",
               "type": {
-                "text": "'button' | 'reset' | 'submit'"
+                "text": "string"
               },
               "readonly": true,
-              "description": "Define o tipo de botão, especificando seu comportamento padrão.\nValores possíveis:\n- 'button': Um botão padrão.\n- 'reset': Um botão para redefinir o formulário.\n- 'submit': Um botão para enviar o formulário."
+              "default": "'#DBE8FB'",
+              "description": "Permite definir a cor de fundo do componente.\nAceita os seguintes formatos de cor:\n- Cores nomeadas do CSS: 'red', 'blue', 'green', 'yellow', etc.\n- Códigos hexadecimais: '#ff0000', '#00ff00', '#0000ff', etc.\n- Valores RGB: 'rgb(255, 0, 0)', 'rgb(0, 255, 0)', etc.\n- Valores RGBA: 'rgba(255, 0, 0, 0.5)', 'rgba(0, 255, 0, 0.8)', etc.\n- Valores HSL: 'hsl(0, 100%, 50%)', 'hsl(120, 100%, 50%)', etc.\n- Valores HSLA: 'hsla(0, 100%, 50%, 0.5)', 'hsla(240, 100%, 50%, 0.7)', etc.\nSe não especificada, usa a cor padrão do tema."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "hasError",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "readonly": true,
-              "description": "Define o valor inicial do botão em um formulário."
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "customTabIndex",
-              "type": {
-                "text": "number | undefined"
-              },
-              "readonly": true,
-              "description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai."
+              "kind": "method",
+              "name": "handleDensityChange",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "'small' | 'medium' | 'large'"
+                  }
+                }
+              ],
+              "description": "Observa mudanças na propriedade density para validação e sincronização com atributo DOM.\nGarante que apenas valores válidos sejam aceitos e atualiza o atributo no elemento host."
             },
             {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getCssClassMap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CssClassMap"
+                }
               },
-              "readonly": true,
-              "description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console."
+              "description": "Gera um mapa de classes CSS com base nas propriedades do componente."
             },
             {
-              "kind": "field",
-              "name": "ariaPressed",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "hasContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "readonly": true,
-              "description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'."
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "String a ser verificada"
+                }
+              ],
+              "description": "Verifica se uma string possui conteúdo válido (não vazia após remover espaços em branco)."
             },
             {
               "kind": "field",
-              "name": "handleClick",
+              "name": "handleImageError",
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "getCssClassMap",
+              "name": "getContentClasses",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "CssClassMap"
+                  "text": "string"
                 }
-              }
+              },
+              "description": "Obtém as classes CSS para o elemento content."
             },
             {
               "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
+              "name": "setCustomBackgroundColor",
+              "privacy": "private",
+              "description": "Define a variável CSS para cor de fundo personalizada para o avatar texto."
+            },
             {
-              "name": "color-mode",
-              "fieldName": "colorMode",
-              "description": "Define se o botão usará um esquema de cores escuro.",
-              "type": {
-                "text": "'dark'"
-              }
+              "kind": "method",
+              "name": "getAriaLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Gera aria-label apropriado baseado no tipo de avatar\nPrioriza aria-label do host, senão gera automaticamente"
             },
             {
-              "name": "custom-id",
-              "fieldName": "customId",
-              "default": "`br-button-${buttonId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "getIconSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Obtém o valor do token do DS para altura do ícone"
             },
             {
-              "name": "density",
-              "fieldName": "density",
-              "default": "'medium'",
-              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
-              "type": {
-                "text": "'large' | 'medium' | 'small'"
-              }
+              "kind": "method",
+              "name": "getIconWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Obtém o valor do token do DS para largura do ícone (altura + 8px)"
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Desativa o botão, tornando-o não interativo.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "renderTextAvatar",
+              "privacy": "private",
+              "description": "Renderiza o avatar do tipo 'letra/texto'.\nExibe a primeira letra do texto em maiúscula."
             },
             {
-              "name": "emphasis",
-              "fieldName": "emphasis",
-              "description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.",
-              "type": {
-                "text": "'primary' | 'secondary' | 'tertiary'"
-              }
+              "kind": "method",
+              "name": "renderImageAvatar",
+              "privacy": "private",
+              "description": "Renderiza o avatar do tipo 'fotográfico/imagem'.\nExibe uma imagem carregada via URL."
             },
             {
-              "name": "is-active",
-              "fieldName": "isActive",
-              "default": "false",
-              "description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "renderIconAvatar",
+              "privacy": "private",
+              "description": "Renderiza o avatar do tipo 'icônico'.\nExibe um ícone padrão (fa-solid:user) posicionado na base do avatar."
             },
             {
-              "name": "is-loading",
-              "fieldName": "isLoading",
-              "default": "false",
-              "description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "renderAvatar",
+              "privacy": "private",
+              "description": "Método principal de renderização do avatar.\nPrioridade: isIconic > texto > imagem > ícone (padrão)"
             },
             {
-              "name": "shape",
-              "fieldName": "shape",
-              "description": "Define o formato do botão.\nValores possíveis:\n- 'circle': Botão com formato circular.\n- 'block': Botão com formato ovalado ocupando toda a largura disponível.\n- 'pill': Botão com formato ovalado, com bordas arredondadas.",
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "density",
+              "fieldName": "density",
+              "default": "'medium'",
+              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
               "type": {
-                "text": "'circle' | 'block' | 'pill'"
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
-              "name": "type",
-              "fieldName": "type",
-              "description": "Define o tipo de botão, especificando seu comportamento padrão.\nValores possíveis:\n- 'button': Um botão padrão.\n- 'reset': Um botão para redefinir o formulário.\n- 'submit': Um botão para enviar o formulário.",
+              "name": "custom-id",
+              "fieldName": "customId",
+              "default": "`br-avatar-${avatarId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
               "type": {
-                "text": "'button' | 'reset' | 'submit'"
+                "text": "string"
               }
             },
             {
-              "name": "value",
-              "fieldName": "value",
-              "description": "Define o valor inicial do botão em um formulário.",
+              "name": "src",
+              "fieldName": "src",
+              "description": "URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\nDeve ser uma URL válida que aponta para a imagem desejada.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "custom-tab-index",
-              "fieldName": "customTabIndex",
-              "description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai.",
+              "name": "alt",
+              "fieldName": "alt",
+              "default": "'Foto de perfil do usuário'",
+              "description": "Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\nDeve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\"."
+            },
+            {
+              "name": "is-iconic",
+              "fieldName": "isIconic",
+              "default": "false",
+              "description": "Força a exibição do ícone padrão, sobrescreve outras opções (texto ou imagem).\nÚtil para manter consistência visual ou quando se deseja um avatar neutro independente do conteúdo disponível.",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "aria-label",
-              "fieldName": "ariaLabel",
-              "description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.",
+              "name": "text",
+              "fieldName": "text",
+              "description": "Conteúdo textual do avatar.\nApenas o primeiro caractere será exibido em maiúscula.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "aria-pressed",
-              "fieldName": "ariaPressed",
-              "description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'.",
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Define se o avatar está desabilitado"
+            },
+            {
+              "name": "bg-color",
+              "fieldName": "bgColor",
+              "default": "'#DBE8FB'",
+              "description": "Permite definir a cor de fundo do componente.\nAceita os seguintes formatos de cor:\n- Cores nomeadas do CSS: 'red', 'blue', 'green', 'yellow', etc.\n- Códigos hexadecimais: '#ff0000', '#00ff00', '#0000ff', etc.\n- Valores RGB: 'rgb(255, 0, 0)', 'rgb(0, 255, 0)', etc.\n- Valores RGBA: 'rgba(255, 0, 0, 0.5)', 'rgba(0, 255, 0, 0.8)', etc.\n- Valores HSL: 'hsl(0, 100%, 50%)', 'hsl(120, 100%, 50%)', etc.\n- Valores HSLA: 'hsla(0, 100%, 50%, 0.5)', 'hsla(240, 100%, 50%, 0.7)', etc.\nSe não especificada, usa a cor padrão do tema.",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "br-button",
-          "csspart": {
-            "name": "button",
-            "description": "Elemento button interno. Use para aplicar estilos customizados através de ::part(button)."
-          },
+          "tagName": "br-avatar",
           "events": [],
           "customElement": true
         }
@@ -626,37 +685,50 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Button",
+          "name": "Avatar",
           "declaration": {
-            "name": "Button",
-            "module": "components/button.js"
+            "name": "Avatar",
+            "module": "components/avatar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "br-button",
+          "name": "br-avatar",
           "declaration": {
-            "name": "Button",
-            "module": "components/button.js"
+            "name": "Avatar",
+            "module": "components/avatar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb.js",
+      "path": "components/button.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "Breadcrumb",
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).\n\n## Examples",
+          "name": "Button",
+          "cssParts": [
+            {
+              "description": "Elemento button interno. Use para aplicar estilos customizados através de ::part(button).",
+              "name": "button"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.",
+              "name": "default"
+            }
+          ],
           "members": [
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBrBreadcrumbElement"
-              }
+                "text": "HTMLBrButtonElement"
+              },
+              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
             },
             {
               "kind": "field",
@@ -665,6 +737,15 @@
                 "text": "ElementInternals"
               }
             },
+            {
+              "kind": "field",
+              "name": "colorMode",
+              "type": {
+                "text": "'dark'"
+              },
+              "readonly": true,
+              "description": "Define se o botão usará um esquema de cores escuro."
+            },
             {
               "kind": "field",
               "name": "customId",
@@ -672,330 +753,249 @@
                 "text": "string"
               },
               "readonly": true,
-              "default": "`br-breadcrumb-${breadcrumbId++}`",
+              "default": "`br-button-${buttonId++}`",
               "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
             },
             {
               "kind": "field",
-              "name": "homeUrl",
+              "name": "density",
               "type": {
-                "text": "string"
+                "text": "'large' | 'medium' | 'small'"
               },
-              "default": "'/'",
-              "description": "URL para home.\nCaso não seja fornecido, o valor padrão será /."
+              "readonly": true,
+              "default": "'medium'",
+              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
             },
             {
               "kind": "field",
-              "name": "crumbs",
+              "name": "disabled",
               "type": {
-                "text": "string | BreadcrumbItem[]"
+                "text": "boolean"
               },
-              "description": "Define o array de objetos que receberá os nomes e links do breadcrumb.\nDefine valor padrão do breadcrumb 'defaultCrumbs'."
+              "readonly": true,
+              "default": "false",
+              "description": "Desativa o botão, tornando-o não interativo."
             },
             {
               "kind": "field",
-              "name": "defaultCrumbs",
+              "name": "emphasis",
               "type": {
-                "text": "BreadcrumbItem[]"
+                "text": "'primary' | 'secondary' | 'tertiary'"
               },
-              "privacy": "private",
-              "default": "[ { label: 'Página 01', url: '/pagina-01' }, { label: 'Página 02', url: '/pagina-02' }, { label: 'Página Atual', active: true }, ]"
+              "readonly": true,
+              "description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes."
             },
             {
               "kind": "field",
-              "name": "showTooltip",
+              "name": "isActive",
               "type": {
                 "text": "boolean"
               },
+              "readonly": true,
               "default": "false",
-              "description": "Define o estado oculto ou visível do tooltip."
+              "description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo."
             },
             {
               "kind": "field",
-              "name": "tooltipPosition",
+              "name": "isLoading",
               "type": {
-                "text": "{ x: number; y: number }"
+                "text": "boolean"
               },
-              "default": "{ x: 0, y: 0 }",
-              "description": "Define o posicionamento do tooltip na tela."
+              "readonly": true,
+              "default": "false",
+              "description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso."
             },
             {
               "kind": "field",
-              "name": "tooltipText",
+              "name": "shape",
               "type": {
-                "text": "string"
+                "text": "'circle' | 'block' | 'pill'"
               },
-              "default": "''",
-              "description": "Define o texto do tooltip."
+              "readonly": true,
+              "description": "Define o formato do botão.\nValores possíveis:\n- 'circle': Botão com formato circular.\n- 'block': Botão com formato ovalado ocupando toda a largura disponível.\n- 'pill': Botão com formato ovalado, com bordas arredondadas."
             },
             {
               "kind": "field",
-              "name": "isSmallScreen",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "'button' | 'reset' | 'submit'"
               },
-              "default": "false",
-              "description": "Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.\nNo formato mobile o breadcrumb apresenta um comportamento específico."
+              "readonly": true,
+              "description": "Define o tipo de botão, especificando seu comportamento padrão.\nValores possíveis:\n- 'button': Um botão padrão.\n- 'reset': Um botão para redefinir o formulário.\n- 'submit': Um botão para enviar o formulário."
             },
             {
               "kind": "field",
-              "name": "isTruncate",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Define se o breadcrumb deve truncar os itens por falta de espaço."
+              "readonly": true,
+              "description": "Define o valor inicial do botão em um formulário."
             },
             {
               "kind": "field",
-              "name": "larguraInterna",
+              "name": "customTabIndex",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
-              "default": "0",
-              "description": "Largura interna dos itens do breadcrumb."
+              "readonly": true,
+              "description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai."
             },
             {
               "kind": "field",
-              "name": "larguraPai",
+              "name": "ariaLabel",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "Largura do container pai do breadcrumb."
+              "readonly": true,
+              "description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console."
             },
             {
               "kind": "field",
-              "name": "isFolderOpen",
+              "name": "ariaPressed",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Define o estado do botão 'Folder'.\nCaso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.\nCaso a lista dropdown esteja visível o ícone no botão será 'folder-minus'."
-            },
-            {
-              "kind": "method",
-              "name": "trunc",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "word",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.\nO número de caracteres pode ser configurado na variável 'charactersNumberTruncate'."
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'."
+              "readonly": true,
+              "description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'."
             },
             {
-              "kind": "method",
-              "name": "handleMouseOut",
+              "kind": "field",
+              "name": "handleClick",
               "privacy": "private",
-              "description": "Esconde o tooltip caso o usuário realize o 'mouse out'."
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "getParsedItems",
+              "name": "getCssClassMap",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "BreadcrumbItem[]"
+                  "text": "CssClassMap"
                 }
-              },
-              "description": "Converte de string para JSON o valor passado na propriedade 'crumbs'.\nRetorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido"
-            },
-            {
-              "kind": "method",
-              "name": "handleHomeClick",
-              "privacy": "private",
-              "description": "Ao clicar no botão HOME, direciona o usuário para URL passada na propriedade 'homeUrl'."
-            },
-            {
-              "kind": "method",
-              "name": "toggleFolder",
-              "privacy": "private",
-              "description": "Altera o estado do botão 'Folder', caso a lista dropdown esteja aberta ou fechada."
+              }
             },
             {
               "kind": "method",
-              "name": "getCssClassMap",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{ [key: string]: boolean }"
-                }
-              },
-              "description": "Define as classes CSS usadas no breadcrumb."
-            },
+              "name": "render"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "resizeObserver",
+              "name": "color-mode",
+              "fieldName": "colorMode",
+              "description": "Define se o botão usará um esquema de cores escuro.",
               "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private",
-              "description": "Atualiza o estado 'isSmallScreen' com base no tamanho do container pai, se menor que 570px."
-            },
-            {
-              "kind": "field",
-              "name": "updateContainerSize",
-              "privacy": "private",
-              "description": "Atualiza os estados de largura do breadcrumb ao detectar mudanças no container pai."
-            },
-            {
-              "kind": "method",
-              "name": "calcularLarguraItens",
-              "privacy": "private",
-              "description": "Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento."
+                "text": "'dark'"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderHomeButton",
-              "privacy": "private",
-              "description": "Renderiza botão Home"
+              "name": "custom-id",
+              "fieldName": "customId",
+              "default": "`br-button-${buttonId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderTruncateButton",
-              "privacy": "private",
-              "description": "Renderiza botão Folder no comportamento truncado"
+              "name": "density",
+              "fieldName": "density",
+              "default": "'medium'",
+              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
+              "type": {
+                "text": "'large' | 'medium' | 'small'"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderBreadcrumbItems",
-              "privacy": "private",
-              "description": "Renderiza itens do Breadcrumb no comportamento mobile ou truncado"
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Desativa o botão, tornando-o não interativo.",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderMobileActiveItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "parsedItems",
-                  "type": {
-                    "text": "BreadcrumbItem[]"
-                  }
-                }
-              ],
-              "description": "Renderiza item da página atual"
+              "name": "emphasis",
+              "fieldName": "emphasis",
+              "description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.",
+              "type": {
+                "text": "'primary' | 'secondary' | 'tertiary'"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderBreadcrumbList",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "parsedItems",
-                  "type": {
-                    "text": "BreadcrumbItem[]"
-                  }
-                }
-              ],
-              "description": "Renderiza Lista dropdown contendo os itens do Breadcrumb"
+              "name": "is-active",
+              "fieldName": "isActive",
+              "default": "false",
+              "description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo.",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderBreadcrumbLink",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "BreadcrumbItem"
-                  }
-                }
-              ],
-              "description": "Renderiza itens do Breadcrumb no formato desktop"
+              "name": "is-loading",
+              "fieldName": "isLoading",
+              "default": "false",
+              "description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso.",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderTooltip",
-              "privacy": "private",
-              "description": "Renderiza Tooltip"
+              "name": "shape",
+              "fieldName": "shape",
+              "description": "Define o formato do botão.\nValores possíveis:\n- 'circle': Botão com formato circular.\n- 'block': Botão com formato ovalado ocupando toda a largura disponível.\n- 'pill': Botão com formato ovalado, com bordas arredondadas.",
+              "type": {
+                "text": "'circle' | 'block' | 'pill'"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Controla navegação pelo teclado após lista de itens aberta\nDispara foco no primeiro item da lista flutuante"
+              "name": "type",
+              "fieldName": "type",
+              "description": "Define o tipo de botão, especificando seu comportamento padrão.\nValores possíveis:\n- 'button': Um botão padrão.\n- 'reset': Um botão para redefinir o formulário.\n- 'submit': Um botão para enviar o formulário.",
+              "type": {
+                "text": "'button' | 'reset' | 'submit'"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleKeyDownOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante"
+              "name": "value",
+              "fieldName": "value",
+              "description": "Define o valor inicial do botão em um formulário.",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "custom-id",
-              "fieldName": "customId",
-              "default": "`br-breadcrumb-${breadcrumbId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+              "name": "custom-tab-index",
+              "fieldName": "customTabIndex",
+              "description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai.",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "home-url",
-              "fieldName": "homeUrl",
-              "default": "'/'",
-              "description": "URL para home.\nCaso não seja fornecido, o valor padrão será /.",
+              "name": "aria-label",
+              "fieldName": "ariaLabel",
+              "description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "crumbs",
-              "fieldName": "crumbs",
-              "description": "Define o array de objetos que receberá os nomes e links do breadcrumb.\nDefine valor padrão do breadcrumb 'defaultCrumbs'.",
+              "name": "aria-pressed",
+              "fieldName": "ariaPressed",
+              "description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'.",
               "type": {
-                "text": "string | BreadcrumbItem[]"
+                "text": "string"
               }
             }
           ],
-          "tagName": "br-breadcrumb",
+          "tagName": "br-button",
+          "csspart": {
+            "name": "button",
+            "description": "Elemento button interno. Use para aplicar estilos customizados através de ::part(button)."
+          },
           "events": [],
           "customElement": true
         }
@@ -1003,18 +1003,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Breadcrumb",
+          "name": "Button",
           "declaration": {
-            "name": "Breadcrumb",
-            "module": "components/breadcrumb.js"
+            "name": "Button",
+            "module": "components/button.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "br-breadcrumb",
+          "name": "br-button",
           "declaration": {
-            "name": "Breadcrumb",
-            "module": "components/breadcrumb.js"
+            "name": "Button",
+            "module": "components/button.js"
           }
         }
       ]
@@ -1195,7 +1195,244 @@
               }
             }
           ],
-          "tagName": "br-card",
+          "tagName": "br-card",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BrCard",
+          "declaration": {
+            "name": "BrCard",
+            "module": "components/card.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "br-card",
+          "declaration": {
+            "name": "BrCard",
+            "module": "components/card.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkgroup.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/utilitarios/js/checkgroup?tab=desenvolvedor).\n\n## Examples",
+          "name": "Checkgroup",
+          "slots": [
+            {
+              "description": "Slot para adicionar os checkboxes que serão controlados pelo checkgroup.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBrCheckgroupElement"
+              },
+              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
+            },
+            {
+              "kind": "field",
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Texto descritivo do grupo."
+            },
+            {
+              "kind": "field",
+              "name": "labelSelecionado",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Desselecionar tudo'",
+              "description": "Define o texto do label quando o checkbox está marcado."
+            },
+            {
+              "kind": "field",
+              "name": "labelDesselecionado",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Selecionar tudo'",
+              "description": "Define o texto do label quando o checkbox está desmarcado."
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Define o estado intermediário do checkbox.\nSe definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\nEste estado é útil quando o checkbox faz parte de um grupo com seleção parcial."
+            },
+            {
+              "kind": "field",
+              "name": "customId",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "default": "`br-checkgroup-${checkgroupId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Define o estado de seleção do checkbox.\nSe definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado."
+            },
+            {
+              "kind": "field",
+              "name": "isIndeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indica se o grupo de checkboxes está indeterminado"
+            },
+            {
+              "kind": "field",
+              "name": "numberOfChildren",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "getCssClassMap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CssClassMap"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isParentCheckbox",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLBrCheckboxElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleAllCheckboxChange",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "updateGroupState",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setNumberOfChildren",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "monitorSlotChanges",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "fieldName": "label",
+              "description": "Texto descritivo do grupo.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "label-selecionado",
+              "fieldName": "labelSelecionado",
+              "default": "'Desselecionar tudo'",
+              "description": "Define o texto do label quando o checkbox está marcado.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "label-desselecionado",
+              "fieldName": "labelDesselecionado",
+              "default": "'Selecionar tudo'",
+              "description": "Define o texto do label quando o checkbox está desmarcado.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "indeterminate",
+              "fieldName": "indeterminate",
+              "default": "false",
+              "description": "Define o estado intermediário do checkbox.\nSe definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\nEste estado é útil quando o checkbox faz parte de um grupo com seleção parcial.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "custom-id",
+              "fieldName": "customId",
+              "default": "`br-checkgroup-${checkgroupId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "br-checkgroup",
           "events": [],
           "customElement": true
         }
@@ -1203,18 +1440,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BrCard",
+          "name": "Checkgroup",
           "declaration": {
-            "name": "BrCard",
-            "module": "components/card.js"
+            "name": "Checkgroup",
+            "module": "components/checkgroup.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "br-card",
+          "name": "br-checkgroup",
           "declaration": {
-            "name": "BrCard",
-            "module": "components/card.js"
+            "name": "Checkgroup",
+            "module": "components/checkgroup.js"
           }
         }
       ]
@@ -1745,320 +1982,83 @@
               "name": "open",
               "fieldName": "open",
               "default": "false",
-              "description": "Define se o collapse está aberto ou fechado.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "accordion-group",
-              "fieldName": "accordionGroup",
-              "default": "null",
-              "description": "Define se o collapse faz parte de um accordion",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-to-show",
-              "fieldName": "iconToShow",
-              "default": "'fa6-solid:chevron-down'",
-              "description": "Classe CSS para o ícone de expansão",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-to-hide",
-              "fieldName": "iconToHide",
-              "default": "'fa6-solid:chevron-up'",
-              "description": "Classe CSS para o ícone de recolhimento",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-position",
-              "fieldName": "iconPosition",
-              "default": "'right'",
-              "description": "Define a posição do ícone: 'left' ou 'right'",
-              "type": {
-                "text": "'left' | 'right'"
-              }
-            }
-          ],
-          "tagName": "br-collapse",
-          "events": [
-            {
-              "name": "brDidOpen",
-              "type": {
-                "text": "EventEmitter<{ id: string; accordionGroup: string }>"
-              },
-              "description": "Evento emitido ao expandir."
-            },
-            {
-              "name": "brDidClose",
-              "type": {
-                "text": "EventEmitter<{ id: string; accordionGroup: string }>"
-              },
-              "description": "Evento emitido ao recolher."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Collapse",
-          "declaration": {
-            "name": "Collapse",
-            "module": "components/collapse.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "br-collapse",
-          "declaration": {
-            "name": "Collapse",
-            "module": "components/collapse.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkgroup.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/utilitarios/js/checkgroup?tab=desenvolvedor).\n\n## Examples",
-          "name": "Checkgroup",
-          "slots": [
-            {
-              "description": "Slot para adicionar os checkboxes que serão controlados pelo checkgroup.",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBrCheckgroupElement"
-              },
-              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
-            },
-            {
-              "kind": "field",
-              "name": "elementInternals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Texto descritivo do grupo."
-            },
-            {
-              "kind": "field",
-              "name": "labelSelecionado",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Desselecionar tudo'",
-              "description": "Define o texto do label quando o checkbox está marcado."
-            },
-            {
-              "kind": "field",
-              "name": "labelDesselecionado",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Selecionar tudo'",
-              "description": "Define o texto do label quando o checkbox está desmarcado."
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Define o estado intermediário do checkbox.\nSe definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\nEste estado é útil quando o checkbox faz parte de um grupo com seleção parcial."
-            },
-            {
-              "kind": "field",
-              "name": "customId",
-              "type": {
-                "text": "string"
-              },
-              "readonly": true,
-              "default": "`br-checkgroup-${checkgroupId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Define o estado de seleção do checkbox.\nSe definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado."
-            },
-            {
-              "kind": "field",
-              "name": "isIndeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indica se o grupo de checkboxes está indeterminado"
-            },
-            {
-              "kind": "field",
-              "name": "numberOfChildren",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "getCssClassMap",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "CssClassMap"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isParentCheckbox",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "HTMLBrCheckboxElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "handleAllCheckboxChange",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "updateGroupState",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setNumberOfChildren",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "monitorSlotChanges",
-              "privacy": "private"
+              "description": "Define se o collapse está aberto ou fechado.",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "fieldName": "label",
-              "description": "Texto descritivo do grupo.",
+              "name": "accordion-group",
+              "fieldName": "accordionGroup",
+              "default": "null",
+              "description": "Define se o collapse faz parte de um accordion",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "label-selecionado",
-              "fieldName": "labelSelecionado",
-              "default": "'Desselecionar tudo'",
-              "description": "Define o texto do label quando o checkbox está marcado.",
+              "name": "icon-to-show",
+              "fieldName": "iconToShow",
+              "default": "'fa6-solid:chevron-down'",
+              "description": "Classe CSS para o ícone de expansão",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "label-desselecionado",
-              "fieldName": "labelDesselecionado",
-              "default": "'Selecionar tudo'",
-              "description": "Define o texto do label quando o checkbox está desmarcado.",
+              "name": "icon-to-hide",
+              "fieldName": "iconToHide",
+              "default": "'fa6-solid:chevron-up'",
+              "description": "Classe CSS para o ícone de recolhimento",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "indeterminate",
-              "fieldName": "indeterminate",
-              "default": "false",
-              "description": "Define o estado intermediário do checkbox.\nSe definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\nEste estado é útil quando o checkbox faz parte de um grupo com seleção parcial.",
+              "name": "icon-position",
+              "fieldName": "iconPosition",
+              "default": "'right'",
+              "description": "Define a posição do ícone: 'left' ou 'right'",
               "type": {
-                "text": "boolean"
+                "text": "'left' | 'right'"
               }
+            }
+          ],
+          "tagName": "br-collapse",
+          "events": [
+            {
+              "name": "brDidOpen",
+              "type": {
+                "text": "EventEmitter<{ id: string; accordionGroup: string }>"
+              },
+              "description": "Evento emitido ao expandir."
             },
             {
-              "name": "custom-id",
-              "fieldName": "customId",
-              "default": "`br-checkgroup-${checkgroupId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+              "name": "brDidClose",
               "type": {
-                "text": "string"
-              }
+                "text": "EventEmitter<{ id: string; accordionGroup: string }>"
+              },
+              "description": "Evento emitido ao recolher."
             }
           ],
-          "tagName": "br-checkgroup",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Checkgroup",
+          "name": "Collapse",
           "declaration": {
-            "name": "Checkgroup",
-            "module": "components/checkgroup.js"
+            "name": "Collapse",
+            "module": "components/collapse.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "br-checkgroup",
+          "name": "br-collapse",
           "declaration": {
-            "name": "Checkgroup",
-            "module": "components/checkgroup.js"
+            "name": "Collapse",
+            "module": "components/collapse.js"
           }
         }
       ]
@@ -9434,6 +9434,15 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "scrollOrigin",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "previouslyFocusedElement",
@@ -9547,6 +9556,16 @@
               "name": "applyScrollStrategy",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getScrollPosition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "enableScrollBlock",
@@ -14949,19 +14968,19 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/avatar.spec.js",
+      "path": "components/_tests/breadcrumb.spec.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/button.spec.js",
+      "path": "components/_tests/avatar.spec.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/breadcrumb.spec.js",
+      "path": "components/_tests/button.spec.js",
       "declarations": [],
       "exports": []
     },
@@ -14973,19 +14992,19 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/checkbox.spec.js",
+      "path": "components/_tests/checkgroup.spec.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/collapse.spec.js",
+      "path": "components/_tests/checkbox.spec.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/checkgroup.spec.js",
+      "path": "components/_tests/collapse.spec.js",
       "declarations": [],
       "exports": []
     },
@@ -16733,13 +16752,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/list.spec.js",
+      "path": "components/_tests/loading.spec.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/_tests/loading.spec.js",
+      "path": "components/_tests/list.spec.js",
       "declarations": [],
       "exports": []
     },
@@ -17196,202 +17215,54 @@
             },
             {
               "description": "Slot para URL do link",
-              "name": "url"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBrMenuLinkElement"
-              },
-              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
-            },
-            {
-              "kind": "field",
-              "name": "elementInternals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "customId",
-              "type": {
-                "text": "string"
-              },
-              "readonly": true,
-              "default": "`br-menu-link-${MenuLinkId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
-            },
-            {
-              "kind": "field",
-              "name": "url",
-              "type": {
-                "text": "string"
-              },
-              "description": "URL do link"
-            },
-            {
-              "kind": "field",
-              "name": "titulo",
-              "type": {
-                "text": "string"
-              },
-              "description": "Título do link"
-            },
-            {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "custom-id",
-              "fieldName": "customId",
-              "default": "`br-menu-link-${MenuLinkId++}`",
-              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "url",
-              "fieldName": "url",
-              "description": "URL do link",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "titulo",
-              "fieldName": "titulo",
-              "description": "Título do link",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "br-menu-link",
-          "events": [
-            {
-              "name": "brLinkClick",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Evento emitido quando o link externo é clicado"
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MenuLink",
-          "declaration": {
-            "name": "MenuLink",
-            "module": "components/menu-link/menu-link.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "br-menu-link",
-          "declaration": {
-            "name": "MenuLink",
-            "module": "components/menu-link/menu-link.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/menu-logo/menu-logo.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).",
-          "name": "MenuLogo",
-          "slots": [
-            {
-              "description": "Conteúdo opcional que substitui a imagem padrão",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBrMenuLogoElement"
-              },
-              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
-            },
-            {
-              "kind": "field",
-              "name": "customId",
-              "type": {
-                "text": "string"
-              },
-              "readonly": true,
-              "description": "ID personalizado para o elemento, útil para acessibilidade e identificação única.\nSe não for fornecido, um ID único será gerado automaticamente."
-            },
+              "name": "url"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "src",
+              "name": "el",
               "type": {
-                "text": "string"
+                "text": "HTMLBrMenuLinkElement"
               },
-              "description": "URL da imagem"
+              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
             },
             {
               "kind": "field",
-              "name": "alt",
+              "name": "elementInternals",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Texto alternativo da imagem"
+                "text": "ElementInternals"
+              }
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "customId",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Largura da imagem (com unidade, ex: '100px', '50%')"
+              "readonly": true,
+              "default": "`br-menu-link-${MenuLinkId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "url",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Altura da imagem (com unidade, ex: '80px', 'auto')"
+              "description": "URL do link"
             },
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "titulo",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Estado para controlar se a imagem falhou ao carregar"
-            },
-            {
-              "kind": "field",
-              "name": "handleError",
-              "privacy": "private",
-              "description": "Manipula erros no carregamento da imagem"
+              "description": "Título do link"
             },
             {
               "kind": "field",
-              "name": "handleLoad",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
@@ -17403,64 +17274,57 @@
             {
               "name": "custom-id",
               "fieldName": "customId",
-              "description": "ID personalizado para o elemento, útil para acessibilidade e identificação única.\nSe não for fornecido, um ID único será gerado automaticamente.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "src",
-              "fieldName": "src",
-              "description": "URL da imagem",
+              "default": "`br-menu-link-${MenuLinkId++}`",
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "alt",
-              "fieldName": "alt",
-              "description": "Texto alternativo da imagem",
+              "name": "url",
+              "fieldName": "url",
+              "description": "URL do link",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "width",
-              "fieldName": "width",
-              "description": "Largura da imagem (com unidade, ex: '100px', '50%')",
+              "name": "titulo",
+              "fieldName": "titulo",
+              "description": "Título do link",
               "type": {
                 "text": "string"
               }
-            },
+            }
+          ],
+          "tagName": "br-menu-link",
+          "events": [
             {
-              "name": "height",
-              "fieldName": "height",
-              "description": "Altura da imagem (com unidade, ex: '80px', 'auto')",
+              "name": "brLinkClick",
               "type": {
-                "text": "string"
-              }
+                "text": "EventEmitter<void>"
+              },
+              "description": "Evento emitido quando o link externo é clicado"
             }
           ],
-          "tagName": "br-menu-logo",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MenuLogo",
+          "name": "MenuLink",
           "declaration": {
-            "name": "MenuLogo",
-            "module": "components/menu-logo/menu-logo.js"
+            "name": "MenuLink",
+            "module": "components/menu-link/menu-link.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "br-menu-logo",
+          "name": "br-menu-link",
           "declaration": {
-            "name": "MenuLogo",
-            "module": "components/menu-logo/menu-logo.js"
+            "name": "MenuLink",
+            "module": "components/menu-link/menu-link.js"
           }
         }
       ]
@@ -17696,6 +17560,161 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/menu-logo/menu-logo.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).",
+          "name": "MenuLogo",
+          "slots": [
+            {
+              "description": "Conteúdo opcional que substitui a imagem padrão",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBrMenuLogoElement"
+              },
+              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
+            },
+            {
+              "kind": "field",
+              "name": "customId",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "description": "ID personalizado para o elemento, útil para acessibilidade e identificação única.\nSe não for fornecido, um ID único será gerado automaticamente."
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "URL da imagem"
+            },
+            {
+              "kind": "field",
+              "name": "alt",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Texto alternativo da imagem"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Largura da imagem (com unidade, ex: '100px', '50%')"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Altura da imagem (com unidade, ex: '80px', 'auto')"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Estado para controlar se a imagem falhou ao carregar"
+            },
+            {
+              "kind": "field",
+              "name": "handleError",
+              "privacy": "private",
+              "description": "Manipula erros no carregamento da imagem"
+            },
+            {
+              "kind": "field",
+              "name": "handleLoad",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "custom-id",
+              "fieldName": "customId",
+              "description": "ID personalizado para o elemento, útil para acessibilidade e identificação única.\nSe não for fornecido, um ID único será gerado automaticamente.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "src",
+              "fieldName": "src",
+              "description": "URL da imagem",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "alt",
+              "fieldName": "alt",
+              "description": "Texto alternativo da imagem",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "width",
+              "fieldName": "width",
+              "description": "Largura da imagem (com unidade, ex: '100px', '50%')",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "height",
+              "fieldName": "height",
+              "description": "Altura da imagem (com unidade, ex: '80px', 'auto')",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "br-menu-logo",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MenuLogo",
+          "declaration": {
+            "name": "MenuLogo",
+            "module": "components/menu-logo/menu-logo.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "br-menu-logo",
+          "declaration": {
+            "name": "MenuLogo",
+            "module": "components/menu-logo/menu-logo.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/menu-social/menu-social.js",
@@ -19487,13 +19506,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/menu-logo/_tests/menu-logo.spec.js",
+      "path": "components/menu-list/_tests/menu-list.spec.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/menu-list/_tests/menu-list.spec.js",
+      "path": "components/menu-logo/_tests/menu-logo.spec.js",
       "declarations": [],
       "exports": []
     },