@govbr-ds/webcomponents 2.0.0-next.28 → 2.0.0-next.29

package/www/assets/stencil-generated-docs/all-component-events.md

@@ -0,0 +1,16 @@
+| Evento                | Componente  | Tipo                                     | Descrição                                                                                                                                                                                     |
+| --------------------- | ----------- | ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `brDidClick`          | br-item     | `CustomEvent<any>`                       | Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`). Pode ser utilizado para ações personalizadas, exceto quando o item está desativado. |
+| `brDidClose`          | br-collapse | `CustomEvent<{ id: string; }>`           | Evento emitido ao recolher                                                                                                                                                                    |
+| `brDidClose`          | br-message  | `CustomEvent<any>`                       | Evento emitido quando o usuário fecha a mensagem, se closable for true.                                                                                                                       |
+| `brDidOpen`           | br-collapse | `CustomEvent<{ id: string; }>`           | Evento emitido ao expandir                                                                                                                                                                    |
+| `brDidSelect`         | br-item     | `CustomEvent<{ selected: boolean; }>`    | Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.          |
+| `brDidSelectChange`   | br-select   | `CustomEvent<any>`                       | Evento emitido sempre que houver atualização nos itens selecionados.                                                                                                                          |
+| `brDropdownChange`    | br-dropdown | `CustomEvent<{ 'is-opened': boolean; }>` | Evento emitido quando o estado do dropdown muda.                                                                                                                                              |
+| `checkedChange`       | br-checkbox | `CustomEvent<boolean>`                   | Disparado depois que o valor do `checked` foi alterado                                                                                                                                        |
+| `checkedChange`       | br-radio    | `CustomEvent<boolean>`                   | Disparado depois que o valor do `checked` foi alterado                                                                                                                                        |
+| `checkedChange`       | br-switch   | `CustomEvent<boolean>`                   | Disparado depois que o valor do `checked` foi alterado                                                                                                                                        |
+| `indeterminateChange` | br-checkbox | `CustomEvent<boolean>`                   | Disparado depois que o valor do `indeterminate` foi alterado.                                                                                                                                 |
+| `radioSelected`       | br-tag      | `CustomEvent<string>`                    | Evento emitido quando a tag é selecionada.                                                                                                                                                    |
+| `valueChange`         | br-input    | `CustomEvent<string>`                    | Valor atualizado do input                                                                                                                                                                     |
+| `valueChange`         | br-textarea | `CustomEvent<string>`                    | Valor atualizado do textarea                                                                                                                                                                  |

package/www/assets/stencil-generated-docs/all-component-methods.md

@@ -0,0 +1,12 @@
+| Assinatura                                          | Componente  | Descrição                                                                                                         |
+| --------------------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------- |
+| `closeCollapse() => Promise<void>`                  | br-collapse | Método público para fechar                                                                                        |
+| `hide() => Promise<{ isOpen: boolean; }>`           | br-dropdown | Esconde o dropdown. Define a propriedade `isOpen` como falsa e retorna o novo estado. Este método é marcado com   |
+| `open() => Promise<{ isOpen: boolean; }>`           | br-dropdown | Abre o dropdown. Define a propriedade `isOpen` como verdadeira e retorna o novo estado. Este método é marcado com |
+| `openCollapse() => Promise<void>`                   | br-collapse | Método público para abrir                                                                                         |
+| `setIndeterminate(value: boolean) => Promise<void>` | br-checkbox | Define o estado indeterminado do checkbox.                                                                        |
+| `setValue(newValue: string) => Promise<void>`       | br-textarea | Define um novo valor para o textarea.                                                                             |
+| `toggleChecked() => Promise<void>`                  | br-checkbox | Inverte o valor da prop `checked`                                                                                 |
+| `toggleChecked() => Promise<void>`                  | br-radio    | Inverte o valor da prop `checked`                                                                                 |
+| `toggleChecked() => Promise<void>`                  | br-switch   | Inverte o valor da prop `checked`                                                                                 |
+| `toggleOpen() => Promise<void>`                     | br-select   | Inverte o valor da prop `isOpen`                                                                                  |

package/www/assets/stencil-generated-docs/all-component-props.md

@@ -0,0 +1,168 @@
+| Propriedade                 | Atributo                 | Componente    | Tipo                                                                                                                      | Valor padrão                            | Descrição                                                                                                                                                                                                                                                                                                                                                                                     |
+| --------------------------- | ------------------------ | ------------- | ------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ``accept``                  | ``accept``               | br-upload     | ``string``                                                                                                                | ``''``                                  | Tipos de arquivo permitidos (ex: 'image/*'). Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.                                                                                                                                                                                                                                                              |
+| ``accordionGroup``          | ``accordion-group``      | br-collapse   | ``string``                                                                                                                | `---`                                   | Define se o collapse faz parte de um accordion                                                                                                                                                                                                                                                                                                                                                |
+| ``align``                   | ``align``                | br-divider    | ``"center" \| "left" \| "right"``                                                                                         | `---`                                   | Alinhamento do texto do divider                                                                                                                                                                                                                                                                                                                                                               |
+| ``alt``                     | ``alt``                  | br-avatar     | ``"Imagem do avatar"``                                                                                                    | ``'Imagem do avatar'``                  | Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO. Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: "Foto de perfil de João Silva".                                                                                                                                                                                         |
+| ``autocomplete``            | ``autocomplete``         | br-input      | ``"off" \| "on"``                                                                                                         | `---`                                   | Controla o comportamento de preenchimento automático do navegador para o input.                                                                                                                                                                                                                                                                                                               |
+| ``autocorrect``             | ``autocorrect``          | br-input      | ``"off" \| "on"``                                                                                                         | ``'off'``                               | Controla a correção automática do texto.                                                                                                                                                                                                                                                                                                                                                      |
+| ``autoRemove``              | ``auto-remove``          | br-message    | ``boolean``                                                                                                               | ``false``                               | Controla o comportamento do fechamento do componente quando `isClosable` é verdadeiro. - Se definido como `true`, o componente será automaticamente removido do DOM ao clicar no botão de fechar. - Se definido como `false`, o componente permanecerá no DOM e apenas emitirá o evento `brDidClose`.  Esta propriedade não tem efeito se `isClosable` for `false`. O valor padrão é `false`. |
+| ``bleed``                   | ``bleed``                | br-divider    | ``boolean``                                                                                                               | ``false``                               | Define se o divider deve ocupar toda a largura do container pai                                                                                                                                                                                                                                                                                                                               |
+| ``borderStyle``             | ``border-style``         | br-divider    | ``"dashed" \| "solid"``                                                                                                   | ``'solid'``                             | Modifica o estilo da linha                                                                                                                                                                                                                                                                                                                                                                    |
+| ``checked``                 | ``checked``              | br-checkbox   | ``boolean``                                                                                                               | ``false``                               | Define o estado de seleção do checkbox. Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.                                                                                                                                                                                                                                                            |
+| ``checked``                 | ``checked``              | br-radio      | ``boolean``                                                                                                               | ``false``                               | Define o estado de seleção do radio. Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.                                                                                                                                                                                                                                                                  |
+| ``checked``                 | ``checked``              | br-switch     | ``boolean``                                                                                                               | ``false``                               | Define o estado de seleção do checkbox. Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.                                                                                                                                                                                                                                                            |
+| ``color``                   | ``color``                | br-divider    | ``string``                                                                                                                | ``''``                                  | Define a cor da linha                                                                                                                                                                                                                                                                                                                                                                         |
+| ``color``                   | ``color``                | br-tag        | ``string``                                                                                                                | ``''``                                  | A propriedade 'color' permite definir a cor do componente. Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.                                                                                                                                                                                                                                                             |
+| ``colorMode``               | ``color-mode``           | br-button     | ``"dark"``                                                                                                                | `---`                                   | Define se o botão usará um esquema de cores escuro.                                                                                                                                                                                                                                                                                                                                           |
+| ``cssClasses``              | ``css-classes``          | br-icon       | ``string``                                                                                                                | `---`                                   | Permite adicionar classes CSS adicionais ao ícone. Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.                                                                                                                                                                                                                                                |
+| ``customId``                | ``custom-id``            | br-avatar     | ``string``                                                                                                                | ````br-avatar-${avatarId++}````         | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-button     | ``string``                                                                                                                | ````br-button-${buttonId++}````         | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-checkbox   | ``string``                                                                                                                | ````br-checkbox-${checkboxId++}````     | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-checkgroup | ``string``                                                                                                                | ````br-checkgroup-${checkgroupId++}```` | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-collapse   | ``string``                                                                                                                | ````br-collapse-${collapseId++}````     | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-divider    | ``string``                                                                                                                | ````br-divider-${dividerId++}````       | Identificador único                                                                                                                                                                                                                                                                                                                                                                           |
+| ``customId``                | ``custom-id``            | br-dropdown   | ``string``                                                                                                                | ````br-dropdown-${dropdownId++}````     | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-icon       | ``string``                                                                                                                | ````br-icon-${iconId++}````             | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-input      | ``string``                                                                                                                | ````br-input-${inputId++}````           | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-item       | ``string``                                                                                                                | ````br-item-${itemId++}````             | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-list       | ``string``                                                                                                                | ````br-list-${listId++}````             | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-loading    | ``string``                                                                                                                | ````br-loading-${loadingId++}````       | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-message    | ``string``                                                                                                                | ````br-message-${messageId++}````       | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-radio      | ``string``                                                                                                                | ````br-radio-${radioId++}````           | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-select     | ``string``                                                                                                                | ````br-select-${selectId++}````         | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-switch     | ``string``                                                                                                                | ````br-switch-${switchId++}````         | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-tag        | ``string``                                                                                                                | ````br-tag-${tagId++}````               | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``customId``                | ``custom-id``            | br-textarea   | ``string``                                                                                                                | ````br-textarea-${textareaId++}````     | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                                                                                                                                                                                                        |
+| ``density``                 | ``density``              | br-avatar     | ``"large" \| "medium" \| "small"``                                                                                        | ``'medium'``                            | Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.                                                                                                                                                                                                                                                                                           |
+| ``density``                 | ``density``              | br-button     | ``"large" \| "medium" \| "small"``                                                                                        | ``'medium'``                            | Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.                                                                                                                                                                                                                                                                                           |
+| ``density``                 | ``density``              | br-input      | ``"large" \| "medium" \| "small"``                                                                                        | ``'medium'``                            | Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.                                                                                                                                                                                                                                                                                           |
+| ``density``                 | ``density``              | br-item       | ``"large" \| "medium" \| "small"``                                                                                        | ``'medium'``                            | Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.                                                                                                                                                                                                                                                                                           |
+| ``density``                 | ``density``              | br-switch     | ``"large" \| "medium" \| "small"``                                                                                        | ``'medium'``                            | O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação.                                                                                                                                                                                                                                                 |
+| ``density``                 | ``density``              | br-tag        | ``"large" \| "medium" \| "small"``                                                                                        | ``DENSITY_SMALL``                       | A propriedade 'density' permite definir a densidade do componente. Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.                                                                                                                                                                                                                                                     |
+| ``density``                 | ``density``              | br-textarea   | ``"large" \| "medium" \| "small"``                                                                                        | ``'medium'``                            | Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.                                                                                                                                                                                                                                                                                                                   |
+| ``disabled``                | ``disabled``             | br-avatar     | ``boolean``                                                                                                               | ``false``                               | Define se o avatar está desabilitado                                                                                                                                                                                                                                                                                                                                                          |
+| ``disabled``                | ``disabled``             | br-button     | ``boolean``                                                                                                               | ``false``                               | Desativa o botão, tornando-o não interativo.                                                                                                                                                                                                                                                                                                                                                  |
+| ``disabled``                | ``disabled``             | br-checkbox   | ``boolean``                                                                                                               | ``false``                               | Desativa o checkbox, tornando-o não interativo.                                                                                                                                                                                                                                                                                                                                               |
+| ``disabled``                | ``disabled``             | br-input      | ``boolean``                                                                                                               | ``false``                               | Desativa o input, tornando-o não interativo.                                                                                                                                                                                                                                                                                                                                                  |
+| ``disabled``                | ``disabled``             | br-item       | ``boolean``                                                                                                               | ``false``                               | Desativa o item, tornando-o não interativo.                                                                                                                                                                                                                                                                                                                                                   |
+| ``disabled``                | ``disabled``             | br-radio      | ``boolean``                                                                                                               | ``false``                               | Desativa o radio, tornando-o não interativo.                                                                                                                                                                                                                                                                                                                                                  |
+| ``disabled``                | ``disabled``             | br-switch     | ``boolean``                                                                                                               | ``false``                               | Desativa o switch, tornando-o não interativo.                                                                                                                                                                                                                                                                                                                                                 |
+| ``disabled``                | ``disabled``             | br-tag        | ``boolean``                                                                                                               | ``false``                               | Tag deve estar desabilitado.                                                                                                                                                                                                                                                                                                                                                                  |
+| ``disabled``                | ``disabled``             | br-textarea   | ``boolean``                                                                                                               | ``false``                               | Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.                                                                                                                                                                                                                                                                                          |
+| ``disabled``                | ``disabled``             | br-upload     | ``boolean``                                                                                                               | ``false``                               | Indica se o componente está desativado. Quando definido como `true`, o campo de upload se torna não interativo, impedindo que o usuário selecione ou envie arquivos. Isso é útil para controlar a interação do usuário em situações específicas, como durante o carregamento de dados ou quando o formulário está em um estado inválido.                                                      |
+| ``emphasis``                | ``emphasis``             | br-button     | ``"primary" \| "secondary" \| "tertiary"``                                                                                | `---`                                   | Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.                                                                                                                                                                                                                                                                                  |
+| ``flip``                    | ``flip``                 | br-icon       | ``"horizontal" \| "vertical"``                                                                                            | `---`                                   | Define o tipo de espelhamento do ícone. Aceita valores como "horizontal" para espelhar o ícone horizontalmente, "vertical" para espelhar verticalmente, ou ambos.                                                                                                                                                                                                                             |
+| ``hasHiddenLabel``          | ``has-hidden-label``     | br-checkbox   | ``boolean``                                                                                                               | ``false``                               | Define se o label associado ao checkbox deve ser oculto. Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.                                                                                                                                                                                                                          |
+| ``hasHiddenLabel``          | ``has-hidden-label``     | br-radio      | ``boolean``                                                                                                               | ``false``                               | Define se o label associado ao radio deve ser oculto. Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.                                                                                                                                                                                                                                |
+| ``hasIcon``                 | ``has-icon``             | br-switch     | ``boolean``                                                                                                               | ``false``                               | Adiciona um ícone ao switch para indicar a mudança de estado.                                                                                                                                                                                                                                                                                                                                 |
+| ``header``                  | ``header``               | br-list       | ``string``                                                                                                                | `---`                                   | Define o cabeçalho para a lista.                                                                                                                                                                                                                                                                                                                                                              |
+| ``height``                  | ``height``               | br-icon       | ``string``                                                                                                                | ``'16'``                                | Define a altura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc. O valor padrão é '16'.                                                                                                                                                                                                                                           |
+| ``helpText``                | ``help-text``            | br-input      | ``string``                                                                                                                | `---`                                   | Texto adicional que fornece ajuda ou informações sobre o input.                                                                                                                                                                                                                                                                                                                               |
+| ``hideHeaderDivider``       | ``hide-header-divider``  | br-list       | ``boolean``                                                                                                               | ``false``                               | Indica que o divider para o título da lista estará oculto.                                                                                                                                                                                                                                                                                                                                    |
+| ``href``                    | ``href``                 | br-item       | ``string``                                                                                                                | `---`                                   | URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.                                                                                                                                                                                                                                                               |
+| ``iconHeight``              | ``icon-height``          | br-avatar     | ``string``                                                                                                                | `---`                                   | Altura do ícone no avatar do tipo icônico                                                                                                                                                                                                                                                                                                                                                     |
+| ``iconMarginTop``           | ``icon-margin-top``      | br-avatar     | ``string``                                                                                                                | `---`                                   | Ajuste para a margem de cima do ícone no avatar do tipo icônico                                                                                                                                                                                                                                                                                                                               |
+| ``iconName``                | ``icon-name``            | br-icon       | ``string``                                                                                                                | `---`                                   | Nome do ícone a ser exibido, utilizando a biblioteca Iconify. Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.                                                                                                                                                                                                                     |
+| ``iconName``                | ``icon-name``            | br-tag        | ``string``                                                                                                                | ``''``                                  | A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto. O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.                                                                                                                                                                                                           |
+| ``iconPosition``            | ``icon-position``        | br-collapse   | ``"left" \| "right"``                                                                                                     | ``'right'``                             | Define a posição do ícone: 'left' ou 'right'                                                                                                                                                                                                                                                                                                                                                  |
+| ``iconToHide``              | ``icon-to-hide``         | br-collapse   | ``string``                                                                                                                | ``'fa6-solid:chevron-up'``              | Classe CSS para o ícone de recolhimento                                                                                                                                                                                                                                                                                                                                                       |
+| ``iconToShow``              | ``icon-to-show``         | br-collapse   | ``string``                                                                                                                | ``'fa6-solid:chevron-down'``            | Classe CSS para o ícone de expansão                                                                                                                                                                                                                                                                                                                                                           |
+| ``iconWidth``               | ``icon-width``           | br-avatar     | ``string``                                                                                                                | `---`                                   | Largura do ícone no avatar do tipo icônico                                                                                                                                                                                                                                                                                                                                                    |
+| ``indeterminate``           | ``indeterminate``        | br-checkbox   | ``boolean``                                                                                                               | ``false``                               | Define o estado intermediário do checkbox. Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada. Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial. Este estado será resetado automaticamente ao clicar no checkbox, alterando para marcado ou desmarcado.       |
+| ``indeterminate``           | ``indeterminate``        | br-checkgroup | ``boolean``                                                                                                               | ``false``                               | Define o estado intermediário do checkbox. Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada. Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.                                                                                                              |
+| ``interaction``             | ``interaction``          | br-tag        | ``boolean``                                                                                                               | ``false``                               | Interação deve ser habilitada.                                                                                                                                                                                                                                                                                                                                                                |
+| ``interactionSelect``       | ``interaction-select``   | br-tag        | ``boolean``                                                                                                               | ``false``                               | Interação de seleção deve ser habilitada.                                                                                                                                                                                                                                                                                                                                                     |
+| ``isActive``                | ``is-active``            | br-button     | ``boolean``                                                                                                               | ``false``                               | Indica se o botão está no estado ativo. Se definido como verdadeiro, o botão será exibido como ativo.                                                                                                                                                                                                                                                                                         |
+| ``isActive``                | ``is-active``            | br-item       | ``boolean``                                                                                                               | ``false``                               | Indica se o item está no estado ativo. Se definido como verdadeiro, o item será exibido como ativo.                                                                                                                                                                                                                                                                                           |
+| ``isButton``                | ``is-button``            | br-item       | ``boolean``                                                                                                               | ``false``                               | Quando definido como `true`, o item será tratado como um botão.                                                                                                                                                                                                                                                                                                                               |
+| ``isClosable``              | ``is-closable``          | br-message    | ``boolean``                                                                                                               | ``false``                               | Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem. O fechamento emitirá o evento `brDidClose`, mas não removerá automaticamente o componente do DOM, a menos que a propriedade `autoRemove` também esteja definida como `true`. Este recurso não está disponível para mensagens do tipo feedback.                                     |
+| ``isDarkMode``              | ``is-dark-mode``         | br-divider    | ``boolean``                                                                                                               | ``false``                               | Ativa o modo escuro                                                                                                                                                                                                                                                                                                                                                                           |
+| ``isFeedback``              | ``is-feedback``          | br-message    | ``boolean``                                                                                                               | ``false``                               | Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário. Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.                                                                                                                                                  |
+| ``isHighlight``             | ``is-highlight``         | br-input      | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, o input terá destaque visual.                                                                                                                                                                                                                                                                                                                                                  |
+| ``isHorizontal``            | ``is-horizontal``        | br-list       | ``boolean``                                                                                                               | ``false``                               | Indica se a lista será horizontal. Por padrão, a lista é vertical.                                                                                                                                                                                                                                                                                                                            |
+| ``isIconic``                | ``is-iconic``            | br-avatar     | ``boolean``                                                                                                               | ``false``                               | Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica. Se definido como verdadeiro, o avatar será exibido como um ícone.                                                                                                                                                                                                                                         |
+| ``isInline``                | ``is-inline``            | br-icon       | ``boolean``                                                                                                               | ``false``                               | Se definido como verdadeiro, o ícone será alinhado verticalmente ao texto ao seu redor. Útil quando o ícone é usado em linha com texto para garantir que esteja alinhado corretamente com o texto. O valor padrão é `false`.                                                                                                                                                                  |
+| ``isInline``                | ``is-inline``            | br-input      | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).                                                                                                                                                                                                                                                                                                                     |
+| ``isInline``                | ``is-inline``            | br-message    | ``boolean``                                                                                                               | ``false``                               | Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal. Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.                                                                                                                                                                                   |
+| ``isInline``                | ``is-inline``            | br-textarea   | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).                                                                                                                                                                                                                                                                                                                     |
+| ``isInteractive``           | ``is-interactive``       | br-item       | ``boolean``                                                                                                               | ``false``                               | Marca o item como interativo, permitindo que toda a superfície do item seja clicável.                                                                                                                                                                                                                                                                                                         |
+| ``isLoading``               | ``is-loading``           | br-button     | ``boolean``                                                                                                               | ``false``                               | Aplica o estado de "progresso" ao botão. O botão exibirá um indicador de carregamento ou progresso.                                                                                                                                                                                                                                                                                           |
+| ``isMedium``                | ``is-medium``            | br-loading    | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.                                                                                                                                                                                                                                                                                                            |
+| ``isMultiple``              | ``is-multiple``          | br-select     | ``boolean``                                                                                                               | ``false``                               | Habilita o modo múltiplo para selecionar várias opções.                                                                                                                                                                                                                                                                                                                                       |
+| ``isOpen``                  | ``is-open``              | br-dropdown   | ``boolean``                                                                                                               | ``false``                               | Indica se o dropdown está aberto ou fechado. Esta propriedade é refletida no DOM e pode ser alterada externamente. O valor padrão é falso (fechado).                                                                                                                                                                                                                                          |
+| ``isOpen``                  | ``is-open``              | br-select     | ``boolean``                                                                                                               | ``false``                               | Indica se a listagem de itens do select está expandida                                                                                                                                                                                                                                                                                                                                        |
+| ``isProgress``              | ``is-progress``          | br-loading    | ``boolean``                                                                                                               | ``false``                               | Determina o tipo de indicador a ser exibido: - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso. - Se falso, exibirá um indicador de carregamento indeterminado.                                                                                                                                                                                                  |
+| ``isSelected``              | ``is-selected``          | br-item       | ``boolean``                                                                                                               | ``false``                               | Indica se o item está no estado selecionado. Se definido como verdadeiro, o item será exibido como selecionado.                                                                                                                                                                                                                                                                               |
+| ``label``                   | ``label``                | br-checkbox   | ``string``                                                                                                                | `---`                                   | Texto descritivo exibido à direita do checkbox. Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.                                                                                                                                                                                                                                      |
+| ``label``                   | ``label``                | br-checkgroup | ``string``                                                                                                                | `---`                                   | Texto descritivo do grupo.                                                                                                                                                                                                                                                                                                                                                                    |
+| ``label``                   | ``label``                | br-input      | ``string``                                                                                                                | `---`                                   | Texto exibido como rótulo do input.                                                                                                                                                                                                                                                                                                                                                           |
+| ``label``                   | ``label``                | br-loading    | ``string``                                                                                                                | `---`                                   | Texto a ser exibido abaixo do indicador de carregamento. Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.                                                                                                                                                                                                                                   |
+| ``label``                   | ``label``                | br-radio      | ``string``                                                                                                                | `---`                                   | Texto descritivo exibido à direita do radio. Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.                                                                                                                                                                                                                                         |
+| ``label``                   | ``label``                | br-select     | ``string``                                                                                                                | `---`                                   | Rótulo que indica o tipo de informação que deve ser selecionada.                                                                                                                                                                                                                                                                                                                              |
+| ``label``                   | ``label``                | br-switch     | ``string``                                                                                                                | `---`                                   | Texto descritivo. Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.                                                                                                                                                                                                                                                                    |
+| ``label``                   | ``label``                | br-tag        | ``string``                                                                                                                | ``''``                                  | A propriedade 'label' é uma string que representa o texto a ser exibido no componente. Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.                                                                                                                                                                                           |
+| ``label``                   | ``label``                | br-textarea   | ``string``                                                                                                                | `---`                                   | Texto exibido como rótulo do input.                                                                                                                                                                                                                                                                                                                                                           |
+| ``label``                   | ``label``                | br-upload     | ``string``                                                                                                                | ``'Envio de arquivo'``                  | Texto descritivo do campo de upload. Este é o texto que é mostrado no label do textarea.                                                                                                                                                                                                                                                                                                      |
+| ``labelDesselecionado``     | ``label-desselecionado`` | br-checkgroup | ``string``                                                                                                                | ``'Selecionar tudo'``                   | Define o texto do label quando o checkbox está desmarcado.                                                                                                                                                                                                                                                                                                                                    |
+| ``labelOff``                | ``label-off``            | br-switch     | ``string``                                                                                                                | `---`                                   | Texto exibido quando o switch está desativado.                                                                                                                                                                                                                                                                                                                                                |
+| ``labelOn``                 | ``label-on``             | br-switch     | ``string``                                                                                                                | `---`                                   | Texto exibido quando o switch está ativado.                                                                                                                                                                                                                                                                                                                                                   |
+| ``labelPosition``           | ``label-position``       | br-switch     | ``"left" \| "right" \| "top"``                                                                                            | ``'left'``                              | Posição do rótulo em relação ao switch.                                                                                                                                                                                                                                                                                                                                                       |
+| ``labelSelecionado``        | ``label-selecionado``    | br-checkgroup | ``string``                                                                                                                | ``'Desselecionar tudo'``                | Define o texto do label quando o checkbox está marcado.                                                                                                                                                                                                                                                                                                                                       |
+| ``max``                     | ``max``                  | br-input      | ``number``                                                                                                                | `---`                                   | Define o valor máximo para campos de entrada numéricos.                                                                                                                                                                                                                                                                                                                                       |
+| ``maxlength``               | ``maxlength``            | br-input      | ``number``                                                                                                                | `---`                                   | Define o comprimento máximo do valor do campo de entrada.                                                                                                                                                                                                                                                                                                                                     |
+| ``maxlength``               | ``maxlength``            | br-textarea   | ``number``                                                                                                                | ``0``                                   | Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.                                                                                                                                                                                                                                                                                                        |
+| ``message` *(obrigatório)*` | ``message``              | br-message    | ``string``                                                                                                                | `---`                                   | Define o texto da mensagem que será exibido. Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.                                                                                                                                                                                                                 |
+| ``messageTitle``            | ``message-title``        | br-message    | ``string``                                                                                                                | `---`                                   | Define o título da mensagem, que é exibido no início, acima da mensagem principal. Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.                                                                                                                                                                                                       |
+| ``min``                     | ``min``                  | br-input      | ``number``                                                                                                                | `---`                                   | Define o valor mínimo para campos de entrada numéricos.                                                                                                                                                                                                                                                                                                                                       |
+| ``minlength``               | ``minlength``            | br-input      | ``number``                                                                                                                | `---`                                   | Define o comprimento mínimo do valor do campo de entrada.                                                                                                                                                                                                                                                                                                                                     |
+| ``multiple``                | ``multiple``             | br-input      | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, permite a seleção de múltiplos arquivos.                                                                                                                                                                                                                                                                                                                                       |
+| ``multiple``                | ``multiple``             | br-tag        | ``boolean``                                                                                                               | ``false``                               | A tag permite seleção múltipla.                                                                                                                                                                                                                                                                                                                                                               |
+| ``multiple``                | ``multiple``             | br-upload     | ``boolean``                                                                                                               | ``false``                               | Indica se o componente permite a seleção de múltiplos arquivos. Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.                                                                                                                                                                                                                                        |
+| ``name` *(obrigatório)*`    | ``name``                 | br-checkbox   | ``string``                                                                                                                | `---`                                   | Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo. O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.                                                                                                                                                                                     |
+| ``name` *(obrigatório)*`    | ``name``                 | br-radio      | ``string``                                                                                                                | `---`                                   | Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo. O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.                                                                                                                                                                                            |
+| ``name``                    | ``name``                 | br-input      | ``string``                                                                                                                | `---`                                   | Nome do input, utilizado para identificação em formulários.                                                                                                                                                                                                                                                                                                                                   |
+| ``name``                    | ``name``                 | br-switch     | ``string``                                                                                                                | `---`                                   | Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo. O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.                                                                                                                                                                                         |
+| ``name``                    | ``name``                 | br-tag        | ``string``                                                                                                                | ``''``                                  | A propriedade 'name' é uma string que representa o nome do grupo da tag para seleção. Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.                                                                                                                                                                                            |
+| ``open``                    | ``open``                 | br-collapse   | ``boolean``                                                                                                               | ``false``                               | Define se o item está inicialmente aberto                                                                                                                                                                                                                                                                                                                                                     |
+| ``options``                 | ``options``              | br-select     | ``string``                                                                                                                | ``'[]'``                                | JSON contendo as opções do select.                                                                                                                                                                                                                                                                                                                                                            |
+| ``orientation``             | ``orientation``          | br-divider    | ``"horizontal" \| "vertical"``                                                                                            | ``'horizontal'``                        | Define a orientação                                                                                                                                                                                                                                                                                                                                                                           |
+| ``pattern``                 | ``pattern``              | br-input      | ``string``                                                                                                                | `---`                                   | Define o padrão de entrada para validação.                                                                                                                                                                                                                                                                                                                                                    |
+| ``placeholder``             | ``placeholder``          | br-input      | ``string``                                                                                                                | `---`                                   | Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.                                                                                                                                                                                                                                                                                                  |
+| ``placeholder``             | ``placeholder``          | br-select     | ``string``                                                                                                                | ``''``                                  | Texto auxiliar exibido antes de uma seleção.                                                                                                                                                                                                                                                                                                                                                  |
+| ``placeholder``             | ``placeholder``          | br-textarea   | ``string``                                                                                                                | `---`                                   | Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.                                                                                                                                                                                                                                                                                                  |
+| ``progressPercent``         | ``progress-percent``     | br-loading    | ``number``                                                                                                                | `---`                                   | Define a porcentagem de progresso a ser exibida na barra de progresso. Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.                                                                                                                                                                                                                        |
+| ``readonly``                | ``readonly``             | br-input      | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.                                                                                                                                                                                                                                                                                                             |
+| ``required``                | ``required``             | br-input      | ``boolean``                                                                                                               | ``false``                               | Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.                                                                                                                                                                                                                                                                                          |
+| ``rotate``                  | ``rotate``               | br-icon       | ``"180deg" \| "270deg" \| "90deg"``                                                                                       | `---`                                   | Define o ângulo de rotação do ícone. Aceita valores como "90deg", "180deg" e "270deg" para rotacionar o ícone em diferentes ângulos.                                                                                                                                                                                                                                                          |
+| ``selectAllLabel``          | ``select-all-label``     | br-select     | ``string``                                                                                                                | ``'Selecionar todos'``                  | Rótulo para selecionar todas as opções.                                                                                                                                                                                                                                                                                                                                                       |
+| ``selected``                | ``selected``             | br-tag        | ``boolean``                                                                                                               | ``false``                               | A tag está selecionada.                                                                                                                                                                                                                                                                                                                                                                       |
+| ``shape``                   | ``shape``                | br-button     | ``"block" \| "circle" \| "pill"``                                                                                         | `---`                                   | Define o formato do botão. Valores possíveis: - 'circle': Botão com formato circular. - 'block': Botão com formato ovalado ocupando toda a largura disponível. - 'pill': Botão com formato ovalado, com bordas arredondadas.                                                                                                                                                                  |
+| ``shape``                   | ``shape``                | br-tag        | ``"circle" \| "default" \| "rounded"``                                                                                    | ``SHAPE_DEFAULT``                       | A propriedade 'shape' define o formato do componente. Valores possíveis: - 'circle': Componente com formato circular. - 'rounded': Componente com bordas arredondadas. - 'default': Componente com formato padrão.                                                                                                                                                                            |
+| ``showCounter``             | ``show-counter``         | br-textarea   | ``boolean``                                                                                                               | ``false``                               | Mostra o contador com a quantidade máxima de caracteres.                                                                                                                                                                                                                                                                                                                                      |
+| ``showIcon``                | ``show-icon``            | br-message    | ``boolean``                                                                                                               | ``false``                               | Se definido como verdadeiro, um ícone associado à mensagem será exibido. Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.                                                                                                                                                                                                                                |
+| ``showSearchIcon``          | ``show-search-icon``     | br-select     | ``boolean``                                                                                                               | ``false``                               | Exibe o ícone de busca no campo de entrada.                                                                                                                                                                                                                                                                                                                                                   |
+| ``src``                     | ``src``                  | br-avatar     | ``string``                                                                                                                | `---`                                   | URL da imagem a ser exibida no avatar do tipo 'fotográfico'. Deve ser uma URL válida que aponta para a imagem desejada.                                                                                                                                                                                                                                                                       |
+| ``state``                   | ``state``                | br-checkbox   | ``"invalid" \| "valid"``                                                                                                  | `---`                                   | Indica a validade do checkbox. Valores possíveis: 'valid': O checkbox é considerado válido. 'invalid': O checkbox é considerado inválido. Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.                                                                                                                                                        |
+| ``state``                   | ``state``                | br-input      | ``"danger" \| "info" \| "success" \| "warning"``                                                                          | `---`                                   | Define o estado do input Os possíveis valores são: - 'info': Mensagem informativa. - 'warning': Mensagem de aviso. - 'danger': Mensagem de erro ou alerta. - 'success': Mensagem de sucesso. O valor padrão é 'info'.                                                                                                                                                                         |
+| ``state``                   | ``state``                | br-message    | ``"danger" \| "info" \| "success" \| "warning"``                                                                          | ``'info'``                              | Define o estado do message. Os possíveis valores são: - 'info': Mensagem informativa. - 'warning': Mensagem de aviso. - 'danger': Mensagem de erro ou alerta. - 'success': Mensagem de sucesso. O valor padrão é 'info'.                                                                                                                                                                      |
+| ``state``                   | ``state``                | br-radio      | ``"invalid" \| "valid"``                                                                                                  | `---`                                   | Indica a validade do radio. Valores possíveis: - 'valid': O radio é considerado válido. - 'invalid': O radio é considerado inválido. Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.                                                                                                                                                             |
+| ``state``                   | ``state``                | br-textarea   | ``"danger" \| "success" \| "warning"``                                                                                    | `---`                                   | Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.                                                                                                                                                                                                                                                                                                           |
+| ``state``                   | ``state``                | br-upload     | ``string``                                                                                                                | ``UploadState.INFO``                    | Define o estado visual da mensagem. Os possíveis valores são: - 'info': Mensagem informativa. - 'warning': Mensagem de aviso. - 'danger': Mensagem de erro ou alerta. - 'success': Mensagem de sucesso. O valor padrão é 'info'.                                                                                                                                                              |
+| ``status``                  | ``status``               | br-tag        | ``boolean``                                                                                                               | ``false``                               | Status deve ser exibido.                                                                                                                                                                                                                                                                                                                                                                      |
+| ``step``                    | ``step``                 | br-input      | ``number``                                                                                                                | `---`                                   | Define o valor do passo para campos de entrada numéricos.                                                                                                                                                                                                                                                                                                                                     |
+| ``target``                  | ``target``               | br-item       | ``"_blank" \| "_parent" \| "_self" \| "_top"``                                                                            | `---`                                   | Define o alvo do link quando `href` está presente. Pode ser: - `_blank` para abrir em uma nova aba, - `_self` para abrir na mesma aba, - `_parent` para abrir na aba pai, - `_top` para abrir na aba superior.                                                                                                                                                                                |
+| ``text``                    | ``text``                 | br-avatar     | ``string``                                                                                                                | `---`                                   | Texto exibido no avatar do tipo 'letra'. Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.                                                                                                                                                                                                                             |
+| ``thickness``               | ``thickness``            | br-divider    | ``"large" \| "medium" \| "small"``                                                                                        | ``'small'``                             | Modifica a espessura da linha                                                                                                                                                                                                                                                                                                                                                                 |
+| ``type``                    | ``type``                 | br-button     | ``"button" \| "reset" \| "submit"``                                                                                       | `---`                                   | Define o tipo de botão, especificando seu comportamento padrão. Valores possíveis: - 'button': Um botão padrão. - 'reset': Um botão para redefinir o formulário. - 'submit': Um botão para enviar o formulário.                                                                                                                                                                               |
+| ``type``                    | ``type``                 | br-input      | ``"color" \| "email" \| "file" \| "hidden" \| "number" \| "password" \| "range" \| "search" \| "tel" \| "text" \| "url"`` | ``'text'``                              | Especifica o tipo de entrada do campo. Pode ser um dos seguintes: - 'color': Seletor de cor - 'email': Campo para e-mail - 'hidden': Campo oculto - 'password': Campo para senha - 'range': Controle deslizante - 'search': Campo de pesquisa - 'number': Campo para números - 'tel': Campo para números de telefone - 'text': Campo de texto padrão - 'url': Campo para URLs                 |
+| ``type``                    | ``type``                 | br-item       | ``"button" \| "reset" \| "submit"``                                                                                       | `---`                                   | Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser: - `'submit'` para enviar um formulário, - `'reset'` para redefinir um formulário, - `'button'` para um botão padrão.                                                                                                                                                                                                      |
+| ``unselectAllLabel``        | ``unselect-all-label``   | br-select     | ``string``                                                                                                                | ``'Desselecionar todos'``               | Rótulo para desmarcar todas as opções.                                                                                                                                                                                                                                                                                                                                                        |
+| ``value``                   | ``value``                | br-button     | ``string``                                                                                                                | `---`                                   | Define o valor inicial do botão em um formulário.                                                                                                                                                                                                                                                                                                                                             |
+| ``value``                   | ``value``                | br-checkbox   | ``string``                                                                                                                | `---`                                   | Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`). Esse valor é enviado com o formulário quando o checkbox está selecionado. **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.                                                    |
+| ``value``                   | ``value``                | br-input      | ``string``                                                                                                                | `---`                                   | Valor exibido no input. Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.                                                                                                                                                                                                                                                                                         |
+| ``value``                   | ``value``                | br-item       | ``string``                                                                                                                | `---`                                   | Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.                                                                                                                                                                                                                                                                                  |
+| ``value``                   | ``value``                | br-radio      | ``string``                                                                                                                | `---`                                   | Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`). Esse valor é enviado com o formulário quando o radio está selecionado. **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.                                                             |
+| ``value``                   | ``value``                | br-switch     | ``string``                                                                                                                | `---`                                   | Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`). Esse valor é enviado com o formulário quando o switch está selecionado. **Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.                                                          |
+| ``value``                   | ``value``                | br-textarea   | ``string``                                                                                                                | `---`                                   | Valor exibido no textarea. Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.                                                                                                                                                                                                                                                                                      |
+| ``width``                   | ``width``                | br-icon       | ``string``                                                                                                                | ``'24'``                                | Define a largura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc. O valor padrão é '24'.                                                                                                                                                                                                                                          |

