@govbr-ds/webcomponents 2.1.3 → 2.2.0

package/dist/esm/br-radio-group.entry.js

@@ -2,14 +2,19 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C2RBydfd.js';
-import { d as dispatchNativeFormEvent } from './event-DFN_so7I.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Dcn7tRST.js';
+import { d as dispatchNativeFormEvent } from './event-CfuJQ1DY.js';
 import { r as resolveFormValidator, a as runFormValidator, g as getFormValidationState, c as setFormValidity, s as safeSetFormValue } from './validator-D3tVP32U.js';
-import { g as generateUniqueId } from './id-BkS6ujyf.js';
+import { g as generateUniqueId } from './id-BeJxz5TQ.js';
+import { c as createMicrotaskReconciler } from './ownership-CDtFCbKp.js';
+import { r as resolveAllowedPropValue } from './props-D07GjR4_.js';
 import { h as hasNamedLightDomSlot, a as hasAssignedSlotContent } from './slot-BIG-yees.js';
+import './prop-warning-BlGV-x0w.js';
 
-const radioGroupCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block}fieldset{border:0;margin:0;min-inline-size:0;padding:0}legend{display:block;font:inherit;font-weight:600;margin:0 0 var(--spacing-scale-base);padding:0}.radio-group-options{display:flex;gap:var(--spacing-scale-2x)}:host([orientation=horizontal]) .radio-group-options{flex-direction:row;flex-wrap:wrap}:host([orientation=vertical]) .radio-group-options{flex-direction:column}.radio-group-description,.radio-group-feedback{display:block;margin-block-start:var(--spacing-scale-base)}[hidden]{display:none}`;
+const radioGroupCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block}fieldset{border:0;margin:0;min-inline-size:0;padding:0}legend{display:block;font:inherit;font-weight:600;margin:0 0 var(--spacing-scale-base);padding:0}.radio-group-options{display:flex}:host([orientation=horizontal]) .radio-group-options{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-scale-2x)}:host([orientation=vertical]) .radio-group-options{flex-direction:column}.radio-group-description,.radio-group-feedback{display:block;margin-block-start:var(--spacing-scale-base)}[hidden]{display:none}`;
 
