@govbr-ds/webcomponents 2.0.0-next.12 → 2.0.0-next.14

package/dist/esm/webcomponents.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-5866d5ff.js';
-export { s as setNonce } from './index-5866d5ff.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-c7037515.js';
+export { s as setNonce } from './index-c7037515.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["br-input",[[65,"br-input",{"defaultID":[513,"default-i-d"],"type":[513],"autocomplete":[513],"autofocus":[516],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"success":[516],"danger":[516],"info":[516],"warning":[516],"label":[513],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"showIconTextPassword":[32],"hasIconSlot":[32],"hasActionSlot":[32]}]]],["br-message",[[65,"br-message",{"messageTitle":[513,"message-title"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-avatar",[[1,"br-avatar",{"density":[1],"image":[1],"imageAlt":[1,"image-alt"],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[32],"iconHeight":[32]}]]],["br-checkbox",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"id"],"disabled":[516],"hasHiddenLabel":[1540,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[520],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-item",[[65,"br-item",{"disabled":[516],"isActive":[1540,"is-active"],"isSelected":[1540,"is-selected"],"isInteractive":[1540,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"slotDefault":[32],"selectedValue":[32]},[[4,"brDidCheckedChange","handleChange"]]]]],["br-loading",[[65,"br-loading",{"isProgress":[516,"is-progress"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-radio",[[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[1540,"has-hidden-label"],"name":[513],"label":[513],"value":[520],"customId":[513,"id"],"toggle":[516],"_slotDefault":[32],"handleClick":[64],"handleKeyDown":[64]},[[4,"brDidSelect","handleItemInteractiveSelect"]]]]],["br-switch",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[1540,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"_checkedValue":[32],"toggleChecked":[64]}]]],["br-button_2",[[65,"br-button",{"autofocus":[516],"colorMode":[513,"color-mode"],"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],"width":[513],"class":[513],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]]], options);
+  return bootstrapLazy([["br-input",[[65,"br-input",{"defaultID":[513,"default-i-d"],"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"success":[516],"danger":[516],"info":[516],"warning":[516],"label":[513],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"showIconTextPassword":[32],"hasIconSlot":[32],"hasActionSlot":[32]}]]],["br-message",[[65,"br-message",{"messageTitle":[513,"message-title"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-avatar",[[1,"br-avatar",{"density":[1],"image":[1],"imageAlt":[1,"image-alt"],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[32],"iconHeight":[32]}]]],["br-checkbox",[[65,"br-checkbox",{"indeterminate":[516],"checked":[1540],"customId":[513,"id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[520],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-dropdown",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-item",[[65,"br-item",{"disabled":[516],"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,"brDidCheckedChange","handleChange"]]]]],["br-list",[[65,"br-list",{"listTitle":[513,"list-title"],"isHorizontal":[516,"is-horizontal"],"hideHeaderDivider":[516,"hide-header-divider"]}]]],["br-loading",[[65,"br-loading",{"isProgress":[516,"is-progress"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-radio",[[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"name":[513],"label":[513],"value":[520],"customId":[513,"id"],"toggle":[516],"_slotDefault":[32]},[[4,"brDidSelect","handleItemInteractiveSelect"]]]]],["br-switch",[[65,"br-switch",{"disabled":[516],"checked":[516],"customId":[513,"id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"_checkedValue":[32],"toggleChecked":[64]}]]],["br-button_2",[[65,"br-button",{"colorMode":[513,"color-mode"],"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],"width":[513],"CssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]]], options);
 });
 
 //# sourceMappingURL=webcomponents.js.map

package/dist/esm/webcomponents.js.map

@@ -1 +1 @@
-{"file":"webcomponents.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"webcomponents.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/types/components/avatar/avatar.d.ts

@@ -7,7 +7,7 @@ export declare class Avatar {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrAvatarElement;
     /**
      * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
      */
@@ -107,9 +107,9 @@ export declare class Avatar {
     /**
      * Calcula o tamanho dos ícones de acordo com a classe de densidade
      */
-    private iconSizes;
+    private readonly iconSizes;
     private setIconSize;
-    private iconMarginTops;
+    private readonly iconMarginTops;
     private adjustIconStyle;
     private inheritedAttributes;
     private renderAvatar;

package/dist/types/components/button/button.d.ts

@@ -9,12 +9,8 @@ export declare class Button {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrButtonElement;
     elementInternals: ElementInternals;
-    /**
-     * Se definido como verdadeiro, o botão receberá foco automaticamente ao ser renderizado.
-     */
-    autofocus: boolean;
     /**
      * Define se o botão usará um esquema de cores escuro.
      */
@@ -154,7 +150,7 @@ export declare class Button {
      */
     brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>;
     formStateRestoreCallback(state: string, _mode: string): void;
-    private handleClick;
+    private readonly handleClick;
     private getCssClassMap;
     private inheritedAttributes;
     render(): any;

package/dist/types/components/checkbox/checkbox.d.ts

@@ -9,7 +9,7 @@ export declare class Checkbox {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrCheckboxElement;
     elementInternals: ElementInternals;
     /**
      * Define o estado intermediário do checkbox.
@@ -161,7 +161,7 @@ export declare class Checkbox {
      * Disparado depois que o valor do `checked` foi alterado
      */
     brDidCheckedChange: EventEmitter<boolean>;
-    private handleCheckedChange;
+    private readonly handleCheckedChange;
     /**
      * Inverte o valor da prop `checked`
      */

package/dist/types/components/dropdown/dropdown.d.ts

@@ -0,0 +1,154 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+ *
+ * @slot trigger - Slot que recebe o elemento acionador
+ * @slot target - Slot que recebe o elemento alvo
+ */
+export declare class Dropdown {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrDropdownElement;
+    elementInternals: ElementInternals;
+    /**
+     * 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: boolean;
+    /**
+     * Método chamado sempre que a propriedade `isOpen` muda.
+     * Emite um evento com o novo estado do dropdown.
+     */
+    isOpenChanged(): void;
+    /**
+     * Emite um evento quando o componente é conectado ao DOM.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.
+     */
+    brDidConnect: EventEmitter<void>;
+    connectedCallback(): void;
+    /**
+     * Emite um evento antes que o componente seja carregado pela primeira vez.
+     * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.
+     */
+    brWillLoad: EventEmitter<void>;
+    componentWillLoad(): void;
+    /**
+     * Emite um evento após o componente ter sido carregado pela primeira vez.
+     * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.
+     */
+    brDidLoad: EventEmitter<void>;
+    componentDidLoad(): void;
+    /**
+     * Emite um evento antes do componente ser renderizado.
+     * Utilize este evento para preparar o componente antes de sua renderização.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.
+     */
+    brWillRender: EventEmitter<void>;
+    componentWillRender(): void;
+    /**
+     * Emite um evento após o componente ter sido renderizado.
+     * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.
+     */
+    brDidRender: EventEmitter<void>;
+    componentDidRender(): void;
+    /**
+     * Emite um evento para indicar se o componente deve ser atualizado ou não.
+     * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.
+     */
+    brShouldUpdate: EventEmitter<void>;
+    componentShouldUpdate(): void;
+    /**
+     * Emite um evento antes de o componente ser atualizado.
+     * Utilize este evento para realizar ações preparatórias antes da atualização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.
+     */
+    brWillUpdate: EventEmitter<void>;
+    componentWillUpdate(): void;
+    /**
+     * Emite um evento após o componente ter sido atualizado.
+     * Utilize este evento para realizar ações após a atualização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.
+     */
+    brDidUpdate: EventEmitter<void>;
+    componentDidUpdate(): void;
+    /**
+     * Emite um evento quando o componente é desconectado do DOM.
+     * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.
+     */
+    brDidDisconnect: EventEmitter<void>;
+    disconnectedCallback(): void;
+    /**
+     * Emite um evento quando o componente é associado ou removido de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.
+     *
+     * @param form - Dados do formulário associado.
+     */
+    brFormAssociatedCallback: EventEmitter<FormData>;
+    formAssociatedCallback(form: FormData): void;
+    /**
+     * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.
+     *
+     * @param disabled - Novo estado `disabled` do componente dentro do formulário.
+     */
+    brFormDisabledCallback: EventEmitter<boolean>;
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Emite um evento quando um `<form>` é resetado.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.
+     */
+    brFormResetCallback: EventEmitter<void>;
+    formResetCallback(): void;
+    /**
+     * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.
+     *
+     * @param state - Estado restaurado do formulário.
+     * @param _mode - Modo de preenchimento automático do navegador.
+     */
+    brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>;
+    formStateRestoreCallback(state: string, _mode: string): void;
+    /**
+     * Evento emitido quando o estado do dropdown muda.
+     */
+    brDropdownChange: EventEmitter<{
+        'is-opened': boolean;
+    }>;
+    private getCssClassMap;
+    /**
+     * Alterna o estado do dropdown entre aberto e fechado.
+     */
+    private readonly toggle;
+    /**
+     * Método que lida com cliques fora do dropdown.
+     *
+     * @param {MouseEvent} event - O evento de clique que ocorreu.
+     */
+    private onClickOutside;
+    /**
+     * Abre o dropdown.
+     * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.
+     * Este método é marcado com @Method() para que possa ser chamado externamente.
+     */
+    open(): Promise<{
+        isOpen: boolean;
+    }>;
+    /**
+     * Esconde o dropdown.
+     * Define a propriedade `isOpen` como falsa e retorna o novo estado.
+     * Este método é marcado com @Method() para que possa ser chamado externamente.
+     */
+    hide(): Promise<{
+        isOpen: boolean;
+    }>;
+    private inheritedAttributes;
+    render(): any;
+}

package/dist/types/components/icon/icon.d.ts

@@ -16,7 +16,7 @@ export declare class Icon {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrIconElement;
     /**
      * 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.
@@ -36,7 +36,7 @@ export declare class Icon {
      * Permite adicionar classes CSS adicionais ao ícone.
      * Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
      */
-    class?: string;
+    CssClasses?: string;
     /**
      * 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.

package/dist/types/components/input/input.d.ts

@@ -12,7 +12,7 @@ export declare class Input {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrInputElement;
     elementInternals: ElementInternals;
     /**
      * Identificador único do campo de entrada.
@@ -37,10 +37,6 @@ export declare class Input {
      * Controla o comportamento de preenchimento automático do navegador para o input.
      */
     autocomplete: 'on' | 'off';
-    /**
-     * Se definido como verdadeiro, o input receberá foco automaticamente ao ser renderizado.
-     */
-    autofocus: boolean;
     /**
      * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
      */
@@ -204,14 +200,14 @@ export declare class Input {
      * Valor atualizado do input
      */
     valueChange: EventEmitter<string>;
-    private handleInput;
-    renderLabel: () => any;
-    togglePasswordVisibility: () => void;
+    private readonly handleInput;
+    private readonly renderLabel;
+    private readonly togglePasswordVisibility;
     private hasSlotContent;
-    renderInput: () => any;
-    renderHelpText: () => any;
-    renderIconPassword: () => any;
-    renderIconSlot(): any;
-    renderButton(): any;
+    private readonly renderInput;
+    private readonly renderHelpText;
+    private readonly renderIconPassword;
+    private renderIconSlot;
+    private renderButton;
     render(): any;
 }

package/dist/types/components/item/item.d.ts

@@ -3,13 +3,17 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).
  *
  * @slot default - Á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.).
+ *
+ * @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.
+ *
+ * @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.
  */
 export declare class Item {
     /**
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrItemElement;
     elementInternals: ElementInternals;
     /**
      * Desativa o item, tornando-o não interativo.
@@ -56,7 +60,13 @@ export declare class Item {
      *  Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.
      */
     value?: string;
-    slotDefault: boolean;
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    density: 'large' | 'middle' | 'small';
+    hasSlotDefault: boolean;
+    hasSlotStart: boolean;
+    hasSlotEnd: boolean;
     selectedValue: boolean;
     handleChange(event: Event): void;
     /**
@@ -164,13 +174,14 @@ export declare class Item {
     brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>;
     formStateRestoreCallback(state: string, _mode: string): void;
     private hasSlotContentDefault;
+    private hasSlotContent;
     private getCssClassMap;
-    private inheritedAttributes;
+    private readonly inheritedAttributes;
     private getTagType;
     private getAttributes;
-    updateItemSelectionState(): void;
+    private updateItemSelectionState;
     private isClickInsideInteractiveElement;
     private updateCheckboxes;
-    private handleClick;
+    private readonly handleClick;
     render(): any;
 }

package/dist/types/components/list/list.d.ts

@@ -0,0 +1,126 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+ *
+ * @slot default - Slot padrão para inclusão dos itens da lista.
+ * @slot header - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).
+ */
+export declare class List {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrListElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o título para a lista.
+     */
+    listTitle: string;
+    /**
+     * Indica se a lista será horizontal. Por padrão, a lista é vertical.
+     */
+    isHorizontal: boolean;
+    /**
+     * Indica que o divider para o título da lista estará oculto.
+     */
+    hideHeaderDivider: boolean;
+    /**
+     * Emite um evento quando o componente é conectado ao DOM.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.
+     */
+    brDidConnect: EventEmitter<void>;
+    connectedCallback(): void;
+    /**
+     * Emite um evento antes que o componente seja carregado pela primeira vez.
+     * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.
+     */
+    brWillLoad: EventEmitter<void>;
+    componentWillLoad(): void;
+    /**
+     * Emite um evento após o componente ter sido carregado pela primeira vez.
+     * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.
+     */
+    brDidLoad: EventEmitter<void>;
+    componentDidLoad(): void;
+    /**
+     * Emite um evento antes do componente ser renderizado.
+     * Utilize este evento para preparar o componente antes de sua renderização.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.
+     */
+    brWillRender: EventEmitter<void>;
+    componentWillRender(): void;
+    /**
+     * Emite um evento após o componente ter sido renderizado.
+     * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.
+     */
+    brDidRender: EventEmitter<void>;
+    componentDidRender(): void;
+    /**
+     * Emite um evento para indicar se o componente deve ser atualizado ou não.
+     * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.
+     */
+    brShouldUpdate: EventEmitter<void>;
+    componentShouldUpdate(): void;
+    /**
+     * Emite um evento antes de o componente ser atualizado.
+     * Utilize este evento para realizar ações preparatórias antes da atualização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.
+     */
+    brWillUpdate: EventEmitter<void>;
+    componentWillUpdate(): void;
+    /**
+     * Emite um evento após o componente ter sido atualizado.
+     * Utilize este evento para realizar ações após a atualização do componente.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.
+     */
+    brDidUpdate: EventEmitter<void>;
+    componentDidUpdate(): void;
+    /**
+     * Emite um evento quando o componente é desconectado do DOM.
+     * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.
+     */
+    brDidDisconnect: EventEmitter<void>;
+    disconnectedCallback(): void;
+    /**
+     * Emite um evento quando o componente é associado ou removido de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.
+     *
+     * @param form - Dados do formulário associado.
+     */
+    brFormAssociatedCallback: EventEmitter<FormData>;
+    formAssociatedCallback(form: FormData): void;
+    /**
+     * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.
+     *
+     * @param disabled - Novo estado `disabled` do componente dentro do formulário.
+     */
+    brFormDisabledCallback: EventEmitter<boolean>;
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Emite um evento quando um `<form>` é resetado.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.
+     */
+    brFormResetCallback: EventEmitter<void>;
+    formResetCallback(): void;
+    /**
+     * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.
+     * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.
+     *
+     * @param state - Estado restaurado do formulário.
+     * @param _mode - Modo de preenchimento automático do navegador.
+     */
+    brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>;
+    formStateRestoreCallback(state: string, _mode: string): void;
+    private getCssClassMap;
+    private inheritedAttributes;
+    private hasSlotContent;
+    private readonly renderHeader;
+    private renderDivider;
+    render(): any;
+}

package/dist/types/components/loading/loading.d.ts

@@ -7,7 +7,7 @@ export declare class Loading {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrLoadingElement;
     /**
      * Determina o tipo de indicador a ser exibido:
      * - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.

package/dist/types/components/message/message.d.ts

@@ -9,7 +9,7 @@ export declare class Message {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrMessageElement;
     elementInternals: ElementInternals;
     /**
      * Define o título da mensagem, que é exibido no início, acima da mensagem principal.
@@ -115,7 +115,7 @@ export declare class Message {
     disconnectedCallback(): void;
     /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */
     brDidClose: EventEmitter;
-    dismissHandler(): void;
+    private readonly dismissHandler;
     private checkIconState;
     private getCssClassMap;
     private inheritedAttributes;

package/dist/types/components/radio/radio.d.ts

@@ -9,7 +9,7 @@ export declare class Radio {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLInputElement;
+    el: HTMLBrRadioElement;
     elementInternals: ElementInternals;
     /**
      * Define o estado de seleção do radio.
@@ -166,15 +166,16 @@ export declare class Radio {
         value: boolean;
         checked: boolean;
     }>;
-    handleClick(): Promise<void>;
-    handleKeyDown(event: KeyboardEvent): Promise<void>;
+    private readonly handleClick;
+    private readonly handleKeyDown;
     /**
      * Controla o comportamento de alternar o estado checked.
      */
-    private toggleChecked;
+    private readonly toggleChecked;
     /**
      * Determina um id para o radio.
      */
     private getComputedId;
+    private readonly stopPropagation;
     render(): any;
 }

package/dist/types/components/switch/switch.d.ts

@@ -9,13 +9,13 @@ export declare class Switch {
      * Referência ao elemento host do componente.
      * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
      */
-    el: HTMLElement;
+    el: HTMLBrSwitchElement;
     elementInternals: ElementInternals;
     /**
      * Identificador único do campo de entrada.
      * Caso não seja fornecido, um ID gerado automaticamente será usado.
      */
-    _idDefault: string;
+    private readonly _idDefault;
     /**
      * Desativa o switch, tornando-o não interativo.
      */
@@ -164,7 +164,7 @@ export declare class Switch {
      */
     brDidCheckedChange: EventEmitter<boolean>;
     private _hasSlotContentDefault;
-    private _handleCheckedChange;
+    private readonly handleCheckedChange;
     /**
      * Inverte o valor da prop `checked`
      */