@govbr-ds/webcomponents 2.4.0 → 2.5.0

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

@@ -10,10 +10,10 @@ var validator = require('./validator-GkkueMOx.js');
 var id = require('./id-DE4jSi-L.js');
 var parts = require('./parts-D5K3ae2C.js');
 var props = require('./props-D8dybmr0.js');
-var slot = require('./slot-DAllytTj.js');
+var slot = require('./slot-CjaqqX7y.js');
 require('./prop-warning-xvEHQz8H.js');
 
-const inputCss = () => `*,*::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}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--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);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{flex:1}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--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);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{box-sizing:border-box;display:block;margin-bottom:var(--br-input-margin-bottom, var(--spacing-scale-base));max-width:100%;width:100%}:host .br-input .input-icon{margin:0 var(--spacing-scale-2x)}:host .br-input .input-icon+input{padding-left:var(--spacing-scale-6x)}:host([disabled]){opacity:1 !important}.br-input input::placeholder{font-size:var(--input-placeholder-font-size, inherit)}.br-input input[type=color]{width:100%;height:var(--input-size);padding:var(--spacing-scale-half);cursor:pointer}.br-input input[type=color]::-webkit-color-swatch-wrapper{padding:0;display:flex;align-items:center}.br-input input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input input[type=color]::-moz-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative}.br-input br-button.button-transform{transform:translateY(calc((var(--input-size) - 32px) * 0.5))}.br-input .input-label{margin-top:0 !important}.br-input.input-inline{display:flex;align-items:center}:host([borderless]) .br-input input{border-color:rgba(0,0,0,0)}:host([borderless]) .br-input input:focus,:host([borderless]) .br-input input:focus-visible{border-color:var(--border-color-alternative)}::slotted([slot=feedback]){display:none}::slotted(br-message[hidden]){display:none !important}:host([state]) ::slotted([slot=feedback]){display:block}`;
+const inputCss = () => `*,*::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}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--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);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{flex:1}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--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);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{box-sizing:border-box;display:block;margin-bottom:var(--br-input-margin-bottom, var(--spacing-scale-base));max-width:100%;width:100%}:host .br-input .input-icon{margin:var(--spacing-scale-half) var(--spacing-scale-2x) 0}:host .br-input .input-icon+input{padding-left:var(--spacing-scale-6x)}:host([disabled]){opacity:1 !important}.br-input input::placeholder{font-size:var(--input-placeholder-font-size, inherit)}.br-input input[type=color]{width:100%;height:var(--input-size);padding:var(--spacing-scale-half);cursor:pointer}.br-input input[type=color]::-webkit-color-swatch-wrapper{padding:0;display:flex;align-items:center}.br-input input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input input[type=color]::-moz-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative}.br-input br-button.button-transform{transform:translateY(calc((var(--input-size) - 32px) * 0.5))}.br-input .input-label{margin-top:0 !important}.br-input.input-clear input{padding-right:var(--input-padding-button)}.br-input.input-clear.input-button input{padding-right:calc(var(--input-padding-button)*2)}.br-input.input-clear.input-button br-button.clear-button{margin-right:var(--input-padding-button)}.br-input.input-inline{display:flex;align-items:center}:host([borderless]) .br-input input{border-color:rgba(0,0,0,0)}:host([borderless]) .br-input input:focus,:host([borderless]) .br-input input:focus-visible{border-color:var(--border-color-alternative)}::slotted([slot=feedback]){display:none}::slotted(br-message[hidden]){display:none !important}:host([state]) ::slotted([slot=feedback]){display:block}`;
 
 const INPUT_STATES = ['info', 'warning', 'danger', 'success'];
 const INPUT_AUTOCOMPLETE_VALUES = ['on', 'off'];
@@ -107,6 +107,14 @@ const Input = class {
          * Se verdadeiro, permite a entrada de múltiplos e-mails (quando type="email").
          */
         this.multiple = false;
+        /**
+         * Exibe um botão para limpar o texto enquanto o campo tem valor e aceita edição.
+         * O botão fica à esquerda do botão de ação, quando houver. Ao ser acionado,
+         * limpa o valor, emite `input` uma única vez e `brClear`, e devolve o foco ao campo.
+         * Não é exibido com `disabled` ou `readonly`.
+         * @default false
+         */
+        this.clearable = false;
         this.initialValue = '';
         this.manualValidationMessage = '';
         this.validationRunId = 0;
@@ -228,6 +236,27 @@ const Input = class {
             this.isPasswordVisible = !this.isPasswordVisible;
             input.type = this.isPasswordVisible ? 'text' : 'password';
         };
+        /** Mantém o foco no campo ao clicar no botão de limpar, como o "x" de um campo de busca nativo. */
+        this.keepInputFocus = (event) => {
+            event.preventDefault();
+        };
+        this.handleClearClick = () => {
+            if (!this.isClearButtonVisible())
+                return;
+            this.nativeValueUpdate = true;
+            try {
+                this.value = '';
+            }
+            finally {
+                this.nativeValueUpdate = false;
+            }
+            if (this.nativeInput)
+                this.nativeInput.value = '';
+            this.valueChange.emit('');
+            event.dispatchNativeFormEvent(this.el, 'input');
+            this.brClear.emit();
+            this.nativeInput?.focus();
+        };
         this.handleActionClick = (event) => {
             if (this.isDisabled())
                 return;
@@ -256,14 +285,14 @@ const Input = class {
          * Renderiza o conteúdo do input com ícone, organizando os elementos em um grupo e aplicando estilos de largura quando necessário.
          */
         this.renderInputWithIcon = () => {
-            return (index.h("div", { class: "input-group", part: "group", style: this.controlWidth !== undefined && this.controlWidth !== null ? { width: this.controlWidth } : undefined }, this.renderIconSlot(), this.renderInput(), this.renderButton(), this.renderHelpText()));
+            return (index.h("div", { class: "input-group", part: "group", style: this.controlWidth !== undefined && this.controlWidth !== null ? { width: this.controlWidth } : undefined }, this.renderIconSlot(), this.renderInput(), this.renderButton(), this.renderClearButton(), this.renderHelpText()));
         };
         /**
          * Renderiza o conteúdo do input sem ícone, organizando os elementos em um grupo.
          * @returns JSX.Element representando o conteúdo do input sem ícone.
          */
         this.renderInputWithoutIcon = () => {
-            return [this.renderInput(), this.renderButton(), this.renderHelpText()];
+            return [this.renderInput(), this.renderButton(), this.renderClearButton(), this.renderHelpText()];
         };
     }
     formDisabledCallback(disabled) {
@@ -353,8 +382,11 @@ const Input = class {
         this.syncFormState();
         this.updateValidity();
     }
-    componentShouldUpdate(_newValue, _oldValue, propName) {
-        return propName !== 'value' || !this.nativeValueUpdate;
+    componentShouldUpdate(newValue, oldValue, propName) {
+        if (propName !== 'value' || !this.nativeValueUpdate)
+            return true;
+        // A digitação não re-renderiza, exceto quando o botão de limpar precisa aparecer ou sumir.
+        return this.clearable && Boolean(newValue) !== Boolean(oldValue);
     }
     componentDidRender() {
         this.syncCssPartAttributes();
@@ -534,7 +566,10 @@ const Input = class {
     syncCssPartAttributes() {
         if (!this.hasActionSlot)
             return;
-        this.el.shadowRoot?.querySelectorAll('br-button.button-transform').forEach((button) => {
+        // O botão de limpar tem part próprio (`clear`) e não recebe as parts da ação.
+        this.el.shadowRoot
+            ?.querySelectorAll('br-button.button-transform:not(.clear-button)')
+            .forEach((button) => {
             parts.setPartAttributes(button, 'action', 'button: action-button');
         });
     }
@@ -559,6 +594,7 @@ const Input = class {
         return {
             'br-input': true,
             'input-button': this.hasActionSlot,
+            'input-clear': this.isClearButtonVisible(),
             small: density === 'small',
             large: density === 'large',
             medium: density === 'medium',
@@ -612,16 +648,28 @@ const Input = class {
             return (index.h("div", { class: "input-icon", part: "icon" }, index.h("slot", { name: "icon", onSlotchange: this.handleSlotChange })));
         }
     }
+    isClearButtonVisible() {
+        return this.clearable && Boolean(this.value) && !this.readonly && !this.isDisabled();
+    }
+    /**
+     * Renderiza o botão de limpar quando `clearable` está ativo e há texto editável.
+     * @returns JSX.Element do botão ou `null`.
+     */
+    renderClearButton() {
+        if (!this.isClearButtonVisible())
+            return null;
+        return (index.h("br-button", { key: "clear", class: "button-transform clear-button", shape: "circle", density: "small", "aria-label": "Limpar texto", onMouseDown: this.keepInputFocus, onClick: this.handleClearClick, part: "clear" }, index.h("br-icon", { iconName: "fa6-solid:xmark", width: "16", height: "16", "aria-hidden": "true" })));
+    }
     /**
      * Renderiza o botão de ação do input, considerando o tipo de input e slots disponíveis.
      * @returns JSX.Element representando o botão de ação.
      */
     renderButton() {
         if (this.effectiveType === 'password') {
-            return (index.h("br-button", { class: "button-transform", shape: "circle", density: "small", "aria-label": this.isPasswordVisible ? 'Esconder senha' : 'Mostrar senha', onClick: this.togglePasswordVisibility, part: "action" }, this.renderIconPassword()));
+            return (index.h("br-button", { key: "password", class: "button-transform", shape: "circle", density: "small", "aria-label": this.isPasswordVisible ? 'Esconder senha' : 'Mostrar senha', onClick: this.togglePasswordVisibility, part: "action" }, this.renderIconPassword()));
         }
         else if (this.hasSlotContent('action')) {
-            return (index.h("br-button", { class: "button-transform", shape: "circle", density: "small", "aria-label": this.actionLabel, customTabIndex: this.effectiveActionTabIndex, onClick: this.handleActionClick, part: "action" }, index.h("slot", { name: "action", onSlotchange: this.handleSlotChange })));
+            return (index.h("br-button", { key: "action", class: "button-transform", shape: "circle", density: "small", "aria-label": this.actionLabel, customTabIndex: this.effectiveActionTabIndex, onClick: this.handleActionClick, part: "action" }, index.h("slot", { name: "action", onSlotchange: this.handleSlotChange })));
         }
         return null;
     }
@@ -690,7 +738,7 @@ const Input = class {
      * @returns JSX.Element representando o componente de input.
      */
     render() {
-        return (index.h(index.Host, { key: 'f8114094d679f80e23b7a5a34ba504de89b940a1' }, index.h("div", { key: 'c1db5cf25ff288eb60bdf416b60f18a258b43988', class: this.getInputCssClassMap(), part: "container" }, this.renderLabel(), (this.inline ?? this.isInline) ? this.renderInlineInputContent() : this.renderInputContent(), this.renderFeedback(), this.renderValidationLoading())));
+        return (index.h(index.Host, { key: 'c285230754f09bb80280fa9b7781cf0e43016861' }, index.h("div", { key: '0253fa15af2fb61cb6cd4b04566ba2262b70f667', class: this.getInputCssClassMap(), part: "container" }, this.renderLabel(), (this.inline ?? this.isInline) ? this.renderInlineInputContent() : this.renderInputContent(), this.renderFeedback(), this.renderValidationLoading())));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -9,7 +9,7 @@ var id = require('./id-DE4jSi-L.js');
 var navigation = require('./navigation-AbzwcRCU.js');
 var ownership = require('./ownership-UnpufyCx.js');
 var props = require('./props-D8dybmr0.js');
-var slot = require('./slot-DAllytTj.js');
+var slot = require('./slot-CjaqqX7y.js');
 require('./prop-warning-xvEHQz8H.js');
 
 const itemCss = () => `*,*::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}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1*var(--spacing-scale-base));margin-right:calc(-1*var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y)*-1);margin-left:calc(var(--item-padding-x)*-1);margin-right:calc(var(--item-padding-x)*-1);margin-top:calc(var(--item-padding-y)*-1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y)*2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y)*2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--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-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);background-color:var(--selected)}.br-item.active{--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);background-color:var(--active);color:var(--color)}.br-item.inverted,.br-item.dark-mode{--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-item.inverted.active,.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item[data-toggle] .content i{color:var(--interactive)}.br-item .content{align-items:center;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:rgba(0,0,0,0);color:var(--color)}button.br-item:focus{outline:none}button.br-item.focus-visible,button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}.br-item{background-color:var(--br-item-bg-color, transparent);font-family:var(--font-family-base);font-size:var(--font-size-scale-base)}.br-item.small{--item-padding-y:var(--spacing-scale-base)}.br-item.medium{--item-padding-y:var(--spacing-scale-2x)}.br-item.large{--item-padding-y:var(--spacing-scale-3x)}:host([disabled]) .br-item{cursor:not-allowed}::slotted(br-checkbox){max-width:fit-content;max-height:fit-content}::slotted(br-radio){max-width:fit-content;max-height:fit-content}.br-item:focus{cursor:auto;outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.no-text-selection{-webkit-user-select:none;user-select:none}:host([disabled]),:host([disabled]) .br-item{opacity:1 !important}:host([disabled]) ::slotted(*){opacity:var(--disabled) !important}:host([disabled]) ::slotted(br-checkbox),:host([disabled]) ::slotted(br-radio){opacity:initial !important}`;
@@ -398,7 +398,7 @@ const Item = class {
         // posterior.
         const hasSlotStart = this.hasSlotStart || this.hasSlotContent('start');
         const hasSlotEnd = this.hasSlotEnd || this.hasSlotContent('end');
-        return (index.h(index.Host, { key: 'b6266f79224d7d88830f01607dbf5914363e27b1', tabindex: this.effectiveInteractive || this.effectiveButton ? (this.disabled ? -1 : 0) : undefined }, index.h(TagType, { key: '3032ac583c2d60972dea2659a5d9403b8525afbf', class: classList, ...attributes, tabindex: this.effectiveInteractive || this.effectiveButton ? (this.disabled ? -1 : 0) : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown, id: this.customId, ref: (el) => (this.focusableElement = el), onMouseDown: this.handleMouseDown, part: "item" }, hasSlotStart || hasSlotEnd ? (index.h("div", { class: "row align-items-center" }, hasSlotStart && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "start" }))), index.h("div", { class: "col" }, index.h("slot", null)), hasSlotEnd && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "end" }))))) : (index.h("slot", null)))));
+        return (index.h(index.Host, { key: 'c740d234a49ee434d62e0f79f901045bbd3beb48', tabindex: this.effectiveInteractive || this.effectiveButton ? (this.disabled ? -1 : 0) : undefined }, index.h(TagType, { key: '9a67bd7232e44a5ff5c3627c4ff4866d2f1925a4', class: classList, ...attributes, tabindex: this.effectiveInteractive || this.effectiveButton ? (this.disabled ? -1 : 0) : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown, id: this.customId, ref: (el) => (this.focusableElement = el), onMouseDown: this.handleMouseDown, part: "item" }, hasSlotStart || hasSlotEnd ? (index.h("div", { class: "row align-items-center" }, hasSlotStart && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "start" }))), index.h("div", { class: "col" }, index.h("slot", null)), hasSlotEnd && (index.h("div", { class: "col-auto" }, index.h("slot", { name: "end" }))))) : (index.h("slot", null)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -47,17 +47,17 @@ const Link = class {
          * Exibe o link com o mesmo visual do componente `br-button`.
          */
         this.button = false;
-        /** Valor canônico de `aria-expanded`. */
+        /** Valor de `aria-expanded`. */
         this.ariaExpanded = null;
-        /** Valor canônico de `aria-selected`. */
+        /** Valor de `aria-selected`. */
         this.ariaSelected = null;
-        /** Valor canônico de `aria-haspopup`. */
+        /** Valor de `aria-haspopup`. */
         this.ariaHasPopup = null;
-        /** Valor canônico de `aria-current`. */
+        /** Valor de `aria-current`. */
         this.ariaCurrent = null;
-        /** Valor canônico de `aria-label`. */
+        /** Valor de `aria-label`. */
         this.ariaLabel = null;
-        /** Valor canônico de `aria-describedby`. */
+        /** Valor de `aria-describedby`. */
         this.ariaDescribedBy = null;
         this.handleClick = (event) => {
             if (this.disabled) {
@@ -131,7 +131,7 @@ const Link = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '735d6e0d48cb55199a14f32c3d0d86c234e4cd61' }, index.h("a", { key: '54b489e59820264b3a5367af6195b6bd06e06712', part: "anchor", class: { 'br-button': this.button }, href: this.disabled ? undefined : this.href, target: this.effectiveTarget, rel: this.getRel(), download: this.download, hreflang: this.hreflang, referrerPolicy: this.referrerPolicy, type: this.type, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, ...this.getAnchorAttrs() }, index.h("slot", { key: 'c1e47475dd6c47eba68bfe97ce77a08594d3800a' }))));
+        return (index.h(index.Host, { key: '3d629ad7a36367d8ca77e67c4510466bf48d9349' }, index.h("a", { key: '40e5e4490316e8508950cb4c58cd4546461bf12c', part: "anchor", class: { 'br-button': this.button }, href: this.disabled ? undefined : this.href, target: this.effectiveTarget, rel: this.getRel(), download: this.download, hreflang: this.hreflang, referrerPolicy: this.referrerPolicy, type: this.type, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, ...this.getAnchorAttrs() }, index.h("slot", { key: 'e46377f568fff85bc2b578fee167efe2911971bd' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -550,7 +550,7 @@ const Loading = class {
      * @returns Estrutura JSX final.
      */
     render() {
-        return (index.h(index.Host, { key: 'aa70c7caa83b88743f6e6d4273921b12b85212ec' }, index.h("div", { key: 'a30e7880733355cccb1febe6391f194a01c8c9dc', class: this.getCssClassMap(), part: "container" }, this.effectiveMode === 'spinner' ? this.renderIndeterminate() : this.renderDeterminate())));
+        return (index.h(index.Host, { key: 'e4c9196da0b7f07f82d3f9302ee86fb611aa537a' }, index.h("div", { key: '9cb95ff4956953e0b8d969cc2aca2f6084520442', class: this.getCssClassMap(), part: "container" }, this.effectiveMode === 'spinner' ? this.renderIndeterminate() : this.renderDeterminate())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -113,7 +113,7 @@ const MagicButton = class {
      */
     render() {
         const effectiveAriaLabel = this.ariaLabel || this.label || (this.icon ? `Botão com ícone ${this.icon}` : 'Botão');
-        return (index.h(index.Host, { key: '0e7b5bd88a96e5a44ceceae05bad6aa543fdf51f', id: this.customId }, index.h("div", { key: 'c3c6ade2e79cb51d307ea3c239c1b3937fa2590b', class: this.getCssClassMap(), part: "container" }, index.h("button", { key: 'd6cde1c5337049987892417270a07293b4aa32a3', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, index.h("slot", { key: '805e6d6fe57c0378b9a26a93a90e70a2eedee8d7', name: "icon" }, this.renderIconFallback()), this.label || index.h("slot", { key: '43572cc0e0cfce4d8a4a7cfaedb920d4d4e8c63e' })))));
+        return (index.h(index.Host, { key: 'd2a8fe42c2871c7feaae91ffe60a99ec9a138d68', id: this.customId }, index.h("div", { key: '13bb6f25739caa0f919ba9da4b4b1e5cdd23e04d', class: this.getCssClassMap(), part: "container" }, index.h("button", { key: '8acc5cd9a021c12279f023c7feaae7d3076d59f9', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, index.h("slot", { key: 'b258430fe39e6285eef0b4f69ccc9c029173f6e1', name: "icon" }, this.renderIconFallback()), this.label || index.h("slot", { key: '33e2eac372b497b22b5fdd2cf71d86e997b5fc7f' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -25,7 +25,7 @@ const MenuGroup = class {
         return false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c8844c98c7690a850daa04b5b2df6f9d76042015', role: "group", "aria-label": this.label || null }, index.h("div", { key: 'f9239193980be462cb16ab1ccfab7358b0d2d18e', class: { container: true, divider: this.divider }, part: "container" }, this.label ? index.h("div", { part: "label" }, this.label) : null, index.h("div", { key: '5ed7cab819cf09a6052e2e7c3d6c79bb404a9d2d', part: "list" }, index.h("slot", { key: 'a929ebfb9cacd5445db4a72b77fb1e40ccf818ab' })))));
+        return (index.h(index.Host, { key: '9f3fe61013ba20ff1442284ec00ab2f7779b6c67', role: "group", "aria-label": this.label || null }, index.h("div", { key: '531b3a6e4b5ae006b2c84a1fbd6f0bac013b5932', class: { container: true, divider: this.divider }, part: "container" }, this.label ? index.h("div", { part: "label" }, this.label) : null, index.h("div", { key: 'f3249d995f57c4a29237764cd043b923427e9fec', part: "list" }, index.h("slot", { key: '8df9ce387a0459244125d0e04790d3da9c503101' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -38,7 +38,7 @@ const MenuHeader = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'c987185807ad6fe6255fbd21a9b590aa5d4a3802' }, index.h("div", { key: '4e0b242dd4fd8691c5370db6fe31da4e91613f08', class: this.getCssClassMap(), part: "container" }, index.h("div", { key: '5f2532a98c079159474654adac94a87576851801', class: "menu-title", part: "title" }, index.h("slot", { key: 'db73561d08525f4ba5ef90dfffa268e4a665eb73', name: "logo" }, this.logoSrc && index.h("img", { key: '588714f2574f2758e2633aa4018ff82acbe39e7f', src: this.logoSrc, alt: this.logoAlt, part: "logo" })), index.h("slot", { key: 'd9099d9ecd5a4b8a3a9e8a8afcaf9298ccc37934', name: "signature" }, this.signature && index.h("span", { key: '9b9e24eadc1da501c50989e06e17745f541bb3ff', part: "signature" }, this.signature))), index.h("div", { key: 'ead5671c0d19831971c5f2de0cd5356ddaa9042a', class: "menu-close", part: "close" }, index.h("br-button", { key: '34cc3e6f2ecf7d79674b149697ddbf4a5b42d230', "prop:ariaLabel": "Fechar o menu", shape: "circle", onClick: this.handleCloseClick, "data-dismiss": "menu" }, index.h("br-icon", { key: '696a6910348bd4a21abadac95f4d1157341bb570', iconName: "fa6-solid:xmark", width: "16", height: "16" }))))));
+        return (index.h(index.Host, { key: '915009c3021237bbf165e141449285451419757b' }, index.h("div", { key: 'b768d67ba1f3298d2cc1f2f4ef53b54bf934d3a3', class: this.getCssClassMap(), part: "container" }, index.h("div", { key: 'f75fad5f65fa3afe6edbbc8d57026fcefa027689', class: "menu-title", part: "title" }, index.h("slot", { key: 'fba1e60e85ed764b25d6e9dfea38e2be035d5618', name: "logo" }, this.logoSrc && index.h("img", { key: '4ae018becdfff7d95895cb51f41755c963788331', src: this.logoSrc, alt: this.logoAlt, part: "logo" })), index.h("slot", { key: 'dbc7c7f4ce255dabc716d21be95ed413665e9752', name: "signature" }, this.signature && index.h("span", { key: '74a6b177a2547adbfe8ef3e6812e84d1c71a0aa3', part: "signature" }, this.signature))), index.h("div", { key: '24ece513f0a2c95a06a8a5628b16c7c1faba76be', class: "menu-close", part: "close" }, index.h("br-button", { key: 'b40a57c40d8b78e77641ab1dd74c93a4a9b0edf0', "prop:ariaLabel": "Fechar o menu", shape: "circle", onClick: this.handleCloseClick, "data-dismiss": "menu" }, index.h("br-icon", { key: '9183bbdb3f34db21dd4912eb3c5bfcc1bb2723c0', iconName: "fa6-solid:xmark", width: "16", height: "16" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -29,7 +29,7 @@ const MenuInfo = class {
         this.hasSlotContent = this.el.innerHTML.trim() !== '';
     }
     render() {
-        return (index.h(index.Host, { key: '1d0b3382a38af37024cfc75973cb9fe8632e1c6b' }, index.h("slot", { key: '6c9581e8edda33b566199e900f89accb44dec161' }, !this.hasSlotContent && this.info && index.h("div", { key: '2b3995fe084d4c112bcc4df939cca901b2c3b44d', class: "text-center text-down-01" }, this.info))));
+        return (index.h(index.Host, { key: 'd0f104a77c18a9deb7e02bef221a65494ddc845e' }, index.h("slot", { key: '5665a0e17a58786c71aae62b877828334e430194' }, !this.hasSlotContent && this.info && index.h("div", { key: '12cb60aa0640598bc15a2ea2edf41bc1140cd05c', class: "text-center text-down-01" }, this.info))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const MenuItem = class {
         const ariaExpanded = isExpandable ? String(this.expanded) : undefined;
         const ariaHaspopup = isExpandable ? 'true' : undefined;
         const targetAttr = !isExpandable ? this.effectiveTarget : undefined;
-        return (index.h(index.Host, { key: '94565a1e30513c6efb52e814c69f70becdba8b89' }, index.h("br-link", { key: 'd64c192e16f9469641cff2e77fc697870f4ed9c3', class: classes, href: this.href, target: targetAttr, navigationMode: this.effectiveNavigationMode, linkAriaLabel: this.el.textContent?.trim() || undefined, linkAriaCurrent: this.active ? 'page' : undefined, linkAriaExpanded: ariaExpanded, linkAriaHaspopup: ariaHaspopup, exportparts: "anchor: link" }, (this.icon || this.hasIconSlot) && (index.h("span", { key: '1a9879d94043441f9da5df3c3f843594daa1bd15', class: "icon", part: "icon" }, index.h("slot", { key: '4a354fc33e02b1094a90aeb908bc882625f35a58', name: "icon" }, this.icon && (index.h("br-icon", { key: '59c648cb6fb7cf1de9eb1c0e645f70277127aa67', iconName: `fa6-solid:${this.icon}`, width: "16", height: "16", "aria-hidden": "true" }))))), index.h("span", { key: '57b0a71a2bb7501247e338ea606f2e1c74ebf6ea', class: "content", part: "content" }, index.h("slot", { key: '10ee72f0cd4656c3dce6159b76eab7eadd26d0d6' })), this.effectiveDisplayMode === 'accordion' && (index.h("span", { key: '882340ff3227a0cffe7872bb6c9c4c79986d797a', class: { support: true, expanded: this.expanded }, part: "support" }, index.h("br-icon", { key: '5bab399f0d6276b212340df8c635492dc9d3adb9', iconName: `fa6-solid:${this.expanded ? 'chevron-up' : 'chevron-down'}`, width: "16", height: "16", "aria-hidden": "true" }))), this.effectiveDisplayMode === 'drill-down' && (index.h("span", { key: '41baa1429c8e10daf939c12b1fdd2ef7eaf702ff', class: "support", part: "support" }, index.h("br-icon", { key: '51af450f467b473aae0676222a85f68d59791b42', iconName: `fa6-solid:angle-right`, width: "12", height: "12", "aria-hidden": "true" }))))));
+        return (index.h(index.Host, { key: '20a267bb7b94f032f8496da4efdc8662001d4f63' }, index.h("br-link", { key: 'd1fb268162cc7c17b5576a1659885cdfd466bf09', class: classes, href: this.href, target: targetAttr, navigationMode: this.effectiveNavigationMode, linkAriaLabel: this.el.textContent?.trim() || undefined, linkAriaCurrent: this.active ? 'page' : undefined, linkAriaExpanded: ariaExpanded, linkAriaHaspopup: ariaHaspopup, exportparts: "anchor: link" }, (this.icon || this.hasIconSlot) && (index.h("span", { key: 'bc3e692c49b192db7e39b5c8ff524b7f4f3cabcd', class: "icon", part: "icon" }, index.h("slot", { key: 'f393ba22dbbbc0f783a8c4030ec5633e1a4dc9cb', name: "icon" }, this.icon && (index.h("br-icon", { key: '29192f57ef4f759bc9eb4bb110e8f3f70ee72cd8', iconName: `fa6-solid:${this.icon}`, width: "16", height: "16", "aria-hidden": "true" }))))), index.h("span", { key: 'a140d1202805cb64e154fae1ad6be03a9b7a4b0d', class: "content", part: "content" }, index.h("slot", { key: 'edcd05451fc2ab0173b787bf9d7f124751dc9596' })), this.effectiveDisplayMode === 'accordion' && (index.h("span", { key: '63c80b3f1f3c4557e0bc248ab2c261a931f8a43c', class: { support: true, expanded: this.expanded }, part: "support" }, index.h("br-icon", { key: 'f43317e800dccec52bf533e2d94dd5bc4d7d4c60', iconName: `fa6-solid:${this.expanded ? 'chevron-up' : 'chevron-down'}`, width: "16", height: "16", "aria-hidden": "true" }))), this.effectiveDisplayMode === 'drill-down' && (index.h("span", { key: '5fd78743721e54b9bac1a5e3cea9d189d4c80fd7', class: "support", part: "support" }, index.h("br-icon", { key: '4595680e003046d3a6dfc07a9c79ae7fbcdd5825', iconName: `fa6-solid:angle-right`, width: "12", height: "12", "aria-hidden": "true" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -54,7 +54,7 @@ const MenuLink = class {
         return props.resolveAllowedPropValue(this.el, 'navigationMode', this.navigationMode, ['native', 'event'], 'native');
     }
     render() {
-        return (index.h(index.Host, { key: 'd22e6fb85cd335aecccbe47c331eb55fc91ac641' }, index.h("a", { key: '5fff97b8f3072e96e33371da1495ce06488a9db3', href: this.href, target: this.effectiveTarget, rel: this.effectiveTarget === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, index.h("slot", { key: 'b58db04d4a8b896fc2702885ac20628970662ab6', name: "url" }, index.h("span", { key: 'f9a3ce202252b568fa72ec0ce1745bb6a85cde3d', class: "mr-1" }, this.label ?? this.titulo)), index.h("slot", { key: 'cd5d66b6d7b67ef23d7106f7ff562ed5fb85b598', name: "icon" }, index.h("br-icon", { key: 'affe1cf0a726242c73e37ac9cf0abb3f63c1464e', iconName: "fa6-solid:square-arrow-up-right", width: "12", height: "12", "aria-hidden": "true" })))));
+        return (index.h(index.Host, { key: '080823eb820c178ef741e5194e19104f09d6340a' }, index.h("a", { key: '09ee356f5bfd1465f60bb0c472f9a873469f399b', href: this.href, target: this.effectiveTarget, rel: this.effectiveTarget === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, index.h("slot", { key: '2ff83b8af9dc5e0f555f7b040a8973399de6ecb1', name: "url" }, index.h("span", { key: 'c227d219c459d2d3eec4c51de4e5af767149c8be', class: "mr-1" }, this.label ?? this.titulo)), index.h("slot", { key: '88d29ed66f58de042a752e0d49c2154d00f1adff', name: "icon" }, index.h("br-icon", { key: '202ebc854cab0e9360da89c2559bc94547f89982', iconName: "fa6-solid:square-arrow-up-right", width: "12", height: "12", "aria-hidden": "true" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -61,7 +61,7 @@ const MenuLogo = class {
             width: this.width,
             height: this.height,
         };
-        return (index.h(index.Host, { key: 'ce155d53702095dd7883c66333084a872dcc9a17' }, index.h("div", { key: 'ec5e2e3e500f0cdcd8819e4e27dc62bff1bc5945', class: "br-menu-logo", id: this.customId, part: "container" }, index.h("slot", { key: 'efe04cfffe4e5f354763c3cf3096944278eab307' }, this.src && (index.h("img", { key: '9af3c94e050e93dd7f7eedf26c1536c72f209684', src: this.currentSrc || this.src, alt: this.alt || 'Logo', style: imageStyle, onError: this.handleError, onLoad: this.handleLoad }))))));
+        return (index.h(index.Host, { key: '4a4d91a97ed9f32863df25fe8a5ee5f6e6b8ad00' }, index.h("div", { key: '53f6193800f1b693c6edd01b2faac6135fd444cb', class: "br-menu-logo", id: this.customId, part: "container" }, index.h("slot", { key: 'efadae98d7d023e6ddd5ff61953b1d825ba25b8a' }, this.src && (index.h("img", { key: 'fb66a0c08576f4046d8eaa1d8ecd732a83df9df8', src: this.currentSrc || this.src, alt: this.alt || 'Logo', style: imageStyle, onError: this.handleError, onLoad: this.handleLoad }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -952,11 +952,11 @@ const Menu = class {
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: render combina três modos de menu, gatilhos distintos e estrutura de painel responsivo.
     render() {
         const MenuContainer = this.usesNativeDialog ? 'dialog' : 'div';
-        return (index.h(index.Host, { key: '58bacd3cc23afb2f637c5afd926aa2bc65dfed56' }, index.h("div", { key: 'd31f34eec727ffcbbd1efa69ed34b0f4b0ba2662', class: this.getCssClassMap() }, this.contextual && (index.h("div", { key: 'c8257806308974de26a7d11a96509dd67e3c1e2a', class: "menu-trigger" }, index.h("br-button", { key: '2c1f7cad0705c0322752391f634cd025e6fdc6df', id: "contextual-trigger", emphasis: "primary", shape: "block", "aria-label": this.contextualLabel, "prop:ariaExpanded": String(this.isOpen), onClick: this.onToggleClick, part: "trigger" }, index.h("span", { key: 'b198f604bd69ff5ee3866b9627fad54e510f2bd7', class: "trigger-label" }, this.contextualLabel), index.h("br-icon", { key: 'adce72caacaa47e0f8c71f9b9d8b891f10a1c132', iconName: `fa6-solid:chevron-${this.isOpen ? 'down' : 'up'}`, width: "16", height: "16", class: "trigger-icon", "aria-hidden": "true" })))), index.h(MenuContainer, { key: 'a27a85858a9c694c2cb7013d29adbdef8daa5e40', ref: (el) => (this.nativeDialogRef = this.usesNativeDialog ? el : null), class: 'menu-container', part: "container", role: this.usesNativeDialog ? 'dialog' : undefined, "aria-modal": this.usesNativeDialog ? 'true' : undefined, "aria-label": this.usesNativeDialog ? 'Menu' : undefined, onCancel: this.usesNativeDialog ? this.handleNativeCancel : undefined }, this.renderScrim(), index.h("div", { key: 'ec16517b86fba416ac510e695428949732758297', id: this.contextual ? 'contextual-menu-panel' : 'menu-panel', class: this.getMenuPanelClasses(), ...(this.usesNativeDialog
+        return (index.h(index.Host, { key: '3be3ad63e8b1ef0d99cb717cec9c42f2c91548d9' }, index.h("div", { key: '9a9439712d713fbe6e466e4cca4f123fd9fcdaf0', class: this.getCssClassMap() }, this.contextual && (index.h("div", { key: 'a022c87131ab81fa3fef1745e9d7348a6553f02e', class: "menu-trigger" }, index.h("br-button", { key: '8893badc5ed9d1cb020f0dee8cc803d186ce1b74', id: "contextual-trigger", emphasis: "primary", shape: "block", "aria-label": this.contextualLabel, "prop:ariaExpanded": String(this.isOpen), onClick: this.onToggleClick, part: "trigger" }, index.h("span", { key: 'dc6e337ed222cf4de431ae33255c2d097311b98e', class: "trigger-label" }, this.contextualLabel), index.h("br-icon", { key: '7d7f65554a07074880a8e5e54f23d85d1ec1dd16', iconName: `fa6-solid:chevron-${this.isOpen ? 'down' : 'up'}`, width: "16", height: "16", class: "trigger-icon", "aria-hidden": "true" })))), index.h(MenuContainer, { key: '9919eecb5ac7f569ea7d3c7ab9a952a6c62bfe00', ref: (el) => (this.nativeDialogRef = this.usesNativeDialog ? el : null), class: 'menu-container', part: "container", role: this.usesNativeDialog ? 'dialog' : undefined, "aria-modal": this.usesNativeDialog ? 'true' : undefined, "aria-label": this.usesNativeDialog ? 'Menu' : undefined, onCancel: this.usesNativeDialog ? this.handleNativeCancel : undefined }, this.renderScrim(), index.h("div", { key: 'b77ed8d274e749f09dbfbd77440512a94d48c4f9', id: this.contextual ? 'contextual-menu-panel' : 'menu-panel', class: this.getMenuPanelClasses(), ...(this.usesNativeDialog
                 ? {}
-                : { role: 'dialog', 'aria-label': this.contextual ? this.contextualLabel : 'Menu' }), part: "panel" }, !this.contextual && !this.push && this.hasSlotContent('header') && index.h("slot", { key: 'b86f6086960c4ecd1e88786a240b6032a41c2701', name: "header" }), index.h("nav", { key: 'ab98f6004fa867c570db7f2d4f347c074602b186', class: "menu-body", part: "body" }, this.isInSubmenu && this.currentLevel > 0 && (index.h("div", { key: '9b6183c904704f2ffa440c90bd809d20ad5dfba7', class: "menu-back-button" }, index.h("button", { key: 'f52fc11000e5f0425da6c995a7ac9aceb59a00b2', type: "button", class: "back-btn", onClick: this.onGoBackClick, "aria-label": "Voltar ao n\u00EDvel anterior", part: "back-btn" }, index.h("br-icon", { key: 'a44ee81741c66c4b6b7cbe08f62e12c0ced023e5', class: "back-icon", iconName: "fa6-solid:angle-left", width: "16", height: "16", "aria-hidden": "true" }), index.h("span", { key: '0419c60ba8a22f9c4649d5cca442ab3ee32a0e47', class: "back-title" }, this.navigationStack.length > 0
+                : { role: 'dialog', 'aria-label': this.contextual ? this.contextualLabel : 'Menu' }), part: "panel" }, !this.contextual && !this.push && this.hasSlotContent('header') && index.h("slot", { key: '6ca4634f0a3e1f39087651dd7f2b91303dfd44cd', name: "header" }), index.h("nav", { key: '9655447991eaf09248cac8b3e414b04154102866', class: "menu-body", part: "body" }, this.isInSubmenu && this.currentLevel > 0 && (index.h("div", { key: '5bba60e5b0b6f43cfacda6fade276df6b7a18e4d', class: "menu-back-button" }, index.h("button", { key: 'ab670ac9bf42568030714d959e62d2a37ad487c2', type: "button", class: "back-btn", onClick: this.onGoBackClick, "aria-label": "Voltar ao n\u00EDvel anterior", part: "back-btn" }, index.h("br-icon", { key: 'c9432ddbbbbecf5facf107c770616b5b7d87693c', class: "back-icon", iconName: "fa6-solid:angle-left", width: "16", height: "16", "aria-hidden": "true" }), index.h("span", { key: '2d784eb4f4e3583e754c4d5ab9dc4d30df729cb0', class: "back-title" }, this.navigationStack.length > 0
             ? `${this.navigationStack[this.navigationStack.length - 1].label}`
-            : '')))), index.h("slot", { key: '9f9a0382ba2c4d34cfdacf6e17df1d59830dd8bf' })), !this.contextual && (index.h("div", { key: '29476d594b8130f2274c5474b2c094764a06c993', class: "menu-footer", part: "footer" }, this.hasSlotContent('logo') && (index.h("div", { key: '3d660a2f9332da5082b0a02c1a0d25201b94b422', class: "menu-logos", part: "logo" }, index.h("slot", { key: '967798e05c043485a2fd942a19f221b56a86e753', name: "logo" }))), this.hasSlotContent('link') && (index.h("div", { key: 'c87e50b9abd1270107e4416a1240e807c71a8e39', class: "menu-links", part: "link" }, index.h("slot", { key: 'a23b1210adcf241fbdd91e0ddafaf59ff1896274', name: "link" }))), this.hasSlotContent('social') && (index.h("div", { key: 'b2b1c111708d3d85dc01c7ea687dfe684cb7df7f', class: "social-network", part: "social" }, this.socialTitle && index.h("div", { key: '9f7abb42eb84100ce3ff9b339e13a08adcfa03fd', class: "social-network-title" }, this.socialTitle), index.h("div", { key: '08d40944d8bfaeee8e975f7b13c080bab8d792b2', class: "sharegroup" }, index.h("slot", { key: '76ba4a43396f049adab56f32b661d04a460c319c', name: "social" })))), this.hasSlotContent('info') && (index.h("div", { key: '26470a3e0072f6605d8e2d32f2a94b6bc4567f78', class: "menu-info", part: "info" }, index.h("slot", { key: 'fb7c6de5c772b939a87c9ec54a7717915adc21f4', name: "info" }))))))))));
+            : '')))), index.h("slot", { key: '75d042726cf38ae458bddf302b09d3c49c8ee759' })), !this.contextual && (index.h("div", { key: '67646a1bb00df774aa76f40045ce5ef0323c7128', class: "menu-footer", part: "footer" }, this.hasSlotContent('logo') && (index.h("div", { key: '1451a940ea3717ddb0f74b4091b8560cd8944a97', class: "menu-logos", part: "logo" }, index.h("slot", { key: '82523c94193b678eea225c216e91b4dd4b997a2c', name: "logo" }))), this.hasSlotContent('link') && (index.h("div", { key: 'fdc4a3ec5c2c9cf5a6ad7ea2e9273593dd380492', class: "menu-links", part: "link" }, index.h("slot", { key: 'be1da50b6c77cf864bf6a37ca0b0df6e839035a9', name: "link" }))), this.hasSlotContent('social') && (index.h("div", { key: 'fccb99dd085e76237d899771268c5b992d11f5b3', class: "social-network", part: "social" }, this.socialTitle && index.h("div", { key: 'ceae622374867f6aabedc920563987da73e9bd13', class: "social-network-title" }, this.socialTitle), index.h("div", { key: 'b20b5d0b4c7e023bbded39ad88923fa72e9d5858', class: "sharegroup" }, index.h("slot", { key: '94899d32fad3e0586d6c96fa788d9719f1e527f8', name: "social" })))), this.hasSlotContent('info') && (index.h("div", { key: '3c066e04f9eb6ba5868fe2f82e85c1dd95188b1a', class: "menu-info", part: "info" }, index.h("slot", { key: '80c387ca73bdd2e1827274328f670d3c8f522484', name: "info" }))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/br-notification-body.cjs.entry.js

@@ -62,7 +62,7 @@ const NotificationBody = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'fb6e3b2e0cb4a3a7be1c364402e05ee2ff71dcaf' }, index.h("div", { key: 'ebd6f7b117ba8c2f11bcc9e2658b0e749f0326bc', class: this.getCssClassMap() }, index.h("div", { key: '53d555b517c92da58b3861ab670e465348dd6f25', class: { 'br-notification-body__tabs': true, 'd-none': !this.hasTabs } }, index.h("slot", { key: '064cec005bddd6f858f13d10b4df9a433c92b1ff', name: "tabs", onSlotchange: () => this.checkSlotVisibility('tabs') })), index.h("div", { key: 'b4d87a106221cc18f59de11d4480a57cdb0f475b', class: "br-notification-body__list", role: "log", "aria-live": "polite", "aria-relevant": "additions removals" }, this.empty ? (index.h("div", { class: "br-notification-body__empty" }, index.h("slot", { name: "empty" }, index.h("p", null, "Nenhuma notifica\u00E7\u00E3o encontrada.")))) : (index.h("slot", null))))));
+        return (index.h(index.Host, { key: '860070d9dcc7613880449329cb67ba2ff40e5183' }, index.h("div", { key: 'f7d744982a632cc9fab866ea71e7f26050aced81', class: this.getCssClassMap() }, index.h("div", { key: '5d22d4602bf50542ea527b47e76e1adb8c2137bd', class: { 'br-notification-body__tabs': true, 'd-none': !this.hasTabs } }, index.h("slot", { key: 'ef8bc485b07717d364798c429e3197086c3182fd', name: "tabs", onSlotchange: () => this.checkSlotVisibility('tabs') })), index.h("div", { key: '12837023be819258bc63d1f92c14cadf8306a6da', class: "br-notification-body__list", role: "log", "aria-live": "polite", "aria-relevant": "additions removals" }, this.empty ? (index.h("div", { class: "br-notification-body__empty" }, index.h("slot", { name: "empty" }, index.h("p", null, "Nenhuma notifica\u00E7\u00E3o encontrada.")))) : (index.h("slot", null))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/br-notification-header.cjs.entry.js

@@ -39,7 +39,7 @@ const NotificationHeader = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9f8d54d73c1837ae50a329996a7d41f0b3086886' }, index.h("div", { key: '321bdb8d6b28ac914d4b7720acb46fc3cedac285', class: this.getCssClassMap() }, index.h("div", { key: '4256e88c18105c4704bc3b6fffa646d04debc026', class: "br-notification-header__avatar" }, index.h("slot", { key: '5edc0e7e99cd383447891ce67aff49884ed76905', name: "avatar" })), index.h("div", { key: 'd3f51d00ae1df94957ef250089acc11d56c69292', class: "br-notification-header__content" }, index.h("div", { key: '4fa300405ec27b6d056e6bfd63788d602c839ce7', class: "br-notification-header__title" }, index.h("slot", { key: 'ff1efef0d024a65c8a8d4519a47324eeb16f33e0', name: "title" }, this.label)), this.subtitle !== undefined && this.subtitle !== null && (index.h("div", { key: '5309bf9e867eb922a487b195c4122b11e008b534', class: "br-notification-header__subtitle" }, index.h("slot", { key: '0b01783207f17cd6126a5024d6ac19fd2d0af8b3', name: "subtitle" }, this.subtitle)))), index.h("div", { key: 'b90545992ea2433dc3706898910f7bdfada7db8c', class: "br-notification-header__actions" }, index.h("slot", { key: '92232e7de76808bf7ac1828f9318d919bb0b954e', name: "actions" }, this.showCloseButton && (index.h("br-button", { key: '0fd4ff7cdaa5513f4e172cc2a1e32062956099fe', shape: "circle", density: "small", "aria-label": this.closeLabel, onClick: this.handleCloseClick }, index.h("br-icon", { key: '78403be8afaf23a0172b3e9d06a75726d93c8ab8', iconName: "fa-solid:times", width: "16", height: "16" }))))))));
+        return (index.h(index.Host, { key: '79b4e070caa857773cbe170140f739d51c2928b9' }, index.h("div", { key: '53f07bebeb1ee0b28f6e5123c6e2d1d03b398db6', class: this.getCssClassMap() }, index.h("div", { key: '0e359ae4e3e6aa2593af1a385c839ad71b3a6791', class: "br-notification-header__avatar" }, index.h("slot", { key: '945bf0c46f781a17e9becb180b6cf4b3873346a4', name: "avatar" })), index.h("div", { key: '94a5337a1e8e2320ee493ff23c1cfc6925013501', class: "br-notification-header__content" }, index.h("div", { key: '381651ec74fd67b070b218175c69f005680fa42a', class: "br-notification-header__title" }, index.h("slot", { key: '0a50ef10a550eeb46149670e5d86a2b0d800aa27', name: "title" }, this.label)), this.subtitle !== undefined && this.subtitle !== null && (index.h("div", { key: '5cc3c858372a17485d4c020f222300c0ae639db6', class: "br-notification-header__subtitle" }, index.h("slot", { key: 'c058d9c3ae6298e8fb2e7f8f665a08a7fafc3dd1', name: "subtitle" }, this.subtitle)))), index.h("div", { key: 'fee8011a97afe69cf3356abb57f4b663e8d48f42', class: "br-notification-header__actions" }, index.h("slot", { key: '18948feb884ebd10c96b08fe839fefbfab91b0f5', name: "actions" }, this.showCloseButton && (index.h("br-button", { key: '0df04d1eca03a6170c022f0ad827f632c388ad9d', shape: "circle", density: "small", "aria-label": this.closeLabel, onClick: this.handleCloseClick }, index.h("br-icon", { key: '7066e661be2e7e034562d1d8b8195667f49c5ccd', iconName: "fa-solid:times", width: "16", height: "16" }))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -107,7 +107,7 @@ const NotificationItem = class {
     }
     render() {
         const ariaLabel = this.getAriaLabel();
-        return (index.h(index.Host, { key: '6366841a6f0079c26568c8aae7aebe5710d05117', unread: this.unread, state: this.effectiveState }, index.h("br-item", { key: 'e300a06d45e322203bb557e626f9ddf71a511299', "is-interactive": this.clickable, "is-button": this.clickable, onKeyDown: (e) => this.handleKeydown(e), role: ariaLabel ? 'article' : undefined, "aria-label": ariaLabel }, index.h("div", { key: '3f92707df340d1f0307943e66ba4b16192914d21', class: "br-notification-item__row" }, this.unread && (index.h("div", { key: '0b551ba2e199b04c660789058c560220bdb051ea', class: "br-notification-item__unread" }, index.h("br-tag", { key: '98cf025d2ff3dfff417849a6d23bc18dd1f96aa6', status: true, density: "small", "bg-color": "var(--color-danger, #e1173f)", "aria-hidden": "true" }))), index.h("div", { key: 'c560a0c292bb00e16413663f4e8735d66c8eb594', class: "br-notification-item__content" }, index.h("div", { key: 'c087f8bfcaa52e1b4ea2bb1ad5b13a87707cffa5', class: "br-notification-item__title" }, index.h("slot", { key: 'bf34a8f5d82de76a13a9b6fa7eb24de7ed752428', name: "title" }, this.label)), index.h("div", { key: 'f09a316dd6e051d4c2c054316eed0338fa2a5b75', class: "br-notification-item__meta" }, index.h("slot", { key: 'e05288b8563f4230b5e59ae9cc403775abfdfb1c', name: "meta" }, this.datetime && (index.h("time", { key: '0f0b10928885c877972abb7c0af15d30efdfa972', class: "br-notification-item__datetime", dateTime: this.datetime }, this.datetime)))), index.h("div", { key: '425ad45e4faa844ee82541b6e950872ed4ccf2fb', class: "br-notification-item__description" }, index.h("slot", { key: '80c1b3c75415106fafbbff7e6d9733bac8ab9800' }, this.description)), index.h("div", { key: '547d9b3adb7770db3f637670e00a220b1a51f6c4', class: "br-notification-item__status" }, index.h("slot", { key: 'd59da5533236bf08066bdcd00536c2d85b3211ad', name: "status" }, this.effectiveState && (index.h("br-tag", { key: '4c1dcb178febbcb2befe667837c0b91142597083', status: true, density: "small", label: this.getStateLabel(), "bg-color": this.getStateColor(), "aria-hidden": "true" })))), index.h("div", { key: '1a798a3fe06ec979cf6d2acb50211394294abe1c', class: "br-notification-item__actions" }, index.h("slot", { key: '6fc76792301b790155638fb135c24c7b40ac471c', name: "actions" })))))));
+        return (index.h(index.Host, { key: '92394e5a4b6f683880da60bf3c827c18d7e43afc', unread: this.unread, state: this.effectiveState }, index.h("br-item", { key: '3bee315bb7527c65ce32f5f3fe03307c94cea186', "is-interactive": this.clickable, "is-button": this.clickable, onKeyDown: (e) => this.handleKeydown(e), role: ariaLabel ? 'article' : undefined, "aria-label": ariaLabel }, index.h("div", { key: 'b88df0bc238faa5380c47fa7400898f5124b9f9a', class: "br-notification-item__row" }, this.unread && (index.h("div", { key: 'bf4cd6a48ceed5c46339b8eff80fca4fab0a8333', class: "br-notification-item__unread" }, index.h("br-tag", { key: '14610cc87021e80dcbd3468be707e542d33e2272', status: true, density: "small", "bg-color": "var(--color-danger, #e1173f)", "aria-hidden": "true" }))), index.h("div", { key: '3127d6d6f6cdbb885ab7323b3809f5c394c9b2b2', class: "br-notification-item__content" }, index.h("div", { key: '115eabd92bddd064656d3f76482107afdeda0bcb', class: "br-notification-item__title" }, index.h("slot", { key: 'fe0f4a7c2c63cdc69e4ea65d7781606e8d072d8f', name: "title" }, this.label)), index.h("div", { key: 'de05104ff4a4111bae51bf9c6382d5f7c0c85f0d', class: "br-notification-item__meta" }, index.h("slot", { key: 'c15bb6e9f35f5a98de4842cc3a1584e810c1a00f', name: "meta" }, this.datetime && (index.h("time", { key: '02b737802875c9c2ccece752933f615068d4cdcb', class: "br-notification-item__datetime", dateTime: this.datetime }, this.datetime)))), index.h("div", { key: 'b9923ee771e6dac928da3c950933b1e8d34060a2', class: "br-notification-item__description" }, index.h("slot", { key: '9cffaf24d822c14221484f5dc656f10f62fab780' }, this.description)), index.h("div", { key: 'eb41de0ff7cbc7722805d7b7a0b9bfd2b9523abb', class: "br-notification-item__status" }, index.h("slot", { key: 'd6aa37a818a288f219a1cf73db2b72b7743968f2', name: "status" }, this.effectiveState && (index.h("br-tag", { key: '3e878e1ccccc6bde452a4eec5b937dc3d9072276', status: true, density: "small", label: this.getStateLabel(), "bg-color": this.getStateColor(), "aria-hidden": "true" })))), index.h("div", { key: '672fa7c43ff2c28dea2845a41269084a9e3b4293', class: "br-notification-item__actions" }, index.h("slot", { key: 'fcdf1554d03d5821bfc28d880f36d55a816c1e49', name: "actions" })))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -330,12 +330,12 @@ const Notification = class {
             style['--notification-height'] = this.maxHeight;
         if (this.isStatic && !this.maxHeight)
             style.maxHeight = 'none';
-        return (index.h(index.Host, { key: '8a8d04072311dab83da9bc75533fb4f32714e2bf', "mobile-fullscreen": this.mobileFullscreen, "internal-scroll": this.internalScroll, open: this.open, style: !this.isStatic ? { zIndex: 'var(--z-index-layer-1)' } : undefined }, index.h("div", { key: '6853c148e73fe0ed6f2fd99720313e29b4e0c085', class: { 'br-notification__trigger': true, 'd-none': !this.hasTrigger }, role: "button", tabIndex: 0, onClick: () => this.toggle(), onKeyDown: (event) => {
+        return (index.h(index.Host, { key: 'e90181153a40bb5a0326a86369dff442345dcf11', "mobile-fullscreen": this.mobileFullscreen, "internal-scroll": this.internalScroll, open: this.open, style: !this.isStatic ? { zIndex: 'var(--z-index-layer-1)' } : undefined }, index.h("div", { key: 'f43756665f3ab89351f4a089b301d7b166d3bf3d', class: { 'br-notification__trigger': true, 'd-none': !this.hasTrigger }, role: "button", tabIndex: 0, onClick: () => this.toggle(), onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
                     event.preventDefault();
                     this.toggle();
                 }
-            } }, index.h("slot", { key: '6b875f3904dc76ce8f39283262a38739ccfc1b04', name: "trigger", onSlotchange: () => this.checkSlotVisibility('trigger') })), index.h("div", { key: 'a7077447375a30e5c6da68ca55dc33acd94ca3ac', class: this.getCssClassMap(), id: this.customId, style: style, part: "base", "aria-label": this.label, "aria-hidden": !this.open ? 'true' : null, role: "dialog", "aria-modal": "true" }, index.h("div", { key: 'aace781dfdbd0dfdf7087373be9e67247fa98805', part: "header", class: { 'br-notification__header': true, 'd-none': !this.hasHeader } }, index.h("slot", { key: '3cecabd28ccd4d69331e80ecd64e8f69e7171015', name: "header", onSlotchange: () => this.checkSlotVisibility('header') })), index.h("div", { key: 'a18e18c161884e85114d722244e82376aeb11907', part: "tabs", class: { 'br-notification__tabs': true, 'd-none': !this.hasTabs } }, index.h("slot", { key: '6aabd8d7c6285eebf8fcb0decd60fa16635df186', name: "tabs", onSlotchange: () => this.checkSlotVisibility('tabs') })), index.h("div", { key: '60788b6a52b2609c4f4d0a48b3b0d80145b018f9', part: "body", class: "br-notification__body" }, index.h("slot", { key: 'a334d6cc7e992219962922f23e4be318fead09ad' })), index.h("div", { key: '6bbed27ceaa351fc942993a867b2cc1e6c6e59c6', part: "footer", class: { 'br-notification__footer': true, 'd-none': !this.hasFooter } }, index.h("slot", { key: 'af9300ef1596f25546476981a5564c741a7ca3c1', name: "footer", onSlotchange: () => this.checkSlotVisibility('footer') })))));
+            } }, index.h("slot", { key: '302bd14287a4cda84712ea2f5ab6b09ebbddac7d', name: "trigger", onSlotchange: () => this.checkSlotVisibility('trigger') })), index.h("div", { key: '2a024b344e2bbaf96794deb4555d845d234f9d52', class: this.getCssClassMap(), id: this.customId, style: style, part: "base", "aria-label": this.label, "aria-hidden": !this.open ? 'true' : null, role: "dialog", "aria-modal": "true" }, index.h("div", { key: '1ae52b2ec4728454981a62df32c77e461c402dfc', part: "header", class: { 'br-notification__header': true, 'd-none': !this.hasHeader } }, index.h("slot", { key: '1a57a0c13735aceb6065879420f7ada1d783ad94', name: "header", onSlotchange: () => this.checkSlotVisibility('header') })), index.h("div", { key: '1688a88956364843bfa49ee2c1f1dd9490d4e242', part: "tabs", class: { 'br-notification__tabs': true, 'd-none': !this.hasTabs } }, index.h("slot", { key: '5fa5b8c33af804ed01ff93b4549476d28c0b7ff9', name: "tabs", onSlotchange: () => this.checkSlotVisibility('tabs') })), index.h("div", { key: 'd863b359975f77b5ad5177c92bb0a8fc035e011b', part: "body", class: "br-notification__body" }, index.h("slot", { key: '6ceb765295bf7010dc5b968d7a2c042c168a56e2' })), index.h("div", { key: '77c33d5e03e8d5e15ec4468d1dbf4488a9c9068c', part: "footer", class: { 'br-notification__footer': true, 'd-none': !this.hasFooter } }, index.h("slot", { key: 'f57bfbbab273da463dd6e79f4a410f71668120d2', name: "footer", onSlotchange: () => this.checkSlotVisibility('footer') })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {