@govbr-ds/webcomponents 2.0.0-next.36 → 2.0.0-next.38

package/dist/webcomponents/webcomponents.esm.js

@@ -15,11 +15,11 @@ import { g as o } from "./p-DVjNHTTs.js";
     patchCloneNodeFix(t.prototype);
   }
   const i = import.meta.url;
-  const s = {};
+  const o = {};
   if (i !== "") {
-    s.resourcesUrl = new URL(".", i).href;
+    o.resourcesUrl = new URL(".", i).href;
   }
-  return e(s);
+  return e(o);
 };
 
 var patchCloneNodeFix = e => {
@@ -29,11 +29,11 @@ var patchCloneNodeFix = e => {
       return t.call(this, e);
     }
     const i = t.call(this, false);
-    const s = this.childNodes;
+    const o = this.childNodes;
     if (e) {
-      for (let e = 0; e < s.length; e++) {
-        if (s[e].nodeType !== 2) {
-          i.appendChild(s[e].cloneNode(true));
+      for (let e = 0; e < o.length; e++) {
+        if (o[e].nodeType !== 2) {
+          i.appendChild(o[e].cloneNode(true));
         }
       }
     }
@@ -43,7 +43,7 @@ var patchCloneNodeFix = e => {
 
 patchBrowser().then((async e => {
   await o();
-  return i([ [ "p-eecebb46", [ [ 65, "br-select", {
+  return i([ [ "p-43d52598", [ [ 65, "br-select", {
     label: [ 513 ],
     placeholder: [ 513 ],
     isMultiple: [ 516, "is-multiple" ],
@@ -61,7 +61,7 @@ patchBrowser().then((async e => {
     toggleOpen: [ 64 ]
   }, null, {
     options: [ "synchronizeSelect" ]
-  } ] ] ], [ "p-9cfc8db7", [ [ 1, "br-breadcrumb", {
+  } ] ] ], [ "p-356d2ed1", [ [ 1, "br-breadcrumb", {
     customId: [ 513, "custom-id" ],
     homeUrl: [ 1, "home-url" ],
     crumbs: [ 1 ],
@@ -73,7 +73,17 @@ patchBrowser().then((async e => {
     larguraInterna: [ 32 ],
     larguraPai: [ 32 ],
     isFolderOpen: [ 32 ]
-  } ] ] ], [ "p-cd2933f6", [ [ 65, "br-message", {
+  } ] ] ], [ "p-3ffdd86d", [ [ 1, "br-footer-category", {
+    customId: [ 513, "custom-id" ],
+    label: [ 513 ],
+    isDesktop: [ 32 ],
+    accordionGroup: [ 32 ]
+  } ] ] ], [ "p-264546b9", [ [ 1, "br-footer-social", {
+    customId: [ 513, "custom-id" ],
+    icon: [ 513 ],
+    description: [ 513 ],
+    href: [ 513 ]
+  } ] ] ], [ "p-3565a60d", [ [ 65, "br-message", {
     messageTitle: [ 513, "message-title" ],
     customId: [ 513, "custom-id" ],
     message: [ 513 ],
@@ -83,7 +93,7 @@ patchBrowser().then((async e => {
     showIcon: [ 516, "show-icon" ],
     isFeedback: [ 516, "is-feedback" ],
     state: [ 513 ]
-  } ] ] ], [ "p-36231217", [ [ 65, "br-step-item", {
+  } ] ] ], [ "p-c473e6fd", [ [ 65, "br-step-item", {
     label: [ 513 ],
     highlight: [ 513 ],
     active: [ 516 ],
@@ -106,7 +116,7 @@ patchBrowser().then((async e => {
     setContent: [ 64 ]
   }, null, {
     active: [ "watchItemIsActive" ]
-  } ] ] ], [ "p-bfb1bd71", [ [ 65, "br-tag", {
+  } ] ] ], [ "p-62527cde", [ [ 65, "br-tag", {
     label: [ 513 ],
     iconName: [ 513, "icon-name" ],
     name: [ 513 ],
@@ -125,7 +135,7 @@ patchBrowser().then((async e => {
     interaction: [ "handleInteractionChange" ],
     interactionSelect: [ "handleInteractionSelectChange" ],
     selected: [ "handleSelectedChange" ]
-  } ] ] ], [ "p-c5ac5216", [ [ 65, "br-upload", {
+  } ] ] ], [ "p-2c34874f", [ [ 65, "br-upload", {
     accept: [ 1 ],
     label: [ 1 ],
     disabled: [ 516 ],
@@ -133,7 +143,7 @@ patchBrowser().then((async e => {
     multiple: [ 4 ],
     filesSelected: [ 32 ],
     file: [ 32 ]
-  } ] ] ], [ "p-477035e2", [ [ 1, "br-avatar", {
+  } ] ] ], [ "p-0d558b53", [ [ 1, "br-avatar", {
     density: [ 1025 ],
     customId: [ 513, "custom-id" ],
     src: [ 1 ],
@@ -147,7 +157,7 @@ patchBrowser().then((async e => {
     hasError: [ 32 ]
   }, null, {
     density: [ "handleDensityChange" ]
-  } ] ] ], [ "p-9cf1963e", [ [ 65, "br-checkgroup", {
+  } ] ] ], [ "p-3dede3fc", [ [ 65, "br-checkgroup", {
     label: [ 1 ],
     labelSelecionado: [ 513, "label-selecionado" ],
     labelDesselecionado: [ 513, "label-desselecionado" ],
@@ -155,41 +165,43 @@ patchBrowser().then((async e => {
     customId: [ 513, "custom-id" ],
     checked: [ 32 ],
     isIndeterminate: [ 32 ]
-  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-ff97c81f", [ [ 65, "br-collapse", {
-    customId: [ 513, "custom-id" ],
-    open: [ 1540 ],
-    accordionGroup: [ 1, "accordion-group" ],
-    iconToShow: [ 1, "icon-to-show" ],
-    iconToHide: [ 1, "icon-to-hide" ],
-    iconPosition: [ 1, "icon-position" ],
-    openCollapse: [ 64 ],
-    closeCollapse: [ 64 ]
-  } ] ] ], [ "p-795c258e", [ [ 1, "br-divider", {
+  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-7a41ff6c", [ [ 1, "br-footer-item", {
     customId: [ 513, "custom-id" ],
-    orientation: [ 513 ],
-    thickness: [ 513 ],
-    borderStyle: [ 513, "border-style" ],
-    isDarkMode: [ 516, "is-dark-mode" ],
-    color: [ 513 ],
-    align: [ 1 ],
-    bleed: [ 4 ],
-    slotDefault: [ 32 ]
-  }, null, {
-    color: [ "updateColor" ]
-  } ] ] ], [ "p-94aab132", [ [ 65, "br-dropdown", {
+    href: [ 513 ]
+  } ] ] ], [ "p-2d0ea474", [ [ 1, "br-footer-legal", {
+    customId: [ 513, "custom-id" ]
+  } ] ] ], [ "p-d8efe09f", [ [ 65, "br-tab-item", {
+    TabItemId: [ 513, "tab-item-id" ],
+    icon: [ 513 ],
+    tabItemTitle: [ 513, "tab-item-title" ],
+    onlyIcon: [ 516, "only-icon" ],
+    isActive: [ 516, "is-active" ],
+    counter: [ 513 ],
+    colorMode: [ 513, "color-mode" ]
+  } ] ] ], [ "p-e267327f", [ [ 65, "br-dropdown", {
     isOpen: [ 1540, "is-open" ],
     customId: [ 513, "custom-id" ],
     open: [ 64 ],
     hide: [ 64 ]
   }, null, {
     isOpen: [ "isOpenChanged" ]
-  } ] ] ], [ "p-ddee0a15", [ [ 65, "br-loading", {
+  } ] ] ], [ "p-bf7f634f", [ [ 1, "br-footer", {
+    customId: [ 513, "custom-id" ],
+    theme: [ 513 ],
+    socialNetworkTitle: [ 513, "social-network-title" ]
+  } ] ] ], [ "p-4f7a4a8c", [ [ 1, "br-footer-logo", {
+    customId: [ 513, "custom-id" ],
+    src: [ 513 ],
+    description: [ 513 ],
+    position: [ 513 ],
+    isPartner: [ 516, "is-partner" ]
+  } ] ] ], [ "p-9c435cb9", [ [ 65, "br-loading", {
     isProgress: [ 516, "is-progress" ],
     customId: [ 513, "custom-id" ],
     progressPercent: [ 514, "progress-percent" ],
     isMedium: [ 516, "is-medium" ],
     label: [ 513 ]
-  } ] ] ], [ "p-48996f81", [ [ 65, "br-step", {
+  } ] ] ], [ "p-7e15d753", [ [ 65, "br-step", {
     layout: [ 513 ],
     initialStep: [ 513, "initial-step" ],
     labelPosition: [ 513, "label-position" ],
@@ -202,7 +214,7 @@ patchBrowser().then((async e => {
     BackToPreviousStep: [ 64 ],
     StepValidation: [ 64 ],
     GetActiveStep: [ 64 ]
-  }, [ [ 2, "click", "handleClick" ] ] ] ] ], [ "p-520c5527", [ [ 65, "br-switch", {
+  }, [ [ 2, "click", "handleClick" ] ] ] ] ], [ "p-39b2018d", [ [ 65, "br-switch", {
     disabled: [ 516 ],
     checked: [ 1540 ],
     customId: [ 513, "custom-id" ],
@@ -216,7 +228,33 @@ patchBrowser().then((async e => {
     density: [ 513 ],
     _slotDefault: [ 32 ],
     toggleChecked: [ 64 ]
-  } ] ] ], [ "p-2537ae9c", [ [ 65, "br-textarea", {
+  } ] ] ], [ "p-8939b230", [ [ 65, "br-tab", {
+    density: [ 513 ],
+    colorMode: [ 513, "color-mode" ],
+    activeTab: [ 32 ],
+    tabItems: [ 32 ],
+    tabContent: [ 32 ]
+  }, null, {
+    activeTab: [ "activeTabChanged" ]
+  } ] ] ], [ "p-290d85de", [ [ 1, "br-table", {
+    customId: [ 513, "custom-id" ]
+  } ] ] ], [ "p-564e2ed1", [ [ 1, "br-table-cell", {
+    customId: [ 513, "custom-id" ],
+    hasVerticalBorder: [ 516, "has-vertical-border" ],
+    horizontalAlign: [ 513, "horizontal-align" ]
+  }, [ [ 4, "brHorizontalAlignDidChange", "handleHorizontalAlignDidChange" ] ], {
+    horizontalAlign: [ "handleHorizontalAlignChange" ]
+  } ] ] ], [ "p-2f53eae4", [ [ 1, "br-table-header-cell", {
+    customId: [ 513, "custom-id" ],
+    hasVerticalBorder: [ 516, "has-vertical-border" ],
+    horizontalAlign: [ 513, "horizontal-align" ]
+  }, null, {
+    horizontalAlign: [ "handleHorizontalAlignChange" ]
+  } ] ] ], [ "p-774ba96e", [ [ 1, "br-table-header-row", {
+    customId: [ 513, "custom-id" ]
+  } ] ] ], [ "p-c47722eb", [ [ 1, "br-table-row", {
+    customId: [ 513, "custom-id" ]
+  } ] ] ], [ "p-329b8988", [ [ 65, "br-textarea", {
     value: [ 1537 ],
     label: [ 513 ],
     placeholder: [ 513 ],
@@ -231,23 +269,39 @@ patchBrowser().then((async e => {
     setValue: [ 64 ]
   }, null, {
     value: [ "valueChanged" ]
-  } ] ] ], [ "p-64df4b98", [ [ 65, "br-item", {
-    disabled: [ 516 ],
+  } ] ] ], [ "p-ccbd8201", [ [ 1, "br-divider", {
+    customId: [ 513, "custom-id" ],
+    orientation: [ 513 ],
+    thickness: [ 513 ],
+    borderStyle: [ 513, "border-style" ],
+    isDarkMode: [ 516, "is-dark-mode" ],
+    color: [ 513 ],
+    align: [ 1 ],
+    bleed: [ 4 ],
+    slotDefault: [ 32 ]
+  }, null, {
+    color: [ "updateColor" ]
+  } ] ] ], [ "p-923d0ee2", [ [ 65, "br-button", {
+    colorMode: [ 513, "color-mode" ],
     customId: [ 513, "custom-id" ],
-    isActive: [ 516, "is-active" ],
-    isSelected: [ 516, "is-selected" ],
-    isInteractive: [ 516, "is-interactive" ],
-    href: [ 513 ],
-    target: [ 513 ],
-    isButton: [ 516, "is-button" ],
-    type: [ 1537 ],
-    value: [ 513 ],
     density: [ 513 ],
-    hasSlotDefault: [ 32 ],
-    hasSlotStart: [ 32 ],
-    hasSlotEnd: [ 32 ],
-    selectedValue: [ 32 ]
-  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-94aa48d4", [ [ 65, "br-input", {
+    disabled: [ 516 ],
+    emphasis: [ 513 ],
+    isActive: [ 516, "is-active" ],
+    isLoading: [ 516, "is-loading" ],
+    shape: [ 513 ],
+    type: [ 513 ],
+    value: [ 513 ]
+  } ], [ 1, "br-icon", {
+    iconName: [ 513, "icon-name" ],
+    height: [ 513 ],
+    customId: [ 513, "custom-id" ],
+    width: [ 513 ],
+    cssClasses: [ 513, "css-classes" ],
+    isInline: [ 516, "is-inline" ],
+    rotate: [ 513 ],
+    flip: [ 513 ]
+  } ] ] ], [ "p-52f26deb", [ [ 65, "br-input", {
     type: [ 513 ],
     autocomplete: [ 513 ],
     density: [ 513 ],
@@ -286,7 +340,7 @@ patchBrowser().then((async e => {
     label: [ 513 ],
     value: [ 513 ],
     toggleChecked: [ 64 ]
-  }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-3c0f3cb4", [ [ 65, "br-checkbox", {
+  }, [ [ 8, "checkedChange", "handleCheckedChange" ], [ 0, "keydown", "handleKeyDown" ] ] ] ] ], [ "p-8e8f9f78", [ [ 65, "br-checkbox", {
     indeterminate: [ 1540 ],
     checked: [ 1540 ],
     customId: [ 513, "custom-id" ],
@@ -301,32 +355,39 @@ patchBrowser().then((async e => {
     toggleChecked: [ 64 ]
   }, null, {
     indeterminate: [ "updateIndeterminate" ]
-  } ] ] ], [ "p-caa64d3d", [ [ 65, "br-list", {
+  } ] ] ], [ "p-4a7f95ce", [ [ 65, "br-item", {
+    disabled: [ 516 ],
+    customId: [ 513, "custom-id" ],
+    isActive: [ 516, "is-active" ],
+    isSelected: [ 516, "is-selected" ],
+    isInteractive: [ 516, "is-interactive" ],
+    href: [ 513 ],
+    target: [ 513 ],
+    isButton: [ 516, "is-button" ],
+    type: [ 1537 ],
+    value: [ 513 ],
+    density: [ 513 ],
+    hasSlotDefault: [ 32 ],
+    hasSlotStart: [ 32 ],
+    hasSlotEnd: [ 32 ],
+    selectedValue: [ 32 ]
+  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-59eecde7", [ [ 65, "br-list", {
     header: [ 513 ],
     isHorizontal: [ 516, "is-horizontal" ],
     customId: [ 513, "custom-id" ],
-    hideHeaderDivider: [ 516, "hide-header-divider" ]
-  } ] ] ], [ "p-db618028", [ [ 65, "br-button", {
-    colorMode: [ 513, "color-mode" ],
+    hideHeaderDivider: [ 516, "hide-header-divider" ],
+    collapse: [ 516 ],
+    accordion: [ 513 ]
+  } ], [ 65, "br-collapse", {
     customId: [ 513, "custom-id" ],
-    density: [ 513 ],
-    disabled: [ 516 ],
-    emphasis: [ 513 ],
-    isActive: [ 516, "is-active" ],
-    isLoading: [ 516, "is-loading" ],
-    shape: [ 513 ],
-    type: [ 513 ],
-    value: [ 513 ]
-  } ], [ 1, "br-icon", {
-    iconName: [ 513, "icon-name" ],
-    height: [ 513 ],
-    customId: [ 513, "custom-id" ],
-    width: [ 513 ],
-    cssClasses: [ 513, "css-classes" ],
-    isInline: [ 516, "is-inline" ],
-    rotate: [ 513 ],
-    flip: [ 513 ]
-  } ] ] ] ], e);
+    open: [ 1540 ],
+    accordionGroup: [ 1, "accordion-group" ],
+    iconToShow: [ 1, "icon-to-show" ],
+    iconToHide: [ 1, "icon-to-hide" ],
+    iconPosition: [ 1, "icon-position" ],
+    openCollapse: [ 64 ],
+    closeCollapse: [ 64 ]
+  }, [ [ 4, "brDidOpen", "handleOpen" ] ] ] ] ] ], e);
 }));
 //# sourceMappingURL=webcomponents.esm.js.map
 //# sourceMappingURL=webcomponents.esm.js.map

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

@@ -114,7 +114,7 @@
     },
     {
       "name": "br-collapse",
-      "description": "O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.\n\n- Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.\n- Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.\n---\n\n\n### **Events:**\n - **brDidOpen** - Evento emitido ao expandir\n- **brDidClose** - Evento emitido ao recolher\n\n### **Methods:**\n - **openCollapse()** - Método público para abrir\n- **closeCollapse()** - Método público para fechar\n\n### **Slots:**\n - **default** - O conteúdo expansível mostrado/ocultado dinamicamente.\n- **trigger** - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).",
+      "description": "O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.\n\n- Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.\n- Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.\n---\n\n\n### **Events:**\n - **brDidOpen** - Evento emitido ao expandir.\n- **brDidClose** - Evento emitido ao recolher.\n\n### **Methods:**\n - **handleOpen(event: _CustomEvent_)** - Evento disparado quando o componente é aberto.\n- **openCollapse()** - Método público para abrir.\nEste método pode ser chamado externamente para abrir o componente.\n- **closeCollapse()** - Método público para fechar.\nEste método pode ser chamado externamente para fechar o componente.\n- **render(): __** - Renderiza o componente.\nO componente é renderizado como um elemento <details> com um <summary> que contém o acionador.\n\n### **Slots:**\n - **default** - O conteúdo expansível mostrado/ocultado dinamicamente.\n- **trigger** - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).",
       "attributes": [
         { "name": "custom-id", "values": [] },
         { "name": "open", "values": [] },
@@ -172,6 +172,73 @@
       ],
       "references": []
     },
+    {
+      "name": "br-footer",
+      "description": "O componente `br-footer` representa o rodapé do site, de acordo com a documentação de design do GovBR.\nEle é composto por vários subcomponentes, como [`br-footer-category`](/docs/components/footer-category), [`br-footer-item`](/docs/components/footer-item), [`br-footer-social`](/docs/components/footer-social), [`br-footer-legal`](/docs/components/footer-legal) e [`br-logo`](/docs/components/footer-logo).\nPara uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/footer?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **logo** - Área destinada ao logo do rodapé. Utilize o componente `br-logo` para adicionar o logo.\n- **default** - Área destinada ao mapa do site. Utilize o componente `br-footer-category` juntamente com o componente `br-footer-item` para adicionar itens.\n- **social-network** - Área destinada às redes sociais. Utilize o componente `br-footer-social` para adicionar redes sociais.\n- **partner-logo** - Área destinada aos logos de parceiros. Utilize o componente `br-logo` para adicionar os logos.\n- **legal** - Área destinada às informações legais. Utilize o componente `br-footer-legal` para adicionar informações legais.",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        {
+          "name": "theme",
+          "values": [{ "name": "dark" }, { "name": "light" }]
+        },
+        { "name": "social-network-title", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-footer-category",
+      "description": "O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.\n\nO `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.\nEsses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).\n\nO componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.\nEm telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Área destinada aos itens da categoria. Utilize o componente [`br-footer-item`](/docs/components/footer-item) para adicionar itens.",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        { "name": "label", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-footer-item",
+      "description": "O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.\nDe acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.\nPortanto sob esse contexto, o `br-footer-item` representa uma página no site.\n\nO `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente\n\n### **Slots:**\n - **default** - Área destinada ao conteúdo do item.",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        { "name": "href", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-footer-legal",
+      "description": "O subcomponente `br-footer-legal` representa a área destinada a informações legais no rodapé do site, de acordo com a documentação de design do GovBR.\nEle deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Área destinada a informações legais.",
+      "attributes": [{ "name": "custom-id", "values": [] }],
+      "references": []
+    },
+    {
+      "name": "br-footer-logo",
+      "description": "O subcomponente `br-footer-logo` representa a logo principal do site ou a logo dos parceiros.\nEle deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).\nPara que ele represente a logo principal do site, o atributo `is-partner` deve ser definido como `false`, ou não deve ser definido.\nPara que ele represente a logo de um parceiro, o atributo `is-partner` deve ser definido como `true`.\n---\n\n\n### **Methods:**\n - **render(): __** - Monta o JSX que representa o componente.",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        { "name": "src", "values": [] },
+        { "name": "description", "values": [] },
+        {
+          "name": "position",
+          "values": [
+            { "name": "left" },
+            { "name": "center" },
+            { "name": "right" }
+          ]
+        },
+        { "name": "is-partner", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-footer-social",
+      "description": "O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.\nEle deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        { "name": "icon", "values": [] },
+        { "name": "description", "values": [] },
+        { "name": "href", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "br-icon",
       "description": "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/).\n---\n",
@@ -306,12 +373,14 @@
     },
     {
       "name": "br-list",
-      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot padrão para inclusão dos itens da lista.\n- **header** - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot padrão para inclusão dos itens da lista.\n- **header** - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).",
       "attributes": [
         { "name": "header", "values": [] },
         { "name": "is-horizontal", "values": [] },
         { "name": "custom-id", "values": [] },
-        { "name": "hide-header-divider", "values": [] }
+        { "name": "hide-header-divider", "values": [] },
+        { "name": "collapse", "values": [] },
+        { "name": "accordion", "values": [] }
       ],
       "references": []
     },
@@ -353,7 +422,7 @@
     },
     {
       "name": "br-radio",
-      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).\n---\n\n\n### **Events:**\n - **checkedChange** - Disparado depois que o valor do `checked` foi alterado\n\n### **Methods:**\n - **toggleChecked()** - Inverte o valor da prop `checked`\n\n### **Slots:**\n - **default** - O texto descritivo pode ser passado por propriedade (label) ou por slot.",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).\n---\n\n\n### **Events:**\n - **checkedChange** - Disparado depois que o valor do `checked` foi alterado\n\n### **Methods:**\n - **handleKeyDown(event: _KeyboardEvent_)** - Navega e seleciona o próximo/anterior rádio habilitado no grupo via teclas de seta.\nAtivado por 'keydown', move a seleção entre rádios do mesmo 'name'\nusando as setas, partindo do rádio atualmente checado.\n- **toggleChecked()** - Inverte o valor da prop `checked`\n\n### **Slots:**\n - **default** - O texto descritivo pode ser passado por propriedade (label) ou por slot.",
       "attributes": [
         { "name": "checked", "values": [] },
         { "name": "disabled", "values": [] },
@@ -477,6 +546,80 @@
       ],
       "references": []
     },
+    {
+      "name": "br-tab",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n---\n\n\n### **Events:**\n - **brDidActive**\n\n### **Slots:**\n - **default** - Slot com os componentes item da tab",
+      "attributes": [
+        {
+          "name": "density",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        { "name": "color-mode", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-tab-item",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n---\n\n\n### **Events:**\n - **itemTabClick**\n\n### **Slots:**\n - **default** - Slot com conteúdo do item da tab",
+      "attributes": [
+        { "name": "tab-item-id", "values": [] },
+        { "name": "icon", "values": [] },
+        { "name": "tab-item-title", "values": [] },
+        { "name": "only-icon", "values": [] },
+        { "name": "is-active", "values": [] },
+        { "name": "counter", "values": [] },
+        { "name": "color-mode", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-table",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Define o JSX do componente.\n\n### **Slots:**\n - **default** - Descrição do slot",
+      "attributes": [{ "name": "custom-id", "values": [] }],
+      "references": []
+    },
+    {
+      "name": "br-table-cell",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Methods:**\n - **handleHorizontalAlignChange(newValue: _HorizontalAlign_)** - Watcher que observa as mudanças na propriedade `horizontalAlign`.\n- **handleHorizontalAlignDidChange(event: _CustomEvent_)** - Ouve o evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n- **render(): __** - Define o JSX do componente.\n\n### **Slots:**\n - **default** - Descrição do slot",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        { "name": "has-vertical-border", "values": [] },
+        {
+          "name": "horizontal-align",
+          "values": [{ "name": "HorizontalAlign" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-table-header-cell",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Events:**\n - **brHorizontalAlignDidChange** - Evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n\n### **Slots:**\n - **default** - Descrição do slot",
+      "attributes": [
+        { "name": "custom-id", "values": [] },
+        { "name": "has-vertical-border", "values": [] },
+        {
+          "name": "horizontal-align",
+          "values": [{ "name": "HorizontalAlign" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-table-header-row",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Define o JSX do componente.\n\n### **Slots:**\n - **default** - Descrição do slot",
+      "attributes": [{ "name": "custom-id", "values": [] }],
+      "references": []
+    },
+    {
+      "name": "br-table-row",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Descrição do slot",
+      "attributes": [{ "name": "custom-id", "values": [] }],
+      "references": []
+    },
     {
       "name": "br-tag",
       "description": "\n---\n\n\n### **Events:**\n - **radioSelected** - Evento emitido quando a tag é selecionada.",

package/package.json

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

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

@@ -1 +0,0 @@
-{"file":"br-collapse.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["../../packages/webcomponents/src/components/collapse/collapse.scss?tag=br-collapse&encapsulation=shadow","../../packages/webcomponents/src/components/collapse/collapse.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  .br-collapse {\n    .trigger {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      &:not(:disabled):hover,\n      &:not(:disabled):focus-visible {\n        background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));\n      }\n    }\n\n    .trigger-content {\n      flex: 1 1 auto !important;\n    }\n\n    .content {\n      transition: height 0.3s;\n      overflow: hidden;\n    }\n\n    br-icon {\n      color: var(--interactive);\n    }\n  }\n\n  details {\n    width: 100%;\n\n    summary {\n      list-style: none;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      padding: 8px 12px;\n      height: 48px;\n      outline: none;\n\n      &::-webkit-details-marker {\n        display: none;\n      }\n\n      &:focus-visible {\n        outline: var(--focus-width) var(--focus-style) var(--focus);\n      }\n    }\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    border: 0;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\n// import { CssClassMap } from '../../utils/interfaces'\n\n/**\n * O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.\n *\n * - Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.\n * - Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.\n *\n * @slot default - O conteúdo expansível mostrado/ocultado dinamicamente.\n * @slot trigger - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).\n */\n@Component({\n  tag: 'br-collapse',\n  styleUrl: 'collapse.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Collapse {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCollapseElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-collapse-${collapseId++}`\n\n  /** Define se o item está inicialmente aberto */\n  @Prop({ reflect: true, mutable: true }) open: boolean = false\n\n  /** Define se o collapse faz parte de um accordion */\n  @Prop() accordionGroup?: string\n\n  /** Classe CSS para o ícone de expansão */\n  @Prop() iconToShow: string = 'fa6-solid:chevron-down'\n\n  /** Classe CSS para o ícone de recolhimento */\n  @Prop() iconToHide: string = 'fa6-solid:chevron-up'\n\n  /** Define a posição do ícone: 'left' ou 'right' */\n  @Prop() iconPosition: 'left' | 'right' = 'right'\n\n  /** Evento emitido ao expandir */\n  @Event() brDidOpen: EventEmitter<{ id: string }>\n\n  /** Evento emitido ao recolher */\n  @Event() brDidClose: EventEmitter<{ id: string }>\n\n  componentWillLoad() {\n    this.syncDetailsWithOpen()\n  }\n\n  private syncDetailsWithOpen() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.open = this.open\n    }\n  }\n\n  private handleCollapse = (event: Event) => {\n    const details = event.target as HTMLDetailsElement\n    const isOpen = details.open\n\n    if (this.accordionGroup && isOpen) {\n      const allItems = document.querySelectorAll(`br-collapse[accordion-group=\"${this.accordionGroup}\"]`)\n      allItems.forEach((item) => {\n        if (item !== this.el) {\n          ;(item as HTMLBrCollapseElement).closeCollapse()\n        }\n      })\n    }\n    this.open = isOpen\n    if (this.open) {\n      this.brDidOpen.emit({ id: this.customId })\n    } else {\n      this.brDidClose.emit({ id: this.customId })\n    }\n  }\n\n  /** Método público para abrir */\n  @Method()\n  async openCollapse() {\n    this.open = true\n    this.syncDetailsWithOpen()\n    this.brDidOpen.emit({ id: this.customId })\n  }\n\n  /** Método público para fechar */\n  @Method()\n  async closeCollapse() {\n    this.open = false\n    this.syncDetailsWithOpen()\n    this.brDidClose.emit({ id: this.customId })\n  }\n\n  private renderIcon() {\n    return <br-icon icon-name={this.open ? this.iconToHide : this.iconToShow}></br-icon>\n  }\n\n  render() {\n    const itemCount = this.el.querySelectorAll('br-item').length\n\n    return (\n      <Host>\n        <details class=\"br-collapse\" open={this.open} onToggle={this.handleCollapse} id={this.customId}>\n          <summary\n            class=\"trigger\"\n            role=\"button\"\n            aria-expanded={String(this.open)}\n            aria-controls={`content-${this.customId}`}\n            aria-labelledby={`label-${this.customId}`}\n            tabindex=\"0\"\n            aria-live=\"polite\"\n          >\n            {this.iconPosition === 'left' && this.renderIcon()}\n            <div class=\"trigger-content\" id={`label-${this.customId}`}>\n              <slot name=\"trigger\"></slot>\n            </div>\n            {this.iconPosition === 'right' && this.renderIcon()}\n          </summary>\n\n          <div\n            class=\"content\"\n            id={`content-${this.customId}`}\n            aria-live=\"polite\"\n            aria-labelledby={`label-${this.customId}`}\n          >\n            {this.open && itemCount > 0 && (\n              <div class=\"visually-hidden\">\n                {itemCount} {itemCount === 1 ? 'item' : 'itens'} na lista\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </details>\n      </Host>\n    )\n  }\n}\n\nlet collapseId = 0\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"br-collapse.entry.cjs.js","sources":["../../packages/webcomponents/src/components/collapse/collapse.scss?tag=br-collapse&encapsulation=shadow","../../packages/webcomponents/src/components/collapse/collapse.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  .br-collapse {\n    .trigger {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      &:not(:disabled):hover,\n      &:not(:disabled):focus-visible {\n        background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));\n      }\n    }\n\n    .trigger-content {\n      flex: 1 1 auto !important;\n    }\n\n    .content {\n      transition: height 0.3s;\n      overflow: hidden;\n    }\n\n    br-icon {\n      color: var(--interactive);\n    }\n  }\n\n  details {\n    width: 100%;\n\n    summary {\n      list-style: none;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      padding: 8px 12px;\n      height: 48px;\n      outline: none;\n\n      &::-webkit-details-marker {\n        display: none;\n      }\n\n      &:focus-visible {\n        outline: var(--focus-width) var(--focus-style) var(--focus);\n      }\n    }\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    border: 0;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\n// import { CssClassMap } from '../../utils/interfaces'\n\n/**\n * O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.\n *\n * - Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.\n * - Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.\n *\n * @slot default - O conteúdo expansível mostrado/ocultado dinamicamente.\n * @slot trigger - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).\n */\n@Component({\n  tag: 'br-collapse',\n  styleUrl: 'collapse.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Collapse {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCollapseElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-collapse-${collapseId++}`\n\n  /** Define se o item está inicialmente aberto */\n  @Prop({ reflect: true, mutable: true }) open: boolean = false\n\n  /** Define se o collapse faz parte de um accordion */\n  @Prop() accordionGroup?: string\n\n  /** Classe CSS para o ícone de expansão */\n  @Prop() iconToShow: string = 'fa6-solid:chevron-down'\n\n  /** Classe CSS para o ícone de recolhimento */\n  @Prop() iconToHide: string = 'fa6-solid:chevron-up'\n\n  /** Define a posição do ícone: 'left' ou 'right' */\n  @Prop() iconPosition: 'left' | 'right' = 'right'\n\n  /** Evento emitido ao expandir */\n  @Event() brDidOpen: EventEmitter<{ id: string }>\n\n  /** Evento emitido ao recolher */\n  @Event() brDidClose: EventEmitter<{ id: string }>\n\n  componentWillLoad() {\n    this.syncDetailsWithOpen()\n  }\n\n  private syncDetailsWithOpen() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.open = this.open\n    }\n  }\n\n  private handleCollapse = (event: Event) => {\n    const details = event.target as HTMLDetailsElement\n    const isOpen = details.open\n\n    if (this.accordionGroup && isOpen) {\n      const allItems = document.querySelectorAll(`br-collapse[accordion-group=\"${this.accordionGroup}\"]`)\n      allItems.forEach((item) => {\n        if (item !== this.el) {\n          ;(item as HTMLBrCollapseElement).closeCollapse()\n        }\n      })\n    }\n    this.open = isOpen\n    if (this.open) {\n      this.brDidOpen.emit({ id: this.customId })\n    } else {\n      this.brDidClose.emit({ id: this.customId })\n    }\n  }\n\n  /** Método público para abrir */\n  @Method()\n  async openCollapse() {\n    this.open = true\n    this.syncDetailsWithOpen()\n    this.brDidOpen.emit({ id: this.customId })\n  }\n\n  /** Método público para fechar */\n  @Method()\n  async closeCollapse() {\n    this.open = false\n    this.syncDetailsWithOpen()\n    this.brDidClose.emit({ id: this.customId })\n  }\n\n  private renderIcon() {\n    return <br-icon icon-name={this.open ? this.iconToHide : this.iconToShow}></br-icon>\n  }\n\n  render() {\n    const itemCount = this.el.querySelectorAll('br-item').length\n\n    return (\n      <Host>\n        <details class=\"br-collapse\" open={this.open} onToggle={this.handleCollapse} id={this.customId}>\n          <summary\n            class=\"trigger\"\n            role=\"button\"\n            aria-expanded={String(this.open)}\n            aria-controls={`content-${this.customId}`}\n            aria-labelledby={`label-${this.customId}`}\n            tabindex=\"0\"\n            aria-live=\"polite\"\n          >\n            {this.iconPosition === 'left' && this.renderIcon()}\n            <div class=\"trigger-content\" id={`label-${this.customId}`}>\n              <slot name=\"trigger\"></slot>\n            </div>\n            {this.iconPosition === 'right' && this.renderIcon()}\n          </summary>\n\n          <div\n            class=\"content\"\n            id={`content-${this.customId}`}\n            aria-live=\"polite\"\n            aria-labelledby={`label-${this.customId}`}\n          >\n            {this.open && itemCount > 0 && (\n              <div class=\"visually-hidden\">\n                {itemCount} {itemCount === 1 ? 'item' : 'itens'} na lista\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </details>\n      </Host>\n    )\n  }\n}\n\nlet collapseId = 0\n"],"names":["h","Host"],"mappings":"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"}