@govbr-ds/webcomponents 2.1.3 → 2.2.0

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

@@ -4,17 +4,21 @@
  */
 'use strict';
 
-var index = require('./index-CRdcutym.js');
+var index = require('./index-CGgZBuyy.js');
 var floatingSurfaceDismiss = require('./floating-surface-dismiss-ccdiD0KF.js');
-var floatingUi = require('./floating-ui-MBI1osio.js');
-var id = require('./id-CjRFMzf6.js');
+var floatingUi = require('./floating-ui-B6nsdYUU.js');
+var id = require('./id-DE4jSi-L.js');
 var isNil = require('./isNil-DO5zWc3l.js');
+var motion = require('./motion-CgIooxWS.js');
+var ownership = require('./ownership-UnpufyCx.js');
+var props = require('./props-D8dybmr0.js');
 var event = require('./event-CmVdNHxl.js');
 var validator = require('./validator-CTCajtT9.js');
+var propWarning = require('./prop-warning-xvEHQz8H.js');
 var slot = require('./slot-DAllytTj.js');
-require('./floating-ui.dom-BUSTaaxR.js');
+require('./floating-ui.dom-wzdGZjyG.js');
 
-const dropdownCss = () => `*,*::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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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)}:host{display:inline-block;position:relative}:host #trigger{display:inline-flex;align-items:center;cursor:pointer;outline:none}:host [part=trigger-arrow]{margin-left:var(--spacing-scale-half)}:host #trigger::slotted([slot=trigger]):focus:focus{outline:none}:host #trigger::slotted([slot=trigger]):focus.focus-visible,:host #trigger::slotted([slot=trigger]):focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host ::slotted([slot=target] *:focus):focus{outline:none}:host ::slotted([slot=target] *:focus).focus-visible,:host ::slotted([slot=target] *:focus):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host #target{display:none;position:absolute;z-index:var(--z-index-layer-1);box-shadow:var(--surface-shadow-sm);border-radius:0}:host #target:focus:focus{outline:none}:host #target:focus.focus-visible,:host #target:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host([arrow-position=left]) [part=trigger-arrow]{margin-left:0;margin-right:var(--spacing-scale-half)}:host([is-open]) #target{display:block;width:max-content}@media (max-width: 575px){:host([is-open]) #target{width:100vw !important;max-width:100vw !important}}`;
+const dropdownCss = () => `*,*::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}pre{font-family:monospace;font-size:1em}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,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:inline-block;position:relative}:host #trigger{display:inline-flex;align-items:center;cursor:pointer;outline:none}:host [part=trigger-arrow]{margin-left:var(--spacing-scale-half)}:host #trigger::slotted([slot=trigger]):focus:focus{outline:none}:host #trigger::slotted([slot=trigger]):focus.focus-visible,:host #trigger::slotted([slot=trigger]):focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host ::slotted([slot=target] *:focus):focus{outline:none}:host ::slotted([slot=target] *:focus).focus-visible,:host ::slotted([slot=target] *:focus):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host #target{display:none;visibility:hidden;pointer-events:none;opacity:0;transition:none}@media (prefers-reduced-motion: no-preference){:host #target{transition:opacity var(--duration-fast, 300ms) var(--animation-ease-out, ease-out)}}:host #target{position:absolute;z-index:var(--z-index-layer-1);box-shadow:var(--surface-shadow-sm);border-radius:0}:host #target:focus:focus{outline:none}:host #target:focus.focus-visible,:host #target:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host([match-trigger-width]) #target{box-sizing:border-box}:host([arrow-position=left]) [part=trigger-arrow]{margin-left:0;margin-right:var(--spacing-scale-half)}:host([is-open]) #target{display:block;width:max-content}:host([is-open]) #target[data-positioned=true]{visibility:visible;pointer-events:auto;opacity:1}@media (max-width: 575px){:host([is-open]:not([match-trigger-width])) #target{width:var(--dropdown-target-width, 100vw) !important;max-width:var(--dropdown-target-max-width, 100vw) !important}}`;
 
 const Dropdown = class {
     constructor(hostRef) {
@@ -58,6 +62,11 @@ const Dropdown = class {
          * Quando definido como true, o dropdown permanecerá aberto mesmo quando outro dropdown for aberto.
          */
         this.preventAutoDismiss = false;
+        /**
+         * Faz o painel acompanhar a largura do acionador enquanto estiver aberto.
+         * O valor padrão `false` preserva a largura determinada pelo conteúdo.
+         */
+        this.matchTriggerWidth = false;
         /**
          * Define o z-index do elemento target (alvo) do dropdown.
          * Permite customizar a ordem de sobreposição do painel dropdown em relação aos demais elementos da página.
@@ -76,6 +85,7 @@ const Dropdown = class {
          */
         this.pendingOpenInit = false;
         this.clickListenerAttached = false;
+        this.semanticTriggerElement = null;
         this.targetElement = null;
         this.dropdownItems = [];
         this.dropdownLinks = [];
@@ -103,6 +113,10 @@ const Dropdown = class {
                 }
             }
         };
+        this.handleTriggerSlotChange = () => {
+            this.syncTriggerAccessibility();
+            this.syncTriggerAccessibilityAfterHydration();
+        };
         this.targetKeydownHandler = (event) => {
             if (event.key === 'Escape') {
                 event.preventDefault();
@@ -221,8 +235,19 @@ const Dropdown = class {
             }
         };
     }
+    get effectivePlacement() {
+        return props.resolveAllowedPropValue(this.el, 'placement', this.placement, ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'left', 'right', 'bottom', 'top'], 'bottom-start');
+    }
+    get effectiveArrowPosition() {
+        return props.resolveAllowedPropValue(this.el, 'arrowPosition', this.arrowPosition, ['left', 'right'], 'right');
+    }
     isOpenChanged(newValue) {
         if (newValue) {
+            // Esconde o alvo imediatamente, antes do primeiro ciclo de renderização.
+            // O Floating UI calcula a posição de forma assíncrona; sem este estado
+            // explícito o alvo pode aparecer por um frame na origem (sobre o trigger)
+            // e então saltar para a posição final.
+            this.hideTargetUntilPositioned();
             this.attachClickListener();
             this.attachOpenListeners();
             this.brDidOpen.emit({ id: this.customId });
@@ -258,6 +283,13 @@ const Dropdown = class {
         this.cleanupPositioning();
         this.positionDropdown();
     }
+    /** Recalcula a superfície aberta quando a política de largura muda. */
+    matchTriggerWidthChanged() {
+        if (!this.isOpen)
+            return;
+        this.cleanupPositioning();
+        this.positionDropdown();
+    }
     /**
      * Fecha o dropdown se for desabilitado enquanto estiver aberto.
      */
@@ -284,12 +316,14 @@ const Dropdown = class {
     componentDidLoad() {
         this.triggerElement = this.el.shadowRoot.querySelector('#trigger');
         this.targetElement = this.el.shadowRoot.querySelector('#target');
+        this.syncTriggerAccessibility();
+        this.syncTriggerAccessibilityAfterHydration();
         this.setBehavior();
         this.updateTargetZIndex();
         if (this.isOpen) {
             this.attachClickListener();
-            this.initializeDropdownItems();
             this.positionDropdown();
+            this.initializeDropdownItems();
         }
     }
     attachClickListener() {
@@ -316,10 +350,11 @@ const Dropdown = class {
         this.cleanupBlockingSurfaceDismissal = undefined;
     }
     componentDidRender() {
+        this.syncTriggerAccessibility();
         if (this.isOpen && this.pendingOpenInit) {
             this.pendingOpenInit = false;
-            this.initializeDropdownItems();
             this.positionDropdown();
+            this.initializeDropdownItems();
         }
     }
     /**
@@ -362,6 +397,21 @@ const Dropdown = class {
      */
     cleanupPositioning() {
         this.floatingManager?.stop();
+        this.hideTargetUntilPositioned();
+    }
+    hideTargetUntilPositioned() {
+        if (!this.targetElement)
+            return;
+        this.targetElement.removeAttribute('data-positioned');
+        this.targetElement.style.visibility = 'hidden';
+        this.targetElement.style.pointerEvents = 'none';
+    }
+    revealTargetAfterPositioning() {
+        if (!this.targetElement)
+            return;
+        this.targetElement.setAttribute('data-positioned', 'true');
+        this.targetElement.style.visibility = 'visible';
+        this.targetElement.style.pointerEvents = '';
     }
     clearDropdownItemListeners() {
         this.dropdownItems.forEach((item) => {
@@ -377,15 +427,17 @@ const Dropdown = class {
      * Foca em um elemento específico com suporte a componentes personalizados
      * @param targetElement Elemento a receber o foco
      */
-    focusOnElement(targetElement) {
+    focusOnElement(targetElement, scrollIntoView = true) {
         if (targetElement && targetElement !== this.el) {
             if ('setFocus' in targetElement) {
                 targetElement.setFocus();
             }
             else {
-                targetElement.focus();
+                targetElement.focus({ preventScroll: true });
+            }
+            if (scrollIntoView) {
+                targetElement.scrollIntoView({ behavior: motion.getScrollBehavior(), block: 'nearest', inline: 'nearest' });
             }
-            targetElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
         }
     }
     /**
@@ -404,7 +456,7 @@ const Dropdown = class {
                 else {
                     firstElement.focus();
                 }
-                firstElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+                firstElement.scrollIntoView({ behavior: motion.getScrollBehavior(), block: 'nearest', inline: 'nearest' });
             }
             else {
                 this.focusTrigger();
@@ -420,8 +472,50 @@ const Dropdown = class {
     focusTrigger() {
         if (typeof this.triggerElement !== 'undefined') {
             this.triggerElement.focus();
-            this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+            this.triggerElement.scrollIntoView({ behavior: motion.getScrollBehavior(), block: 'nearest', inline: 'nearest' });
+        }
+    }
+    syncTriggerAccessibility() {
+        const assignedTrigger = this.el.querySelector('[slot="trigger"]');
+        if (!assignedTrigger)
+            return;
+        if (assignedTrigger.localName === 'br-button') {
+            const buttonTrigger = assignedTrigger;
+            buttonTrigger.ariaControls = 'target';
+            buttonTrigger.ariaExpanded = String(this.isOpen);
+            buttonTrigger.ariaHaspopup = 'true';
+            if (this.ariaLabel)
+                buttonTrigger.ariaLabel = this.ariaLabel;
+            return;
         }
+        const interactiveSelector = 'button, a[href], input, select, textarea, summary, [role="button"]';
+        const semanticTrigger = assignedTrigger.shadowRoot?.querySelector(interactiveSelector) ?? assignedTrigger;
+        if (this.semanticTriggerElement && this.semanticTriggerElement !== semanticTrigger) {
+            this.semanticTriggerElement.removeAttribute('aria-controls');
+            this.semanticTriggerElement.removeAttribute('aria-expanded');
+            this.semanticTriggerElement.removeAttribute('aria-haspopup');
+            this.semanticTriggerElement.removeAttribute('aria-disabled');
+        }
+        this.semanticTriggerElement = semanticTrigger;
+        if (!semanticTrigger.matches(interactiveSelector)) {
+            semanticTrigger.setAttribute('role', 'button');
+            semanticTrigger.tabIndex = this.disabled ? -1 : 0;
+        }
+        semanticTrigger.setAttribute('aria-controls', 'target');
+        semanticTrigger.setAttribute('aria-expanded', String(this.isOpen));
+        semanticTrigger.setAttribute('aria-haspopup', 'true');
+        if (this.ariaLabel)
+            semanticTrigger.setAttribute('aria-label', this.ariaLabel);
+        if (this.disabled)
+            semanticTrigger.setAttribute('aria-disabled', 'true');
+        else
+            semanticTrigger.removeAttribute('aria-disabled');
+    }
+    syncTriggerAccessibilityAfterHydration() {
+        const assignedTrigger = this.el.querySelector('[slot="trigger"]');
+        if (!assignedTrigger?.localName.includes('-'))
+            return;
+        void customElements.whenDefined(assignedTrigger.localName).then(() => this.syncTriggerAccessibility());
     }
     getCssClassMap() {
         return {
@@ -452,7 +546,7 @@ const Dropdown = class {
             return;
         this.clearDropdownItemListeners();
         this.targetElement.setAttribute('tabindex', '-1');
-        this.targetElement.focus();
+        this.targetElement.focus({ preventScroll: true });
         const targetSlot = this.el.shadowRoot.querySelector('slot[name="target"]');
         if (isNil.isNil(targetSlot))
             return;
@@ -470,9 +564,9 @@ const Dropdown = class {
                     this.dropdownItems.push(element);
                 }
             }
-            const linkChildren = Array.from(element.querySelectorAll(linkSelector));
+            const linkChildren = Array.from(element.querySelectorAll(linkSelector)).filter((child) => ownership.findComposedOwner(child, 'br-dropdown') === this.el);
             this.dropdownLinks = this.dropdownLinks.concat(linkChildren);
-            const nonLinkChildren = Array.from(element.querySelectorAll(nonLinkSelector));
+            const nonLinkChildren = Array.from(element.querySelectorAll(nonLinkSelector)).filter((child) => ownership.findComposedOwner(child, 'br-dropdown') === this.el);
             this.dropdownItems = this.dropdownItems.concat(nonLinkChildren);
         });
         this.dropdownItems.forEach((item) => {
@@ -482,11 +576,11 @@ const Dropdown = class {
             link.addEventListener('keydown', this.handleLinkKeydown);
         });
         if (this.dropdownLinks.length > 0) {
-            this.focusOnElement(this.dropdownLinks[0]);
+            this.focusOnElement(this.dropdownLinks[0], false);
             this.focusableElement = this.dropdownLinks[0];
         }
         else if (this.dropdownItems.length > 0) {
-            this.focusOnElement(this.dropdownItems[0]);
+            this.focusOnElement(this.dropdownItems[0], false);
             this.focusableElement = this.dropdownItems[0];
         }
     }
@@ -527,11 +621,20 @@ const Dropdown = class {
     positionDropdown() {
         if (this.triggerElement == null || this.targetElement == null)
             return;
+        const targetElement = this.targetElement;
+        this.hideTargetUntilPositioned();
+        this.floatingManager?.stop();
         this.floatingManager = new floatingUi.FloatingUIManager({
             triggerElement: this.triggerElement,
-            contentElement: this.targetElement,
-            placement: this.placement,
+            contentElement: targetElement,
+            placement: this.effectivePlacement,
             offset: 4,
+            matchReferenceWidth: this.matchTriggerWidth,
+            onUpdate: () => {
+                if (this.isOpen && this.targetElement === targetElement) {
+                    this.revealTargetAfterPositioning();
+                }
+            },
         });
         this.floatingManager.start();
     }
@@ -557,7 +660,7 @@ const Dropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '695bafe3b8c346f97a0db7360e32ac518ea1502b', "is-open": this.isOpen, placement: this.placement, "prevent-auto-dismiss": this.preventAutoDismiss, disabled: this.disabled, "arrow-position": this.arrowPosition }, index.h("div", { key: '301507910f180a8e8799df3a3b677f768c3bf50f', class: this.getCssClassMap(), id: this.customId }, index.h("div", { key: '7eed65fb40a674563a0378271ab8dbf4c3e441ef', id: "trigger", part: "trigger", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.disabled ? null : this.toggle, onKeyDown: (e) => (this.disabled ? null : this.triggerKeydownHandler(e)), "aria-controls": "target", "aria-haspopup": "true", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.ariaLabel || null, "aria-disabled": this.disabled ? 'true' : null }, this.showArrow && this.arrowPosition === 'left' ? (index.h("br-icon", { iconName: this.isOpen ? 'fa6-solid:caret-up' : 'fa6-solid:caret-down', "aria-hidden": "true", part: "trigger-arrow", width: "16", height: "16" })) : null, index.h("slot", { key: 'fa3d69c559202120e5f13c37b02fc4f89a4f1063', name: "trigger" }), this.showArrow && this.arrowPosition === 'right' ? (index.h("br-icon", { iconName: this.isOpen ? 'fa6-solid:caret-up' : 'fa6-solid:caret-down', "aria-hidden": "true", part: "trigger-arrow", width: "16", height: "16" })) : null), index.h("div", { key: '9071300ed8deeeeaa0f669f825e6eecf1fa96e75', id: "target", part: "target", "aria-hidden": this.isOpen ? 'false' : 'true' }, index.h("slot", { key: 'c6c7dca48b06b11ab9c97d8e3f76de0a275dfb0d', name: "target" })))));
+        return (index.h(index.Host, { key: 'ee78998f077b8628e9d5f59400b3be1ec9b37658', "is-open": this.isOpen, placement: this.effectivePlacement, "prevent-auto-dismiss": this.preventAutoDismiss, disabled: this.disabled, "arrow-position": this.effectiveArrowPosition }, index.h("div", { key: '107a91b2f7f7c1722e9feefebccf3917e6c9039e', class: this.getCssClassMap(), id: this.customId }, index.h("div", { key: '0100471f28d907debf872e72f987f1f78cb46b60', id: "trigger", part: "trigger", role: "group", onClick: this.disabled ? null : this.toggle, onKeyDown: (e) => (this.disabled ? null : this.triggerKeydownHandler(e)) }, this.showArrow && this.effectiveArrowPosition === 'left' ? (index.h("br-icon", { iconName: this.isOpen ? 'fa6-solid:caret-up' : 'fa6-solid:caret-down', "aria-hidden": "true", part: "trigger-arrow", width: "16", height: "16" })) : null, index.h("slot", { key: 'aab55053f8f88344462c393f0cd92fce0cfb1cc4', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), this.showArrow && this.effectiveArrowPosition === 'right' ? (index.h("br-icon", { iconName: this.isOpen ? 'fa6-solid:caret-up' : 'fa6-solid:caret-down', "aria-hidden": "true", part: "trigger-arrow", width: "16", height: "16" })) : null), index.h("div", { key: '65ed77adfb4c51b3f7f7f7ce72a9f06f5b5b5027', id: "target", part: "target", "aria-hidden": this.isOpen ? 'false' : 'true' }, index.h("slot", { key: '9a151cde2dd0ea9a1169f4218acff18f6ec19493', name: "target" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -570,6 +673,9 @@ const Dropdown = class {
         "placement": [{
                 "placementChanged": 0
             }],
+        "matchTriggerWidth": [{
+                "matchTriggerWidthChanged": 0
+            }],
         "disabled": [{
                 "disabledChanged": 0
             }]
@@ -608,9 +714,10 @@ function transitionAllSelection(currentValues, 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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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}`;
+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}pre{font-family:monospace;font-size:1em}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,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.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{box-sizing:border-box;display:block;max-width:100%;width:100%}.br-select{box-sizing:border-box;min-width:0;position:relative;width:100%;max-width:100%}:host([multiple]) .br-select{min-width:0}`;
 
-let selectId = 0;
+const SELECT_SEARCH_MODES = ['local', 'remote'];
+const SELECT_AUTOCOMPLETE_VALUES = ['on', 'off'];
 const Select = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -640,6 +747,13 @@ const Select = class {
          * @default false
          */
         this.disabled = false;
+        /**
+         * Define a densidade visual compartilhada pelo campo e pela lista de opções.
+         * Aceita `small`, `medium` ou `large`. Valores inválidos usam `medium`.
+         *
+         * @default 'medium'
+         */
+        this.density = 'medium';
         /**
          * Exibe label e campo na mesma linha.
          *
@@ -663,13 +777,16 @@ const Select = class {
          */
         this.keepOpenOnSelect = false;
         /**
-         * Define quantas opções ficam visíveis na janela da lista.
+         * Define quantas linhas visuais ficam visíveis na janela da lista.
+         * Cabeçalhos de grupo também ocupam uma linha quando existem.
+         * Deve ser um inteiro positivo; valores inválidos usam 6.
          *
          * @default 6
          */
         this.visibleItems = 6;
         /**
-         * Informa a altura base de cada opção para o cálculo de virtual scroll.
+         * Informa a altura base de cada opção ou cabeçalho para o cálculo de virtual scroll.
+         * Deve ser um número finito positivo; valores inválidos usam 40.
          *
          * @default 40
          */
@@ -683,6 +800,7 @@ const Select = class {
         this.inputWidth = undefined;
         /**
          * Define quantas opções extras são renderizadas antes e depois da área visível no virtual scroll.
+         * Deve ser um inteiro não negativo; valores inválidos usam 1.
          *
          * @default 1
          */
@@ -699,6 +817,12 @@ const Select = class {
          *
          * @type {string | string[] | undefined}
          * @remarks Em modo múltiplo, o valor público é um array de strings.
+         * @example
+         * ```js
+         * const select = document.querySelector('br-select');
+         * select.multiple = true;
+         * select.value = ['df', 'sp'];
+         * ```
          */
         this.value = '';
         /**
@@ -752,21 +876,33 @@ const Select = class {
          */
         this.unselectAllLabel = Select.DESELECT_ALL_LABEL;
         /**
-         * Opções fornecidas como array ou JSON, além das opções projetadas por slot.
+         * Fornece opções como array ou JSON, além das opções projetadas por slot.
+         * Use property binding para arrays em JavaScript e frameworks; no atributo
+         * HTML, informe uma string JSON válida. Na inicialização, opções no slot têm
+         * precedência quando existem. Depois de uma alteração nesta prop ou de uma
+         * chamada a `setOptions()`, a coleção imperativa passa a ser a fonte de dados.
+         * Não use em código novo. Declare `br-select-option` no slot padrão ou, para
+         * respostas dinâmicas/remotas, atualize a coleção com `setOptions()`.
          *
-         * @deprecated O formato de opções tipado atual é preferível; o formato legado permanece aceito.
+         * @example
+         * ```html
+         * <!-- Compatibilidade legada; prefira elementos br-select-option. -->
+         * <br-select options='[{"label":"Distrito Federal","value":"df"}]'></br-select>
+         * ```
+         * @deprecated Use `br-select-option` no slot padrão ou `setOptions()` para respostas dinâmicas/remotas.
          */
         this.options = [];
         /** Identificador público do controle. */
-        this.customId = `br-select-${selectId++}`;
-        /** Quantidade mínima de opções selecionadas no modo múltiplo. */
+        this.customId = id.generateUniqueId('br-select');
+        /** Quantidade mínima de opções selecionadas no modo múltiplo. Deve ser um inteiro não negativo; valores inválidos usam 0. */
         this.minSelections = 0;
-        /** Quantidade máxima de opções selecionadas no modo múltiplo. */
+        /** Quantidade máxima de opções selecionadas no modo múltiplo. Deve ser um inteiro não negativo; valores inválidos usam 0. */
         this.maxSelections = 0;
         this.shouldRestoreSelectedOptionOnOpen = false;
         this.pendingOptions = null;
         this.slotElement = null;
-        this.handleSlotChange = () => this.syncOptionsFromSlot();
+        this.handleSlotChange = () => this.slotReconciler.schedule();
+        this.slotReconciler = ownership.createMicrotaskReconciler(() => this.syncOptionsFromSlot());
         this.lastEmittedStateKey = '';
         this.isStateChangeReady = false;
         this.isValueChangeReady = false;
@@ -827,6 +963,30 @@ const Select = class {
             this.applySelectedValue(state);
         }
     }
+    get effectiveVisibleItems() {
+        return props.resolveIntegerPropValue(this.el, 'visibleItems', this.visibleItems, 1, Number.MAX_SAFE_INTEGER, 6);
+    }
+    get effectiveDensity() {
+        return props.resolveDensity(this.el, this.density);
+    }
+    get effectiveItemHeight() {
+        return props.resolveNumberPropValue(this.el, 'itemHeight', this.itemHeight, 1, Number.MAX_SAFE_INTEGER, 40);
+    }
+    get effectiveOverscan() {
+        return props.resolveIntegerPropValue(this.el, 'overscan', this.overscan, 0, Number.MAX_SAFE_INTEGER, 1);
+    }
+    get effectiveSearchMode() {
+        return props.resolveAllowedPropValue(this.el, 'searchMode', this.searchMode, SELECT_SEARCH_MODES, 'local');
+    }
+    get effectiveMinSelections() {
+        return props.resolveIntegerPropValue(this.el, 'minSelections', this.minSelections, 0, Number.MAX_SAFE_INTEGER, 0);
+    }
+    get effectiveAutocomplete() {
+        return props.resolveAllowedPropValue(this.el, 'autocomplete', this.autocomplete, SELECT_AUTOCOMPLETE_VALUES, undefined, { allowUndefined: true });
+    }
+    get effectiveMaxSelections() {
+        return props.resolveIntegerPropValue(this.el, 'maxSelections', this.maxSelections, 0, Number.MAX_SAFE_INTEGER, 0);
+    }
     componentWillLoad() {
         this.hasFeedbackSlot = slot.hasNamedLightDomSlot(this.el, 'feedback');
         this.hasValidationLoadingSlot = slot.hasNamedLightDomSlot(this.el, 'validation-loading');
@@ -872,6 +1032,7 @@ const Select = class {
         this.updateValidity();
     }
     disconnectedCallback() {
+        this.slotReconciler.cancel();
         if (this.slotElement) {
             this.slotElement.removeEventListener('slotchange', this.handleSlotChange);
             this.slotElement = null;
@@ -912,10 +1073,10 @@ const Select = class {
         return options.map((option) => ({ ...option, selected: selected.has(option.value) }));
     }
     getListOptions(options) {
-        const normalized = this.applyCanonicalSelection(options).filter((option) => option.value !== '__select_all__');
+        const normalized = this.applyCanonicalSelection(options).filter((option) => !this.isSelectAllOption(option));
         if (!this.effectiveMultiple)
             return normalized;
-        const selectable = normalized.filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
+        const selectable = normalized.filter((option) => !this.isSelectAllOption(option));
         const allSelected = selectable.length > 0 && selectable.every((option) => Boolean(option.selected));
         const anySelected = selectable.some((option) => Boolean(option.selected));
         return [
@@ -1085,6 +1246,23 @@ const Select = class {
         event.dispatchNativeFormEvent(this.el, 'input');
         event.dispatchNativeFormEvent(this.el, 'change');
     }
+    /**
+     * Recalcula a coleção quando uma opção projetada muda por atribuição direta
+     * de `selected`, `disabled`, `label`, `group` ou `value`. A lista virtualizada em
+     * Shadow DOM não é uma fonte independente; ela recebe o snapshot pelo seu
+     * contrato público `options`.
+     */
+    handleSelectOptionPropsChange(event) {
+        const path = event.composedPath();
+        if (path.some((node) => node.tagName?.toLowerCase() === 'br-select-list'))
+            return;
+        const target = path.find((node) => node.tagName?.toLowerCase() === 'br-select-option');
+        if (!(target instanceof HTMLElement) || ownership.findComposedOwner(target, 'br-select') !== this.el)
+            return;
+        if (this.hasImperativeOptions)
+            return;
+        this.slotReconciler.schedule();
+    }
     handleSelectOptionHover(event) {
         this.optionHover.emit(event.detail);
     }
@@ -1294,7 +1472,7 @@ const Select = class {
      */
     async setOptions(options) {
         this.hasImperativeOptions = true;
-        const nextOptions = this.searchMode === 'remote' ? this.applyRemoteSelection(options) : options;
+        const nextOptions = this.effectiveSearchMode === 'remote' ? this.applyRemoteSelection(options) : options;
         this.suppressValueChange = true;
         try {
             if (this.selectListElement) {
@@ -1359,41 +1537,23 @@ const Select = class {
         const rawLabel = el.getAttribute('label') ?? el.label ?? '';
         let value = String(rawValue || '').trim();
         let label = String(rawLabel || '').trim();
+        const group = this.getOptionElementGroup(el);
         const inner = this.extractInnerTextFromOption(el);
         const content = (el.innerHTML || '').trim();
         const selected = el.hasAttribute('selected') || Boolean(el.selected);
-        if (!value) {
-            if (inner)
-                value = inner.trim();
-        }
+        if (!value && inner)
+            value = inner.trim();
         if (!label)
             label = inner?.trim() || value;
-        return { value: value || '', label: label || undefined, selected, content: content || undefined };
+        return { value: value || '', label: label || undefined, group, selected, content: content || undefined };
+    }
+    getOptionElementGroup(el) {
+        return String(el.getAttribute('group') ?? el.group ?? '').trim() || undefined;
     }
     extractInnerTextFromOption(el) {
-        const fromSlot = this.getAssignedSlotText(el);
-        if (fromSlot)
-            return fromSlot;
         const fallback = (el.textContent || '').trim();
         return fallback || null;
     }
-    getAssignedSlotText(el) {
-        try {
-            const innerSlot = el.shadowRoot?.querySelector('slot:not([name])');
-            if (!innerSlot?.assignedNodes)
-                return null;
-            const text = innerSlot
-                .assignedNodes({ flatten: true })
-                .map((node) => (node.textContent || '').trim())
-                .filter(Boolean)
-                .join(' ')
-                .trim();
-            return text || null;
-        }
-        catch (_e) {
-            return null;
-        }
-    }
     getOptionLabel(option) {
         return (option.label ?? option.value).trim();
     }
@@ -1451,15 +1611,44 @@ const Select = class {
         return selectedValues[0];
     }
     getOptionsProp() {
-        if (Array.isArray(this.options))
-            return this.options;
-        try {
-            const parsed = JSON.parse(this.options || '[]');
-            return Array.isArray(parsed) ? parsed : [];
+        let parsed = this.options;
+        if (!Array.isArray(this.options)) {
+            try {
+                parsed = JSON.parse(this.options || '[]');
+            }
+            catch {
+                propWarning.reportInvalidPropValue(this.el, 'options', this.options, 'Informe um array de opções ou uma string JSON válida.', 'Aplicando fallback [].');
+                return [];
+            }
         }
-        catch {
+        if (!Array.isArray(parsed)) {
+            propWarning.reportInvalidPropValue(this.el, 'options', this.options, 'Informe um array de opções ou uma string JSON válida.', 'Aplicando fallback [].');
             return [];
         }
+        const validOptions = parsed.filter((option) => {
+            return typeof option === 'object' && option !== null && typeof option.value === 'string';
+        });
+        const hasInvalidLabels = parsed.some((option) => {
+            if (typeof option !== 'object' || option === null)
+                return false;
+            const label = option.label;
+            return label !== undefined && typeof label !== 'string';
+        });
+        const hasInvalidGroups = parsed.some((option) => {
+            if (typeof option !== 'object' || option === null)
+                return false;
+            const group = option.group;
+            return group !== undefined && typeof group !== 'string';
+        });
+        const normalizedOptions = validOptions.map((option) => ({
+            ...option,
+            group: typeof option.group === 'string' ? option.group.trim() || undefined : undefined,
+            label: typeof option.label === 'string' ? option.label : undefined,
+        }));
+        if (validOptions.length !== parsed.length || hasInvalidLabels || hasInvalidGroups) {
+            propWarning.reportInvalidPropValue(this.el, 'options', this.options, 'Cada opção deve ter `value` string e pode ter `label` e `group` como strings.', 'Ignorando opções inválidas e removendo rótulos ou grupos com tipo incompatível.');
+        }
+        return normalizedOptions;
     }
     applySelectedValue(value) {
         const currentOptions = this.getCurrentOptions();
@@ -1479,7 +1668,7 @@ const Select = class {
         this.isApplyingExternalValue = false;
         this.remoteSelectedOptions.clear();
         this.rememberRemoteSelections(options);
-        if (this.searchMode === 'remote') {
+        if (this.effectiveSearchMode === 'remote') {
             const selectedValues = new Set(Array.isArray(value) ? value : [value ?? '']);
             selectedValues.forEach((selectedValue) => {
                 if (selectedValue && !currentOptions.some((option) => option.value === selectedValue)) {
@@ -1506,7 +1695,7 @@ const Select = class {
         return nextOptions;
     }
     rememberRemoteSelections(options) {
-        if (this.searchMode !== 'remote')
+        if (this.effectiveSearchMode !== 'remote')
             return;
         const visibleValues = new Set(options.map((option) => option.value));
         options.forEach((option) => {
@@ -1517,7 +1706,7 @@ const Select = class {
         });
     }
     getFormOptions(options) {
-        if (this.searchMode !== 'remote')
+        if (this.effectiveSearchMode !== 'remote')
             return options;
         const result = options.map((option) => ({ ...option }));
         const existingValues = new Set(result.map((option) => option.value));
@@ -1551,10 +1740,10 @@ const Select = class {
         const nativeSelect = this.getNativeSelect();
         if (!nativeSelect)
             return;
-        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.`
+        const selectionMessage = this.effectiveMultiple && this.effectiveMinSelections > 0 && selectedCount < this.effectiveMinSelections
+            ? `Selecione pelo menos ${this.effectiveMinSelections} opções.`
+            : this.effectiveMultiple && this.effectiveMaxSelections > 0 && selectedCount > this.effectiveMaxSelections
+                ? `Selecione no máximo ${this.effectiveMaxSelections} opções.`
                 : '';
         nativeSelect.setCustomValidity(this.customValidationMessage || this.validatorMessage || selectionMessage);
         validator.syncNativeFormValidity(this.elementInternals, nativeSelect);
@@ -1739,28 +1928,21 @@ const Select = class {
         });
     }
     reflectRenderedListSelection(values, sourceOptions) {
-        const renderedOptions = this.selectListElement?.shadowRoot?.querySelectorAll('br-select-option');
-        if (!renderedOptions)
+        if (!this.selectListElement)
             return;
-        const selectedValues = new Set(values);
-        const selectableOptions = (sourceOptions?.length
-            ? sourceOptions
-            : Array.from(renderedOptions).map((option) => ({ label: option.label, value: option.value }))).filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
-        const allSelected = selectableOptions.length > 0 && selectableOptions.every((option) => selectedValues.has(option.value));
-        const anySelected = selectableOptions.some((option) => selectedValues.has(option.value));
-        renderedOptions.forEach((option) => {
-            if (this.isSelectAllLabel(option.label ?? option.value)) {
-                option.indeterminate = anySelected && !allSelected;
-                option.selected = allSelected;
-                option.label = this.getSelectAllLabel(allSelected, option.indeterminate);
-                return;
-            }
-            option.selected = selectedValues.has(option.value);
-        });
+        const options = sourceOptions ?? this.getCurrentOptions();
+        // `select-list` expõe uma coleção controlada; o pai não precisa conhecer
+        // os nós internos (nem atravessar `shadowRoot`) para refletir a seleção.
+        this.selectListElement.options = this.getListOptions(options.map((option) => ({ ...option, selected: values.includes(option.value) })));
     }
     isSelectAllLabel(label) {
         return label === this.selectAllLabel || label === this.unselectAllLabel;
     }
+    isSelectAllOption(option) {
+        return (option.value === '__select_all__' ||
+            option.value === 'Alternar todos' ||
+            this.isSelectAllLabel(this.getOptionLabel(option)));
+    }
     getSelectAllLabel(selected, indeterminate) {
         return selected && !indeterminate ? this.unselectAllLabel : this.selectAllLabel;
     }
@@ -1838,7 +2020,6 @@ const Select = class {
      * 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
@@ -1850,16 +2031,7 @@ const Select = class {
                 .filter((option) => Boolean(option));
             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;
+                return this.getListOptions(normalizedSlotOptions);
             }
         }
         const listOptions = this.getSelectListController()?.options;
@@ -1867,34 +2039,14 @@ const Select = class {
             const normalizedListOptions = listOptions.map((option) => ({ ...option }));
             const hasRealOptions = normalizedListOptions.some((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
             if (hasRealOptions) {
-                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);
+                return this.getListOptions(normalizedListOptions);
             }
         }
         if (this.pendingOptions) {
-            return this.applyCanonicalSelection(this.pendingOptions);
+            return this.getListOptions(this.pendingOptions);
         }
         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;
+        return this.getListOptions(hostOptions);
     }
     normalizeSearchText(value) {
         return value
@@ -1906,7 +2058,7 @@ const Select = class {
     getNavigableOptions() {
         const options = this.getCurrentOptions();
         const normalizedTerm = this.normalizeSearchText(this.searchTerm);
-        if (!this.filterable || this.searchMode === 'remote' || !normalizedTerm)
+        if (!this.filterable || this.effectiveSearchMode === 'remote' || !normalizedTerm)
             return options;
         return options.filter((option) => {
             if (this.isSelectAllLabel(this.getOptionLabel(option)))
@@ -1941,10 +2093,10 @@ const Select = class {
         this.selectListElement?.setMultiple(isMultiple);
     }
     renderSelectInput() {
-        return (index.h("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() }));
+        return (index.h("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, density: this.effectiveDensity, "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.effectiveAutocomplete, "input-width": this.inputWidth, role: "combobox", value: this.filterable && this.effectiveOpen ? this.searchTerm : this.getRenderedDisplayValue() }));
     }
     renderSelectList() {
-        return (index.h("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) => {
+        return (index.h("br-select-list", { part: "list", options: this.getListOptions(this.getCurrentOptions()), exportparts: "list, option, checkbox, select-all, empty-option, option-checkbox, option-radio, option-group", "active-option-index": this.activeOptionIndex, "aria-label": this.getAccessibleLabel(), "aria-multiselectable": this.effectiveMultiple ? 'true' : 'false', density: this.effectiveDensity, id: this.listboxId, "visible-items": this.effectiveVisibleItems, "item-height": this.effectiveItemHeight, overscan: this.effectiveOverscan, "search-term": this.filterable && this.effectiveSearchMode === '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);
@@ -1954,7 +2106,7 @@ const Select = class {
     renderHiddenSelect() {
         const options = this.getFormOptions(this.getCurrentOptions()).filter((option) => !this.isSelectAllLabel(this.getOptionLabel(option)));
         const hasSelection = options.some((option) => option.selected);
-        return (index.h("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: {
+        return (index.h("select", { ref: (el) => (this.nativeSelect = el), part: "hidden-select", name: this.name, autocomplete: this.effectiveAutocomplete, multiple: this.effectiveMultiple, required: this.required, disabled: this.isDisabled(), tabIndex: -1, "aria-hidden": "true", style: {
                 position: 'absolute',
                 width: '1px',
                 height: '1px',
@@ -1964,10 +2116,31 @@ const Select = class {
                 clip: 'rect(0, 0, 0, 0)',
                 whiteSpace: 'nowrap',
                 border: '0',
-            }, onChange: (event) => event.preventDefault() }, index.h("option", { value: "", selected: !hasSelection }), options.map((option) => (index.h("option", { key: option.value, value: option.value, selected: option.selected, disabled: option.disabled })))));
+            }, onChange: (event) => event.preventDefault() }, index.h("option", { value: "", selected: !hasSelection }), this.getNativeOptionGroups(options).map((optionGroup, groupIndex) => {
+            const nativeOptions = optionGroup.options.map((option) => this.renderNativeOption(option));
+            if (!optionGroup.group)
+                return nativeOptions;
+            return (index.h("optgroup", { key: `${optionGroup.group}:${groupIndex}`, label: optionGroup.group }, nativeOptions));
+        })));
+    }
+    getNativeOptionGroups(options) {
+        return options.reduce((groups, option) => {
+            const group = option.group?.trim() || undefined;
+            const currentGroup = groups.at(-1);
+            if (!currentGroup || currentGroup.group !== group) {
+                groups.push({ group, options: [option] });
+            }
+            else {
+                currentGroup.options.push(option);
+            }
+            return groups;
+        }, []);
+    }
+    renderNativeOption(option) {
+        return (index.h("option", { key: option.value, value: option.value, selected: option.selected, disabled: option.disabled }));
     }
     render() {
-        return (index.h(index.Host, { key: '81db917bc8a39989db84e7e0c9f4aa1272d52af0', "aria-busy": this.isValidating || this.loading ? 'true' : null }, index.h("div", { key: '150cc02f7a66f90546741550586ba254b9b6728a', class: this.getCssClassMap(), part: "container" }, this.renderSelectInput(), this.renderSelectList(), index.h("div", { key: 'd3a981fd4da448b3e2355b78bab07fb7245624d8', part: "feedback", hidden: !this.hasFeedbackSlot && !this.validatorMessage }, index.h("slot", { key: '9f40bb218c36ab6b19579ceac0a849e40ec00ad4', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }, this.validatorMessage)), index.h("div", { key: 'd33a5d0ebd54ebeda226e06de1a60b0f75e5b94c', part: "validation-loading", hidden: !this.hasValidationLoadingSlot || !this.isValidating }, index.h("slot", { key: '8b098ffce8ca2ed341f5a06252bf662574343717', name: "validation-loading" })), this.renderHiddenSelect())));
+        return (index.h(index.Host, { key: '9c74748b6b9b428fc6f0388a704196e579d45ae6', "aria-busy": this.isValidating || this.loading ? 'true' : null }, index.h("div", { key: '291a5947bd1f1de1b93944fca855fc7a2cacd24e', class: this.getCssClassMap(), part: "container" }, this.renderSelectInput(), this.renderSelectList(), index.h("div", { key: '86f0d585b01076b26926e80a10e60ae1077f4183', part: "feedback", hidden: !this.hasFeedbackSlot && !this.validatorMessage }, index.h("slot", { key: 'f5aad9aa79604fe8b7be56fb80ecf27ea116559b', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }, this.validatorMessage)), index.h("div", { key: '1bf287a49b52beb2655d80e7195ea1657ce1cf18', part: "validation-loading", hidden: !this.hasValidationLoadingSlot || !this.isValidating }, index.h("slot", { key: 'e0b02f9a40c8105c901600fed485352e664ff9d2', name: "validation-loading" })), this.renderHiddenSelect())));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }