@govbr-ds/webcomponents 2.1.1 → 2.1.2

package/dist/hydrate/index.mjs

@@ -11898,12 +11898,13 @@ class CookiebarLink {
         };
     }
     render() {
-        return (hAsync(Host, { key: '8606c7c9be2c4dc92bc1c4a5886c1718572ee43c' }, hAsync("div", { key: '72efa4bfc7a0927c18c52901b5b1b53938130fcb', class: this.getCssClassMap() }, hAsync("a", { key: '030d1fd645fd8d193bb3ae8f117edd66781fef3c', class: "cookiebar-link-anchor", href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, this.name, this.target === '_blank' && (hAsync("br-icon", { key: '864729d1408f7b89d301c1ec886c7295ddfbc6f3', class: "external-icon", iconName: "fa6-solid:arrow-up-right-from-square", width: "12", height: "12", "aria-label": "(abre em nova aba)" }))))));
+        return (hAsync(Host, { key: '33b89d9f5976f6fa7254ee90272a910a0956d765' }, hAsync("div", { key: 'a74fa612a1722a391a36b8fd6602c020cb0e94ce', class: this.getCssClassMap() }, hAsync("a", { key: '69b897c73cfe66bb15120a4116de9203640d34f5', class: "cookiebar-link-anchor", href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, this.name, this.target === '_blank' && (hAsync("br-icon", { key: '3dcd2d9b253a9623924a8e1c0f167532b65fcf2c', class: "external-icon", iconName: "fa6-solid:arrow-up-right-from-square", width: "12", height: "12", "aria-label": "(abre em nova aba)" }))))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get style() { return cookiebarLinkCss(); }
     static get cmpMeta() { return {
-        "$flags$": 9,
+        "$flags$": 25,
         "$tagName$": "br-cookiebar-link",
         "$members$": {
             "customId": [513, "custom-id"],
@@ -22109,8 +22110,9 @@ class DatetimeInput {
      * Renderização principal do componente.
      */
     render() {
-        return (hAsync(Host, { key: '81cb75473b92df9e9026cae60361b30243f81e7c' }, hAsync("div", { key: '009535a00998695c36ba186dba1410dac4459250', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
+        return (hAsync(Host, { key: '47e77b0412286cf4f8fb35f9a1038a2e68f87266' }, hAsync("div", { key: '86b4dda4364fe1cbe111007a2b4f61435abc5cf4', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
         "rangeValue": [{
@@ -22134,7 +22136,7 @@ class DatetimeInput {
     }; }
     static get style() { return datetimeInputCss(); }
     static get cmpMeta() { return {
-        "$flags$": 9,
+        "$flags$": 25,
         "$tagName$": "br-datetime-input",
         "$members$": {
             "placeholder": [1],
@@ -23988,9 +23990,8 @@ class DatetimePicker {
      * Renderização principal do componente.
      */
     render() {
-        return (hAsync(Host, { key: '3b5767a6ee82dfd10d095c4c3c4855d75f22bbd4', onKeyDown: this.handlePickerKeydown, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage ? this.feedbackId : null, "aria-errormessage": this.customValidationMessage || this.validatorMessage || this.hasFeedbackSlot ? this.feedbackId : null }, hAsync("div", { key: '7b7c74d3cea1c568d53c5be9d8a687d95472e568', class: this.getCssClassMap(), part: "container" }, this.renderInputField(), this.renderPickerContent()), hAsync("div", { key: '442f9d5e82c126ee9c1527eb26d3bfca7141caf2', id: this.feedbackId, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, hAsync("slot", { key: '830105a39d1e42db3f13d091f88fd7313330dee7', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (hAsync("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+        return (hAsync(Host, { key: '906849439dfc93b18952963b95e35da332e5018b', onKeyDown: this.handlePickerKeydown, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage ? this.feedbackId : null, "aria-errormessage": this.customValidationMessage || this.validatorMessage || this.hasFeedbackSlot ? this.feedbackId : null }, hAsync("div", { key: '8a77432dc84c6897d7ffb2e403f72d42e333230a', class: this.getCssClassMap(), part: "container" }, this.renderInputField(), this.renderPickerContent()), hAsync("div", { key: '1e3f4df6f301fbb54d76eea49848ec7910bc3f33', id: this.feedbackId, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, hAsync("slot", { key: '7000d3c447c5bfa1f674c78024a1e58ca69652a3', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (hAsync("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -24039,7 +24040,7 @@ class DatetimePicker {
     }; }
     static get style() { return datetimePickerCss(); }
     static get cmpMeta() { return {
-        "$flags$": 345,
+        "$flags$": 329,
         "$tagName$": "br-datetime-picker",
         "$members$": {
             "mode": [1537],
@@ -26940,8 +26941,9 @@ class HeaderLogo {
      * @returns JSX do componente.
      */
     render() {
-        return (hAsync(Host, { key: '474f36880dc136e05ca089304ecf59d60d2737d1' }, hAsync("slot", { key: '66f9073605f683f0b716e51f86690cd5e79e77de' }, hAsync("div", { key: '1b489db57d26ba0409beafb81ed8458916fcdf38', id: this.customId, class: this.getCssClassMap(), part: "container" }, this.href && this.href.trim() !== '' ? (hAsync("a", { href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick }, this.renderImageElement())) : (this.renderImageElement())))));
+        return (hAsync(Host, { key: '31a3b7c3feb28df1bb66fb38832ed93ffec8a47b' }, hAsync("slot", { key: 'c3c1b1c2ad499c63866fe44a72ee8ec1b9cd43d6' }, hAsync("div", { key: '1edc6208374cee19b27d47f1e760cd25601286be', id: this.customId, class: this.getCssClassMap(), part: "container" }, this.href && this.href.trim() !== '' ? (hAsync("a", { href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick }, this.renderImageElement())) : (this.renderImageElement())))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
         "isCompact": [{
@@ -26950,7 +26952,7 @@ class HeaderLogo {
     }; }
     static get style() { return headerLogoCss(); }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "br-header-logo",
         "$members$": {
             "customId": [513, "custom-id"],
@@ -27416,7 +27418,7 @@ class Icon {
         return {
             role: isInformative || isFocusable ? 'img' : null,
             'aria-label': this.label || null,
-            tabindex: isFocusable ? 0 : '-1',
+            tabindex: isFocusable ? 0 : null,
             'aria-hidden': isInformative || isFocusable ? null : 'true',
             focusable: isFocusable ? true : 'false',
         };
@@ -28303,6 +28305,7 @@ class Item {
                 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();
@@ -28334,14 +28337,17 @@ class Item {
                 }
                 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();
@@ -28405,7 +28411,6 @@ class Item {
      */
     async setFocus() {
         this.el?.focus();
-        this.focusableElement?.focus();
     }
     /**
      * Define o tabIndex do elemento interno.
@@ -28421,6 +28426,9 @@ class Item {
     get effectiveSelected() {
         return this.selected ?? this.isSelected;
     }
+    get hasControlledSelection() {
+        return this.selected !== undefined;
+    }
     get effectiveInteractive() {
         return (this.interactive ??
             (this.isInteractive ||
@@ -28443,7 +28451,7 @@ class Item {
             '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',
@@ -28473,21 +28481,23 @@ class Item {
         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);
         }
@@ -28496,9 +28506,11 @@ class Item {
         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);
         }
@@ -28518,8 +28530,9 @@ class Item {
         const TagType = this.getTagType();
         const attributes = this.getAttributes();
         const classList = this.getCssClassMap();
-        return (hAsync(Host, { key: 'dd873e9bf25d24d6d92b72d7aa871daff1420ea6', tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined }, hAsync(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 ? (hAsync("div", { class: "row align-items-center" }, this.hasSlotStart && (hAsync("div", { class: "col-auto" }, hAsync("slot", { name: "start" }))), hAsync("div", { class: "col" }, hAsync("slot", null)), this.hasSlotEnd && (hAsync("div", { class: "col-auto" }, hAsync("slot", { name: "end" }))))) : (hAsync("slot", null)))));
+        return (hAsync(Host, { key: '0c2e8ad9198db23ff1c43bc1a48cabe478f4d207', tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined }, hAsync(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 ? (hAsync("div", { class: "row align-items-center" }, this.hasSlotStart && (hAsync("div", { class: "col-auto" }, hAsync("slot", { name: "start" }))), hAsync("div", { class: "col" }, hAsync("slot", null)), this.hasSlotEnd && (hAsync("div", { class: "col-auto" }, hAsync("slot", { name: "end" }))))) : (hAsync("slot", null)))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
         "isSelected": [{
@@ -28531,7 +28544,7 @@ class Item {
     }; }
     static get style() { return itemCss(); }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "br-item",
         "$members$": {
             "disabled": [516],
@@ -28686,8 +28699,9 @@ class Link {
         }
     }
     render() {
-        return (hAsync(Host, { key: '774b0704a037a7eb7eb5327801cb3c0ed3fb62b0' }, hAsync("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() }, hAsync("slot", { key: '330a74d2496048927eb89cbd0f0624f5365fd187' }))));
+        return (hAsync(Host, { key: '3a2d7f49bfafc65412524d38a964a713ee1fe526' }, hAsync("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() }, hAsync("slot", { key: '74ece0d935b97cb91fd9d8df789f709dc3c5068d' }))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
         "disabled": [{
@@ -28696,7 +28710,7 @@ class Link {
     }; }
     static get style() { return linkCss(); }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "br-link",
         "$members$": {
             "href": [513],
@@ -29878,12 +29892,13 @@ class MagicButton {
      */
     render() {
         const effectiveAriaLabel = this.ariaLabel || this.label || (this.icon ? `Botão com ícone ${this.icon}` : 'Botão');
-        return (hAsync(Host, { key: '001f09201742a4783fab7f565f54ed881587db28', id: this.customId }, hAsync("div", { key: 'c8407ef820b7d355dd41cfdee19212fcd151d346', class: this.getCssClassMap(), part: "container" }, hAsync("button", { key: 'd1174db30df0f3fd6b286c08c2910f64b09806d1', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, this.icon && (hAsync("slot", { key: '9a6154146c47872898b4a19f7bacfdbc8a3cae8a', name: "icon" }, hAsync("icon-base", { key: '251f7ddc2cbeea878e6338a811394bf9196d0395', "attr:iconName": this.icon, class: this.getLabelIconClass() }))), this.label || hAsync("slot", { key: 'a1d5a97128d8e1363b49b3d2c7080237af5c54d9' })))));
+        return (hAsync(Host, { key: '0eec103c783b1ad5d02b3e5605b150e467dbb782', id: this.customId }, hAsync("div", { key: '53dae45267a14d4785b630dd4892277e3e869f37', class: this.getCssClassMap(), part: "container" }, hAsync("button", { key: 'f3e72b2e22d67473a9879c5bb6ba4912cca15be0', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, this.icon && (hAsync("slot", { key: '409abad9354040b75650c0b104963c945601114c', name: "icon" }, hAsync("icon-base", { key: '5e8024b8568e054b8f6974bc5421db7990524c52', "attr:iconName": this.icon, class: this.getLabelIconClass() }))), this.label || hAsync("slot", { key: '6c2ccb7672ae15f36d02ec8036f047b31e716e9e' })))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get style() { return magicButtonCss(); }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "br-magic-button",
         "$members$": {
             "customId": [513, "custom-id"],
@@ -31261,12 +31276,13 @@ class MenuLink {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'b04983468894491439395c9ead33cba34822c545' }, hAsync("a", { key: '5dbda01f9c87e66cea00e1cecd03d809e742ef44', href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, hAsync("slot", { key: 'c2a700298823d6acdf3950748bbab244c0e384da', name: "url" }, hAsync("span", { key: 'de25cd4268e9c5c20d5138273116b0457e44b909', class: "mr-1" }, this.label ?? this.titulo)), hAsync("slot", { key: '39e13f75bf1b5558f36aeb49f3dce0bd84f91602', name: "icon" }, hAsync("br-icon", { key: '4d30aa3b1e3f3996866b7ccf82ce0a641ecd136d', iconName: "fa6-solid:square-arrow-up-right", width: "12", height: "12", "aria-hidden": "true" })))));
+        return (hAsync(Host, { key: '6c4c305cc78db8d5f5493f6b00884a475325aabd' }, hAsync("a", { key: 'd47a7f201e03bf6f6b0fd6fccce39db183d43765', href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, hAsync("slot", { key: '8dca721902edbea3a7b6cd80779ec37032d78005', name: "url" }, hAsync("span", { key: 'c199d67e8dd3cec1e909a3b0d1f6506f00b29196', class: "mr-1" }, this.label ?? this.titulo)), hAsync("slot", { key: 'e7d1b3288faaf9af7921e11ba277ac79243b50d5', name: "icon" }, hAsync("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 getElement(this); }
     static get style() { return menuLinkCss(); }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "br-menu-link",
         "$members$": {
             "customId": [513, "custom-id"],
@@ -36150,6 +36166,37 @@ Scrim.FOCUSABLE_SELECTORS = [
     '[tabindex]:not([tabindex="-1"])',
 ].join(',');
 
+function transitionSelection({ currentValues, multiple, value, selected, selectableValues = [], }) {
+    const current = [...new Set(currentValues)];
+    if (!multiple) {
+        const values = selected && value ? [value] : [];
+        return { values, changed: values.length !== current.length || values[0] !== current[0] };
+    }
+    if (!value && selectableValues.length > 0) {
+        const values = selected ? [...new Set(selectableValues)] : [];
+        return {
+            values,
+            changed: values.length !== current.length || values.some((item, index) => item !== current[index]),
+        };
+    }
+    const next = new Set(current);
+    if (selected)
+        next.add(value);
+    else
+        next.delete(value);
+    const values = [...next];
+    return { values, changed: values.length !== current.length || values.some((item, index) => item !== current[index]) };
+}
+function transitionAllSelection(currentValues, selected, selectableValues) {
+    return transitionSelection({
+        currentValues,
+        multiple: true,
+        value: '',
+        selected,
+        selectableValues,
+    });
+}
+
 const selectCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md)}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select{max-width:400px;min-width:100px;position:relative}.br-select .br-list{background:var(--bg-color);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-list[expanded]{display:block}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]).focus-visible,.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected.focus-visible,.br-select .br-item.selected:focus-visible,.br-select .br-item[selected].focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high)*2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select.inverted .br-input,.br-select.inverted .br-input label,.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{display:inline-block}.br-select{min-width:100px;max-width:400px;position:relative}:host([multiple]) .br-select{min-width:200px}`;
 
 let selectId = 0;
@@ -36351,6 +36398,7 @@ class Select {
         this.validatorMessage = null;
         this.hasFeedbackSlot = false;
         this.hasValidationLoadingSlot = false;
+        this.selectedValuesState = [];
         this.customValidationMessage = '';
         this.validationRunId = 0;
         this.lastAnnouncedOpen = false;
@@ -36358,6 +36406,9 @@ class Select {
         this.suppressValueChange = false;
         this.hasImperativeOptions = false;
         this.remoteSelectedOptions = new Map();
+        this.selectionInitialized = false;
+        this.selectedValues = [];
+        this.suppressFocusOpen = false;
         /**
          * Sincroniza as opções declaradas no slot com a lista interna renderizada.
          *
@@ -36368,10 +36419,11 @@ class Select {
         this.syncOptionsFromSlot = (updateDisplayValue = true) => {
             if (this.hasImperativeOptions)
                 return;
-            const nodes = this.slotElement?.assignedNodes({ flatten: true }) ?? [];
+            const nodes = this.slotElement?.assignedNodes({ flatten: true }) ?? Array.from(this.el.childNodes);
             const options = nodes.map((n) => this.nodeToOption(n)).filter((o) => Boolean(o));
             // Envia opções para o br-select-list
-            this.selectListElement?.setOptions(options);
+            if (this.selectListElement)
+                this.selectListElement.options = this.getListOptions(options);
             if (updateDisplayValue)
                 this.syncDisplayValue(options);
         };
@@ -36401,6 +36453,10 @@ class Select {
         this.setSelectionMode(this.effectiveMultiple);
         const initialOptions = this.getHostOptions();
         const propOptions = this.getOptionsProp();
+        const sourceOptions = initialOptions.length === 0 && propOptions.length > 0 ? propOptions : initialOptions;
+        this.setSelectedValues(this.valueFromPublicValue(this.value) ??
+            sourceOptions.filter((option) => option.selected).map((option) => option.value));
+        this.selectionInitialized = true;
         if (initialOptions.length === 0 && propOptions.length > 0) {
             this.pendingOptions = propOptions;
             this.syncDisplayValue(propOptions);
@@ -36422,7 +36478,7 @@ class Select {
             this.slotElement.addEventListener('slotchange', this.handleSlotChange);
         }
         if (this.pendingOptions && this.selectListElement) {
-            this.selectListElement.setOptions(this.pendingOptions);
+            this.selectListElement.options = this.getListOptions(this.pendingOptions);
             this.pendingOptions = null;
         }
         this.isValueChangeReady = true;
@@ -36431,6 +36487,10 @@ class Select {
             this.attachBlockingSurfaceListener();
         this.updateValidity();
     }
+    componentDidRender() {
+        this.syncNativeSelectSelection();
+        this.updateValidity();
+    }
     disconnectedCallback() {
         if (this.slotElement) {
             this.slotElement.removeEventListener('slotchange', this.handleSlotChange);
@@ -36447,6 +36507,47 @@ class Select {
     get effectiveOpen() {
         return this.open ?? this.isOpen;
     }
+    valueFromPublicValue(value) {
+        if (this.effectiveMultiple)
+            return Array.isArray(value) ? [...new Set(value.filter(Boolean))] : null;
+        return typeof value === 'string' && value ? [value] : null;
+    }
+    setSelectedValues(values) {
+        const next = [...new Set(values.filter(Boolean))];
+        if (!this.effectiveMultiple && next.length > 1)
+            next.splice(1);
+        if (this.selectedValues.length === next.length &&
+            this.selectedValues.every((value, index) => value === next[index]))
+            return;
+        this.selectedValues = next;
+        this.selectedValuesState = next;
+    }
+    get canonicalSelectedValues() {
+        return this.selectedValues;
+    }
+    applyCanonicalSelection(options, values = this.canonicalSelectedValues) {
+        if (!this.selectionInitialized)
+            return options.map((option) => ({ ...option }));
+        const selected = new Set(values);
+        return options.map((option) => ({ ...option, selected: selected.has(option.value) }));
+    }
+    getListOptions(options) {
+        const normalized = this.applyCanonicalSelection(options).filter((option) => option.value !== '__select_all__');
+        if (!this.effectiveMultiple)
+            return normalized;
+        const selectable = normalized.filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
+        const allSelected = selectable.length > 0 && selectable.every((option) => Boolean(option.selected));
+        const anySelected = selectable.some((option) => Boolean(option.selected));
+        return [
+            {
+                value: '__select_all__',
+                label: allSelected ? this.unselectAllLabel : this.selectAllLabel,
+                selected: allSelected,
+                indeterminate: anySelected && !allSelected,
+            },
+            ...selectable,
+        ];
+    }
     isDisabled() {
         return isFormControlDisabled(this.disabled, this.formDisabled);
     }
@@ -36519,6 +36620,8 @@ class Select {
     }
     handleSelectInputFocus() {
         this.activeOptionIndex = -1;
+        if (this.suppressFocusOpen)
+            return;
         if (this.filterable && !this.effectiveOpen) {
             this.clearSearch();
             void this.show();
@@ -36555,16 +36658,50 @@ class Select {
         this.toggleOpenFromPointer();
     }
     handleSelectOptionStateChange(event) {
-        this.syncSlottedOptionSelection(event.detail);
-        this.rememberRemoteSelections(this.getCurrentOptions());
-        this.syncDisplayValue();
-        this.syncActiveOptionIndex(event.detail);
         event.stopPropagation();
-        const detail = { selected: event.detail.selected, value: event.detail.value };
+        const detail = event.detail;
+        // Use a lista interna para preservar rótulos e opções remotas enquanto as
+        // props projetadas aguardam a próxima renderização.
+        const listOptions = this.getSelectListController()?.options;
+        const sourceOptions = Array.isArray(listOptions) && listOptions.length > 0
+            ? listOptions.map((option) => ({ ...option }))
+            : this.getCurrentOptions();
+        // No modo simples, o evento é a decisão final da interação. A lista
+        // virtualizada e as opções projetadas podem ainda conter o snapshot da
+        // interação anterior durante cliques consecutivos; derivar a coleção a
+        // partir do valor do evento evita que esse snapshot reapareça no valor
+        // público ou no formulário.
+        const selectableValues = sourceOptions
+            .filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)))
+            .map((option) => option.value);
+        const transition = this.isSelectAllLabel(detail.label ?? detail.value)
+            ? transitionAllSelection(this.selectedValues, Boolean(detail.selected), selectableValues)
+            : transitionSelection({
+                currentValues: this.selectedValues,
+                multiple: this.effectiveMultiple,
+                value: detail.value,
+                selected: Boolean(detail.selected),
+            });
+        this.setSelectedValues(transition.values);
+        const options = this.applyCanonicalSelection(sourceOptions, transition.values);
+        if (this.selectListElement)
+            this.selectListElement.options = this.getListOptions(options);
+        this.reflectRenderedListSelection(transition.values);
+        this.syncSlottedOptionSelection(transition.values);
+        this.rememberRemoteSelections(options);
+        this.syncDisplayValue(options);
+        this.syncActiveOptionIndex(event.detail);
         this.emitStateChange(detail);
         this.updateValidity();
-        if (!this.keepOpenOnSelect && !this.effectiveMultiple)
-            void this.close();
+        if (!transition.changed)
+            return;
+        if (!this.effectiveMultiple) {
+            this.suppressFocusOpen = true;
+            void this.selectInputElement?.setFocus?.();
+            void this.close().finally(() => {
+                this.suppressFocusOpen = false;
+            });
+        }
         dispatchNativeFormEvent(this.el, 'input');
         dispatchNativeFormEvent(this.el, 'change');
     }
@@ -36781,7 +36918,7 @@ class Select {
         this.suppressValueChange = true;
         try {
             if (this.selectListElement) {
-                await this.selectListElement.setOptions(nextOptions);
+                this.selectListElement.options = this.getListOptions(nextOptions);
             }
             else {
                 this.pendingOptions = nextOptions;
@@ -36800,20 +36937,20 @@ class Select {
      */
     async setOption(option) {
         this.hasImperativeOptions = true;
+        const currentOptions = this.getCurrentOptions();
+        const index = currentOptions.findIndex((currentOption) => currentOption.value === option.value);
+        const nextOptions = [...currentOptions];
+        if (index === -1)
+            nextOptions.push(option);
+        else
+            nextOptions[index] = option;
         if (this.selectListElement) {
-            await this.selectListElement.setOption(option);
-        }
-        else if (this.pendingOptions) {
-            const index = this.pendingOptions.findIndex((currentOption) => currentOption.value === option.value);
-            if (index !== -1)
-                this.pendingOptions[index] = option;
-            else
-                this.pendingOptions.push(option);
+            this.selectListElement.options = this.getListOptions(nextOptions);
         }
         else {
-            this.pendingOptions = [option];
+            this.pendingOptions = nextOptions;
         }
-        this.syncDisplayValue();
+        this.syncDisplayValue(nextOptions);
     }
     getHostOptions() {
         return Array.from(this.el.childNodes)
@@ -36842,15 +36979,16 @@ class Select {
         const rawLabel = el.getAttribute('label') ?? el.label ?? '';
         let value = String(rawValue || '').trim();
         let label = String(rawLabel || '').trim();
+        const inner = this.extractInnerTextFromOption(el);
+        const content = (el.innerHTML || '').trim();
         const selected = el.hasAttribute('selected') || Boolean(el.selected);
         if (!value) {
-            const inner = this.extractInnerTextFromOption(el);
             if (inner)
                 value = inner.trim();
         }
         if (!label)
-            label = value;
-        return { value: value || '', label: label || undefined, selected };
+            label = inner?.trim() || value;
+        return { value: value || '', label: label || undefined, selected, content: content || undefined };
     }
     extractInnerTextFromOption(el) {
         const fromSlot = this.getAssignedSlotText(el);
@@ -36903,6 +37041,9 @@ class Select {
         this.syncValue(resolvedOptions);
     }
     syncValue(options) {
+        this.setSelectedValues(options
+            .filter((option) => option.selected && !this.isSelectAllLabel(this.getOptionLabel(option)))
+            .map((option) => option.value));
         const nextValue = this.getSerializedValue(options);
         this.syncFormState(options);
         if (this.value === nextValue)
@@ -36942,15 +37083,18 @@ class Select {
     }
     applySelectedValue(value) {
         const currentOptions = this.getCurrentOptions();
+        const requestedValues = this.valueFromPublicValue(value) ?? [];
+        this.setSelectedValues(requestedValues);
         const options = currentOptions.map((option) => ({
             ...option,
-            selected: this.effectiveMultiple ? Array.isArray(value) && value.includes(option.value) : value === option.value,
+            selected: requestedValues.includes(option.value),
         }));
         this.isApplyingExternalValue = true;
         if (this.selectListElement)
-            void this.selectListElement.setOptions(options);
+            this.selectListElement.options = this.getListOptions(options);
         else
             this.pendingOptions = options;
+        this.reflectRenderedListSelection(requestedValues);
         this.value = value;
         this.isApplyingExternalValue = false;
         this.remoteSelectedOptions.clear();
@@ -36973,7 +37117,7 @@ class Select {
     }
     applyRemoteSelection(options) {
         this.rememberRemoteSelections(this.getCurrentOptions());
-        const selectedValues = new Set(Array.isArray(this.value) ? this.value : [this.value ?? '']);
+        const selectedValues = new Set(this.selectedValues);
         const nextOptions = options.map((option) => ({
             ...option,
             selected: selectedValues.has(option.value) || Boolean(option.selected),
@@ -37008,38 +37152,36 @@ class Select {
         const selectedValues = selected.map((option) => option.value);
         const formValue = this.effectiveMultiple ? JSON.stringify(selectedValues) : (selectedValues[0] ?? null);
         safeSetFormValue(this.elementInternals, formValue);
-        if (this.nativeSelect) {
-            this.nativeSelect.value = selectedValues[0] ?? '';
-            const selectedSet = new Set(selectedValues);
-            const optionNodes = Array.from(this.nativeSelect.options);
-            selectedSet.forEach((value) => {
-                if (optionNodes.some((option) => option.value === value))
-                    return;
-                const option = document.createElement('option');
-                option.value = value;
-                this.nativeSelect?.append(option);
-            });
-            optionNodes.forEach((option) => {
-                if (option.value !== '' && !selectedSet.has(option.value))
-                    option.remove();
-                else
-                    option.selected = selectedSet.has(option.value);
-            });
-            this.nativeSelect.value = selectedValues[0] ?? '';
-        }
-        this.updateValidity();
+        this.syncNativeSelectSelection(selectedValues);
+        this.updateValidity(selectedValues.length);
     }
-    updateValidity() {
-        if (!this.nativeSelect)
+    syncNativeSelectSelection(values = this.getSelectedValues()) {
+        const nativeSelect = this.getNativeSelect();
+        if (!nativeSelect)
+            return;
+        const selectedValues = new Set(values);
+        Array.from(nativeSelect.options).forEach((option) => {
+            option.selected = option.value === '' ? selectedValues.size === 0 : selectedValues.has(option.value);
+        });
+    }
+    getSelectedValues() {
+        return [...this.selectedValues];
+    }
+    updateValidity(selectedCount = this.getSelectedValues().length) {
+        const nativeSelect = this.getNativeSelect();
+        if (!nativeSelect)
             return;
-        const selectedCount = this.getFormOptions(this.getCurrentOptions()).filter((option) => option.selected).length;
         const selectionMessage = this.effectiveMultiple && this.minSelections > 0 && selectedCount < this.minSelections
             ? `Selecione pelo menos ${this.minSelections} opções.`
             : this.effectiveMultiple && this.maxSelections > 0 && selectedCount > this.maxSelections
                 ? `Selecione no máximo ${this.maxSelections} opções.`
                 : '';
-        this.nativeSelect.setCustomValidity(this.customValidationMessage || this.validatorMessage || selectionMessage);
-        syncNativeFormValidity(this.elementInternals, this.nativeSelect);
+        nativeSelect.setCustomValidity(this.customValidationMessage || this.validatorMessage || selectionMessage);
+        syncNativeFormValidity(this.elementInternals, nativeSelect);
+    }
+    getNativeSelect() {
+        return (this.el.shadowRoot?.querySelector('select[part="hidden-select"]') ??
+            this.nativeSelect);
     }
     resolveValidator() {
         return resolveFormValidator(this.validator);
@@ -37150,6 +37292,17 @@ class Select {
         const index = this.getCurrentActiveIndex();
         const option = options[index];
         const nextSelected = this.effectiveMultiple ? !option?.selected : true;
+        if (this.effectiveMultiple && index === 0 && option && !this.isSelectAllLabel(this.getOptionLabel(option))) {
+            this.handleSelectOptionStateChange(new CustomEvent('brSelectOptionStateChange', {
+                detail: {
+                    value: '__select_all__',
+                    label: this.selectAllLabel,
+                    selected: true,
+                    disabled: false,
+                },
+            }));
+            return;
+        }
         const didSelect = await this.getSelectListController()?.setOptionSelected?.(index, nextSelected);
         if (didSelect) {
             this.activeOptionIndex = index;
@@ -37170,55 +37323,19 @@ class Select {
      * Essa sincronização mantém as props/atributos das opções declaradas pelo consumidor em
      * conformidade com o estado calculado internamente, inclusive no caso do "selecionar todos".
      */
-    syncSlottedOptionSelection(detail) {
-        if (!this.slotElement || !detail?.value)
-            return;
-        const slottedOptions = this.slotElement
-            .assignedElements({ flatten: true })
-            .filter((el) => el.tagName.toLowerCase() === 'br-select-option');
+    syncSlottedOptionSelection(values = this.selectedValues) {
+        const slottedOptions = Array.from(this.el.children).filter((el) => el.tagName.toLowerCase() === 'br-select-option');
         if (slottedOptions.length === 0)
             return;
-        const detailLabel = (detail.label ?? detail.value).trim();
-        const isSelectAll = this.isSelectAllLabel(detailLabel);
-        if (this.effectiveMultiple && isSelectAll) {
-            slottedOptions.forEach((option) => {
-                const optionLabel = (option.label ?? option.value).trim();
-                const isSelectAllOption = this.isSelectAllLabel(optionLabel);
-                if (isSelectAllOption) {
-                    option.indeterminate = false;
-                    option.selected = Boolean(detail.selected);
-                    this.normalizeSelectAllState(option);
-                    if (option.selected)
-                        option.setAttribute('selected', '');
-                    else
-                        option.removeAttribute('selected');
-                    return;
-                }
-                option.selected = Boolean(detail.selected);
-                if (option.selected)
-                    option.setAttribute('selected', '');
-                else
-                    option.removeAttribute('selected');
-            });
-            return;
-        }
+        const selectedValues = new Set(values);
         slottedOptions.forEach((option) => {
-            const isTarget = option.value === detail.value;
-            const nextSelected = this.effectiveMultiple ? (isTarget ? Boolean(detail.selected) : option.selected) : isTarget;
-            if (isTarget) {
-                option.indeterminate = false;
-            }
-            option.selected = nextSelected;
-            if (nextSelected) {
+            const resolved = this.optionElementToData(option).value;
+            option.selected = selectedValues.has(resolved);
+            option.indeterminate = false;
+            if (option.selected)
                 option.setAttribute('selected', '');
-            }
-            else {
-                option.removeAttribute('selected');
-            }
-            if (!this.effectiveMultiple && !isTarget) {
-                option.selected = false;
+            else
                 option.removeAttribute('selected');
-            }
         });
         if (!this.effectiveMultiple)
             return;
@@ -37241,6 +37358,17 @@ class Select {
                 option.removeAttribute('selected');
         });
     }
+    reflectRenderedListSelection(values) {
+        const renderedOptions = this.selectListElement?.shadowRoot?.querySelectorAll('br-select-option');
+        if (!renderedOptions)
+            return;
+        const selectedValues = new Set(values);
+        renderedOptions.forEach((option) => {
+            if (this.isSelectAllLabel(option.label))
+                return;
+            option.selected = selectedValues.has(option.value);
+        });
+    }
     isSelectAllLabel(label) {
         return label === this.selectAllLabel || label === this.unselectAllLabel;
     }
@@ -37321,6 +37449,7 @@ class Select {
      * A precedência é: lista interna, opções pendentes, conteúdo do slot e, por último,
      * os filhos atuais do host.
      */
+    // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: prioriza a precedência entre slot, lista e opções remotas.
     getCurrentOptions() {
         // As opções projetadas são a fonte canônica quando não há coleção
         // imperativa: a lista virtualizada pode manter um snapshot enquanto o
@@ -37330,21 +37459,53 @@ class Select {
             const slotOptions = nodes
                 .map((node) => this.nodeToOption(node))
                 .filter((option) => Boolean(option));
-            if (slotOptions.length > 0)
-                return slotOptions;
+            if (slotOptions.length > 0) {
+                const normalizedSlotOptions = this.applyCanonicalSelection(slotOptions);
+                if (this.effectiveMultiple &&
+                    !normalizedSlotOptions.some((option) => this.isSelectAllLabel(this.getOptionLabel(option)))) {
+                    normalizedSlotOptions.unshift({
+                        value: '__select_all__',
+                        label: this.selectAllLabel,
+                        selected: false,
+                        indeterminate: false,
+                    });
+                }
+                return normalizedSlotOptions;
+            }
         }
         const listOptions = this.getSelectListController()?.options;
         if (Array.isArray(listOptions) && listOptions.length > 0) {
             const normalizedListOptions = listOptions.map((option) => ({ ...option }));
             const hasRealOptions = normalizedListOptions.some((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
             if (hasRealOptions) {
-                return normalizedListOptions;
+                if (this.effectiveMultiple &&
+                    !normalizedListOptions.some((option) => this.isSelectAllLabel(this.getOptionLabel(option)))) {
+                    normalizedListOptions.unshift({
+                        value: '__select_all__',
+                        label: this.selectAllLabel,
+                        selected: false,
+                        indeterminate: false,
+                    });
+                }
+                return this.applyCanonicalSelection(normalizedListOptions);
             }
         }
         if (this.pendingOptions) {
-            return this.pendingOptions.map((option) => ({ ...option }));
+            return this.applyCanonicalSelection(this.pendingOptions);
         }
-        return this.getHostOptions();
+        const hostOptions = this.applyCanonicalSelection(this.getHostOptions());
+        if (this.effectiveMultiple && hostOptions.length > 0) {
+            return [
+                {
+                    value: '__select_all__',
+                    label: this.selectAllLabel,
+                    selected: false,
+                    indeterminate: false,
+                },
+                ...hostOptions,
+            ];
+        }
+        return hostOptions;
     }
     normalizeSearchText(value) {
         return value
@@ -37394,7 +37555,7 @@ class Select {
         return (hAsync("br-select-input", { part: "input", exportparts: "container:input-container, input:input-field, label:input-label, group:input-group, icon:input-icon, action:input-action, action-button:input-action-button", ref: (el) => (this.selectInputElement = el), "aria-activedescendant": this.getActiveDescendant(), "aria-controls": this.listboxId, "aria-disabled": String(this.isDisabled()), "aria-expanded": String(this.effectiveOpen), "aria-haspopup": "listbox", "aria-label": this.getAccessibleLabel(), "aria-required": String(this.required), borderless: this.borderless, "is-inline": this.effectiveInline, "is-open": this.effectiveOpen, label: this.label, name: this.name, placeholder: this.placeholder, required: this.required, disabled: this.isDisabled(), filterable: this.filterable, showSearchIcon: this.showSearchIcon, autocomplete: this.autocomplete, "input-width": this.inputWidth, role: "combobox", value: this.filterable && this.effectiveOpen ? this.searchTerm : this.getRenderedDisplayValue() }));
     }
     renderSelectList() {
-        return (hAsync("br-select-list", { part: "list", exportparts: "list, option, checkbox, select-all, empty-option, option-checkbox, option-radio", "active-option-index": this.activeOptionIndex, "aria-label": this.getAccessibleLabel(), "aria-multiselectable": this.effectiveMultiple ? 'true' : 'false', id: this.listboxId, "visible-items": this.visibleItems, "item-height": this.itemHeight, overscan: this.overscan, "search-term": this.filterable && this.searchMode === 'local' ? this.searchTerm : '', role: "listbox", "select-all-label": this.selectAllLabel, "unselect-all-label": this.unselectAllLabel, ref: (el) => {
+        return (hAsync("br-select-list", { part: "list", options: this.getCurrentOptions(), exportparts: "list, option, checkbox, select-all, empty-option, option-checkbox, option-radio", "active-option-index": this.activeOptionIndex, "aria-label": this.getAccessibleLabel(), "aria-multiselectable": this.effectiveMultiple ? 'true' : 'false', id: this.listboxId, "visible-items": this.visibleItems, "item-height": this.itemHeight, overscan: this.overscan, "search-term": this.filterable && this.searchMode === 'local' ? this.searchTerm : '', role: "listbox", "select-all-label": this.selectAllLabel, "unselect-all-label": this.unselectAllLabel, ref: (el) => {
                 this.selectListElement = el;
                 this.selectListElement.loading = this.loading;
                 this.setSelectionMode(this.effectiveMultiple);
@@ -37402,9 +37563,8 @@ class Select {
             } }, hAsync("slot", null), hAsync("slot", { name: "loading", slot: "loading" })));
     }
     renderHiddenSelect() {
-        const selectedOptions = this.getFormOptions(this.getCurrentOptions())
-            .filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)))
-            .filter((option) => option.selected);
+        const options = this.getFormOptions(this.getCurrentOptions()).filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
+        const hasSelection = options.some((option) => option.selected);
         return (hAsync("select", { ref: (el) => (this.nativeSelect = el), part: "hidden-select", name: this.name, autocomplete: this.autocomplete, multiple: this.effectiveMultiple, required: this.required, disabled: this.isDisabled(), tabIndex: -1, "aria-hidden": "true", style: {
                 position: 'absolute',
                 width: '1px',
@@ -37415,10 +37575,10 @@ class Select {
                 clip: 'rect(0, 0, 0, 0)',
                 whiteSpace: 'nowrap',
                 border: '0',
-            }, onChange: (event) => event.preventDefault() }, hAsync("option", { value: "", selected: selectedOptions.length === 0 }), selectedOptions.map((option) => (hAsync("option", { key: option.value, value: option.value, selected: option.selected, disabled: option.disabled })))));
+            }, onChange: (event) => event.preventDefault() }, hAsync("option", { value: "", selected: !hasSelection }), options.map((option) => (hAsync("option", { key: option.value, value: option.value, selected: option.selected, disabled: option.disabled })))));
     }
     render() {
-        return (hAsync(Host, { key: 'acca9307d38da5b977fa8eac160bdd2b74eb573c', "aria-busy": this.isValidating || this.loading ? 'true' : null }, hAsync("div", { key: 'b6a55059b9948c89c40415297315af9fa40939de', class: this.getCssClassMap(), part: "container" }, this.renderSelectInput(), this.renderSelectList(), hAsync("div", { key: '789c2752631fed675dfe4f24e703a04a6012681f', part: "feedback", hidden: !this.hasFeedbackSlot && !this.validatorMessage }, hAsync("slot", { key: '13f7245f98ee7c5529881b12d400180316e439f0', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }, this.validatorMessage)), hAsync("div", { key: '3e2076875f4a9d7fd717151b918011b6ea89455e', part: "validation-loading", hidden: !this.hasValidationLoadingSlot || !this.isValidating }, hAsync("slot", { key: 'cb51e859372eb703c4eed65e157bbefe7ab9e844', name: "validation-loading" })), this.renderHiddenSelect())));
+        return (hAsync(Host, { key: '9eab35d12b8b0fff68f16bb1e1ccc1209ea09687', "aria-busy": this.isValidating || this.loading ? 'true' : null }, hAsync("div", { key: '68747830dd29319dc044caa056ffc13fea834bea', class: this.getCssClassMap(), part: "container" }, this.renderSelectInput(), this.renderSelectList(), hAsync("div", { key: '825c7934402930816fba48f02d161d936c8a4e3e', part: "feedback", hidden: !this.hasFeedbackSlot && !this.validatorMessage }, hAsync("slot", { key: '10b2ee676c54b913b39b6523d3ebce462ed031e3', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }, this.validatorMessage)), hAsync("div", { key: '571a5a5e89ae14a91f8c88c0b1fb5e7341adb094', part: "validation-loading", hidden: !this.hasValidationLoadingSlot || !this.isValidating }, hAsync("slot", { key: 'e9647f09ce303d15a564707e1d3a060280de10a1', name: "validation-loading" })), this.renderHiddenSelect())));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -37494,6 +37654,7 @@ class Select {
             "validatorMessage": [32],
             "hasFeedbackSlot": [32],
             "hasValidationLoadingSlot": [32],
+            "selectedValuesState": [32],
             "enable": [64],
             "disable": [64],
             "show": [64],
@@ -37644,15 +37805,16 @@ class SelectInput {
         return (hAsync("br-icon", { "aria-hidden": "true", iconName: this.flipped ? 'fa-solid:angle-up' : 'fa-solid:angle-down', width: "16", height: "16", slot: "action" }));
     }
     render() {
-        return (hAsync(Host, { key: '4fbb919b08fdeca460dd01456d5d419ccbde257a' }, hAsync("div", { key: '51000c913cfb6924fa360c1d04a24387f43475d3', class: this.getCssClassMap(), part: "container" }, hAsync("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 (hAsync(Host, { key: 'be737b653173bc2a31e9065989dbe44c2bdac4a7' }, hAsync("div", { key: 'c2b733eb6a3973f50788019f86360b0000df9f34', class: this.getCssClassMap(), part: "container" }, hAsync("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 getElement(this); }
     static get style() { return selectInputCss(); }
     static get cmpMeta() { return {
-        "$flags$": 73,
+        "$flags$": 89,
         "$tagName$": "br-select-input",
         "$members$": {
             "borderless": [516],
@@ -37793,6 +37955,8 @@ class SelectList {
         this.options = this.syncSelectAllOption(this.options);
     }
     handleOptionStateChange(event) {
+        if (this.isControlledBySelect)
+            return;
         const detail = event.detail;
         if (!detail?.value)
             return;
@@ -37893,9 +38057,15 @@ class SelectList {
      */
     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.
      *
@@ -38216,14 +38386,18 @@ class SelectList {
     renderOption(option, index) {
         const rowHeight = this.getRowHeight();
         const optionPart = this.isSelectAllOption(option) ? 'option select-all' : 'option';
-        return (hAsync("br-select-option", { part: optionPart, active: index === this.activeOptionIndex, "data-option-index": index, disabled: option.disabled, id: `${this.el.id || 'br-select-list'}-option-${index}`, indeterminate: option.indeterminate, key: option.value, label: option.label, selected: option.selected, "show-checkbox": this.isMultiple, style: {
+        return (hAsync("br-select-option", { part: optionPart, active: index === this.activeOptionIndex, "data-option-index": index, disabled: option.disabled, id: `${this.el.id || 'br-select-list'}-option-${index}`, 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 * rowHeight}px`,
                 left: '0',
                 right: '0',
-            }, value: option.value }, option.label ?? option.value));
+            }, value: option.value }, option.content ? hAsync("span", { innerHTML: option.content }) : (option.label ?? option.value)));
     }
     getVirtualScrollStyle() {
         return {
@@ -38257,7 +38431,7 @@ class SelectList {
         return (hAsync("div", { part: "loading", role: "status", "aria-live": "polite" }, hAsync("slot", { name: "loading" }, hAsync("br-loading", { size: "small", label: "Buscando op\u00E7\u00F5es" }))));
     }
     render() {
-        return (hAsync(Host, { key: '5dc8eb2363f8deae198dade6003ded206eb959a4' }, hAsync("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 (hAsync(Host, { key: '537c7f312573570953b24e27fed7188a052c4bd5' }, hAsync("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 getElement(this); }
     static get watchers() { return {
@@ -38393,7 +38567,10 @@ class SelectOption {
             if (this.isRedundantCheckboxReflection(event, current)) {
                 return;
             }
-            this.applySelection(current);
+            if (this.isControlledBySelect)
+                this.emitStateChange(current);
+            else
+                this.applySelection(current);
         };
     }
     componentDidLoad() {
@@ -38431,7 +38608,11 @@ class SelectOption {
     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)
@@ -38443,11 +38624,11 @@ class SelectOption {
             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(),
         };
@@ -38457,6 +38638,20 @@ class SelectOption {
         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.
      *
@@ -38523,7 +38718,7 @@ class SelectOption {
         return this.normalizeText(this.el.textContent || '');
     }
     render() {
-        return (hAsync(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 (hAsync(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,
@@ -38535,7 +38730,7 @@ class SelectOption {
                     composed: true,
                     detail: { label: this.getResolvedLabel(), value: this.getResolvedValue() },
                 }));
-            } }, hAsync("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 && (hAsync("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 })), hAsync("span", { key: '102cd7d571fe2d17347e1b04bc6cb58237dfb39c', class: "br-select-option-label" }, hAsync("slot", { key: '523687250477527205355f980d495ada9cd24de6' }, this.getResolvedLabel())))));
+            } }, hAsync("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 && (hAsync("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 })), hAsync("span", { key: '6185b2e6b60bf65059c321d4118d675859f9940e', class: "br-select-option-label" }, hAsync("slot", { key: 'c78020a423fe1ed34ef39f46301f71baf5b0cbd8' }, this.getResolvedLabel())))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -38694,12 +38889,13 @@ class SignIn {
         const TagType = this.getTagType();
         const attributes = this.getAttributes();
         const classList = this.getCssClassMap();
-        return (hAsync(Host, { key: 'afd2ee8d06700e829371eed36381d95960fff731', "aria-disabled": this.disabled ? 'true' : null }, hAsync(TagType, { key: '62ad800545a11234bbf62cd9a3528ff6f37a7d3f', part: "button", class: classList, id: this.customId, ...attributes, onClick: this.handleClick, onFocus: this.handleFocus }, hAsync("slot", { key: 'a3550097e156f0a01c309d55cc799fe8e1e2a38e', name: "icon" }, this.shape === 'circle' && hAsync("br-icon", { key: 'e973f49bdc5d92b0d4205db7a98bec38ea8b5ace', iconName: "fa6-solid:user", width: "12", height: "12" })), hAsync("span", { key: '222408c76cf274d076b90ae1e3fae030fa69ae9c', part: "content" }, hAsync("slot", { key: 'bcddd8679e1fcb1361b07605e9f9f4e68473905b' })), this.hasSlotContent('image') && (hAsync("span", { key: '588dbd4db4d7d03c7511b9057f90636c15106f60', part: "image" }, hAsync("slot", { key: '5ad27f7ba95df977467e4bbdbb5be06cc330f334', name: "image" }))))));
+        return (hAsync(Host, { key: 'bf39bac1bfe99859a67ef858ca441b55e3e74e88', "aria-disabled": this.disabled ? 'true' : null }, hAsync(TagType, { key: 'b414dc1085f35a1058b8b8b5490c41380c3f696b', part: "button", class: classList, id: this.customId, ...attributes, onClick: this.handleClick, onFocus: this.handleFocus }, hAsync("slot", { key: '3d33a278e13e90572c6b97dbe435b7a9e3823e38', name: "icon" }, this.shape === 'circle' && hAsync("br-icon", { key: '3f8a31aac9196ffb6d5b6b99fa0077950fbe4b63', iconName: "fa6-solid:user", width: "12", height: "12" })), hAsync("span", { key: 'e3247ad0b75f87c162beb26dffe3f1828f477191', part: "content" }, hAsync("slot", { key: 'fa12d65243f404963e16e2e964b7d33c90055e6f' })), this.hasSlotContent('image') && (hAsync("span", { key: '51922b0c8786fd2d96814c6a576222330d3b7c72', part: "image" }, hAsync("slot", { key: 'b7052a2db95b25ec911ccd43fe70d0d0fc38ad9e', name: "image" }))))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get style() { return signInCss(); }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "br-sign-in",
         "$members$": {
             "customId": [513, "custom-id"],
@@ -40021,9 +40217,8 @@ class Slider {
         return (hAsync("div", { class: "slider-tick-labels", part: "tick-labels", "aria-hidden": "true" }, intermediateTicks.map((value) => (hAsync("span", { class: "slider-tick-label", part: "tick-label", style: this.effectiveVertical ? { bottom: `${this.percentOf(value)}%` } : { left: `${this.percentOf(value)}%` } }, value)))));
     }
     render() {
-        return (hAsync(Host, { key: '57bd0a9e09635b500f60abf6bb827e3e8bce469d' }, hAsync("div", { key: 'cfc2b61d4ad8b11af67e2bf019c6403ec0b6e6e7', class: this.getCssClassMap(), part: "base" }, hAsync("div", { key: '3f0ad9d811f3b2eec6c0841c23f528980b3cb605', class: "slider-layout", part: "layout" }, hAsync("div", { key: 'a32959260b796aed3f78c9a33975890f4fdc15e1', class: "slider-body", part: "body" }, this.renderTrack(), this.renderReferences()), this.renderInput())), hAsync("div", { key: '272de953d794a1901f25ad3707e7a7242b694e84', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, hAsync("slot", { key: 'b73c2fa9b976750b26324263240720b8e98a5809', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (hAsync("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+        return (hAsync(Host, { key: '26be711ad91a867e82e35d10e86508aa5af68557' }, hAsync("div", { key: '906052510af8d3a323ea8274b339ba264b745e25', class: this.getCssClassMap(), part: "base" }, hAsync("div", { key: '323ee79d4a4fc4d81e4a1b43c8fa6298d0f92916', class: "slider-layout", part: "layout" }, hAsync("div", { key: '113e5114161144af0466997b47108eb0e053af8e', class: "slider-body", part: "body" }, this.renderTrack(), this.renderReferences()), this.renderInput())), hAsync("div", { key: 'b8ce4c3cae026492ad1db1e03f5709988b42a13e', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, hAsync("slot", { key: 'e2564e6830476cb3d495807f4b15d600f5c7146e', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (hAsync("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -40039,7 +40234,7 @@ class Slider {
     }; }
     static get style() { return sliderCss(); }
     static get cmpMeta() { return {
-        "$flags$": 345,
+        "$flags$": 329,
         "$tagName$": "br-slider",
         "$members$": {
             "customId": [513, "custom-id"],
@@ -43639,13 +43834,12 @@ class Tag {
     }
     render() {
         const mainContent = this.renderMainTagContent();
-        return (hAsync(Host, { key: 'd7c0423b88b46e813515c59955fb52a1e6f37971' }, this.effectiveSelectable
+        return (hAsync(Host, { key: '91853c64b346742509a16691c73e85a17fd8f45c' }, this.effectiveSelectable
             ? this.renderInteractionSelectTag()
             : this.effectiveStatus
                 ? this.renderStatusLayout(mainContent)
-                : mainContent, hAsync("div", { key: 'f6a545533605b25e08ddc495526be922d6e70b24', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, hAsync("slot", { key: '5463a29fbde7ca85aa6437c6997b5e28a89e37c3', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (hAsync("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+                : mainContent, hAsync("div", { key: 'c1c56c9e60df4e728c2d3a48b3c776b951ee464a', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, hAsync("slot", { key: 'cbae6fdc39ec290b40370cb532ba0d2a06a194d2', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (hAsync("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -43664,7 +43858,7 @@ class Tag {
     }; }
     static get style() { return tagCss(); }
     static get cmpMeta() { return {
-        "$flags$": 345,
+        "$flags$": 329,
         "$tagName$": "br-tag",
         "$members$": {
             "label": [513],
@@ -45862,16 +46056,15 @@ class Upload {
     render() {
         const hasFiles = (this.filesSelected && this.filesSelected.length > 0) ||
             (this.parsedUploadFiles && this.parsedUploadFiles.length > 0);
-        return (hAsync(Host, { key: '19449f0a1c005037a9a33347825e20ab970333ae', "aria-busy": this.uploading || this.isValidating ? 'true' : null }, hAsync("div", { key: 'eb5d6e3b060f6e32c4f3ef77b56c15f9f6d73e26', class: this.getCssClassMap(), id: this.customId, part: "container" }, hAsync("label", { key: '80d3a64f923d97f9557d394025cf542caafb49ec', id: `label-${this.customId}`, class: "upload-label", htmlFor: `single-file-${this.customId}`, part: "label" }, hAsync("span", { key: '0635fc37a4f798ae315e597977890dc8ffb22d3d' }, hAsync("slot", { key: 'c272a9bdd6ce1ae02eafafdb8f1beb1f0b91e664', name: "label" }, this.label))), hAsync("input", { key: '5fd25c976e9acd18a79a1a912961f0fc76a16392', ref: (el) => {
+        return (hAsync(Host, { key: 'b2354be16c7963909ce2939d1bd24e99475cc6ef', "aria-busy": this.uploading || this.isValidating ? 'true' : null }, hAsync("div", { key: '78808e8f2c3eacce3deb6542ab5e2d9d60bd7e7e', class: this.getCssClassMap(), id: this.customId, part: "container" }, hAsync("label", { key: '5881d7133d9118d3c9e1637932adfac7e58fb3b5', id: `label-${this.customId}`, class: "upload-label", htmlFor: `single-file-${this.customId}`, part: "label" }, hAsync("span", { key: '7e1c9a04a4f88c06007c2d16ee2df1a7d0ca1956' }, hAsync("slot", { key: '1043fac29600fdf581bf8a6fde3928a4b9140bdd', name: "label" }, this.label))), hAsync("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" }), hAsync("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" }, hAsync("br-icon", { key: 'bca75fc0cfa01d3554e8cfc11882ef324813f792', iconName: "fa-solid:upload", width: "20", height: "20", "aria-hidden": "true" }), hAsync("slot", { key: 'b46ff0f7e85ae4c4e5dd0ddc29583b17b99f55d7' }, hAsync("span", { key: '6f55863674eca88e0fdea4303cd84c1cf9459d5f' }, "Selecione o arquivo"))), hAsync("div", { key: '653ab673a6a13f369b9d2a0461599cbe24b9191f', class: "upload-help", part: "helper" }, hAsync("slot", { key: 'e37633b77298bd863aa04286b02c13d7284f4deb', name: "helper" }, this.multiple ? 'Clique ou arraste os arquivos para cima do componente Upload.' : null)), this.renderUploadStatus(), hAsync("slot", { key: '7333d856045ae7df140457ec3ca221878c6ce523', name: "upload-list" }, hasFiles && (hAsync("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" }), hAsync("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" }, hAsync("br-icon", { key: '5b9514f5bfdfa32c5bbf73443f215454d669a71e', iconName: "fa-solid:upload", width: "20", height: "20", "aria-hidden": "true" }), hAsync("slot", { key: '00684193f001d54a684261a9dca1e5c35ba2bcba' }, hAsync("span", { key: 'af97d6116a296ae574b5de7c0e26c78a783983b4' }, "Selecione o arquivo"))), hAsync("div", { key: '9db7490ea790b63348952dffc52dc67dd8c54a82', class: "upload-help", part: "helper" }, hAsync("slot", { key: 'f831bae068bae343d40067922c07431fce1e2295', name: "helper" }, this.multiple ? 'Clique ou arraste os arquivos para cima do componente Upload.' : null)), this.renderUploadStatus(), hAsync("slot", { key: 'e6cae25855b7e30f797d51aae53448fc8be7cbf5', name: "upload-list" }, hasFiles && (hAsync("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 getElement(this); }
     static get watchers() { return {
@@ -45890,7 +46083,7 @@ class Upload {
     }; }
     static get style() { return uploadCss(); }
     static get cmpMeta() { return {
-        "$flags$": 345,
+        "$flags$": 329,
         "$tagName$": "br-upload",
         "$members$": {
             "customId": [513, "custom-id"],