@govbr-ds/webcomponents 2.1.1 → 2.1.2

package/dist/cjs/br-item.cjs.entry.js

@@ -124,6 +124,7 @@ const Item = class {
                 this.activate();
             }
         };
+        // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: mantém em uma transação os modos standalone, controlado, radio e checkbox.
         this.handleClick = (event) => {
             if (this.disabled) {
                 event.preventDefault();
@@ -155,14 +156,17 @@ const Item = class {
                 }
                 else {
                     // Armazena o estado anterior para emitir o evento apenas se houver mudança.
-                    const previousSelectedValue = this.selectedValue;
-                    this.selectedValue = !this.selectedValue;
-                    if (previousSelectedValue !== this.selectedValue) {
-                        const detail = { selected: this.selectedValue };
+                    const previousSelectedValue = this.hasControlledSelection ? Boolean(this.selected) : this.selectedValue;
+                    const nextSelected = !previousSelectedValue;
+                    if (!this.hasControlledSelection)
+                        this.selectedValue = nextSelected;
+                    if (previousSelectedValue !== nextSelected) {
+                        const detail = { selected: nextSelected };
                         this.brDidSelect.emit(detail);
                         this.brItemSelect.emit(detail);
                     }
-                    this.updateCheckboxes();
+                    if (!this.hasControlledSelection)
+                        this.updateCheckboxes();
                 }
             }
             event.stopPropagation();
@@ -226,7 +230,6 @@ const Item = class {
      */
     async setFocus() {
         this.el?.focus();
-        this.focusableElement?.focus();
     }
     /**
      * Define o tabIndex do elemento interno.
@@ -242,6 +245,9 @@ const Item = class {
     get effectiveSelected() {
         return this.selected ?? this.isSelected;
     }
+    get hasControlledSelection() {
+        return this.selected !== undefined;
+    }
     get effectiveInteractive() {
         return (this.interactive ??
             (this.isInteractive ||
@@ -264,7 +270,7 @@ const Item = class {
             'br-item': true,
             disabled: this.disabled,
             active: this.effectiveActive,
-            selected: this.selectedValue,
+            selected: this.selected ?? this.selectedValue,
             small: this.density === 'small',
             medium: this.density === 'medium',
             large: this.density === 'large',
@@ -294,21 +300,23 @@ const Item = class {
         return {
             ...baseAttributes,
             role: isInteractiveDiv ? 'button' : null,
-            'aria-pressed': isInteractiveDiv ? String(this.selectedValue) : null,
+            'aria-pressed': isInteractiveDiv ? String(this.selected ?? this.selectedValue) : null,
             tabIndex: this.disabled || !isFocusableItem ? -1 : this.rovingTabIndex,
             'aria-disabled': this.disabled ? 'true' : null,
             'aria-current': this.effectiveActive ? 'true' : null,
             'data-toggle': this.effectiveInteractive ? 'selection' : null,
-            'is-selected': this.selectedValue ? true : null,
+            'is-selected': (this.selected ?? this.selectedValue) ? true : null,
         };
     }
     updateCheckboxSelectionState(emitEvent = true) {
         if (this.hasRadios)
             return;
         const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'));
-        this.selectedValue = checkboxes.some((checkbox) => checkbox.checked);
+        const nextSelected = checkboxes.some((checkbox) => checkbox.checked);
+        if (!this.hasControlledSelection)
+            this.selectedValue = nextSelected;
         if (emitEvent && this.effectiveInteractive) {
-            const detail = { selected: this.selectedValue };
+            const detail = { selected: nextSelected };
             this.brDidSelect.emit(detail);
             this.brItemSelect.emit(detail);
         }
@@ -317,9 +325,11 @@ const Item = class {
         if (!this.hasRadios)
             return;
         const radios = Array.from(this.el.querySelectorAll('br-radio'));
-        this.selectedValue = radios.some((radio) => radio.checked);
+        const nextSelected = radios.some((radio) => radio.checked);
+        if (!this.hasControlledSelection)
+            this.selectedValue = nextSelected;
         if (emitEvent && this.effectiveInteractive) {
-            const detail = { selected: this.selectedValue };
+            const detail = { selected: nextSelected };
             this.brDidSelect.emit(detail);
             this.brItemSelect.emit(detail);
         }
@@ -339,8 +349,9 @@ const Item = class {
         const TagType = this.getTagType();
         const attributes = this.getAttributes();
         const classList = this.getCssClassMap();
-        return (index.h(index.Host, { key: 'dd873e9bf25d24d6d92b72d7aa871daff1420ea6', tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined }, index.h(TagType, { key: '3f1c164392eb2a623223dd268c4e2957e8512ee7', class: classList, ...attributes, tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown, id: this.customId, ref: (el) => (this.focusableElement = el), onMouseDown: this.handleMouseDown, part: "item" }, this.hasSlotStart || this.hasSlotEnd ? (index.h("div", { class: "row align-items-center" }, this.hasSlotStart && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "start" }))), index.h("div", { class: "col" }, index.h("slot", null)), this.hasSlotEnd && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "end" }))))) : (index.h("slot", null)))));
+        return (index.h(index.Host, { key: '0c2e8ad9198db23ff1c43bc1a48cabe478f4d207', tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined }, index.h(TagType, { key: 'd88d1732106bba4167118f16f2a27fdf3cf0f660', class: classList, ...attributes, tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown, id: this.customId, ref: (el) => (this.focusableElement = el), onMouseDown: this.handleMouseDown, part: "item" }, this.hasSlotStart || this.hasSlotEnd ? (index.h("div", { class: "row align-items-center" }, this.hasSlotStart && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "start" }))), index.h("div", { class: "col" }, index.h("slot", null)), this.hasSlotEnd && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "end" }))))) : (index.h("slot", null)))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "isSelected": [{

package/dist/cjs/br-link.cjs.entry.js

@@ -118,8 +118,9 @@ const Link = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '774b0704a037a7eb7eb5327801cb3c0ed3fb62b0' }, index.h("a", { key: 'aa0b258f55b33136210b0d44af9c74f303e4bd2e', part: "anchor", class: { 'br-button': this.button }, href: this.disabled ? undefined : this.href, target: this.target, rel: this.getRel(), download: this.download, hreflang: this.hreflang, referrerPolicy: this.referrerPolicy, type: this.type, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, ...this.getAnchorAttrs() }, index.h("slot", { key: '330a74d2496048927eb89cbd0f0624f5365fd187' }))));
+        return (index.h(index.Host, { key: '3a2d7f49bfafc65412524d38a964a713ee1fe526' }, index.h("a", { key: 'eddc87987df0418b5fdde03b39cadbc2db73762b', part: "anchor", class: { 'br-button': this.button }, href: this.disabled ? undefined : this.href, target: this.target, rel: this.getRel(), download: this.download, hreflang: this.hreflang, referrerPolicy: this.referrerPolicy, type: this.type, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, ...this.getAnchorAttrs() }, index.h("slot", { key: '74ece0d935b97cb91fd9d8df789f709dc3c5068d' }))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "disabled": [{

package/dist/cjs/br-magic-button.cjs.entry.js

@@ -83,8 +83,9 @@ const MagicButton = class {
      */
     render() {
         const effectiveAriaLabel = this.ariaLabel || this.label || (this.icon ? `Botão com ícone ${this.icon}` : 'Botão');
-        return (index.h(index.Host, { key: '001f09201742a4783fab7f565f54ed881587db28', id: this.customId }, index.h("div", { key: 'c8407ef820b7d355dd41cfdee19212fcd151d346', class: this.getCssClassMap(), part: "container" }, index.h("button", { key: 'd1174db30df0f3fd6b286c08c2910f64b09806d1', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, this.icon && (index.h("slot", { key: '9a6154146c47872898b4a19f7bacfdbc8a3cae8a', name: "icon" }, index.h("icon-base", { key: '251f7ddc2cbeea878e6338a811394bf9196d0395', "attr:iconName": this.icon, class: this.getLabelIconClass() }))), this.label || index.h("slot", { key: 'a1d5a97128d8e1363b49b3d2c7080237af5c54d9' })))));
+        return (index.h(index.Host, { key: '0eec103c783b1ad5d02b3e5605b150e467dbb782', id: this.customId }, index.h("div", { key: '53dae45267a14d4785b630dd4892277e3e869f37', class: this.getCssClassMap(), part: "container" }, index.h("button", { key: 'f3e72b2e22d67473a9879c5bb6ba4912cca15be0', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, this.icon && (index.h("slot", { key: '409abad9354040b75650c0b104963c945601114c', name: "icon" }, index.h("icon-base", { key: '5e8024b8568e054b8f6974bc5421db7990524c52', "attr:iconName": this.icon, class: this.getLabelIconClass() }))), this.label || index.h("slot", { key: '6c2ccb7672ae15f36d02ec8036f047b31e716e9e' })))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
 };
 MagicButton.style = magicButtonCss();

package/dist/cjs/br-menu-link.cjs.entry.js

@@ -46,8 +46,9 @@ const MenuLink = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'b04983468894491439395c9ead33cba34822c545' }, index.h("a", { key: '5dbda01f9c87e66cea00e1cecd03d809e742ef44', href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, index.h("slot", { key: 'c2a700298823d6acdf3950748bbab244c0e384da', name: "url" }, index.h("span", { key: 'de25cd4268e9c5c20d5138273116b0457e44b909', class: "mr-1" }, this.label ?? this.titulo)), index.h("slot", { key: '39e13f75bf1b5558f36aeb49f3dce0bd84f91602', name: "icon" }, index.h("br-icon", { key: '4d30aa3b1e3f3996866b7ccf82ce0a641ecd136d', iconName: "fa6-solid:square-arrow-up-right", width: "12", height: "12", "aria-hidden": "true" })))));
+        return (index.h(index.Host, { key: '6c4c305cc78db8d5f5493f6b00884a475325aabd' }, index.h("a", { key: 'd47a7f201e03bf6f6b0fd6fccce39db183d43765', href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, index.h("slot", { key: '8dca721902edbea3a7b6cd80779ec37032d78005', name: "url" }, index.h("span", { key: 'c199d67e8dd3cec1e909a3b0d1f6506f00b29196', class: "mr-1" }, this.label ?? this.titulo)), index.h("slot", { key: 'e7d1b3288faaf9af7921e11ba277ac79243b50d5', name: "icon" }, index.h("br-icon", { key: '49e8a907a204059d40342b968bc27cb9481acd99', iconName: "fa6-solid:square-arrow-up-right", width: "12", height: "12", "aria-hidden": "true" })))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
 };
 MenuLink.style = menuLinkCss();

package/dist/cjs/br-select-input_3.cjs.entry.js

@@ -117,10 +117,11 @@ const SelectInput = class {
         return (index.h("br-icon", { "aria-hidden": "true", iconName: this.flipped ? 'fa-solid:angle-up' : 'fa-solid:angle-down', width: "16", height: "16", slot: "action" }));
     }
     render() {
-        return (index.h(index.Host, { key: '4fbb919b08fdeca460dd01456d5d419ccbde257a' }, index.h("div", { key: '51000c913cfb6924fa360c1d04a24387f43475d3', class: this.getCssClassMap(), part: "container" }, index.h("br-input", { key: 'dbac05339ef60bd38e99e78d38bb420cbd35572f', "action-tab-index": -1, "action-label": this.flipped ? 'Fechar opções' : 'Abrir opções', autocomplete: this.autocomplete, borderless: this.borderless, "control-width": this.inputWidth, readonly: !this.filterable, "is-inline": this.isInline, label: this.label, name: this.name, placeholder: this.placeholder, required: this.required, ref: (el) => {
+        return (index.h(index.Host, { key: 'be737b653173bc2a31e9065989dbe44c2bdac4a7' }, index.h("div", { key: 'c2b733eb6a3973f50788019f86360b0000df9f34', class: this.getCssClassMap(), part: "container" }, index.h("br-input", { key: '72882f4a77405e2a0bf04523d0dbf36a6a4e855d', "action-tab-index": -1, "action-label": this.flipped ? 'Fechar opções' : 'Abrir opções', autocomplete: this.autocomplete, borderless: this.borderless, "control-width": this.inputWidth, readonly: !this.filterable, "is-inline": this.isInline, label: this.label, name: this.name, placeholder: this.placeholder, required: this.required, ref: (el) => {
                 this.inputElement = el;
             }, value: this.value, disabled: this.disabled, onClick: this.handleClick, onInput: this.handleInput, onFocus: this.handleFocus, exportparts: "container:input, label:label, input:input, group:group, icon:icon, action:action, action-button:action-button" }, this.showSearchIcon && this.renderSearchIcon(), this.renderDropdownIcon()))));
     }
+    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
 };
@@ -230,6 +231,8 @@ const SelectList = class {
         this.options = this.syncSelectAllOption(this.options);
     }
     handleOptionStateChange(event) {
+        if (this.isControlledBySelect)
+            return;
         const detail = event.detail;
         if (!detail?.value)
             return;
@@ -330,9 +333,15 @@ const SelectList = class {
      */
     async setMultiple(isMultiple) {
         this.isMultiple = isMultiple;
-        this.options = this.normalizeOptionsForMode(this.options, isMultiple);
+        if (!this.isControlledBySelect)
+            this.options = this.normalizeOptionsForMode(this.options, isMultiple);
         this.scheduleMeasureItemHeight();
     }
+    get isControlledBySelect() {
+        const root = this.el.getRootNode();
+        const host = root.host;
+        return host?.tagName?.toLowerCase() === 'br-select';
+    }
     /**
      * Retorna uma cópia das opções atualmente controladas pela lista.
      *
@@ -653,14 +662,18 @@ const SelectList = class {
     renderOption(option, index$1) {
         const rowHeight = this.getRowHeight();
         const optionPart = this.isSelectAllOption(option) ? 'option select-all' : 'option';
-        return (index.h("br-select-option", { part: optionPart, active: index$1 === this.activeOptionIndex, "data-option-index": index$1, disabled: option.disabled, id: `${this.el.id || 'br-select-list'}-option-${index$1}`, indeterminate: option.indeterminate, key: option.value, label: option.label, selected: option.selected, "show-checkbox": this.isMultiple, style: {
+        return (index.h("br-select-option", { part: optionPart, active: index$1 === this.activeOptionIndex, "data-option-index": index$1, disabled: option.disabled, id: `${this.el.id || 'br-select-list'}-option-${index$1}`, indeterminate: option.indeterminate,
+            // A seleção faz parte da identidade visual renderizada. Incluir o estado
+            // na chave evita que uma opção virtual reutilizada retenha o snapshot
+            // interno anterior do br-select-option/br-item.
+            key: `${option.value}:${option.selected ? 'selected' : 'unselected'}`, label: option.label, selected: option.selected, "show-checkbox": this.isMultiple, style: {
                 boxSizing: 'border-box',
                 height: `${rowHeight}px`,
                 position: 'absolute',
                 top: `${index$1 * rowHeight}px`,
                 left: '0',
                 right: '0',
-            }, value: option.value }, option.label ?? option.value));
+            }, value: option.value }, option.content ? index.h("span", { innerHTML: option.content }) : (option.label ?? option.value)));
     }
     getVirtualScrollStyle() {
         return {
@@ -694,7 +707,7 @@ const SelectList = class {
         return (index.h("div", { part: "loading", role: "status", "aria-live": "polite" }, index.h("slot", { name: "loading" }, index.h("br-loading", { size: "small", label: "Buscando op\u00E7\u00F5es" }))));
     }
     render() {
-        return (index.h(index.Host, { key: '5dc8eb2363f8deae198dade6003ded206eb959a4' }, index.h("div", { key: '6cc0273ab1143d29114090ea7edde1b49d217fe8', class: this.getCssClassMap(), part: "list", ref: (el) => (this.listElement = el), onScroll: this.handleScroll, style: this.getVirtualScrollStyle() }, this.loading ? this.renderLoading() : this.renderVirtualOptions())));
+        return (index.h(index.Host, { key: '537c7f312573570953b24e27fed7188a052c4bd5' }, index.h("div", { key: 'aac978e5664c9dee21ba7a6763125fe7daf915d3', class: this.getCssClassMap(), part: "list", ref: (el) => (this.listElement = el), onScroll: this.handleScroll, style: this.getVirtualScrollStyle() }, this.loading ? this.renderLoading() : this.renderVirtualOptions())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -786,7 +799,10 @@ const SelectOption = class {
             if (this.isRedundantCheckboxReflection(event, current)) {
                 return;
             }
-            this.applySelection(current);
+            if (this.isControlledBySelect)
+                this.emitStateChange(current);
+            else
+                this.applySelection(current);
         };
     }
     componentDidLoad() {
@@ -824,7 +840,11 @@ const SelectOption = class {
     async setSelectedState(selected) {
         if (this.disabled)
             return;
-        this.applySelection(typeof selected === 'boolean' ? selected : !this.selected);
+        const nextSelected = typeof selected === 'boolean' ? selected : !this.selected;
+        if (this.isControlledBySelect)
+            this.emitStateChange(nextSelected);
+        else
+            this.applySelection(nextSelected);
     }
     isRedundantCheckboxReflection(event, nextSelected) {
         if (!event)
@@ -836,11 +856,11 @@ const SelectOption = class {
             return false;
         return Boolean(nextSelected) === Boolean(this.selected);
     }
-    emitStateChange() {
+    emitStateChange(selected = this.selected) {
         const detail = {
             disabled: this.disabled,
             indeterminate: this.indeterminate,
-            selected: this.selected,
+            selected,
             value: this.getResolvedValue(),
             label: this.getResolvedLabel(),
         };
@@ -850,6 +870,20 @@ const SelectOption = class {
         this.lastStateChangeKey = nextKey;
         this.brSelectOptionStateChange.emit(detail);
     }
+    get isControlledBySelect() {
+        if (this.el.closest('br-select'))
+            return true;
+        let node = this.el;
+        for (;;) {
+            const root = node.getRootNode();
+            const host = root.host;
+            if (!host)
+                return false;
+            if (host.tagName.toLowerCase() === 'br-select')
+                return true;
+            node = host;
+        }
+    }
     /**
      * Centraliza a transição de seleção para manter emissão e limpeza de estado consistentes.
      *
@@ -916,7 +950,7 @@ const SelectOption = class {
         return this.normalizeText(this.el.textContent || '');
     }
     render() {
-        return (index.h(index.Host, { key: 'a7699275905c23dc2dccd444dfccf4f7a8684afe', part: "option", exportparts: "checkbox:checkbox, checkbox:option-checkbox", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option", onMouseEnter: () => {
+        return (index.h(index.Host, { key: '3b20b8766d73d6a862765fb890028e6ff7374d96', part: "option", exportparts: "checkbox:checkbox, checkbox:option-checkbox", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option", onMouseEnter: () => {
                 this.el.dispatchEvent(new CustomEvent('brInternalSelectOptionHover', {
                     bubbles: true,
                     composed: true,
@@ -928,7 +962,7 @@ const SelectOption = class {
                     composed: true,
                     detail: { label: this.getResolvedLabel(), value: this.getResolvedValue() },
                 }));
-            } }, index.h("br-item", { key: '72c058725e6b39ef51203f3820676b445b041076', class: this.getCssClassMap(), disabled: this.disabled, "is-selected": this.selected, "is-interactive": true, ref: (el) => (this.itemElement = el), onBrDidSelect: this.handleSelect }, this.showCheckbox && (index.h("br-checkbox", { key: '43e1b61dd4f9ef8f8f55c0aa2e574e0369388ac7', exportparts: "input:checkbox, input:option-checkbox", slot: "start", checked: this.selected, disabled: this.disabled, indeterminate: this.indeterminate, name: this.getResolvedValue(), onCheckedChange: this.handleSelect })), index.h("span", { key: '102cd7d571fe2d17347e1b04bc6cb58237dfb39c', class: "br-select-option-label" }, index.h("slot", { key: '523687250477527205355f980d495ada9cd24de6' }, this.getResolvedLabel())))));
+            } }, index.h("br-item", { key: '7b32b68bbc5541090e24d81e55602045bdbbba47', class: this.getCssClassMap(), disabled: this.disabled, active: this.active, selected: this.selected, "is-interactive": true, ref: (el) => (this.itemElement = el), onBrItemSelect: this.handleSelect }, this.showCheckbox && (index.h("br-checkbox", { key: 'fd5426e02e229eaaa8b22d457329cce6acf59e51', exportparts: "input:checkbox, input:option-checkbox", slot: "start", checked: this.selected, disabled: this.disabled, indeterminate: this.indeterminate, name: this.getResolvedValue(), onCheckedChange: this.handleSelect })), index.h("span", { key: '6185b2e6b60bf65059c321d4118d675859f9940e', class: "br-select-option-label" }, index.h("slot", { key: 'c78020a423fe1ed34ef39f46301f71baf5b0cbd8' }, this.getResolvedLabel())))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/br-sign-in.cjs.entry.js

@@ -116,8 +116,9 @@ const SignIn = class {
         const TagType = this.getTagType();
         const attributes = this.getAttributes();
         const classList = this.getCssClassMap();
-        return (index.h(index.Host, { key: 'afd2ee8d06700e829371eed36381d95960fff731', "aria-disabled": this.disabled ? 'true' : null }, index.h(TagType, { key: '62ad800545a11234bbf62cd9a3528ff6f37a7d3f', part: "button", class: classList, id: this.customId, ...attributes, onClick: this.handleClick, onFocus: this.handleFocus }, index.h("slot", { key: 'a3550097e156f0a01c309d55cc799fe8e1e2a38e', name: "icon" }, this.shape === 'circle' && index.h("br-icon", { key: 'e973f49bdc5d92b0d4205db7a98bec38ea8b5ace', iconName: "fa6-solid:user", width: "12", height: "12" })), index.h("span", { key: '222408c76cf274d076b90ae1e3fae030fa69ae9c', part: "content" }, index.h("slot", { key: 'bcddd8679e1fcb1361b07605e9f9f4e68473905b' })), this.hasSlotContent('image') && (index.h("span", { key: '588dbd4db4d7d03c7511b9057f90636c15106f60', part: "image" }, index.h("slot", { key: '5ad27f7ba95df977467e4bbdbb5be06cc330f334', name: "image" }))))));
+        return (index.h(index.Host, { key: 'bf39bac1bfe99859a67ef858ca441b55e3e74e88', "aria-disabled": this.disabled ? 'true' : null }, index.h(TagType, { key: 'b414dc1085f35a1058b8b8b5490c41380c3f696b', part: "button", class: classList, id: this.customId, ...attributes, onClick: this.handleClick, onFocus: this.handleFocus }, index.h("slot", { key: '3d33a278e13e90572c6b97dbe435b7a9e3823e38', name: "icon" }, this.shape === 'circle' && index.h("br-icon", { key: '3f8a31aac9196ffb6d5b6b99fa0077950fbe4b63', iconName: "fa6-solid:user", width: "12", height: "12" })), index.h("span", { key: 'e3247ad0b75f87c162beb26dffe3f1828f477191', part: "content" }, index.h("slot", { key: 'fa12d65243f404963e16e2e964b7d33c90055e6f' })), this.hasSlotContent('image') && (index.h("span", { key: '51922b0c8786fd2d96814c6a576222330d3b7c72', part: "image" }, index.h("slot", { key: 'b7052a2db95b25ec911ccd43fe70d0d0fc38ad9e', name: "image" }))))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
 };
 SignIn.style = signInCss();

package/dist/cjs/br-slider.cjs.entry.js

@@ -665,9 +665,8 @@ const Slider = class {
         return (index.h("div", { class: "slider-tick-labels", part: "tick-labels", "aria-hidden": "true" }, intermediateTicks.map((value) => (index.h("span", { class: "slider-tick-label", part: "tick-label", style: this.effectiveVertical ? { bottom: `${this.percentOf(value)}%` } : { left: `${this.percentOf(value)}%` } }, value)))));
     }
     render() {
-        return (index.h(index.Host, { key: '57bd0a9e09635b500f60abf6bb827e3e8bce469d' }, index.h("div", { key: 'cfc2b61d4ad8b11af67e2bf019c6403ec0b6e6e7', class: this.getCssClassMap(), part: "base" }, index.h("div", { key: '3f0ad9d811f3b2eec6c0841c23f528980b3cb605', class: "slider-layout", part: "layout" }, index.h("div", { key: 'a32959260b796aed3f78c9a33975890f4fdc15e1', class: "slider-body", part: "body" }, this.renderTrack(), this.renderReferences()), this.renderInput())), index.h("div", { key: '272de953d794a1901f25ad3707e7a7242b694e84', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, index.h("slot", { key: 'b73c2fa9b976750b26324263240720b8e98a5809', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (index.h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+        return (index.h(index.Host, { key: '26be711ad91a867e82e35d10e86508aa5af68557' }, index.h("div", { key: '906052510af8d3a323ea8274b339ba264b745e25', class: this.getCssClassMap(), part: "base" }, index.h("div", { key: '323ee79d4a4fc4d81e4a1b43c8fa6298d0f92916', class: "slider-layout", part: "layout" }, index.h("div", { key: '113e5114161144af0466997b47108eb0e053af8e', class: "slider-body", part: "body" }, this.renderTrack(), this.renderReferences()), this.renderInput())), index.h("div", { key: 'b8ce4c3cae026492ad1db1e03f5709988b42a13e', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, index.h("slot", { key: 'e2564e6830476cb3d495807f4b15d600f5c7146e', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (index.h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/br-tag.cjs.entry.js

@@ -465,13 +465,12 @@ const Tag = class {
     }
     render() {
         const mainContent = this.renderMainTagContent();
-        return (index.h(index.Host, { key: 'd7c0423b88b46e813515c59955fb52a1e6f37971' }, this.effectiveSelectable
+        return (index.h(index.Host, { key: '91853c64b346742509a16691c73e85a17fd8f45c' }, this.effectiveSelectable
             ? this.renderInteractionSelectTag()
             : this.effectiveStatus
                 ? this.renderStatusLayout(mainContent)
-                : mainContent, index.h("div", { key: 'f6a545533605b25e08ddc495526be922d6e70b24', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, index.h("slot", { key: '5463a29fbde7ca85aa6437c6997b5e28a89e37c3', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (index.h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+                : mainContent, index.h("div", { key: 'c1c56c9e60df4e728c2d3a48b3c776b951ee464a', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, index.h("slot", { key: 'cbae6fdc39ec290b40370cb532ba0d2a06a194d2', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (index.h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/br-upload.cjs.entry.js

@@ -550,16 +550,15 @@ const Upload = class {
     render() {
         const hasFiles = (this.filesSelected && this.filesSelected.length > 0) ||
             (this.parsedUploadFiles && this.parsedUploadFiles.length > 0);
-        return (index.h(index.Host, { key: '19449f0a1c005037a9a33347825e20ab970333ae', "aria-busy": this.uploading || this.isValidating ? 'true' : null }, index.h("div", { key: 'eb5d6e3b060f6e32c4f3ef77b56c15f9f6d73e26', class: this.getCssClassMap(), id: this.customId, part: "container" }, index.h("label", { key: '80d3a64f923d97f9557d394025cf542caafb49ec', id: `label-${this.customId}`, class: "upload-label", htmlFor: `single-file-${this.customId}`, part: "label" }, index.h("span", { key: '0635fc37a4f798ae315e597977890dc8ffb22d3d' }, index.h("slot", { key: 'c272a9bdd6ce1ae02eafafdb8f1beb1f0b91e664', name: "label" }, this.label))), index.h("input", { key: '5fd25c976e9acd18a79a1a912961f0fc76a16392', ref: (el) => {
+        return (index.h(index.Host, { key: 'b2354be16c7963909ce2939d1bd24e99475cc6ef', "aria-busy": this.uploading || this.isValidating ? 'true' : null }, index.h("div", { key: '78808e8f2c3eacce3deb6542ab5e2d9d60bd7e7e', class: this.getCssClassMap(), id: this.customId, part: "container" }, index.h("label", { key: '5881d7133d9118d3c9e1637932adfac7e58fb3b5', id: `label-${this.customId}`, class: "upload-label", htmlFor: `single-file-${this.customId}`, part: "label" }, index.h("span", { key: '7e1c9a04a4f88c06007c2d16ee2df1a7d0ca1956' }, index.h("slot", { key: '1043fac29600fdf581bf8a6fde3928a4b9140bdd', name: "label" }, this.label))), index.h("input", { key: 'acc7aeb2294edb18ff1495ae335f71420f5f55d5', ref: (el) => {
                 this.nativeInput = el;
                 el.addEventListener('input', this.handleNativeInput);
             }, class: "upload-input", id: `single-file-${this.customId}`, type: "file", onChange: this.handleInputChange, onCancel: this.handleNativeCancel, multiple: this.multiple, disabled: this.isDisabled(), required: this.required, accept: this.accept, capture: this.capture, "aria-labelledby": `label-${this.customId}`, "aria-busy": this.uploading || this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage
                 ? `${this.customId}-feedback`
                 : null, "aria-errormessage": this.customValidationMessage || this.validatorMessage || this.hasFeedbackSlot
                 ? `${this.customId}-feedback`
-                : null, part: "input" }), index.h("button", { key: '081f1d79342e004d050beb3ce330fe5f25215d15', class: "upload-button", type: "button", disabled: this.isDisabled(), onClick: () => this.handleFileSelection(), onDragEnter: (event) => this.handleDragEnter(event), onDragLeave: (event) => this.handleDragLeave(event), onDrop: (event) => this.handleDrop(event), onDragOver: (event) => this.handleDragOver(event), "aria-describedby": `label-${this.customId}`, part: "button" }, index.h("br-icon", { key: 'bca75fc0cfa01d3554e8cfc11882ef324813f792', iconName: "fa-solid:upload", width: "20", height: "20", "aria-hidden": "true" }), index.h("slot", { key: 'b46ff0f7e85ae4c4e5dd0ddc29583b17b99f55d7' }, index.h("span", { key: '6f55863674eca88e0fdea4303cd84c1cf9459d5f' }, "Selecione o arquivo"))), index.h("div", { key: '653ab673a6a13f369b9d2a0461599cbe24b9191f', class: "upload-help", part: "helper" }, index.h("slot", { key: 'e37633b77298bd863aa04286b02c13d7284f4deb', name: "helper" }, this.multiple ? 'Clique ou arraste os arquivos para cima do componente Upload.' : null)), this.renderUploadStatus(), index.h("slot", { key: '7333d856045ae7df140457ec3ca221878c6ce523', name: "upload-list" }, hasFiles && (index.h("br-list", { key: 'dd87445807c29e9860e44d4a03e0597bd97f1659', id: `${this.customId}-list-files`, class: "upload-list", listRole: "list", density: "small", part: "file-list" }, this.renderFilesUploaded())))), this.renderUploadError(), this.renderFeedback()));
+                : null, part: "input" }), index.h("button", { key: 'd52437779c26e2e41a8fa944325385dca9fab5db', class: "upload-button", type: "button", disabled: this.isDisabled(), onClick: () => this.handleFileSelection(), onDragEnter: (event) => this.handleDragEnter(event), onDragLeave: (event) => this.handleDragLeave(event), onDrop: (event) => this.handleDrop(event), onDragOver: (event) => this.handleDragOver(event), "aria-describedby": `label-${this.customId}`, part: "button" }, index.h("br-icon", { key: '5b9514f5bfdfa32c5bbf73443f215454d669a71e', iconName: "fa-solid:upload", width: "20", height: "20", "aria-hidden": "true" }), index.h("slot", { key: '00684193f001d54a684261a9dca1e5c35ba2bcba' }, index.h("span", { key: 'af97d6116a296ae574b5de7c0e26c78a783983b4' }, "Selecione o arquivo"))), index.h("div", { key: '9db7490ea790b63348952dffc52dc67dd8c54a82', class: "upload-help", part: "helper" }, index.h("slot", { key: 'f831bae068bae343d40067922c07431fce1e2295', name: "helper" }, this.multiple ? 'Clique ou arraste os arquivos para cima do componente Upload.' : null)), this.renderUploadStatus(), index.h("slot", { key: 'e6cae25855b7e30f797d51aae53448fc8be7cbf5', name: "upload-list" }, hasFiles && (index.h("br-list", { key: '90c912ba21f3dff6f9c28cf53886414aa0582c4a', id: `${this.customId}-list-files`, class: "upload-list", listRole: "list", density: "small", part: "file-list" }, this.renderFilesUploaded())))), this.renderUploadError(), this.renderFeedback()));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/index-CRdcutym.js

@@ -444,10 +444,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './br-table.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'br-dropdown_2.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './br-dropdown_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'br-scrim.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -468,6 +464,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './br-icon.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'br-dropdown_2.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './br-dropdown_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'br-select-input_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */