@redvars/peacock 3.3.2 → 3.3.3

package/dist/{snackbar-74YCdMPL.js → radio-b70_Ie9n.js}

@@ -39,7 +39,7 @@ async function fetchIcon(name, provider = 'material-symbols') {
     return fetchSVG(PROVIDERS[provider](name));
 }
 
-var css_248z$K = i`* {
+var css_248z$L = i`* {
   box-sizing: border-box;
 }
 
@@ -168,7 +168,7 @@ class Icon extends i$1 {
         }
     }
 }
-Icon.styles = [css_248z$K];
+Icon.styles = [css_248z$L];
 __decorate([
     n({ type: String, reflect: true })
 ], Icon.prototype, "name", void 0);
@@ -188,7 +188,7 @@ __decorate([
     r()
 ], Icon.prototype, "error", void 0);
 
-var css_248z$J = i`* {
+var css_248z$K = i`* {
   box-sizing: border-box;
 }
 
@@ -279,7 +279,7 @@ class Avatar extends i$1 {
         return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();
     }
 }
-Avatar.styles = [css_248z$J];
+Avatar.styles = [css_248z$K];
 __decorate([
     n({ type: String, reflect: true })
 ], Avatar.prototype, "name", void 0);
@@ -287,7 +287,7 @@ __decorate([
     n({ type: String, reflect: true })
 ], Avatar.prototype, "src", void 0);
 
-var css_248z$I = i`* {
+var css_248z$J = i`* {
   box-sizing: border-box;
 }
 
@@ -359,12 +359,12 @@ class Badge extends i$1 {
     </div>`;
     }
 }
-Badge.styles = [css_248z$I];
+Badge.styles = [css_248z$J];
 __decorate([
     n({ type: String })
 ], Badge.prototype, "value", void 0);
 
-var css_248z$H = i`* {
+var css_248z$I = i`* {
   box-sizing: border-box;
 }
 
@@ -473,7 +473,7 @@ class Divider extends i$1 {
     </div>`;
     }
 }
-Divider.styles = [css_248z$H];
+Divider.styles = [css_248z$I];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Divider.prototype, "vertical", void 0);
@@ -481,7 +481,7 @@ __decorate([
     r()
 ], Divider.prototype, "slotHasContent", void 0);
 
-var css_248z$G = i`/**
+var css_248z$H = i`/**
  * Derived from Material Design Elevation
  * https://github.com/material-components/material-web/blob/main/elevation/internal/_elevation.scss
  */
@@ -554,9 +554,9 @@ class Elevation extends i$1 {
         return b `<span class="shadow"></span>`;
     }
 }
-Elevation.styles = [css_248z$G];
+Elevation.styles = [css_248z$H];
 
-var css_248z$F = i`:host {
+var css_248z$G = i`:host {
   display: none;
   pointer-events: none;
   position: absolute;
@@ -651,7 +651,7 @@ class FocusRing extends i$1 {
         this._control = undefined;
     }
 }
-FocusRing.styles = [css_248z$F];
+FocusRing.styles = [css_248z$G];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], FocusRing.prototype, "visible", void 0);
@@ -1112,7 +1112,7 @@ __decorate([
     e$4('.surface')
 ], Ripple.prototype, "mdRoot", void 0);
 
-var css_248z$E = i`* {
+var css_248z$F = i`* {
   box-sizing: border-box;
 }
 
@@ -1282,7 +1282,7 @@ class AccordionItem extends i$1 {
     }
 }
 _AccordionItem_id = new WeakMap();
-AccordionItem.styles = [css_248z$E];
+AccordionItem.styles = [css_248z$F];
 __decorate([
     n({ type: String, reflect: true })
 ], AccordionItem.prototype, "heading", void 0);
@@ -1296,7 +1296,7 @@ __decorate([
     e$4('.accordion-heading')
 ], AccordionItem.prototype, "buttonElement", void 0);
 
-var css_248z$D = i`* {
+var css_248z$E = i`* {
   box-sizing: border-box;
 }
 
@@ -1415,7 +1415,7 @@ class Accordion extends i$1 {
         return b `<div class="accordion"><slot></slot></div>`;
     }
 }
