@govbr-ds/webcomponents 2.0.0-next.2 → 2.0.0-next.20

package/vscode-data.json

@@ -0,0 +1,915 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "br-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "density",
+          "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "icon-height",
+          "description": "Altura do ícone no avatar do tipo icônico"
+        },
+        {
+          "name": "icon-width",
+          "description": "Largura do ícone no avatar do tipo icônico"
+        },
+        {
+          "name": "image",
+          "description": "URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\nDeve ser uma URL válida que aponta para a imagem desejada."
+        },
+        {
+          "name": "image-alt",
+          "description": "Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\nDeve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\"."
+        },
+        {
+          "name": "is-iconic",
+          "description": "Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\nSe definido como verdadeiro, o avatar será exibido como um ícone."
+        },
+        {
+          "name": "margin-top",
+          "description": "Ajuste para a margem de cima do ícone no avatar do tipo icônico"
+        },
+        {
+          "name": "text",
+          "description": "Texto exibido no avatar do tipo 'letra'.\nEsse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais."
+        }
+      ]
+    },
+    {
+      "name": "br-button",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "color-mode",
+          "description": "Define se o botão usará um esquema de cores escuro.",
+          "values": [
+            {
+              "name": "dark"
+            }
+          ]
+        },
+        {
+          "name": "density",
+          "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Desativa o botão, tornando-o não interativo."
+        },
+        {
+          "name": "emphasis",
+          "description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "tertiary"
+            }
+          ]
+        },
+        {
+          "name": "is-active",
+          "description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo."
+        },
+        {
+          "name": "is-loading",
+          "description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso."
+        },
+        {
+          "name": "shape",
+          "description": "Define o formato do botão.\nValores possíveis:\n- 'circle': Botão com formato circular.\n- 'block': Botão com formato ovalado ocupando toda a largura disponível.\n- 'pill': Botão com formato ovalado, com bordas arredondadas.",
+          "values": [
+            {
+              "name": "block"
+            },
+            {
+              "name": "circle"
+            },
+            {
+              "name": "pill"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Define o tipo de botão, especificando seu comportamento padrão.\nValores possíveis:\n- 'button': Um botão padrão.\n- 'reset': Um botão para redefinir o formulário.\n- 'submit': Um botão para enviar o formulário.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Define o valor inicial do botão em um formulário."
+        }
+      ]
+    },
+    {
+      "name": "br-checkbox",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Define o estado de seleção do checkbox.\nSe definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado."
+        },
+        {
+          "name": "id",
+          "description": "Identificador único do input.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+        },
+        {
+          "name": "disabled",
+          "description": "Desativa o checkbox, tornando-o não interativo."
+        },
+        {
+          "name": "has-hidden-label",
+          "description": "Define se o label associado ao checkbox deve ser oculto.\nSe definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional."
+        },
+        {
+          "name": "indeterminate",
+          "description": "Define o estado intermediário do checkbox.\nSe definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\nEste estado é útil quando o checkbox faz parte de um grupo com seleção parcial."
+        },
+        {
+          "name": "label",
+          "description": "Texto descritivo exibido à direita do checkbox.\nCaso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado."
+        },
+        {
+          "name": "name",
+          "description": "Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.\nO valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários."
+        },
+        {
+          "name": "state",
+          "description": "Indica a validade do checkbox.\nValores possíveis:\n'valid': O checkbox é considerado válido.\n'invalid': O checkbox é considerado inválido.\nSe não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.",
+          "values": [
+            {
+              "name": "invalid"
+            },
+            {
+              "name": "valid"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).\nEsse valor é enviado com o formulário quando o checkbox está selecionado.\n**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`."
+        }
+      ]
+    },
+    {
+      "name": "br-dropdown",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "is-open",
+          "description": "Indica se o dropdown está aberto ou fechado.\nEsta propriedade é refletida no DOM e pode ser alterada externamente.\nO valor padrão é falso (fechado)."
+        }
+      ]
+    },
+    {
+      "name": "br-icon",
+      "description": {
+        "kind": "markdown",
+        "value": "O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.\nUtilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.\n\nCom opções para especificar a altura e largura, adicionar classes CSS personalizadas, e definir como o ícone\ndeve ser rotacionado ou espelhado, o `br-icon` oferece aos desenvolvedores as ferramentas necessárias para\nintegrar ícones de forma consistente com o estilo e design de suas aplicações, melhorando a experiência do usuário\ne a clareza das interfaces.\n\nPara mais informações sobre quais ícones estão disponíveis, consulte a documentação do [Iconify](https://iconify.design/)."
+      },
+      "attributes": [
+        {
+          "name": "css-classes",
+          "description": "Permite adicionar classes CSS adicionais ao ícone.\nUse esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão."
+        },
+        {
+          "name": "flip",
+          "description": "Define o tipo de espelhamento do ícone.\nAceita valores como \"horizontal\" para espelhar o ícone horizontalmente, \"vertical\" para espelhar verticalmente, ou ambos.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "height",
+          "description": "Define a altura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.\nO valor padrão é '16'."
+        },
+        {
+          "name": "icon-name",
+          "description": "Nome do ícone a ser exibido, utilizando a biblioteca Iconify.\nEste nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente."
+        },
+        {
+          "name": "is-inline",
+          "description": "Se definido como verdadeiro, o ícone será alinhado verticalmente ao texto ao seu redor.\nÚtil quando o ícone é usado em linha com texto para garantir que esteja alinhado corretamente com o texto.\nO valor padrão é `false`."
+        },
+        {
+          "name": "rotate",
+          "description": "Define o ângulo de rotação do ícone.\nAceita valores como \"90deg\", \"180deg\" e \"270deg\" para rotacionar o ícone em diferentes ângulos.",
+          "values": [
+            {
+              "name": "180deg"
+            },
+            {
+              "name": "270deg"
+            },
+            {
+              "name": "90deg"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "Define a largura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.\nO valor padrão é '24'."
+        }
+      ]
+    },
+    {
+      "name": "br-input",
+      "description": {
+        "kind": "markdown",
+        "value": "\nPara uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "autocomplete",
+          "description": "Controla o comportamento de preenchimento automático do navegador para o input.",
+          "values": [
+            {
+              "name": "off"
+            },
+            {
+              "name": "on"
+            }
+          ]
+        },
+        {
+          "name": "autocorrect",
+          "description": "Controla a correção automática do texto.",
+          "values": [
+            {
+              "name": "off"
+            },
+            {
+              "name": "on"
+            }
+          ]
+        },
+        {
+          "name": "id",
+          "description": "Identificador único do input.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+        },
+        {
+          "name": "density",
+          "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Desativa o input, tornando-o não interativo."
+        },
+        {
+          "name": "help-text",
+          "description": "Texto adicional que fornece ajuda ou informações sobre o input."
+        },
+        {
+          "name": "is-highlight",
+          "description": "Se verdadeiro, o input terá destaque visual."
+        },
+        {
+          "name": "is-inline",
+          "description": "Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline)."
+        },
+        {
+          "name": "label",
+          "description": "Texto exibido como rótulo do input."
+        },
+        {
+          "name": "max",
+          "description": "Define o valor máximo para campos de entrada numéricos."
+        },
+        {
+          "name": "maxlength",
+          "description": "Define o comprimento máximo do valor do campo de entrada."
+        },
+        {
+          "name": "min",
+          "description": "Define o valor mínimo para campos de entrada numéricos."
+        },
+        {
+          "name": "minlength",
+          "description": "Define o comprimento mínimo do valor do campo de entrada."
+        },
+        {
+          "name": "multiple",
+          "description": "Se verdadeiro, permite a seleção de múltiplos arquivos."
+        },
+        {
+          "name": "name",
+          "description": "Nome do input, utilizado para identificação em formulários."
+        },
+        {
+          "name": "pattern",
+          "description": "Define o padrão de entrada para validação."
+        },
+        {
+          "name": "placeholder",
+          "description": "Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário."
+        },
+        {
+          "name": "readonly",
+          "description": "Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário."
+        },
+        {
+          "name": "required",
+          "description": "Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado."
+        },
+        {
+          "name": "state",
+          "description": "Define o estado do input\nOs possíveis valores são:\n- 'info': Mensagem informativa.\n- 'warning': Mensagem de aviso.\n- 'danger': Mensagem de erro ou alerta.\n- 'success': Mensagem de sucesso.\nO valor padrão é 'info'.",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "step",
+          "description": "Define o valor do passo para campos de entrada numéricos."
+        },
+        {
+          "name": "type",
+          "description": "Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n- 'color': Seletor de cor\n- 'email': Campo para e-mail\n- 'hidden': Campo oculto\n- 'password': Campo para senha\n- 'range': Controle deslizante\n- 'search': Campo de pesquisa\n- 'number': Campo para números\n- 'tel': Campo para números de telefone\n- 'text': Campo de texto padrão\n- 'url': Campo para URLs",
+          "values": [
+            {
+              "name": "color"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "hidden"
+            },
+            {
+              "name": "number"
+            },
+            {
+              "name": "password"
+            },
+            {
+              "name": "range"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "url"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Valor inicial exibido no input.\nPode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa."
+        }
+      ]
+    },
+    {
+      "name": "br-item",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "density",
+          "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Desativa o item, tornando-o não interativo."
+        },
+        {
+          "name": "href",
+          "description": "URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link."
+        },
+        {
+          "name": "is-active",
+          "description": "Indica se o item está no estado ativo.\nSe definido como verdadeiro, o item será exibido como ativo."
+        },
+        {
+          "name": "is-button",
+          "description": "Quando definido como `true`, o item será tratado como um botão."
+        },
+        {
+          "name": "is-interactive",
+          "description": "Marca o item como interativo, permitindo que toda a superfície do item seja clicável."
+        },
+        {
+          "name": "is-selected",
+          "description": "Indica se o item está no estado selecionado.\nSe definido como verdadeiro, o item será exibido como selecionado."
+        },
+        {
+          "name": "target",
+          "description": "Define o alvo do link quando `href` está presente. Pode ser:\n- `_blank` para abrir em uma nova aba,\n- `_self` para abrir na mesma aba,\n- `_parent` para abrir na aba pai,\n- `_top` para abrir na aba superior.",
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:\n- `'submit'` para enviar um formulário,\n- `'reset'` para redefinir um formulário,\n- `'button'` para um botão padrão.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário."
+        }
+      ]
+    },
+    {
+      "name": "br-list",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "header",
+          "description": "Define o cabeçalho para a lista."
+        },
+        {
+          "name": "hide-header-divider",
+          "description": "Indica que o divider para o título da lista estará oculto."
+        },
+        {
+          "name": "is-horizontal",
+          "description": "Indica se a lista será horizontal. Por padrão, a lista é vertical."
+        }
+      ]
+    },
+    {
+      "name": "br-loading",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "is-medium",
+          "description": "Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio."
+        },
+        {
+          "name": "is-progress",
+          "description": "Determina o tipo de indicador a ser exibido:\n- Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.\n- Se falso, exibirá um indicador de carregamento indeterminado."
+        },
+        {
+          "name": "label",
+          "description": "Texto a ser exibido abaixo do indicador de carregamento.\nPode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento."
+        },
+        {
+          "name": "progress-percent",
+          "description": "Define a porcentagem de progresso a ser exibida na barra de progresso.\nDeve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso."
+        }
+      ]
+    },
+    {
+      "name": "br-message",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "is-closable",
+          "description": "Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\nEste recurso não está disponível para mensagens do tipo feedback."
+        },
+        {
+          "name": "is-feedback",
+          "description": "Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\nExemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback."
+        },
+        {
+          "name": "is-inline",
+          "description": "Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\nIsso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente."
+        },
+        {
+          "name": "message",
+          "description": "Define o texto da mensagem que será exibido.\nEste é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça."
+        },
+        {
+          "name": "message-title",
+          "description": "Define o título da mensagem, que é exibido no início, acima da mensagem principal.\nEste título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback."
+        },
+        {
+          "name": "show-icon",
+          "description": "Se definido como verdadeiro, um ícone associado à mensagem será exibido.\nUse esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário."
+        },
+        {
+          "name": "state",
+          "description": "Define o estado do message.\nOs possíveis valores são:\n- 'info': Mensagem informativa.\n- 'warning': Mensagem de aviso.\n- 'danger': Mensagem de erro ou alerta.\n- 'success': Mensagem de sucesso.\nO valor padrão é 'info'.",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "br-radio",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Define o estado de seleção do radio.\nSe definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado."
+        },
+        {
+          "name": "id",
+          "description": "Identificador único do input.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+        },
+        {
+          "name": "disabled",
+          "description": "Desativa o radio, tornando-o não interativo."
+        },
+        {
+          "name": "has-hidden-label",
+          "description": "Define se o label associado ao radio deve ser oculto.\nSe definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional."
+        },
+        {
+          "name": "label",
+          "description": "Texto descritivo exibido à direita do radio.\nCaso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado."
+        },
+        {
+          "name": "name",
+          "description": "Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\nO valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários."
+        },
+        {
+          "name": "state",
+          "description": "Indica a validade do radio.\nValores possíveis:\n- 'valid': O radio é considerado válido.\n- 'invalid': O radio é considerado inválido.\nSe não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.",
+          "values": [
+            {
+              "name": "invalid"
+            },
+            {
+              "name": "valid"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\nEsse valor é enviado com o formulário quando o radio está selecionado.\n**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`."
+        }
+      ]
+    },
+    {
+      "name": "br-switch",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Define o estado de seleção do checkbox.\nSe definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado."
+        },
+        {
+          "name": "id",
+          "description": "Identificador único do switch.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+        },
+        {
+          "name": "density",
+          "description": "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.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Desativa o switch, tornando-o não interativo."
+        },
+        {
+          "name": "has-icon",
+          "description": "Adiciona um ícone ao switch para indicar a mudança de estado."
+        },
+        {
+          "name": "label",
+          "description": "Texto descritivo.\nCaso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado."
+        },
+        {
+          "name": "label-off",
+          "description": "Texto exibido quando o switch está desativado."
+        },
+        {
+          "name": "label-on",
+          "description": "Texto exibido quando o switch está ativado."
+        },
+        {
+          "name": "label-position",
+          "description": "Posição do rótulo em relação ao switch.",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.\nO valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários."
+        },
+        {
+          "name": "value",
+          "description": "Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\nEsse valor é enviado com o formulário quando o switch está selecionado.\n**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`."
+        }
+      ]
+    },
+    {
+      "name": "br-tag",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "A propriedade 'color' permite definir a cor do componente.\nAceita valores como 'red', 'blue', entre outros, e é refletida no DOM."
+        },
+        {
+          "name": "density",
+          "description": "A propriedade 'density' permite definir a densidade do componente.\nAceita valores como 'small', 'medium' e 'large', e é refletida no DOM.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\nSe definido como true, o componente não permitirá interações do usuário."
+        },
+        {
+          "name": "icon-name",
+          "description": "A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\nO valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome."
+        },
+        {
+          "name": "interaction",
+          "description": "A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\nSe definido como true, o componente permitirá interações do usuário."
+        },
+        {
+          "name": "label",
+          "description": "A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\nEla é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente."
+        },
+        {
+          "name": "shape",
+          "description": "A propriedade 'shape' define o formato do componente.\nValores possíveis:\n- 'circle': Componente com formato circular.\n- 'rounded': Componente com bordas arredondadas.\n- 'default': Componente com formato padrão.",
+          "values": [
+            {
+              "name": "circle"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "rounded"
+            }
+          ]
+        },
+        {
+          "name": "status",
+          "description": "A propriedade 'status' é um booleano que indica se o status deve ser exibido.\nSe definido como true, o status será mostrado ao lado do texto."
+        }
+      ]
+    },
+    {
+      "name": "br-textarea",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "id",
+          "description": "Identificador único do textarea.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+        },
+        {
+          "name": "density",
+          "description": "Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo."
+        },
+        {
+          "name": "is-inline",
+          "description": "Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline)."
+        },
+        {
+          "name": "label",
+          "description": "Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada."
+        },
+        {
+          "name": "maxlength",
+          "description": "Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite."
+        },
+        {
+          "name": "placeholder",
+          "description": "Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido."
+        },
+        {
+          "name": "state",
+          "description": "Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Valor atual do textarea. Este valor pode ser alterado programaticamente."
+        }
+      ]
+    },
+    {
+      "name": "br-upload",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "accept",
+          "description": "Tipos de arquivo permitidos (ex: 'image/*').\nEsta propriedade define quais tipos de arquivos podem ser selecionados para upload."
+        },
+        {
+          "name": "disabled",
+          "description": "Indica se o componente está desativado.\nQuando definido como `true`, o campo de upload se torna não interativo,\nimpedindo que o usuário selecione ou envie arquivos.\nIsso é útil para controlar a interação do usuário em situações específicas,\ncomo durante o carregamento de dados ou quando o formulário está em um estado inválido."
+        },
+        {
+          "name": "label",
+          "description": "**[OBRIGATÓRIO]** Texto descritivo do campo de upload.\nEste é o texto que é mostrado no label do textarea."
+        },
+        {
+          "name": "multiple",
+          "description": "Indica se o componente permite a seleção de múltiplos arquivos.\nQuando definido como `true`, o usuário pode selecionar mais de um arquivo para upload."
+        },
+        {
+          "name": "state",
+          "description": "**[OBRIGATÓRIO]** Define o estado visual da mensagem.\nOs possíveis valores são:\n- 'info': Mensagem informativa.\n- 'warning': Mensagem de aviso.\n- 'danger': Mensagem de erro ou alerta.\n- 'success': Mensagem de sucesso.\nO valor padrão é 'info'."
+        }
+      ]
+    }
+  ]
+}