package/www/assets/stencil-generated-docs/all-component-slots.md

@@ -0,0 +1,24 @@
+| Slot          | Componente    | Descrição                                                                                                                                                              |
+| ------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `"action"`    | br-input      | Botão à direita do input.                                                                                                                                              |
+| `"default"`   | br-button     | Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.                                                                                                  |
+| `"default"`   | br-checkbox   | O texto descritivo pode ser passado por propriedade (label) ou por slot.                                                                                               |
+| `"default"`   | br-checkgroup | Slot para adicionar os checkboxes que serão controlados pelo checkgroup.                                                                                               |
+| `"default"`   | br-collapse   | O conteúdo expansível mostrado/ocultado dinamicamente.                                                                                                                 |
+| `"default"`   | br-divider    | Conteúdo opcional que pode ser exibido dentro do divisor, como texto, ícones ou outros elementos personalizados.                                                       |
+| `"default"`   | br-item       | Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.). |
+| `"default"`   | br-list       | Slot padrão para inclusão dos itens da lista.                                                                                                                          |
+| `"default"`   | br-message    | Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.                                                                                        |
+| `"default"`   | br-radio      | O texto descritivo pode ser passado por propriedade (label) ou por slot.                                                                                               |
+| `"default"`   | br-switch     | Descreve o que o switch faz quando a alternância estiver ativada. A label passada por slot tem precedência sobre a propriedade 'label'.                                |
+| `"default"`   | br-textarea   | Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.                                                            |
+| `"default"`   | br-upload     | Descrição do slot                                                                                                                                                      |
+| `"end"`       | br-item       | Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.                                                           |
+| `"feedback"`  | br-input      | 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.                         |
+| `"header"`    | br-list       | Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).                                                                     |
+| `"help-text"` | br-input      | Personalização do texto de ajuda.                                                                                                                                      |
+| `"icon"`      | br-input      | Ícone à esquerda do input.                                                                                                                                             |
+| `"start"`     | br-item       | Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.                                                                                     |
+| `"target"`    | br-dropdown   | Slot que recebe o elemento alvo                                                                                                                                        |
+| `"trigger"`   | br-collapse   | Permite personalizar o conteúdo do acionador (texto, imagens, etc.).                                                                                                   |
+| `"trigger"`   | br-dropdown   | Slot que recebe o elemento acionador                                                                                                                                   |