-Accordion.styles = [css_248z$D];
+Accordion.styles = [css_248z$E];
 Accordion.Item = AccordionItem;
 __decorate([
     n({ type: Boolean, attribute: 'allow-multiple' })
@@ -1424,7 +1424,7 @@ __decorate([
     o$2({ selector: 'p-accordion-item' })
 ], Accordion.prototype, "items", void 0);
 
-var css_248z$C = i`* {
+var css_248z$D = i`* {
   box-sizing: border-box;
 }
 
@@ -1495,7 +1495,7 @@ class Link extends i$1 {
     </a>`;
     }
 }
-Link.styles = [css_248z$C];
+Link.styles = [css_248z$D];
 __decorate([
     n({ reflect: true })
 ], Link.prototype, "href", void 0);
@@ -1506,7 +1506,7 @@ __decorate([
     r()
 ], Link.prototype, "tabIndexValue", void 0);
 
-var css_248z$B = i`* {
+var css_248z$C = i`* {
   box-sizing: border-box;
 }
 
@@ -1643,7 +1643,7 @@ slot::slotted(*) {
   --_container-state-opacity: 0.08;
 }`;
 
-var css_248z$A = i`:host([color=default]) {
+var css_248z$B = i`:host([color=default]) {
   --filled-tag-container-color: var(--color-surface);
   --filled-tag-label-text-color: var(--color-on-surface);
   --tonal-tag-container-color: var(--color-surface-container);
@@ -1709,7 +1709,7 @@ var css_248z$A = i`:host([color=default]) {
   --outlined-tag-label-text-color: var(--color-purple);
 }`;
 
-var css_248z$z = i`.tag {
+var css_248z$A = i`.tag {
   font-family: var(--font-family-sans) !important;
 }
 
@@ -1808,7 +1808,7 @@ class Tag extends i$1 {
 }
 // Define styles (Lit handles Scoping via Shadow DOM by default)
 // You would typically import your tag.scss.js here or use the css tag
-Tag.styles = [css_248z$B, css_248z$A, css_248z$z];
+Tag.styles = [css_248z$C, css_248z$B, css_248z$A];
 __decorate([
     n({ type: Boolean })
 ], Tag.prototype, "dismissible", void 0);
@@ -1822,7 +1822,7 @@ __decorate([
     n()
 ], Tag.prototype, "size", void 0);
 
-var css_248z$y = i`* {
+var css_248z$z = i`* {
   box-sizing: border-box;
 }
 
@@ -1934,7 +1934,7 @@ var css_248z$y = i`* {
   color: var(--background);
 }`;
 
-var css_248z$x = i`:host([color=red]) {
+var css_248z$y = i`:host([color=red]) {
   --chip-container-color: var(--color-red-container);
   --chip-outline-color: var(--color-on-red-container);
 }
@@ -1963,7 +1963,7 @@ var css_248z$x = i`:host([color=red]) {
   --chip-outline-color: var(--color-on-purple-container);
 }`;
 
-var css_248z$w = i`.tag {
+var css_248z$x = i`.tag {
   font-family: var(--font-family-sans) !important;
 }
 
@@ -2101,7 +2101,7 @@ class Chip extends i$1 {
 }
 // Define styles (Lit handles Scoping via Shadow DOM by default)
 // You would typically import your tag.scss.js here or use the css tag
-Chip.styles = [css_248z$y, css_248z$x, css_248z$w];
+Chip.styles = [css_248z$z, css_248z$y, css_248z$x];
 __decorate([
     n({ type: Boolean })
 ], Chip.prototype, "dismissible", void 0);
@@ -2118,7 +2118,7 @@ __decorate([
     n({ type: String })
 ], Chip.prototype, "imageSrc", void 0);
 
-var css_248z$v = i`:host {
+var css_248z$w = i`:host {
   display: block;
   --progress-height: 0.25rem;
   --progress-container-color: var(--color-primary);
@@ -2324,9 +2324,9 @@ class LinearProgress extends BaseProgress {
     }
 }
 // Lit components use static styles for better performance
-LinearProgress.styles = [css_248z$v];
+LinearProgress.styles = [css_248z$w];
 
-var css_248z$u = i`:host {
+var css_248z$v = i`:host {
   display: inline-block;
   --progress-height: 1.5rem;
   --progress-line-thickness: 4px;
@@ -2489,9 +2489,9 @@ class CircularProgress extends BaseProgress {
     }
 }
 // Lit components use static styles for better performance
-CircularProgress.styles = [css_248z$u];
+CircularProgress.styles = [css_248z$v];
 
-var css_248z$t = i`:host {
+var css_248z$u = i`:host {
   --skeleton-container-color: var(--color-surface-container);
   --skeleton-element: var(--color-on-surface);
   display: inline-block;
@@ -2595,12 +2595,12 @@ class Skeleton extends i$1 {
         return b ` <div class="skeleton"></div>`;
     }
 }
-Skeleton.styles = [css_248z$t];
+Skeleton.styles = [css_248z$u];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Skeleton.prototype, "visible", void 0);
 
-var css_248z$s = i`* {
+var css_248z$t = i`* {
   box-sizing: border-box;
 }
 
@@ -2773,7 +2773,7 @@ class Input extends BaseInput {
     `;
     }
 }
-Input.styles = [css_248z$s];
+Input.styles = [css_248z$t];
 __decorate([
     n({ type: String })
 ], Input.prototype, "value", void 0);
@@ -2832,7 +2832,7 @@ __decorate([
     e$4('.input-element')
 ], Input.prototype, "inputElement", void 0);
 
-var css_248z$r = i`* {
+var css_248z$s = i`* {
   box-sizing: border-box;
 }
 
@@ -3200,7 +3200,7 @@ class Field extends i$1 {
         return b `<div class="text-count">${this.textCount}</div>`;
     }
 }
-Field.styles = [css_248z$r];
+Field.styles = [css_248z$s];
 __decorate([
     n({ type: String })
 ], Field.prototype, "label", void 0);
@@ -3256,7 +3256,7 @@ __decorate([
     r()
 ], Field.prototype, "slotEndHasContent", void 0);
 
-var css_248z$q = i`* {
+var css_248z$r = i`* {
   box-sizing: border-box;
 }
 
@@ -3453,7 +3453,7 @@ class NumberField extends BaseInput {
     }
 }
 _NumberField_id = new WeakMap();
-NumberField.styles = [css_248z$q];
+NumberField.styles = [css_248z$r];
 __decorate([
     n({ type: Number })
 ], NumberField.prototype, "value", void 0);
@@ -3515,7 +3515,7 @@ __decorate([
     e$4('.input-element')
 ], NumberField.prototype, "inputElement", void 0);
 
-var css_248z$p = i`* {
+var css_248z$q = i`* {
   box-sizing: border-box;
 }
 
@@ -3682,7 +3682,7 @@ class DatePicker extends BaseInput {
     `;
     }
 }
-DatePicker.styles = [css_248z$p];
+DatePicker.styles = [css_248z$q];
 __decorate([
     n({ type: String })
 ], DatePicker.prototype, "value", void 0);
@@ -3738,7 +3738,7 @@ __decorate([
     e$4('.input-element')
 ], DatePicker.prototype, "inputElement", void 0);
 
-var css_248z$o = i`* {
+var css_248z$p = i`* {
   box-sizing: border-box;
 }
 
@@ -3905,7 +3905,7 @@ class TimePicker extends BaseInput {
     `;
     }
 }
-TimePicker.styles = [css_248z$o];
+TimePicker.styles = [css_248z$p];
 __decorate([
     n({ type: String })
 ], TimePicker.prototype, "value", void 0);
@@ -3961,7 +3961,7 @@ __decorate([
     e$4('.input-element')
 ], TimePicker.prototype, "inputElement", void 0);
 
-var css_248z$n = i`* {
+var css_248z$o = i`* {
   box-sizing: border-box;
 }
 
@@ -4121,7 +4121,7 @@ class Textarea extends BaseInput {
     `;
     }
 }
-Textarea.styles = [css_248z$n];
+Textarea.styles = [css_248z$o];
 __decorate([
     n({ type: String })
 ], Textarea.prototype, "value", void 0);
@@ -4180,7 +4180,7 @@ __decorate([
     e$4('.input-element')
 ], Textarea.prototype, "inputElement", void 0);
 
-var css_248z$m = i`* {
+var css_248z$n = i`* {
   box-sizing: border-box;
 }
 
@@ -4521,7 +4521,7 @@ class Switch extends BaseInput {
     `;
     }
 }
-Switch.styles = [css_248z$m];
+Switch.styles = [css_248z$n];
 __decorate([
     n({ type: Boolean })
 ], Switch.prototype, "value", void 0);
@@ -4565,7 +4565,7 @@ __decorate([
     e$4('.input-native')
 ], Switch.prototype, "nativeElement", void 0);
 
-var css_248z$l = i`* {
+var css_248z$m = i`* {
   box-sizing: border-box;
 }
 
@@ -5035,7 +5035,7 @@ class Checkbox extends i$1 {
     `;
     }
 }
-Checkbox.styles = [css_248z$l];
+Checkbox.styles = [css_248z$m];
 __decorate([
     n({ type: String })
 ], Checkbox.prototype, "name", void 0);
@@ -5082,7 +5082,7 @@ __decorate([
     e$4('.input-native')
 ], Checkbox.prototype, "nativeElement", void 0);
 
-var css_248z$k = i`* {
+var css_248z$l = i`* {
   box-sizing: border-box;
 }
 
@@ -5169,9 +5169,9 @@ class Spinner extends i$1 {
     `;
     }
 }
-Spinner.styles = [css_248z$k];
+Spinner.styles = [css_248z$l];
 
-var css_248z$j = i`* {
+var css_248z$k = i`* {
   box-sizing: border-box;
 }
 
@@ -5289,12 +5289,12 @@ class Container extends i$1 {
     `;
     }
 }
-Container.styles = [css_248z$j];
+Container.styles = [css_248z$k];
 __decorate([
     n({ type: String, reflect: true })
 ], Container.prototype, "size", void 0);
 
-var css_248z$i = i`* {
+var css_248z$j = i`* {
   box-sizing: border-box;
 }
 
@@ -5450,7 +5450,7 @@ class EmptyState extends i$1 {
     }
 }
 // Lit handles styles in a static property for better performance
-EmptyState.styles = [css_248z$i];
+EmptyState.styles = [css_248z$j];
 __decorate([
     n({ type: String, reflect: true })
 ], EmptyState.prototype, "illustration", void 0);
@@ -5464,7 +5464,7 @@ __decorate([
     r()
 ], EmptyState.prototype, "vertical", void 0);
 
-var css_248z$h = i`* {
+var css_248z$i = i`* {
   box-sizing: border-box;
 }
 
@@ -7290,7 +7290,7 @@ class Tooltip extends i$1 {
     `;
     }
 }
-Tooltip.styles = [css_248z$h];
+Tooltip.styles = [css_248z$i];
 Tooltip.CLOSE_OTHERS_EVENT = 'tooltip--open';
 __decorate([
     n()
@@ -7314,7 +7314,7 @@ __decorate([
     e$4('#tooltip')
 ], Tooltip.prototype, "floatingEl", void 0);
 
-var css_248z$g = i`* {
+var css_248z$h = i`* {
   box-sizing: border-box;
 }
 
@@ -7356,7 +7356,7 @@ ol {
  * SPDX-License-Identifier: BSD-3-Clause
  */const o=o=>o??A;
 
-var css_248z$f = i`* {
+var css_248z$g = i`* {
   box-sizing: border-box;
 }
 
@@ -7486,7 +7486,7 @@ class BreadcrumbItem extends i$1 {
     `;
     }
 }
-BreadcrumbItem.styles = [css_248z$f];
+BreadcrumbItem.styles = [css_248z$g];
 __decorate([
     n({ reflect: true })
 ], BreadcrumbItem.prototype, "href", void 0);
@@ -7540,13 +7540,13 @@ class Breadcrumb extends i$1 {
     </nav>`;
     }
 }
-Breadcrumb.styles = [css_248z$g];
+Breadcrumb.styles = [css_248z$h];
 Breadcrumb.Item = BreadcrumbItem;
 __decorate([
     n({ type: String })
 ], Breadcrumb.prototype, "label", void 0);
 
-var css_248z$e = i`* {
+var css_248z$f = i`* {
   box-sizing: border-box;
 }
 
@@ -7630,7 +7630,7 @@ var css_248z$e = i`* {
   --_container-color: var(--color-tertiary-container);
 }`;
 
-var css_248z$d = i`* {
+var css_248z$e = i`* {
   box-sizing: border-box;
 }
 
@@ -7741,7 +7741,7 @@ var css_248z$d = i`* {
   display: none;
 }`;
 
-var css_248z$c = i`:host-context([variant=standard]) {
+var css_248z$d = i`:host-context([variant=standard]) {
   --menu-item-label-color: var(--color-on-surface-variant);
   --menu-item-label-selected-color: var(--color-on-tertiary-container);
   --menu-item-container-selected-color: var(--color-tertiary-container);
@@ -7909,7 +7909,7 @@ class MenuItem extends i$1 {
     `;
     }
 }
-MenuItem.styles = [css_248z$d, css_248z$c];
+MenuItem.styles = [css_248z$e, css_248z$d];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], MenuItem.prototype, "disabled", void 0);
@@ -8309,7 +8309,7 @@ class Menu extends i$1 {
     </div>`;
     }
 }
-Menu.styles = [css_248z$e];
+Menu.styles = [css_248z$f];
 Menu.Item = MenuItem;
 __decorate([
     n({ type: Boolean, reflect: true })
@@ -8342,7 +8342,7 @@ __decorate([
     e$4('.menu')
 ], Menu.prototype, "menuListElement", void 0);
 
-var css_248z$b = i`* {
+var css_248z$c = i`* {
   box-sizing: border-box;
 }
 
@@ -8536,7 +8536,7 @@ class SubMenu extends i$1 {
     `;
     }
 }
-SubMenu.styles = [css_248z$b];
+SubMenu.styles = [css_248z$c];
 __decorate([
     n({ type: Number, attribute: 'hover-open-delay' })
 ], SubMenu.prototype, "hoverOpenDelay", void 0);
@@ -8556,7 +8556,7 @@ __decorate([
     o$2({ slot: 'menu' })
 ], SubMenu.prototype, "_menus", void 0);
 
-var css_248z$a = i`@charset "UTF-8";
+var css_248z$b = i`@charset "UTF-8";
 :host {
   display: block;
   height: 100%;
@@ -8713,7 +8713,7 @@ class Image extends i$1 {
     `;
     }
 }
-Image.styles = [css_248z$a];
+Image.styles = [css_248z$b];
 __decorate([
     n({ reflect: true })
 ], Image.prototype, "src", void 0);
@@ -8736,7 +8736,7 @@ __decorate([
     r()
 ], Image.prototype, "_previewOpen", void 0);
 
-var css_248z$9 = i`* {
+var css_248z$a = i`* {
   box-sizing: border-box;
 }
 
@@ -9022,7 +9022,7 @@ class Tab extends i$1 {
     }
     firstUpdated() {
         this.__dispatchClickWithThrottle = throttle(this.__dispatchClick, this.throttleDelay);
-        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot'), hasContent => {
+        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot:not([name])'), hasContent => {
             this.slotHasContent = hasContent;
             this.requestUpdate();
         });
@@ -9135,7 +9135,7 @@ class Tab extends i$1 {
     }
 }
 _Tab_id = new WeakMap();
-Tab.styles = [css_248z$9];
+Tab.styles = [css_248z$a];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Tab.prototype, "active", void 0);
@@ -9182,7 +9182,7 @@ __decorate([
     e$4('.tab-element')
 ], Tab.prototype, "tabElement", void 0);
 
-var css_248z$8 = i`* {
+var css_248z$9 = i`* {
   box-sizing: border-box;
 }
 
@@ -9196,7 +9196,7 @@ var css_248z$8 = i`* {
   height: 100%;
 }`;
 
-var css_248z$7 = i`* {
+var css_248z$8 = i`* {
   box-sizing: border-box;
 }
 
@@ -9283,13 +9283,13 @@ class Tabs extends i$1 {
     `;
     }
 }
-Tabs.styles = [css_248z$7];
+Tabs.styles = [css_248z$8];
 Tabs.Tab = Tab;
 __decorate([
     n({ type: Boolean })
 ], Tabs.prototype, "managed", void 0);
 
-var css_248z$6 = i`* {
+var css_248z$7 = i`* {
   box-sizing: border-box;
 }
 
@@ -9331,7 +9331,7 @@ class TabPanel extends i$1 {
         return b `<slot></slot>`;
     }
 }
-TabPanel.styles = [css_248z$6];
+TabPanel.styles = [css_248z$7];
 __decorate([
     n({ reflect: true })
 ], TabPanel.prototype, "value", void 0);
@@ -9485,14 +9485,14 @@ class TabGroup extends i$1 {
         return b `<slot></slot>`;
     }
 }
-TabGroup.styles = [css_248z$8];
+TabGroup.styles = [css_248z$9];
 TabGroup.Tabs = Tabs;
 TabGroup.TabPanel = TabPanel;
 __decorate([
     n({ reflect: true })
 ], TabGroup.prototype, "variant", void 0);
 
-var css_248z$5 = i`:host {
+var css_248z$6 = i`:host {
   --_track-height: 4px;
   --_thumb-size: 20px;
   --thumb-half: 10px;
@@ -9765,7 +9765,7 @@ class Slider extends i$1 {
     `;
     }
 }
-Slider.styles = [css_248z$5];
+Slider.styles = [css_248z$6];
 __decorate([
     n({ type: Number })
 ], Slider.prototype, "min", void 0);
@@ -9794,7 +9794,7 @@ __decorate([
     e$4('.thumb')
 ], Slider.prototype, "thumbElement", void 0);
 
-var css_248z$4 = i`* {
+var css_248z$5 = i`* {
   box-sizing: border-box;
 }
 
@@ -10328,7 +10328,7 @@ class Table extends i$1 {
     `;
     }
 }
-Table.styles = [css_248z$4];
+Table.styles = [css_248z$5];
 __decorate([
     n({ type: Array })
 ], Table.prototype, "columns", void 0);
@@ -10387,7 +10387,7 @@ __decorate([
     r()
 ], Table.prototype, "isHorizontallyScrolled", void 0);
 
-var css_248z$3 = i`* {
+var css_248z$4 = i`* {
   box-sizing: border-box;
 }
 
@@ -10569,7 +10569,7 @@ class Pagination extends i$1 {
     `;
     }
 }
-Pagination.styles = [css_248z$3];
+Pagination.styles = [css_248z$4];
 __decorate([
     n({ type: Number })
 ], Pagination.prototype, "page", void 0);
@@ -10583,7 +10583,7 @@ __decorate([
     n({ type: Array, attribute: 'page-sizes' })
 ], Pagination.prototype, "pageSizes", void 0);
 
-var css_248z$2 = i`* {
+var css_248z$3 = i`* {
   box-sizing: border-box;
 }
 
@@ -10898,7 +10898,7 @@ class TreeNode extends i$1 {
     </div>`;
     }
 }
-TreeNode.styles = [css_248z$2];
+TreeNode.styles = [css_248z$3];
 __decorate([
     n({ type: String, reflect: true })
 ], TreeNode.prototype, "value", void 0);
@@ -10930,7 +10930,7 @@ __decorate([
     e$4('.tree-node-content')
 ], TreeNode.prototype, "_nativeElement", void 0);
 
-var css_248z$1 = i`* {
+var css_248z$2 = i`* {
   box-sizing: border-box;
 }
 
@@ -11093,13 +11093,13 @@ class TreeView extends i$1 {
     </div>`;
     }
 }
-TreeView.styles = [css_248z$1];
+TreeView.styles = [css_248z$2];
 TreeView.Node = TreeNode;
 __decorate([
     n({ type: String, attribute: 'selected-node', reflect: true })
 ], TreeView.prototype, "selectedNode", void 0);
 
-var css_248z = i`* {
+var css_248z$1 = i`* {
   box-sizing: border-box;
 }
 
@@ -11302,7 +11302,7 @@ class Snackbar extends i$1 {
     `;
     }
 }
-Snackbar.styles = [css_248z];
+Snackbar.styles = [css_248z$1];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Snackbar.prototype, "open", void 0);
@@ -11322,5 +11322,458 @@ __decorate([
     n({ type: Boolean, reflect: true })
 ], Snackbar.prototype, "multiline", void 0);
 
-export { Accordion as A, Badge as B, Checkbox as C, DatePicker as D, Elevation as E, Field as F, TreeNode as G, TreeView as H, Icon as I, LinearProgress as L, Menu as M, NumberField as N, Pagination as P, Ripple as R, Skeleton as S, Tab as T, Avatar as a, Breadcrumb as b, BreadcrumbItem as c, Chip as d, CircularProgress as e, Container as f, Divider as g, EmptyState as h, FocusRing as i, Image as j, Input as k, Link as l, MenuItem as m, Slider as n, Snackbar as o, Spinner as p, SubMenu as q, Switch as r, TabGroup as s, TabPanel as t, Table as u, Tabs as v, Tag as w, Textarea as x, TimePicker as y, Tooltip as z };
-//# sourceMappingURL=snackbar-74YCdMPL.js.map
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: inline-block;
+  --radio-size: 20px;
+  --radio-dot-size: 12px;
+  --radio-selected-color: var(--color-primary);
+  --radio-unselected-color: var(--color-on-surface-variant);
+  --radio-state-layer-size: 40px;
+  --radio-disabled-opacity: 0.38;
+}
+
+.radio {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  vertical-align: middle;
+  gap: 8px;
+  font-family: var(--typography-body-medium-font-family) !important;
+  font-size: var(--typography-body-medium-font-size) !important;
+  font-weight: var(--typography-body-medium-font-weight) !important;
+  line-height: var(--typography-body-medium-line-height) !important;
+  letter-spacing: var(--typography-body-medium-letter-spacing) !important;
+}
+.radio .input-native {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.radio .container {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--radio-state-layer-size);
+  height: var(--radio-state-layer-size);
+  cursor: inherit;
+  outline: none;
+  flex-shrink: 0;
+}
+.radio .state-layer {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  opacity: 0;
+  transition: opacity var(--duration-short2) var(--easing-standard);
+}
+.radio .outer-circle {
+  position: absolute;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  border: 2px solid var(--radio-unselected-color);
+  border-radius: 50%;
+  box-sizing: border-box;
+  transition: border-color var(--duration-short2) var(--easing-standard);
+}
+.radio .inner-circle {
+  position: absolute;
+  width: var(--radio-dot-size);
+  height: var(--radio-dot-size);
+  background: var(--radio-selected-color);
+  border-radius: 50%;
+  opacity: 0;
+  transform: scale(0.5);
+  transition: transform var(--duration-short2) var(--easing-standard), opacity var(--duration-short2) var(--easing-standard);
+}
+.radio .label {
+  color: var(--color-on-surface);
+  cursor: inherit;
+}
+.radio:hover:not(.disabled):not(.readonly) .state-layer {
+  opacity: 0.08;
+  background: var(--color-on-surface);
+}
+.radio:hover:not(.disabled):not(.readonly).state-checked .state-layer {
+  background: var(--radio-selected-color);
+}
+.radio.has-focus:not(.active):not(.disabled):not(.readonly) .state-layer {
+  opacity: 0.12;
+  background: var(--color-on-surface);
+}
+.radio.has-focus:not(.active):not(.disabled):not(.readonly) .container {
+  outline: 3px solid var(--color-primary);
+  outline-offset: 2px;
+  border-radius: 50%;
+}
+.radio.has-focus:not(.active):not(.disabled):not(.readonly).state-checked .state-layer {
+  background: var(--radio-selected-color);
+}
+.radio.active:not(.disabled):not(.readonly) .state-layer {
+  opacity: 0.12;
+  background: var(--color-on-surface);
+}
+.radio.active:not(.disabled):not(.readonly).state-checked .state-layer {
+  background: var(--radio-selected-color);
+}
+
+.radio.state-checked .outer-circle {
+  border-color: var(--radio-selected-color);
+}
+.radio.state-checked .inner-circle {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.radio.readonly {
+  cursor: default;
+}
+.radio.readonly .state-layer {
+  display: none;
+}
+.radio.readonly .outer-circle {
+  border-color: var(--color-on-surface-variant);
+}
+.radio.readonly.state-checked .inner-circle {
+  background: var(--color-on-surface-variant);
+}
+
+.radio.disabled {
+  cursor: not-allowed;
+  opacity: var(--radio-disabled-opacity);
+}
+.radio.disabled .state-layer {
+  display: none;
+}
+.radio.disabled .label {
+  color: var(--color-on-surface);
+}
+.radio.disabled .outer-circle {
+  border-color: var(--color-on-surface);
+}
+.radio.disabled.state-checked .inner-circle {
+  background: var(--color-on-surface);
+}`;
+
+class Radio extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * The input field name for grouping radios.
+         */
+        this.name = '';
+        /**
+         * The submitted value when this radio is selected.
+         */
+        this.value = '';
+        /**
+         * The radio label.
+         */
+        this.label = '';
+        /**
+         * Whether the radio is selected.
+         */
+        this.checked = false;
+        /**
+         * If true, required icon is shown. Defaults to `false`.
+         */
+        this.required = false;
+        /**
+         * If true, the radio is readonly. Defaults to `false`.
+         */
+        this.readonly = false;
+        /**
+         * If true, the user cannot interact with the radio. Defaults to `false`.
+         */
+        this.disabled = false;
+        /**
+         * Configuration object for aria attributes.
+         */
+        this.configAria = {};
+        this.hasFocus = false;
+        this.isActive = false;
+        this.slotHasContent = false;
+        this.isGroupFocusTarget = false;
+        this.windowMouseUp = () => {
+            if (this.isActive) {
+                this.isActive = false;
+            }
+        };
+        this.windowKeyUp = (evt) => {
+            if (this.isActive && evt.key === ' ') {
+                evt.preventDefault();
+                this.isActive = false;
+            }
+        };
+        this.mouseDownHandler = () => {
+            this.isActive = true;
+        };
+        this.keyDownHandler = (evt) => {
+            if (evt.key === ' ') {
+                evt.preventDefault();
+                this.isActive = true;
+                this.selectRadio(evt);
+            }
+            else if (evt.key === 'ArrowRight' || evt.key === 'ArrowDown') {
+                evt.preventDefault();
+                this.navigateGroup(Radio.DIRECTION_NEXT);
+            }
+            else if (evt.key === 'ArrowLeft' || evt.key === 'ArrowUp') {
+                evt.preventDefault();
+                this.navigateGroup(Radio.DIRECTION_PREVIOUS);
+            }
+        };
+        this.clickHandler = (ev) => {
+            this.selectRadio(ev);
+        };
+        this.blurHandler = (ev) => {
+            this.hasFocus = false;
+            this.dispatchEvent(new CustomEvent('blur', {
+                detail: ev,
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this.focusHandler = (ev) => {
+            this.hasFocus = true;
+            this.dispatchEvent(new CustomEvent('focus', {
+                detail: ev,
+                bubbles: true,
+                composed: true,
+            }));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.handleInitialAttributes();
+        window.addEventListener('mouseup', this.windowMouseUp);
+        window.addEventListener('keyup', this.windowKeyUp);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener('mouseup', this.windowMouseUp);
+        window.removeEventListener('keyup', this.windowKeyUp);
+    }
+    firstUpdated() {
+        this.slotHasContent = this.hasChildNodes() || !!this.label;
+        this.updateGroupFocusTarget();
+    }
+    updated(changedProps) {
+        if (changedProps.has('label')) {
+            this.slotHasContent = this.hasChildNodes() || !!this.label;
+        }
+        if (changedProps.has('checked') && this.checked) {
+            this.uncheckSiblings();
+        }
+        if (changedProps.has('checked') || changedProps.has('name')) {
+            this.updateGroupFocusTarget();
+        }
+    }
+    handleInitialAttributes() {
+        if (this.hasAttribute('tabindex')) {
+            const attrValue = this.getAttribute('tabindex');
+            if (attrValue !== null) {
+                this.tabindex = parseInt(attrValue, 10);
+            }
+            this.removeAttribute('tabindex');
+        }
+        Array.from(this.attributes).forEach(attr => {
+            if (attr.name.startsWith('aria-')) {
+                this.configAria[attr.name] = attr.value;
+                this.removeAttribute(attr.name);
+            }
+        });
+    }
+    selectRadio(ev) {
+        if (this.disabled || this.readonly)
+            return;
+        if (!this.checked) {
+            this.checked = true;
+            this.uncheckSiblings();
+            this.dispatchChange(ev);
+        }
+        this.containerElement?.focus();
+    }
+    dispatchChange(ev) {
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: this.value, checked: this.checked, originalEvent: ev },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    uncheckSiblings() {
+        if (!this.name || !this.checked)
+            return;
+        const radios = this.getGroupRadios();
+        radios.forEach(radio => {
+            if (radio === this)
+                return;
+            radio.checked = false;
+        });
+    }
+    getGroupRadios() {
+        if (!this.name)
+            return [this];
+        const scopeRoot = this.closest('form') ?? document;
+        return Array.from(scopeRoot.querySelectorAll(`wc-radio[name="${this.name}"]`));
+    }
+    isRadioEnabled(radio) {
+        return !radio.disabled && !radio.readonly;
+    }
+    updateGroupFocusTarget() {
+        const group = this.getGroupRadios();
+        if (!group.length)
+            return;
+        const enabledGroup = group.filter(radio => this.isRadioEnabled(radio));
+        if (!enabledGroup.length) {
+            group.forEach(radio => {
+                radio.isGroupFocusTarget = false;
+            });
+            return;
+        }
+        const target = enabledGroup.find(radio => radio.checked) || enabledGroup[0];
+        group.forEach(radio => {
+            radio.isGroupFocusTarget = radio === target;
+        });
+    }
+    navigateGroup(direction) {
+        const group = this.getGroupRadios().filter(radio => this.isRadioEnabled(radio));
+        if (!group.length)
+            return;
+        const currentIndex = group.indexOf(this);
+        const startIndex = currentIndex >= 0 ? currentIndex : 0;
+        const nextIndex = (startIndex + direction + group.length) % group.length;
+        const target = group[nextIndex];
+        target.selectRadio();
+        target.containerElement?.focus();
+    }
+    /**
+     * Sets focus on the radio.
+     */
+    focus() {
+        this.containerElement?.focus();
+    }
+    /**
+     * Removes focus from the radio.
+     */
+    blur() {
+        this.containerElement?.blur();
+    }
+    render() {
+        const cssClasses = {
+            radio: true,
+            'state-checked': this.checked,
+            'has-focus': this.hasFocus,
+            active: this.isActive,
+            disabled: this.disabled,
+            readonly: this.readonly,
+            required: this.required,
+            'has-content': this.slotHasContent,
+        };
+        return b `
+      <label class=${e$3(cssClasses)}>
+        <div
+          class="container"
+          tabindex=${this.isGroupFocusTarget
+            ? this.tabindex !== undefined
+                ? this.tabindex
+                : 0
+            : -1}
+          role="radio"
+          aria-disabled=${this.disabled}
+          aria-required=${this.required}
+          aria-checked=${this.checked}
+          @click=${this.clickHandler}
+          @mousedown=${this.mouseDownHandler}
+          @keydown=${this.keyDownHandler}
+          @blur=${this.blurHandler}
+          @focus=${this.focusHandler}
+          ${spread(this.configAria)}
+        >
+          <div class="state-layer"></div>
+          <div class="outer-circle"></div>
+          <div class="inner-circle"></div>
+        </div>
+
+        <input
+          type="radio"
+          class="input-native"
+          name=${this.name}
+          .value=${this.value}
+          .checked=${this.checked}
+          aria-hidden="true"
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          tabindex="-1"
+        />
+
+        ${this.label
+            ? b `<div class="label">${this.label}</div>`
+            : b `<div class="label slot-container"><slot></slot></div>`}
+      </label>
+    `;
+    }
+}
+Radio.DIRECTION_NEXT = 1;
+Radio.DIRECTION_PREVIOUS = -1;
+Radio.styles = [css_248z];
+__decorate([
+    n({ type: String })
+], Radio.prototype, "name", void 0);
+__decorate([
+    n({ type: String })
+], Radio.prototype, "value", void 0);
+__decorate([
+    n({ type: String })
+], Radio.prototype, "label", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Radio.prototype, "checked", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Radio.prototype, "required", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Radio.prototype, "readonly", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Radio.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Object })
+], Radio.prototype, "configAria", void 0);
+__decorate([
+    r()
+], Radio.prototype, "hasFocus", void 0);
+__decorate([
+    r()
+], Radio.prototype, "isActive", void 0);
+__decorate([
+    r()
+], Radio.prototype, "slotHasContent", void 0);
+__decorate([
+    r()
+], Radio.prototype, "isGroupFocusTarget", void 0);
+__decorate([
+    e$4('.container')
+], Radio.prototype, "containerElement", void 0);
+__decorate([
+    e$4('.input-native')
+], Radio.prototype, "nativeElement", void 0);
+
+export { Accordion as A, Badge as B, Checkbox as C, DatePicker as D, Elevation as E, Field as F, Tooltip as G, TreeNode as H, Icon as I, TreeView as J, LinearProgress as L, Menu as M, NumberField as N, Pagination as P, Radio as R, Skeleton as S, Tab as T, Avatar as a, Breadcrumb as b, BreadcrumbItem as c, Chip as d, CircularProgress as e, Container as f, Divider as g, EmptyState as h, FocusRing as i, Image as j, Input as k, Link as l, MenuItem as m, Ripple as n, Slider as o, Snackbar as p, Spinner as q, SubMenu as r, Switch as s, TabGroup as t, TabPanel as u, Table as v, Tabs as w, Tag as x, Textarea as y, TimePicker as z };
+//# sourceMappingURL=radio-b70_Ie9n.js.map