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

package/dist/webcomponents.html-custom-data.json

@@ -53,28 +53,6 @@
       ],
       "references": []
     },
-    {
-      "name": "br-breadcrumb",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "custom-id",
-          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
-          "values": []
-        },
-        {
-          "name": "home-url",
-          "description": "URL para home.\nCaso não seja fornecido, o valor padrão será /.",
-          "values": []
-        },
-        {
-          "name": "crumbs",
-          "description": "Define o array de objetos que receberá os nomes e links do breadcrumb.\nDefine valor padrão do breadcrumb 'defaultCrumbs'.",
-          "values": [{ "name": "BreadcrumbItem[]" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "br-button",
       "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\n---\n\n\n### **Slots:**\n - **default** - Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.\n\n### **CSS Parts:**\n - **button** - Elemento button interno. Use para aplicar estilos customizados através de ::part(button).",
@@ -158,6 +136,28 @@
       ],
       "references": []
     },
+    {
+      "name": "br-breadcrumb",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "home-url",
+          "description": "URL para home.\nCaso não seja fornecido, o valor padrão será /.",
+          "values": []
+        },
+        {
+          "name": "crumbs",
+          "description": "Define o array de objetos que receberá os nomes e links do breadcrumb.\nDefine valor padrão do breadcrumb 'defaultCrumbs'.",
+          "values": [{ "name": "BreadcrumbItem[]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "br-card",
       "description": "O componente Card é um container versátil para apresentação de conteúdo estruturado.\nSuporta cabeçalho, conteúdo principal e rodapé, além de diferentes estilos visuais.\nPara uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/card?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Conteúdo principal do card quando não usar slots estruturados\n- **header** - Conteúdo do cabeçalho do card\n- **content** - Conteúdo principal do card (quando usar estrutura com slots)\n- **footer** - Conteúdo do rodapé do card",
@@ -498,6 +498,63 @@
       ],
       "references": []
     },
+    {
+      "name": "br-header",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Events:**\n - **headerCompactChange** - Evento disparado quando o cabeçalho entra ou sai do modo compacto.\nO evento contém os detalhes do estado compacto e o ID do componente pai.\n- **headerWidthChange** - Evento disparado para indicar qual lista deve encolher primeiro.\nO evento contém os detalhes do ID do componente pai e o nome da lista.\n\n### **Methods:**\n - **watchIsCompact(newValue: _boolean_)** - Observa mudanças na propriedade isCompact.\n- **resetHeaderList()** - Reinicializa o estado das listas do cabeçalho, disparando o evento de redimensionamento.\nPode ser chamado externamente para forçar a atualização das listas.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **logo** - Área para inserção da logo\n- **signature** - Área para inserção da assinatura\n- **links** - Área para inserção dos links\n- **functions** - Área para inserção dos botões de função\n- **search** - Área para inserção do campo de busca\n- **access** - Área para inserção do botão de acesso\n- **menu-trigger** - Área para inserção do botão de menu\n- **caption** - Área para inserção do título do header\n- **subcaption** - Área para inserção do subtítulo do header",
+      "attributes": [
+        {
+          "name": "caption",
+          "description": "Indica o texto exibido como título do header.",
+          "values": []
+        },
+        {
+          "name": "caption-url",
+          "description": "Indica a URL associada ao título do header.",
+          "values": []
+        },
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "density",
+          "description": "Indica a densidade do cabeçalho.\nPode ser 'small', 'medium' ou 'large'.",
+          "values": [{ "name": "HeaderDensity" }]
+        },
+        {
+          "name": "is-compact",
+          "description": "Indica se o cabeçalho deve ser exibido em um modo compacto.\nQuando definido como true, o cabeçalho será renderizado em um estilo compacto.",
+          "values": []
+        },
+        {
+          "name": "is-sticky",
+          "description": "Indica se o cabeçalho deve ser exibido em um modo fixo.\nQuando definido como true, o cabeçalho será fixo no topo da página durante a rolagem.",
+          "values": []
+        },
+        {
+          "name": "signature",
+          "description": "Indica o texto exibido como assinatura do header.",
+          "values": []
+        },
+        {
+          "name": "shrink-first",
+          "description": "Indica qual lista deve encolher primeiro quando o espaço for limitado.\nPode ser 'links' ou 'functions'.",
+          "values": [{ "name": "links" }, { "name": "functions" }]
+        },
+        {
+          "name": "subcaption",
+          "description": "Indica o texto exibido como subtítulo do header.",
+          "values": []
+        },
+        {
+          "name": "subcaption-url",
+          "description": "Indica a URL associada ao subtítulo do header.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "br-input",
       "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n\n## Examples\n---\n\n\n### **Events:**\n - **valueChange** - Valor atualizado do input\n\n### **Slots:**\n - **action** - Botão à direita do input.\n- **icon** - Ícone à esquerda do input.\n- **help-text** - Personalização do texto de ajuda.\n- **feedback** - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.",
@@ -847,6 +904,47 @@
       ],
       "references": []
     },
+    {
+      "name": "br-menu",
+      "description": "Componente raiz do Menu responsivo do Design System. Ele organiza navegação hierárquica, rodapé contextual e\ncomportamentos como push/contextual, integrando `br-menu-list`, `br-menu-item` e subcomponentes auxiliares.\n\n## Examples\n---\n\n\n### **Slots:**\n - **default** - Conteúdo principal do menu (menu-list e menu-item)\n- **header** - Cabeçalho do menu (exibido apenas em modo não-contextual)\n- **logo** - Logotipos de parceiros no rodapé\n- **link** - Links externos no rodapé (use br-menu-link)\n- **social** - Ícones de redes sociais no rodapé\n- **info** - Informações adicionais no rodapé\n\n### **CSS Parts:**\n - **footer** - O contêiner principal do rodapé do menu, que agrupa as seções de logos, links, redes sociais e informações.\n- **logo** - A área específica para exibir os logotipos de parceiros ou relacionados, dentro do rodapé.\n- **link** - A seção destinada a links úteis ou de navegação secundária no rodapé do menu.\n- **social** - O contêiner para os ícones de redes sociais.\n- **info** - Uma área para informações adicionais, como textos de licença ou direitos autorais.",
+      "attributes": [
+        {
+          "name": "breakpoints",
+          "description": "Classes CSS para definir breakpoints responsivos do menu.\nUtilize esta propriedade para controlar a largura do menu em diferentes tamanhos de tela.",
+          "values": []
+        },
+        {
+          "name": "push",
+          "description": "Define se o menu deve usar comportamento push (sempre visível em telas maiores).\nQuando ativado, o menu permanece fixo na lateral e empurra o conteúdo principal.",
+          "values": []
+        },
+        {
+          "name": "contextual",
+          "description": "Define se o menu deve usar comportamento contextual (aparece na parte inferior).\nQuando ativado, o menu é posicionado na parte inferior da tela em dispositivos móveis.",
+          "values": []
+        },
+        {
+          "name": "density",
+          "description": "Define a densidade dos itens do menu, alterando o espaçamento interno.\n- `small` (densidade alta): itens mais compactos\n- `medium` (padrão): equilíbrio entre economia de espaço e separação\n- `large` (densidade baixa): maior espaçamento (recomendado em touch)",
+          "values": [
+            { "name": "large" },
+            { "name": "medium" },
+            { "name": "small" }
+          ]
+        },
+        {
+          "name": "social-title",
+          "description": "Título da seção de redes sociais exibida no rodapé do menu.\nUtilize esta propriedade para personalizar o texto que aparece acima dos ícones sociais.",
+          "values": []
+        },
+        {
+          "name": "contextual-label",
+          "description": "Rótulo do botão trigger do menu contextual.\nExibido apenas em modo contextual e em telas menores (mobile).",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "br-message",
       "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n---\n\n\n### **Events:**\n - **brDidClose** - Evento emitido quando o usuário fecha a mensagem, se closable for true.\n\n### **Slots:**\n - **default** - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.",
@@ -1319,6 +1417,42 @@
       ],
       "references": []
     },
+    {
+      "name": "br-skip-link",
+      "description": "O componente Skip Link consiste em uma lista de itens que auxiliam os usuários a navegarem\npor uma página com o auxílio do teclado, sendo extremamente útil para pessoas que dependem\nde leitores de tela ou navegação via teclado.\n\nEste componente implementa atalhos de teclado para acessibilidade, permitindo que o usuário\nacesse rapidamente áreas importantes da página utilizando Alt+[número]. Os números das teclas\nsão definidos na propriedade `key-number` de cada item e exibidos visualmente na interface.\n\nPara uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/skip-link?tab=designer).\n\n## Examples\n\n<figure class=\"example\"><figcaption>    Ir para o menu</figcaption>\n\n</br-skiplink-item>\n  <br-skiplink-item target=\"#search\" key-number=\"3\">\n    Ir para a busca\n  </br-skiplink-item>\n</br-skip-link>\n```\nNeste exemplo, o componente exibirá automaticamente as tags com os números 1, 2 e 3\nao lado dos textos. O usuário pode usar Alt+1 para ir ao conteúdo principal,\nAlt+2 para ir ao menu, e Alt+3 para ir à busca.\n\n</figure>\n---\n\n\n### **Events:**\n - **brSkiplinkNavigation** - Evento emitido quando um item do skiplink é ativado.\nO evento contém informações sobre o item acionado e o elemento target.\n- **brDidShow** - Evento emitido quando o skiplink se torna visível.\n- **brDidHide** - Evento emitido quando o skiplink se torna oculto.\n\n### **Methods:**\n - **watchModeChanges()** - Observa mudanças nos estados que afetam o modo efetivo (simple/compound)\ne atualiza as contagens dos itens quando necessário.\n- **handleItemNavigation(event: _CustomEvent<{ itemId: string; target: string }>_)** - Listener para eventos de navegação dos itens filhos.\n- **handleFocusIn()** - Listener para evento de foco no componente.\n- **handleFocusOut(event: _FocusEvent_)** - Listener para evento de perda de foco no componente.\n- **handleKeyDown(event: _KeyboardEvent_)** - Listener para a tecla Escape.\n- **hide(): _Promise<void>_** - Oculta o componente programaticamente.\n- **show(): _Promise<void>_** - Exibe o componente programaticamente.\n\n### **Slots:**\n - **default** - Slot padrão para inserir elementos `<br-skiplink-item>`.\n\n### **CSS Parts:**\n - **container** - Container principal do skiplink.",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "Define se o skip link apresenta um ou múltiplos itens visíveis.\n- 'simple': Exibe apenas um item por vez.\n- 'compound': Exibe uma lista com múltiplos itens.",
+          "values": [{ "name": "simple" }, { "name": "compound" }]
+        },
+        {
+          "name": "position",
+          "description": "Define a posição do skip link na tela.\n- 'top-left': Posicionado no canto superior esquerdo.\n- 'top-center': Posicionado no centro superior.\n- 'top-right': Posicionado no canto superior direito.",
+          "values": [
+            { "name": "top-left" },
+            { "name": "top-center" },
+            { "name": "top-right" }
+          ]
+        },
+        {
+          "name": "z-index",
+          "description": "Define o z-index do componente.\nControla a ordem de empilhamento do componente na página.",
+          "values": []
+        },
+        {
+          "name": "show-item-count",
+          "description": "Exibe a contagem de itens no formato (1/4), (2/4), etc.\nQuando `true`, cada item mostrará sua posição relativa ao total de itens.\nPor padrão, é `true` para o modo simple e `false` para o modo compound.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "br-step",
       "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/step?tab=designer).\n---\n\n\n### **Events:**\n - **brDidLoad** - Emite um evento após o componente ter sido carregado pela primeira vez.\nUtilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n- **brWillLoad** - Emite um evento antes do componente ser renderizado pela primeira vez, permitindo a preparação de dados ou inicializações necessárias.\nUtilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdwillLoad) para mais detalhes.\n- **brShouldUpdate** - Emite um evento para indicar se o componente deve ser atualizado ou não.\nEste evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n\n### **Methods:**\n - **handleClick(event)** - listener para ouvir o evento de click no componente step\nAtravés desse listener o componente define qual será o proximo passo do step que terá o estado ativo\n- **ProceedToNextStep()** - \nMétodo disponibilizado via API do elemento que controla o componente Step, responsável por avançar para o próximo passo e atualizar o valor do estado activeStep\n- **BackToPreviousStep()** - \nMétodo disponibilizado via API do elemento que controla o componente Step, responsável por retornar ao passo anterior e atualizar o valor do estado activeStep\n- **StepValidation(validationStatus: _'success' | 'info' | 'danger' | 'warning'_)** - \nMétodo disponibilizado via API do elemento que integra um componente externo ao componente Step, permitindo sinalizar validações ou destacar a etapa com estado ativo.\n- **GetActiveStep()** - \nMétodo disponibilizado via API do elemento que permite a um componente externo obter a etapa com o estado ativo do componente Step.\n\n### **Slots:**\n - **default** - Slot que abriga o componente step-item. Este slot tem a particularidade de aceitar somente o componente step-item em sua composição. Caso outro elemento ou componente seja incluído dentro dele, o componente Step não será renderizado, e uma mensagem de erro será exibida no console.",
@@ -1693,7 +1827,7 @@
     },
     {
       "name": "br-upload",
-      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Texto personalizado para o botão de upload. Se não fornecido, será exibido \"Selecione o arquivo\" como texto padrão. Use este slot para personalizar o texto do botão de acordo com o contexto do upload, por exemplo: \"Anexar documentos\", \"Enviar imagens\", etc.",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n---\n\n\n### **Events:**\n - **selectedFilesChange** - Evento emitido quando a lista de arquivos selecionados é alterada.\n\n### **Slots:**\n - **default** - Texto personalizado para o botão de upload. Se não fornecido, será exibido \"Selecione o arquivo\" como texto padrão. Use este slot para personalizar o texto do botão de acordo com o contexto do upload, por exemplo: \"Anexar documentos\", \"Enviar imagens\", etc.",
       "attributes": [
         {
           "name": "custom-id",
@@ -1841,6 +1975,333 @@
       ],
       "references": []
     },
+    {
+      "name": "br-header-function",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Methods:**\n - **handleHeaderWidthChange(event: _CustomEvent<{ id: string; listNames: string[]; shrink: boolean }>_)** - Listener para o evento 'headerWidthChange', disparado pelo componente pai 'br-header'.\nO evento contém o ID do pai e o nome da lista.\nSe o ID do pai corresponder ao ID do cabeçalho atual, o evento será tratado.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Área para inserção do nome da funcionalidade.\n- **icon** - Área para inserção de um ícone.",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "URL para a funcionalidade.",
+          "values": []
+        },
+        {
+          "name": "icon-name",
+          "description": "Nome do ícone a ser exibido.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Define o alvo do link quando `href` está presente. Pode ser:\n- `_blank` para abrir em uma nova aba,\n- `_self` para abrir na mesma aba,\n- `_parent` para abrir na aba pai,\n- `_top` para abrir na aba superior.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_self" },
+            { "name": "_parent" },
+            { "name": "_top" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-header-link",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Área para inserção do link.",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        { "name": "href", "description": "URL do link.", "values": [] },
+        {
+          "name": "target",
+          "description": "Define o alvo do link quando `href` está presente. Pode ser:\n- `_blank` para abrir em uma nova aba,\n- `_self` para abrir na mesma aba,\n- `_parent` para abrir na aba pai,\n- `_top` para abrir na aba superior.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_self" },
+            { "name": "_parent" },
+            { "name": "_top" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-header-list",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Events:**\n - **headerListUpdate** - Evento disparado para indicar qual lista deve encolher primeiro.\nO evento envia o ID do componente pai e o nome da lista.\n- **headerListFocused** - Evento disparado quando a lista recebe foco.\nO evento envia o ID do componente.\n\n### **Methods:**\n - **closeList()** - Fecha a lista.\n- **isListOpen(): __** - Verifica se a lista está aberta.\n- **openList(): _Promise<void>_** - Abre a lista.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Área para inserção do conteúdo da lista.",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "list-title",
+          "description": "Título da lista.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-header-logo",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Methods:**\n - **handleIsCompactChange()** - Observa mudanças na propriedade `isCompact` e ajusta a altura da logo se `hasDefaultHeight` for verdadeiro.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Área para inserção da logo personalizada.",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "Descrição da logo.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "URL de destino quando a logo for clicada.\nSe fornecido, a logo será envolvida em um link.",
+          "values": []
+        },
+        {
+          "name": "is-compact",
+          "description": "Indica se a logo está em modo compacto.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Target do link quando href é fornecido.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_self" },
+            { "name": "_parent" },
+            { "name": "_top" }
+          ]
+        },
+        { "name": "src", "description": "Url da logo padrão.", "values": [] },
+        { "name": "width", "description": "Largura da imagem.", "values": [] },
+        { "name": "height", "description": "Altura da imagem.", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-header",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-header?tab=designer).\n---\n\n\n### **Events:**\n - **brMenuHeaderClose** - Evento emitido quando o botão de fechar é clicado\n\n### **Slots:**\n - **logo** - Slot para inserção de conteúdo personalizado no lugar do logo padrão\n- **signature** - Slot para inserção de conteúdo personalizado no lugar da assinatura padrão",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "logo-src",
+          "description": "URL da imagem do logo no cabeçalho do menu",
+          "values": []
+        },
+        {
+          "name": "logo-alt",
+          "description": "Texto alternativo para a imagem do logo",
+          "values": []
+        },
+        {
+          "name": "signature",
+          "description": "Texto de identificação do site ou sistema",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-info",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-info?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para inserção de conteúdo personalizado no lugar do texto de informações padrão",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "info",
+          "description": "Informações adicionais em formato de texto",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-item",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Ícone exibido no item do menu.\nUtilize esta propriedade para definir o ícone que será mostrado ao lado do conteúdo do item.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "URL de destino do link do item do menu.\nUtilize esta propriedade para definir o endereço para onde o usuário será direcionado ao clicar no item.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Define como o link será aberto.\n- `_self`: abre no mesmo contexto de navegação (padrão)\n- `_blank`: abre em nova aba ou janela\n- `_parent`: abre no contexto pai\n- `_top`: abre no contexto de nível superior",
+          "values": [
+            { "name": "_self" },
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_top" }
+          ]
+        },
+        {
+          "name": "divider",
+          "description": "Define se o item deve exibir um divisor visual.\nQuando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "Define se o item do menu está ativo/selecionado.\nQuando ativado, aplica estilos visuais para destacar o item como atual ou selecionado.",
+          "values": []
+        },
+        {
+          "name": "display-mode",
+          "description": "Define o modo de exibição do item, controlando os ícones de expansão.\n- `accordion`: exibe setas para cima/baixo (usado em menus de nível 0).\n- `drill-down`: exibe seta para a direita (usado em menus de níveis 1+).\n- `none`: não exibe ícones de expansão.",
+          "values": [
+            { "name": "accordion" },
+            { "name": "drill-down" },
+            { "name": "none" }
+          ]
+        },
+        {
+          "name": "expanded",
+          "description": "Indica se o item está expandido para fins de acessibilidade (ARIA).\nEste estado é controlado externamente (por exemplo, por br-menu-list).\nNão altera o estado visual de \"active\".",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-link",
+      "description": "Menu Link - Representa cada link para acesso a sites externos no rodapé do menu.\n---\n\n\n### **Events:**\n - **brLinkClick** - Evento emitido quando o link externo é clicado\n\n### **Slots:**\n - **icon** - Slot para inserção de componente de ícone personalizado\n- **url** - Slot para URL do link",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        { "name": "url", "description": "URL do link", "values": [] },
+        { "name": "titulo", "description": "Título do link", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-list",
+      "description": "\n---\n\n\n### **Events:**\n - **folderToggled** - Emitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão).\n- **navigateToSubmenu** - Emitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down).",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Ícone exibido no item do menu.\nUtilize esta propriedade para definir o ícone que será mostrado ao lado do label.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Texto do label do item do menu.\nUtilize esta propriedade para definir o texto que será exibido no item do menu.",
+          "values": []
+        },
+        {
+          "name": "menu-level",
+          "description": "Nível do menu na hierarquia de navegação.\nUtilizado para determinar o comportamento do menu (acordeão para nível 0, drill-down para níveis superiores).",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Define se o item deve exibir um divisor visual.\nQuando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.",
+          "values": []
+        },
+        {
+          "name": "expanded",
+          "description": "Define se o menu-list inicia expandido.\nÚtil para manter agrupamentos abertos por padrão no menu contextual.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-logo",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/menu-logo?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Conteúdo opcional que substitui a imagem padrão",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "ID personalizado para o elemento, útil para acessibilidade e identificação única.\nSe não for fornecido, um ID único será gerado automaticamente.",
+          "values": []
+        },
+        { "name": "src", "description": "URL da imagem", "values": [] },
+        {
+          "name": "alt",
+          "description": "Texto alternativo da imagem",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Largura da imagem (com unidade, ex: '100px', '50%')",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Altura da imagem (com unidade, ex: '80px', 'auto')",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-menu-social",
+      "description": "Menu Social - Representa cada link para acesso a redes sociais.\n---\n\n\n### **Events:**\n - **brSocialClick** - Evento emitido quando o link de rede social é clicado\n\n### **Slots:**\n - **icon** - Slot para inserção de componente de ícone personalizado",
+      "attributes": [
+        {
+          "name": "custom-id",
+          "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        { "name": "url", "description": "URL do link", "values": [] },
+        {
+          "name": "aria-label",
+          "description": "Rótulo para acessibilidade",
+          "values": []
+        },
+        { "name": "icon", "description": "Ícone da rede social", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-skiplink-item",
+      "description": "Item individual do componente Skip Link.\nRepresenta um link de navegação rápida para uma seção específica da página.\nPermite navegação por atalhos de teclado usando Alt+[keyNumber].\n\n## Examples\n---\n\n\n### **Events:**\n - **brSkiplinkItemClick** - Evento emitido quando o item é clicado/ativado.\nO evento contém informações sobre o item e o target.\n- **brSkiplinkItemFocus** - Evento emitido quando o item recebe foco.\n\n### **Methods:**\n - **itemFocus(): _Promise<void>_** - Move o foco para este item.\n- **navigateToTarget(): _Promise<void>_** - Navega para o target definido.\nMove o foco para o elemento alvo e ajusta a rolagem da página se necessário.\n- **handleClick(_event: _MouseEvent_)** - Listener para cliques no item.\n- **handleKeyDown(event: _KeyboardEvent_)** - Listener para teclas Enter, Space e atalho Alt+[keyNumber].\n- **handleFocus()** - Listener para foco no item.\n\n### **Slots:**\n - **default** - Conteúdo do item (texto do link).\n- **tag** - Slot opcional para personalizar a tag numérica que exibe o atalho de teclado. Por padrão, a tag é criada automaticamente com o valor de `key-number`.",
+      "attributes": [
+        {
+          "name": "target",
+          "description": "ID do elemento de destino ou seletor CSS.\nEste é o elemento para o qual o usuário será levado ao ativar este item.",
+          "values": []
+        },
+        {
+          "name": "key-number",
+          "description": "Número da tecla para acesso rápido.\nPermite que o usuário ative este item pressionando Alt+[keyNumber].\nAceita valores de 1 a 9.\nEsta propriedade implementa uma alternativa ao accessKey nativa,\nfornecendo um atalho de teclado consistente e acessível.",
+          "values": []
+        },
+        {
+          "name": "custom-id",
+          "description": "ID personalizado.\nCaso não seja fornecido, um ID gerado automaticamente será usado.",
+          "values": []
+        },
+        {
+          "name": "hide-tag",
+          "description": "Controla a visibilidade da tag numérica.\nQuando `true`, a tag numérica não será exibida, mesmo que `keyNumber` esteja definido.\nO atalho de teclado continua funcionando, apenas a indicação visual é ocultada.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "br-step-item",
       "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/step?tab=designer).\n---\n\n\n### **Events:**\n - **brWillRender** - Emite um evento após o componente ter sido carregado pela primeira vez.\nUtilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n- **brDidRender** - Emite um evento após o componente ter sido carregado pela primeira vez.\nUtilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n\n### **Methods:**\n - **watchItemIsActive(newValue: _boolean_, oldValue: _boolean_)** - Watch que observa o valor da propriedade active, e ao alterar seu valor este método altera o valor do campo de acessibilidade aria-selected\n- **setStepItemPositionStatus(value: _'first' | 'middle' | 'last'_)** - \nMétodo disponibilizado via api do elemento que indica a posição do step item, ele serve para setar o state stepItemPositionStatus do componente\n- **handleShowTimeLine(value: _boolean_, layout)** - Método que define a orientação do stepItem e controla a exibição da linha do tempo após o componente.\n- **setLabelPosition(value: _'top' | 'right' | 'bottom' | 'left'_)** - \nMétodo disponibilizado via api do elemento que atribui o valor ao estado que define onde o label, o texto de destaque, irá ficar localizado\n- **setContentType(value: _'default' | 'br-icon' | 'no-content' | 'slotted'_)** - \nMétodo disponibilizado via api do elemento que atribui o valor que irá definir o tipo de conteúdo apresentado dentro do componente stepItem\n- **setMode(value: _'controller' | 'step'_)** - \nMétodo disponibilizado via api do elemento que atribui o valor que irá definir o modo como o componente irá se comportar e exibir seu estilo.\n- **setContent(value: _string_)** - \nMétodo disponibilizado via api do elemento que atribui o valor que irá ser exibido dentro do componente stepItem\n\n### **Slots:**\n - **label-area** - insere o conteúdo customizado dentro do botão que compõe o componente.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govbr-ds/webcomponents",
-  "version": "2.0.0-next.57",
+  "version": "2.0.0-next.58",
   "description": "Biblioteca de Web Components baseado no GovBR-DS",
   "keywords": [
     "design system",

package/dist/cjs/br-avatar.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"br-avatar.entry.cjs.js","sources":["../../packages/webcomponents/src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","../../packages/webcomponents/src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: inline-block;\n\n  .br-avatar .content.text-pure-0 {\n    background-color: var(--avatar-text-background-color);\n  }\n}\n\n:host([density=\"small\"]) .avatar-icon {\n  margin-top: 0.7em;\n}\n\n:host([density=\"medium\"]) .avatar-icon {\n  margin-top: 0.95em;\n}\n\n:host([density=\"large\"]) .avatar-icon {\n  margin-top: 0.65em;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n *\n * @example\n * ```html\n * <br-avatar is-iconic></br-avatar>\n * ```\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ mutable: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-avatar-${avatarId++}`\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() readonly src: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() readonly alt = 'Foto de perfil do usuário'\n\n  /**\n   * 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.\n   */\n  @Prop() readonly isIconic: boolean = false\n\n  /**\n   * Conteúdo textual do avatar.\n   * Apenas o primeiro caractere será exibido em maiúscula.\n   */\n  @Prop() readonly text: string\n\n  /**\n   * Define se o avatar está desabilitado\n   */\n  @Prop() readonly disabled = false\n\n  /**\n   * Permite definir a cor de fundo do componente.\n   * Aceita 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.\n   * Se não especificada, usa a cor padrão do tema.\n   */\n  @Prop({ reflect: true }) readonly bgColor: string = '#DBE8FB'\n\n  @State() private hasError = false\n\n  /**\n   * Observa mudanças na propriedade density para validação e sincronização com atributo DOM.\n   * Garante que apenas valores válidos sejam aceitos e atualiza o atributo no elemento host.\n   */\n  @Watch('density')\n  handleDensityChange(newValue: 'small' | 'medium' | 'large') {\n    if (!['small', 'medium', 'large'].includes(newValue)) {\n      console.warn(`Valor inválido para density: ${newValue}. Usando 'medium'.`)\n      this.density = 'medium'\n    }\n    this.el.setAttribute('density', this.density)\n  }\n\n  componentWillLoad() {\n    this.handleDensityChange(this.density)\n    this.setCustomBackgroundColor()\n  }\n\n  componentDidUpdate() {\n    this.setCustomBackgroundColor()\n  }\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      [this.density]: true,\n      error: this.hasError,\n      disabled: this.disabled,\n    }\n  }\n\n  /**\n   * Verifica se uma string possui conteúdo válido (não vazia após remover espaços em branco).\n   * @param value - String a ser verificada\n   * @returns {boolean} true se a string possui conteúdo\n   */\n  private hasContent(value: string): boolean {\n    return value?.trim().length > 0\n  }\n\n  private readonly handleImageError = () => {\n    this.hasError = true\n    console.error(`Erro ao carregar imagem do avatar: ${this.src}`)\n  }\n\n  /**\n   * Obtém as classes CSS para o elemento content.\n   * @returns {string} Classes CSS do content\n   */\n  private getContentClasses(): string {\n    if (this.hasContent(this.text) && !this.isIconic) {\n      return 'content text-pure-0'\n    }\n    return 'content'\n  }\n\n  /**\n   * Define a variável CSS para cor de fundo personalizada para o avatar texto.\n   */\n  private setCustomBackgroundColor() {\n    if (this.hasContent(this.bgColor)) {\n      this.el.style.setProperty('--avatar-text-background-color', this.bgColor)\n    }\n  }\n\n  /**\n   * Gera aria-label apropriado baseado no tipo de avatar\n   * Prioriza aria-label do host, senão gera automaticamente\n   */\n  private getAriaLabel(): string {\n    const hostAriaLabel = this.el.getAttribute('aria-label')\n    if (this.hasContent(hostAriaLabel)) {\n      return hostAriaLabel\n    }\n\n    if (this.hasContent(this.text) && !this.isIconic) {\n      return `Avatar de ${this.text}`\n    }\n\n    if (this.hasContent(this.src) && !this.hasError) {\n      return this.alt\n    }\n\n    return 'Avatar com ícone padrão de usuário'\n  }\n\n  /**\n   * Obtém o valor do token do DS para altura do ícone\n   */\n  private getIconSize(): string {\n    const tokenName = `--icon-size-${this.density === 'small' ? '2x' : this.density === 'medium' ? '5x' : '8x'}`\n    return getComputedStyle(this.el).getPropertyValue(tokenName).trim()\n  }\n\n  /**\n   * Obtém o valor do token do DS para largura do ícone (altura + 8px)\n   */\n  private getIconWidth(): string {\n    const baseSize = this.getIconSize()\n    const numericValue = parseInt(baseSize.replace('px', ''))\n    return `${numericValue + 8}px`\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'letra/texto'.\n   * Exibe a primeira letra do texto em maiúscula.\n   */\n  private renderTextAvatar() {\n    return this.text[0].toUpperCase()\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'fotográfico/imagem'.\n   * Exibe uma imagem carregada via URL.\n   */\n  private renderImageAvatar() {\n    return <img src={this.src} alt={this.alt} loading=\"lazy\" onError={this.handleImageError} />\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'icônico'.\n   * Exibe um ícone padrão (fa-solid:user) posicionado na base do avatar.\n   */\n  private renderIconAvatar() {\n    return (\n      <br-icon\n        icon-name=\"fa-solid:user\"\n        height={this.getIconSize()}\n        width={this.getIconWidth()}\n        aria-hidden=\"true\"\n        class=\"avatar-icon\"\n      ></br-icon>\n    )\n  }\n\n  /**\n   * Método principal de renderização do avatar.\n   * Prioridade: isIconic > texto > imagem > ícone (padrão)\n   */\n  private renderAvatar() {\n    if (this.isIconic) {\n      return this.renderIconAvatar()\n    }\n\n    if (this.hasContent(this.text)) {\n      return this.renderTextAvatar()\n    }\n\n    if (this.hasContent(this.src) && !this.hasError) {\n      return this.renderImageAvatar()\n    }\n\n    return this.renderIconAvatar()\n  }\n\n  render() {\n    return (\n      <Host>\n        <span id={this.customId} class={this.getCssClassMap()} role=\"img\" aria-label={this.getAriaLabel()}>\n          <span class={this.getContentClasses()}>{this.renderAvatar()}</span>\n        </span>\n      </Host>\n    )\n  }\n}\n\nlet avatarId = 0\n"],"names":["h","Host"],"mappings":"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"}