package/www/assets/stencil-generated-docs/avatar/dependencies.md

@@ -0,0 +1,14 @@
+## Dependências
+
+### Depende de
+
+- [br-icon](../icon)
+
+### Gráfico
+```mermaid
+graph TD;
+  br-avatar --Depende---> br-icon
+  click br-icon "src/components/icon" "Link para a documentação do componente icon"
+  class br-icon depComponent
+  class br-avatar mainComponent
+```

package/www/assets/stencil-generated-docs/avatar/examples/iconic.html

@@ -0,0 +1,5 @@
+<div class="d-flex flex-wrap justify-content-evenly mt-5">
+  <br-avatar is-iconic density="small"></br-avatar>
+  <br-avatar is-iconic density="medium"></br-avatar>
+  <br-avatar is-iconic density="large"></br-avatar>
+</div>

package/www/assets/stencil-generated-docs/avatar/examples/letter.html

@@ -0,0 +1,5 @@
+<div class="d-flex flex-wrap justify-content-evenly mt-5">
+  <br-avatar text="Lorem ipsum" density="small"></br-avatar>
+  <br-avatar text="Lorem ipsum" density="medium"></br-avatar>
+  <br-avatar text="Lorem ipsum" density="large"></br-avatar>
+</div>

package/www/assets/stencil-generated-docs/avatar/examples/photographic.html