+const RADIO_GROUP_ORIENTATIONS = ['horizontal', 'vertical'];
+const RADIO_GROUP_STATES = ['valid', 'invalid'];
 const RadioGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -36,7 +41,7 @@ const RadioGroup = class {
         this.required = false;
         /** Desabilita o grupo e seus radios. */
         this.disabled = false;
-        /** Orientação visual das opções. */
+        /** Orientação visual das opções. Valores inválidos usam `vertical`. */
         this.orientation = 'vertical';
         /** Nome acessível usado quando não há uma legenda visível. */
         this.ariaLabel = null;
@@ -45,9 +50,11 @@ const RadioGroup = class {
         this.initialValue = null;
         this.validationRunId = 0;
         this.syncingChildren = false;
+        this.checkingValidity = false;
         this.ready = false;
         this.originalNames = new Map();
-        this.handleSlotChange = () => this.reconcileChildren();
+        this.reconciler = createMicrotaskReconciler(() => this.reconcileChildren());
+        this.handleSlotChange = () => this.reconciler.schedule();
     }
     formDisabledCallback(disabled) {
         this.formDisabled = disabled;
@@ -61,7 +68,7 @@ const RadioGroup = class {
         this.customValidationMessage = '';
         this.validatorMessage = null;
         this.isValidating = false;
-        this.hasInteracted = false;
+        this.clearInteraction();
         this.value = this.initialValue;
         this.applyValueToChildren();
         this.syncFormState();
@@ -75,7 +82,7 @@ const RadioGroup = class {
         const checked = this.getChildren()
             .filter((radio) => radio.checked && !radio.disabled)
             .at(-1);
-        this.initialValue = this.defaultValue ?? this.value ?? checked?.value ?? null;
+        this.initialValue = this.defaultValue ?? this.value ?? (checked ? this.getRadioValue(checked) : null);
         if (this.value === null)
             this.value = this.initialValue;
         this.applyValueToChildren();
@@ -85,23 +92,15 @@ const RadioGroup = class {
         this.syncNamedSlots();
         const slot = this.el.shadowRoot?.querySelector('slot:not([name])');
         slot?.addEventListener('slotchange', this.handleSlotChange);
-        this.observer = new MutationObserver((records) => {
-            this.reconcileChildren(records);
-            queueMicrotask(() => this.reconcileChildren());
-        });
-        this.observeChildren();
         this.reconcileChildren();
         this.ready = true;
     }
     connectedCallback() {
-        if (!this.observer)
-            return;
-        this.observeChildren();
         this.el.shadowRoot?.querySelector('slot:not([name])')?.addEventListener('slotchange', this.handleSlotChange);
         this.reconcileChildren();
     }
     disconnectedCallback() {
-        this.observer?.disconnect();
+        this.reconciler.cancel();
         const slot = this.el.shadowRoot?.querySelector('slot:not([name])');
         slot?.removeEventListener('slotchange', this.handleSlotChange);
         for (const radio of this.originalNames.keys())
@@ -142,11 +141,32 @@ const RadioGroup = class {
     handleChildChange(event) {
         this.handleChildFormEvent(event, 'change');
     }
+    handleFocusOut(event) {
+        if (this.isDisabled() || this.isWithinGroup(event.relatedTarget))
+            return;
+        this.markAsInteracted();
+    }
+    handleInvalid() {
+        if (this.checkingValidity || this.isDisabled())
+            return;
+        this.markAsInteracted();
+    }
     handleChildChecked(event) {
         const radio = event.target;
         if (this.syncingChildren || !this.getChildren().includes(radio) || !radio.checked || this.isDisabled())
             return;
-        this.value = radio.value ?? null;
+        this.value = this.getRadioValue(radio) ?? null;
+    }
+    handleChildStateChange(event) {
+        const radio = event.target;
+        // `brInternalRadioChecked` continua sendo a decisão canônica para
+        // seleção. Ignorar a invalidação genérica de `checked` evita transformar
+        // o desmarcamento nativo de um radio standalone em limpeza do grupo.
+        if (event.detail?.property === 'checked')
+            return;
+        if (this.syncingChildren || !this.getChildren().includes(radio))
+            return;
+        this.reconciler.schedule();
     }
     handleKeyDown(event) {
         const target = event.composedPath().find((node) => node.tagName?.toLowerCase() === 'br-radio');
@@ -179,11 +199,17 @@ const RadioGroup = class {
     }
     /** Verifica a validade do grupo. */
     async checkValidity() {
-        return this.elementInternals.checkValidity();
+        this.checkingValidity = true;
+        try {
+            return this.elementInternals.checkValidity();
+        }
+        finally {
+            this.checkingValidity = false;
+        }
     }
     /** Verifica a validade e apresenta a mensagem do grupo. */
     async reportValidity() {
-        this.hasInteracted = true;
+        this.markAsInteracted();
         this.syncFormState();
         const valid = this.elementInternals.reportValidity();
         if (!valid)
@@ -228,17 +254,38 @@ const RadioGroup = class {
     getChildren() {
         return Array.from(this.el.children).filter((element) => element.tagName.toLowerCase() === 'br-radio');
     }
+    getRadioValue(radio) {
+        return radio.value ?? radio.getAttribute('value') ?? undefined;
+    }
     isDisabled() {
         return this.disabled || this.formDisabled;
     }
+    isWithinGroup(target) {
+        let node = target instanceof Node ? target : null;
+        while (node) {
+            if (node === this.el)
+                return true;
+            const root = node.getRootNode();
+            node = root instanceof ShadowRoot ? root.host : node.parentNode;
+        }
+        return false;
+    }
+    markAsInteracted() {
+        if (this.hasInteracted)
+            return;
+        this.hasInteracted = true;
+    }
+    clearInteraction() {
+        this.hasInteracted = false;
+    }
     handleChildFormEvent(event, type) {
         const radio = event.composedPath().find((node) => node.tagName?.toLowerCase() === 'br-radio');
         if (!radio || this.isDisabled())
             return;
         if (this.ready && event.isTrusted)
-            this.hasInteracted = true;
+            this.markAsInteracted();
         event.stopImmediatePropagation();
-        this.value = radio.checked ? (radio.value ?? null) : null;
+        this.value = radio.checked ? (this.getRadioValue(radio) ?? null) : null;
         dispatchNativeFormEvent(this.el, type);
         if (type === 'change')
             void this.validate();
@@ -274,7 +321,7 @@ const RadioGroup = class {
                     ? 0
                     : -1;
         radio.dispatchEvent(new CustomEvent('brRadioGroupState', {
-            detail: { managed: true, disabled: this.isDisabled(), tabIndex },
+            detail: { managed: true, disabled: this.isDisabled(), tabIndex, nativeName: `${this.customId}-native` },
         }));
     }
     releaseRadio(radio) {
@@ -284,17 +331,9 @@ const RadioGroup = class {
         else
             radio.name = originalName;
         radio.dispatchEvent(new CustomEvent('brRadioGroupState', {
-            detail: { managed: false, disabled: false, tabIndex: 0 },
+            detail: { managed: false, disabled: false, tabIndex: 0, nativeName: '' },
         }));
     }
-    observeChildren() {
-        this.observer?.observe(this.el, {
-            childList: true,
-            attributes: true,
-            subtree: true,
-            attributeFilter: ['checked', 'disabled', 'slot', 'value'],
-        });
-    }
     syncNamedSlots() {
         this.hasFeedbackSlot = hasNamedLightDomSlot(this.el, 'feedback');
         this.hasDescriptionSlot = hasNamedLightDomSlot(this.el, 'description');
@@ -305,7 +344,9 @@ const RadioGroup = class {
         if (this.syncingChildren)
             return;
         const children = this.getChildren();
-        const selected = this.value === null ? undefined : children.find((radio) => radio.value === this.value && !radio.disabled);
+        const selected = this.value === null
+            ? undefined
+            : children.find((radio) => this.getRadioValue(radio) === this.value && !radio.disabled);
         this.syncingChildren = true;
         children.forEach((radio) => {
             radio.checked = radio === selected;
@@ -317,28 +358,23 @@ const RadioGroup = class {
         }
         this.syncManagedState(children);
     }
-    reconcileChildren(records = []) {
+    reconcileChildren() {
         if (this.syncingChildren)
             return;
         this.syncNamedSlots();
         const children = this.getChildren();
         const checked = children.filter((radio) => radio.checked && !radio.disabled);
-        const selected = this.value === null ? undefined : children.find((radio) => radio.value === this.value && !radio.disabled);
+        const selected = this.value === null
+            ? undefined
+            : children.find((radio) => this.getRadioValue(radio) === this.value && !radio.disabled);
         const stateMatchesValue = this.value === null ? checked.length === 0 : Boolean(selected) && checked.length === 1 && checked[0] === selected;
+        if (this.value !== null && selected && checked.length === 0) {
+            this.applyValueToChildren();
+            return;
+        }
         if (!stateMatchesValue) {
-            const addedChecked = records
-                .filter((record) => record.type === 'childList')
-                .flatMap((record) => Array.from(record.addedNodes))
-                .filter((node) => node.tagName?.toLowerCase() === 'br-radio' &&
-                node.checked &&
-                !node.disabled)
-                .at(-1);
-            const changedChecked = records
-                .filter((record) => record.type === 'attributes' && record.attributeName === 'checked')
-                .map((record) => record.target)
-                .filter((radio) => radio.checked && !radio.disabled)
-                .at(-1);
-            this.value = (changedChecked ?? addedChecked ?? checked.at(-1))?.value ?? null;
+            const lastChecked = checked.at(-1);
+            this.value = lastChecked ? (this.getRadioValue(lastChecked) ?? null) : null;
             return;
         }
         this.syncManagedState(children);
@@ -347,9 +383,12 @@ const RadioGroup = class {
     getValidityMessage() {
         return (this.customValidationMessage ||
             this.validatorMessage ||
-            ((this.hasInteracted || this.elementInternals.validity.valueMissing) && this.required && this.value === null
-                ? 'Selecione uma opção.'
-                : ''));
+            (this.hasInteracted && this.required && this.value === null ? 'Selecione uma opção.' : ''));
+    }
+    getNativeValidityMessage() {
+        return (this.customValidationMessage ||
+            this.validatorMessage ||
+            (this.required && this.value === null ? 'Selecione uma opção.' : ''));
     }
     cancelValidation() {
         this.validationRunId++;
@@ -358,21 +397,31 @@ const RadioGroup = class {
     }
     getCssClassMap() {
         const disabled = this.isDisabled();
-        const invalid = !disabled && (this.feedbackState === 'invalid' || this.getValidityMessage() !== '');
+        const state = this.effectiveState;
+        const orientation = this.effectiveOrientation;
+        const invalid = !disabled && (state === 'invalid' || this.getValidityMessage() !== '');
         return {
             'br-radio-group': true,
             disabled,
-            horizontal: this.orientation === 'horizontal',
-            vertical: this.orientation === 'vertical',
-            valid: !disabled && this.feedbackState === 'valid' && !invalid,
+            horizontal: orientation === 'horizontal',
+            vertical: orientation === 'vertical',
+            valid: !disabled && state === 'valid' && !invalid,
             invalid,
         };
     }
+    get effectiveOrientation() {
+        return resolveAllowedPropValue(this.el, 'orientation', this.orientation, RADIO_GROUP_ORIENTATIONS, 'vertical');
+    }
+    get effectiveState() {
+        return resolveAllowedPropValue(this.el, 'feedbackState', this.feedbackState, RADIO_GROUP_STATES, undefined, {
+            allowUndefined: true,
+        });
+    }
     syncFormState() {
         const disabled = this.isDisabled();
         const valueMissing = !disabled && this.required && this.value === null;
         const customError = !disabled && Boolean(this.customValidationMessage || this.validatorMessage);
-        setFormValidity(this.elementInternals, { customError, valueMissing }, this.getValidityMessage(), this.getChildren().find((radio) => radio.checked && !radio.disabled) ??
+        setFormValidity(this.elementInternals, { customError, valueMissing }, this.getNativeValidityMessage(), this.getChildren().find((radio) => radio.checked && !radio.disabled) ??
             this.getChildren().find((radio) => !radio.disabled));
         if (disabled || this.value === null)
             safeSetFormValue(this.elementInternals, null);
@@ -390,10 +439,10 @@ const RadioGroup = class {
         const legendId = `${this.customId}-legend`;
         const validationMessage = this.getValidityMessage();
         const hasError = !this.isDisabled() && validationMessage !== '';
-        const isAriaInvalid = !this.isDisabled() && (hasError || this.feedbackState === 'invalid');
+        const isAriaInvalid = !this.isDisabled() && (hasError || this.effectiveState === 'invalid');
         const hasErrorMessage = hasError || this.hasFeedbackSlot;
         const hasVisibleLegend = Boolean(this.label || this.hasLabelSlot);
-        return (h(Host, { key: 'db751c758dc3f2cb6a908115aa3b0d82bdded56b', class: this.getCssClassMap(), "aria-busy": this.isValidating ? 'true' : null, "aria-disabled": this.isDisabled() ? 'true' : null, "aria-invalid": isAriaInvalid ? 'true' : null }, h("fieldset", { key: '9eaa3f95ea96f0943256f2b70f33351e7cfa0641', part: "group", disabled: this.isDisabled(), "aria-label": !hasVisibleLegend ? this.ariaLabel : null, "aria-labelledby": hasVisibleLegend ? legendId : null, "aria-describedby": this.hasDescriptionSlot ? descriptionId : null, "aria-errormessage": hasErrorMessage ? feedbackId : null, "aria-invalid": isAriaInvalid ? 'true' : null }, h("legend", { key: 'fb428b3e56d05ed128abc366b15048c910be573e', id: legendId, part: "legend", hidden: !hasVisibleLegend }, h("slot", { key: '597a74364732323e929f2a1723214b0f083c00da', name: "label", onSlotchange: (event) => (this.hasLabelSlot = hasAssignedSlotContent(event.currentTarget)) }, this.label)), h("div", { key: '2665ded06dec5e8010ea57359a74c307733bd61b', class: "radio-group-options", part: "options" }, h("slot", { key: 'c8c24e91b6b0db12201075d25a6d566f4c9bff64' })), h("div", { key: '5571be3d0c6a5aa08f3dceb6534df9a84cf8f969', id: descriptionId, class: "radio-group-description", part: "description", hidden: !this.hasDescriptionSlot }, h("slot", { key: '2fb42c93451bc51dd62418ec45ddc3106e7bcaf4', name: "description", onSlotchange: (event) => (this.hasDescriptionSlot = hasAssignedSlotContent(event.currentTarget)) })), h("div", { key: '1e890996d2269e872bf6c6ebbdbb3ccb8be78081', id: feedbackId, class: "radio-group-feedback", part: "feedback", hidden: !hasError && !this.hasFeedbackSlot }, h("slot", { key: '26621e620c1243b3a066c959f28cf725fb583a4e', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), this.renderDefaultFeedback(hasError, validationMessage)), h("div", { key: 'feb314321b31467938fd59b64699172a0c115002', part: "validation-loading", hidden: !this.hasValidationLoadingSlot || !this.isValidating }, h("slot", { key: '4dc7d235d57d92db06be2f1592c1ece5ef6c8023', name: "validation-loading" })))));
+        return (h(Host, { key: '248ac32963cb7ba0f4da47479c5f75ea4a4fd823', class: this.getCssClassMap(), "aria-busy": this.isValidating ? 'true' : null, "aria-disabled": this.isDisabled() ? 'true' : null, "aria-invalid": isAriaInvalid ? 'true' : null }, h("fieldset", { key: '10af8c4e59d75180589e616b52b17057895da18e', part: "group", disabled: this.isDisabled(), "aria-label": !hasVisibleLegend ? this.ariaLabel : null, "aria-labelledby": hasVisibleLegend ? legendId : null, "aria-describedby": this.hasDescriptionSlot ? descriptionId : null, "aria-errormessage": hasErrorMessage ? feedbackId : null, "aria-invalid": isAriaInvalid ? 'true' : null }, h("legend", { key: '421c9ebb496ba66ef708a1e104d7772649a16cec', id: legendId, part: "legend", hidden: !hasVisibleLegend }, h("slot", { key: 'f45990b75bcfbeb57d0b599abc1227945bbb8652', name: "label", onSlotchange: (event) => (this.hasLabelSlot = hasAssignedSlotContent(event.currentTarget)) }, this.label)), h("div", { key: '7bd98f81c2933d1322af6fee0afbd540ae76130a', class: "radio-group-options", part: "options" }, h("slot", { key: 'c956f5eb203e6de94d836184d60f731a343bd693' })), h("div", { key: 'd4d7626b9e910c419ac2be5ae57c2103b2525551', id: descriptionId, class: "radio-group-description", part: "description", hidden: !this.hasDescriptionSlot }, h("slot", { key: '3372397ff142ea3c56b865cdf2d145d30727f570', name: "description", onSlotchange: (event) => (this.hasDescriptionSlot = hasAssignedSlotContent(event.currentTarget)) })), h("div", { key: '3dd970dfa02b0e325fe867661d3cb44f49f88513', id: feedbackId, class: "radio-group-feedback", part: "feedback", "aria-live": "polite", "aria-atomic": "true", hidden: !hasError && !this.hasFeedbackSlot }, h("slot", { key: 'a3041ce32f51721ef4b6bb9be2f59bf6b0b63553', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), this.renderDefaultFeedback(hasError, validationMessage)), h("div", { key: '513d457c42a99df44779cf011113af84028c8859', part: "validation-loading", hidden: !this.hasValidationLoadingSlot || !this.isValidating }, h("slot", { key: '689c16ed0c86c1641806b316cec77e60a97f4987', name: "validation-loading" })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/br-radio.entry.js

@@ -2,14 +2,17 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C2RBydfd.js';
-import { r as redispatchNativeFormEvent, d as dispatchNativeFormEvent } from './event-DFN_so7I.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Dcn7tRST.js';
+import { r as redispatchNativeFormEvent, d as dispatchNativeFormEvent } from './event-CfuJQ1DY.js';
 import { r as resolveFormValidator, a as runFormValidator, g as getFormValidationState, s as safeSetFormValue, b as getCheckableFormValue, i as isFormControlDisabled, c as setFormValidity, d as getCheckableRestoreState } from './validator-D3tVP32U.js';
-import { g as generateUniqueId } from './id-BkS6ujyf.js';
+import { g as generateUniqueId } from './id-BeJxz5TQ.js';
+import { r as resolveAllowedPropValue } from './props-D07GjR4_.js';
 import { a as hasAssignedSlotContent } from './slot-BIG-yees.js';
+import './prop-warning-BlGV-x0w.js';
 
-const radioCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-radio{--radio-size:24px;--radio-bullet-size:16px;--radio-bullet-position:calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);display:block}.br-radio+.br-radio{margin-top:var(--spacing-scale-base)}.br-radio input{opacity:0;position:absolute}.br-radio input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--radio-size);min-width:var(--radio-size);padding-left:calc(var(--spacing-scale-base) + var(--radio-size));position:relative}.br-radio input+label::before{background:var(--background);border:1px solid var(--border-color);border-radius:50%;content:"";height:var(--radio-size);left:0;position:absolute;top:-1px;width:var(--radio-size)}.br-radio input+label:empty{padding:0}.br-radio input+label:empty::before{top:0}.br-radio label{font-weight:var(--font-weight-medium)}.br-radio input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}.br-radio input:checked+label:empty::after{top:var(--radio-bullet-position)}.br-radio.valid input+label::before,.br-radio[valid] input+label::before{border-color:var(--success)}.br-radio.invalid input+label::before,.br-radio[invalid] input+label::before{border-color:var(--danger)}.br-radio.small input+label,.br-radio[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-radio.small input+label::before,.br-radio[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-radio.small input:checked+label::after,.br-radio[small] input:checked+label::after{border-width:4px;height:10px;width:10px}.br-radio input:invalid+label::before{border-color:var(--danger)}.br-radio input:focus-visible:checked+label::before,.br-radio input:focus-visible+label::before,.br-radio input.focus-visible:checked+label::before,.br-radio input.focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-radio input:hover:not(:disabled)+label::before{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-radio.inverted,.br-radio.inverted label,.br-radio.dark-mode,.br-radio.dark-mode label{color:var(--color-dark)}input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}input:checked+label:empty::after{top:var(--radio-bullet-position)}:host{display:inline-block;margin-bottom:var(--spacing-scale-base)}:host .br-radio.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}`;
+const radioCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.br-radio{--radio-size:24px;--radio-bullet-size:16px;--radio-bullet-position:calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);display:block}.br-radio+.br-radio{margin-top:var(--spacing-scale-base)}.br-radio input{opacity:0;position:absolute}.br-radio input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--radio-size);min-width:var(--radio-size);padding-left:calc(var(--spacing-scale-base) + var(--radio-size));position:relative}.br-radio input+label::before{background:var(--background);border:1px solid var(--border-color);border-radius:50%;content:"";height:var(--radio-size);left:0;position:absolute;top:-1px;width:var(--radio-size)}.br-radio input+label:empty{padding:0}.br-radio input+label:empty::before{top:0}.br-radio label{font-weight:var(--font-weight-medium)}.br-radio input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}.br-radio input:checked+label:empty::after{top:var(--radio-bullet-position)}.br-radio.valid input+label::before,.br-radio[valid] input+label::before{border-color:var(--success)}.br-radio.invalid input+label::before,.br-radio[invalid] input+label::before{border-color:var(--danger)}.br-radio.small input+label,.br-radio[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-radio.small input+label::before,.br-radio[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-radio.small input:checked+label::after,.br-radio[small] input:checked+label::after{border-width:4px;height:10px;width:10px}.br-radio input:invalid+label::before{border-color:var(--danger)}.br-radio input:focus-visible:checked+label::before,.br-radio input:focus-visible+label::before,.br-radio input.focus-visible:checked+label::before,.br-radio input.focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-radio input:hover:not(:disabled)+label::before{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-radio.inverted,.br-radio.inverted label,.br-radio.dark-mode,.br-radio.dark-mode label{color:var(--color-dark)}input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}input:checked+label:empty::after{top:var(--radio-bullet-position)}:host{display:inline-block;margin-bottom:var(--spacing-scale-base)}:host .br-radio.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}`;
 
+const RADIO_STATES = ['valid', 'invalid'];
 const Radio = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -33,11 +36,18 @@ const Radio = class {
         this.groupManaged = false;
         this.groupDisabled = false;
         this.groupTabIndex = -1;
+        this.groupNativeName = '';
         /**
          * Define o estado de seleção do radio.
          * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.
          */
         this.checked = false;
+        /**
+         * Permite desmarcar o radio ao clicar novamente sobre ele quando já estiver selecionado.
+         * Por padrão, um radio selecionado permanece marcado ao receber um novo clique.
+         * Quando usada junto com `uncheckOnDoubleClick`, esta opção tem precedência.
+         */
+        this.uncheckOnClick = false;
         /**
          * Permite desmarcar o radio ao clicar duas vezes sobre ele.
          * Por padrão, um radio selecionado permanece marcado ao receber um segundo clique.
@@ -67,10 +77,12 @@ const Radio = class {
          * Handler para o event `click`
          * @param event Objeto Event
          */
-        this.onClick = () => {
-            if (this.isDisabled()) {
+        this.onClick = (event) => {
+            if (this.isDisabled() || !this.uncheckOnClick || !this.checked)
                 return;
-            }
+            // O input nativo não desmarca um radio já selecionado ao ser clicado novamente.
+            event.preventDefault();
+            this.uncheck();
         };
         this.onInput = (event) => {
             this.checked = event.target.checked;
@@ -110,6 +122,7 @@ const Radio = class {
     }
     checkedChanged() {
         this.syncFormState();
+        this.dispatchInternalStateChange('checked');
         if (this.isManagedByGroup()) {
             this.el.dispatchEvent(new CustomEvent('brInternalRadioChecked', {
                 bubbles: true,
@@ -126,12 +139,28 @@ const Radio = class {
         }
         requestAnimationFrame(() => this.syncGroupTabStops());
     }
+    disabledChanged() {
+        this.syncFormState();
+        this.dispatchInternalStateChange('disabled');
+    }
+    valueChanged() {
+        this.syncFormState();
+        this.dispatchInternalStateChange('value');
+    }
+    dispatchInternalStateChange(property) {
+        this.el?.dispatchEvent(new CustomEvent('brInternalRadioStateChange', {
+            bubbles: true,
+            composed: true,
+            detail: { property },
+        }));
+    }
     handleRadioGroupState(event) {
         if (event.target !== this.el)
             return;
         this.groupManaged = event.detail.managed;
         this.groupDisabled = event.detail.disabled;
         this.groupTabIndex = event.detail.tabIndex;
+        this.groupNativeName = event.detail.managed ? (event.detail.nativeName ?? '') : '';
         this.syncFormState();
     }
     componentWillLoad() {
@@ -273,6 +302,10 @@ const Radio = class {
     isManagedByGroup() {
         return this.groupManaged;
     }
+    getNativeName() {
+        const group = this.el.closest('br-radio-group');
+        return group?.customId ? `${group.customId}-native` : this.name;
+    }
     isStandalonePeer(radio) {
         return radio.parentElement?.tagName.toLowerCase() !== 'br-radio-group';
     }
@@ -288,17 +321,28 @@ const Radio = class {
         setFormValidity(this.elementInternals, { customError: this.customValidationMessage !== '' || Boolean(this.validatorMessage), valueMissing }, this.customValidationMessage || this.validatorMessage || (valueMissing ? 'Selecione uma opção.' : ''), this.nativeInput);
     }
     getCssClassMap() {
+        const state = this.effectiveState;
         return {
             'br-radio': true,
-            valid: (this.feedbackState ?? this.state) === 'valid',
-            invalid: (this.feedbackState ?? this.state) === 'invalid' || Boolean(this.customValidationMessage),
+            valid: state === 'valid',
+            invalid: state === 'invalid' || Boolean(this.customValidationMessage),
             disabled: this.isDisabled(),
             'hidden-label': this.labelHidden ?? this.hasHiddenLabel,
         };
     }
+    get effectiveState() {
+        const value = this.feedbackState ?? this.state;
+        const propertyName = this.feedbackState !== undefined ? 'feedbackState' : 'state';
+        return resolveAllowedPropValue(this.el, propertyName, value, RADIO_STATES, undefined, {
+            allowUndefined: true,
+        });
+    }
     handleDoubleClick() {
-        if (this.isDisabled() || !this.uncheckOnDoubleClick || !this.checked)
+        if (this.isDisabled() || this.uncheckOnClick || !this.uncheckOnDoubleClick || !this.checked)
             return;
+        this.uncheck();
+    }
+    uncheck() {
         this.checked = false;
         this.checkedChange.emit(false);
         dispatchNativeFormEvent(this.el, 'input');
@@ -335,11 +379,11 @@ const Radio = class {
         });
     }
     render() {
-        return (h(Host, { key: '901d104850affc37fd4a3fb6e10555df2ff3a3a2', "aria-disabled": this.isDisabled() ? 'true' : null }, h("div", { key: '0cec7b8788aeaf14c5664a118b1b08ba9f98d554', class: this.getCssClassMap(), part: "container" }, h("input", { key: 'b482525d1c53bbd1b2aaa26a555b4b504fe145ff', part: "radio-input", ref: (el) => (this.nativeInput = el), "aria-label": (this.labelHidden ?? this.hasHiddenLabel) && this.label ? this.label : null, type: "radio", id: this.customId, name: this.name, checked: this.checked, disabled: this.isDisabled(), required: false, value: this.value, tabIndex: this.computeTabIndex(), onClick: this.onClick, onInput: this.onInput, onChange: this.onChange, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage
+        return (h(Host, { key: '593c87451f1364548b183f010b0e4a857606ddcf', "aria-disabled": this.isDisabled() ? 'true' : null }, h("div", { key: '4680eb3b7b9e60d92b05a050ca71dd3ab0df0d21', class: this.getCssClassMap(), part: "container" }, h("input", { key: '4cc880256e8928a222c0acb1703075ca385b1b7e', part: "radio-input", ref: (el) => (this.nativeInput = el), "aria-label": (this.labelHidden ?? this.hasHiddenLabel) && this.label ? this.label : null, type: "radio", id: this.customId, name: this.groupNativeName || this.getNativeName(), checked: this.checked, disabled: this.isDisabled(), required: false, value: this.value, tabIndex: this.computeTabIndex(), onClick: this.onClick, onInput: this.onInput, onChange: this.onChange, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage
                 ? `${this.customId}-feedback`
                 : null, "aria-errormessage": this.customValidationMessage || this.validatorMessage || this.hasFeedbackSlot
                 ? `${this.customId}-feedback`
-                : null }), h("label", { key: '4fad61240eb20ad86a7f5abc5fec2dc5fcc07fc9', part: "radio-label", htmlFor: this.customId }, h("slot", { key: '70621e149e42c76dd5d7f2e52940ad29aca01a48' }, this.label))), h("div", { key: 'd69344eccd5d181bd3d5e21fba64df01be3f8ca6', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, h("slot", { key: '806b849d33bff7980db0ddc78a1ceed969b99dfe', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+                : null }), h("label", { key: 'e424af10ba938e321779eaf426fc9dfae52d102d', part: "radio-label", htmlFor: this.customId }, h("slot", { key: 'de783d9e47b7d047f405313b904b730b66bbb911' }, this.label))), h("div", { key: 'f9e544e3e331dbf079adfa0b06ed7ce3a933f4ac', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, h("slot", { key: '997e45acd2ad97857cd9ea303e10d252689392a7', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -347,6 +391,12 @@ const Radio = class {
     static get watchers() { return {
         "checked": [{
                 "checkedChanged": 0
+            }],
+        "disabled": [{
+                "disabledChanged": 0
+            }],
+        "value": [{
+                "valueChanged": 0
             }]
     }; }
 };