@@ -0,0 +1,5 @@
+<div class="d-flex flex-wrap justify-content-evenly mt-5">
+  <br-avatar alt="Lorem ipsum" src="https://picsum.photos/400" density="small"></br-avatar>
+  <br-avatar alt="Lorem ipsum" src="https://picsum.photos/400" density="medium"></br-avatar>
+  <br-avatar alt="Lorem ipsum" src="https://picsum.photos/400" density="large"></br-avatar>
+</div>

package/www/assets/stencil-generated-docs/avatar/overview.md

@@ -0,0 +1,3 @@
+## Visão Geral
+
+Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).

package/www/assets/stencil-generated-docs/avatar/props.md

@@ -0,0 +1,14 @@
+## Propriedades
+
+| Propriedade     | Atributo          | Descrição                                                                                                                                                                                             | Tipo                             | Valor padrão                  |
+| --------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------------------------- |
+| `alt`           | `alt`             | Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO. Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: "Foto de perfil de João Silva". | `"Imagem do avatar"`             | `'Imagem do avatar'`          |
+| `customId`      | `custom-id`       | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado.                                                                                                                | `string`                         | ```br-avatar-${avatarId++}``` |
+| `density`       | `density`         | Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.                                                                                                   | `"large" \| "medium" \| "small"` | `'medium'`                    |
+| `disabled`      | `disabled`        | Define se o avatar está desabilitado                                                                                                                                                                  | `boolean`                        | `false`                       |
+| `iconHeight`    | `icon-height`     | Altura do ícone no avatar do tipo icônico                                                                                                                                                             | `string`                         | ---                           |
+| `iconMarginTop` | `icon-margin-top` | Ajuste para a margem de cima do ícone no avatar do tipo icônico                                                                                                                                       | `string`                         | ---                           |
+| `iconWidth`     | `icon-width`      | Largura do ícone no avatar do tipo icônico                                                                                                                                                            | `string`                         | ---                           |
+| `isIconic`      | `is-iconic`       | Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica. Se definido como verdadeiro, o avatar será exibido como um ícone.                                                 | `boolean`                        | `false`                       |
+| `src`           | `src`             | URL da imagem a ser exibida no avatar do tipo 'fotográfico'. Deve ser uma URL válida que aponta para a imagem desejada.                                                                               | `string`                         | ---                           |
+| `text`          | `text`            | Texto exibido no avatar do tipo 'letra'. Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.                                     | `string`                         | ---                           |