@momentum-design/components 0.120.30 → 0.120.32

package/dist/browser/index.js

@@ -1361,31 +1361,31 @@
       --mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);
       --mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);
     }
-    :host([size='124'])::part(content) {
+    :host([size='124']) {
       width: 7.75rem;
       height: 7.75rem;
     }
-    :host([size='88'])::part(content) {
+    :host([size='88']) {
       width: 5.5rem;
       height: 5.5rem;
     }
-    :host([size='72'])::part(content) {
+    :host([size='72']) {
       width: 4.5rem;
       height: 4.5rem;
     }
-    :host([size='64'])::part(content) {
+    :host([size='64']) {
       width: 4rem;
       height: 4rem;
     }
-    :host([size='48'])::part(content) {
+    :host([size='48']) {
       width: 3rem;
       height: 3rem;
     }
-    :host([size='32'])::part(content) {
+    :host([size='32']) {
       width: 2rem;
       height: 2rem;
     }
-    :host([size='24'])::part(content) {
+    :host([size='24']) {
       width: 1.5rem;
       height: 1.5rem;
     }
@@ -1408,7 +1408,7 @@
     :host([size='24'])::part(loader) {
       transform: scale(0.3);
     }
-    :host::part(content) {
+    :host {
       width: 2rem;
       height: 2rem;
       background-color: var(--mdc-avatar-default-background-color);
@@ -1504,11 +1504,11 @@
 
     /* High Contrast Mode */
     @media (forced-colors: active) {
-      :host::part(content) {
+      :host {
         outline: 0.125rem solid;
       }
     }
-  `],gu=oE;var bu=z.constructTagName("presence"),Te={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},Xt={24:24,32:32,48:48,64:64,72:72,88:88,124:124},ms={TYPE:Te.ACTIVE,SIZE:Xt[32]};var yu=n=>({[Ft[124]]:Xt[124],[Ft[88]]:Xt[88],[Ft[72]]:Xt[72],[Ft[64]]:Xt[64],[Ft[48]]:Xt[48],[Ft[32]]:Xt[32],[Ft[24]]:Xt[24]})[n]||Xt[32],Eu=n=>({[Ft[124]]:4.75,[Ft[88]]:3,[Ft[72]]:2.5,[Ft[64]]:2.25,[Ft[48]]:1.75,[Ft[32]]:1.25,[Ft[24]]:1})[n]||1.25,Tu=n=>({[Ft[124]]:st.HEADING_XLARGE_MEDIUM,[Ft[88]]:st.HEADING_LARGE_MEDIUM,[Ft[72]]:st.HEADING_MIDSIZE_MEDIUM,[Ft[64]]:st.HEADING_SMALL_MEDIUM,[Ft[48]]:st.HEADING_SMALL_MEDIUM,[Ft[32]]:st.BODY_MIDSIZE_MEDIUM,[Ft[24]]:st.BODY_SMALL_MEDIUM})[n]||st.BODY_MIDSIZE_MEDIUM;var _a=class extends bl(Kt(q)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(t){return t===Se.COUNTER&&(this.counter||this.counter===0)||this.isTyping?j:this.presence?_`
+  `],gu=oE;var bu=z.constructTagName("presence"),Te={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},Xt={24:24,32:32,48:48,64:64,72:72,88:88,124:124},ms={TYPE:Te.ACTIVE,SIZE:Xt[32]};var yu=n=>({[Ft[124]]:Xt[124],[Ft[88]]:Xt[88],[Ft[72]]:Xt[72],[Ft[64]]:Xt[64],[Ft[48]]:Xt[48],[Ft[32]]:Xt[32],[Ft[24]]:Xt[24]})[n]||Xt[32],Eu=n=>({[Ft[124]]:4.75,[Ft[88]]:3,[Ft[72]]:2.5,[Ft[64]]:2.25,[Ft[48]]:1.75,[Ft[32]]:1.25,[Ft[24]]:1})[n]||1.25,Tu=n=>({[Ft[124]]:st.HEADING_XLARGE_MEDIUM,[Ft[88]]:st.HEADING_LARGE_MEDIUM,[Ft[72]]:st.HEADING_MIDSIZE_MEDIUM,[Ft[64]]:st.HEADING_SMALL_MEDIUM,[Ft[48]]:st.HEADING_SMALL_MEDIUM,[Ft[32]]:st.BODY_MIDSIZE_MEDIUM,[Ft[24]]:st.BODY_SMALL_MEDIUM})[n]||st.BODY_MIDSIZE_MEDIUM;var _a=class extends bl(Kt(q)){constructor(){super(...arguments);this.isPhotoLoaded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}getPresenceTemplateBasedOnType(t){return t===Se.COUNTER&&(this.counter||this.counter===0)||this.isTyping?j:this.presence?_`
         <mdc-presence part="presence" type="${this.presence}" size="${yu(this.size)}"></mdc-presence>
       `:j}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return _`
       <img
@@ -1522,10 +1522,8 @@
     `}iconTemplate(){let t=this.iconName||ps.ICON_NAME;return _`
       <mdc-icon name="${rt(t)}" length-unit="rem" size="${Eu(this.size)}"></mdc-icon>
     `}textTemplate(t){return _` <mdc-text type="${Tu(this.size)}" tagname="span"> ${t} </mdc-text> `}generateCounterText(t){return t<0?"0":t>vc?`${vc}+`:t.toString()}generateInitialsText(t){return t.toUpperCase().slice(0,2)}generateTextContent(t){let i="";return t===Se.TEXT&&this.initials&&(i=this.generateInitialsText(this.initials)),t===Se.COUNTER&&(this.counter||this.counter===0)&&(i=this.generateCounterText(this.counter)),this.textTemplate(i)}getTypeBasedOnInputs(){return this.src?Se.PHOTO:this.iconName?Se.ICON:this.initials?Se.TEXT:this.counter||this.counter===0?Se.COUNTER:Se.ICON}getTemplateBasedOnType(t){switch(t){case Se.PHOTO:return this.photoTemplate();case Se.TEXT:case Se.COUNTER:return this.generateTextContent(t);case Se.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?_`<div part="loading-wrapper"><div part="loader"></div></div>`:j}getPhotoPlaceHolderContent(t){return this.isPhotoLoaded?j:t===Se.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():j}update(t){super.update(t),t.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let t=this.getTypeBasedOnInputs();return _`
-      <div part="content" aria-hidden="true">
-        ${this.getPhotoPlaceHolderContent(t)} ${this.getTemplateBasedOnType(t)} ${this.getLoadingContent()}
-        ${this.getPresenceTemplateBasedOnType(t)}
-      </div>
+      ${this.getPhotoPlaceHolderContent(t)} ${this.getTemplateBasedOnType(t)} ${this.getLoadingContent()}
+      ${this.getPresenceTemplateBasedOnType(t)}
     `}};_a.styles=[...q.styles,...gu],p([vt()],_a.prototype,"isPhotoLoaded",2);var gc=_a;var sE=[bt,B`
     :host {
       --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
@@ -2289,82 +2287,80 @@
       </div>
     `}};vs.styles=[...Er.styles,...Gu],p([u({type:Boolean,reflect:!0})],vs.prototype,"checked",2),p([u({type:String,attribute:"selection-type",reflect:!0})],vs.prototype,"selectionType",2);var kc=vs;var wE=[B`
     :host {
+      --mdc-checkbox-border-color: var(--mds-color-theme-outline-input-normal);
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-inactive-normal);
+      --mdc-checkbox-icon-color: var(--mds-color-theme-inverted-text-primary-normal);
+      --mdc-checkbox-size: 1rem;
       margin: 0.125rem 0;
       border-radius: 0.125rem;
-      --mdc-staticcheckbox-border-color: var(--mds-color-theme-outline-button-normal);
-      --mdc-staticcheckbox-checked-background-color: var(--mds-color-theme-control-active-normal);
-      --mdc-staticcheckbox-disabled-background-color: var(--mds-color-theme-control-inactive-disabled);
-      --mdc-staticcheckbox-disabled-icon-color: var(--mds-color-theme-text-primary-disabled);
-      --mdc-staticcheckbox-icon-background-color: var(--mds-color-theme-control-inactive-normal);
-      --mdc-staticcheckbox-icon-border-color: var(--mds-color-theme-outline-input-normal);
-      --mdc-staticcheckbox-icon-color: var(--mds-color-theme-inverted-text-primary-normal);
-      --mdc-staticcheckbox-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
-      --mdc-staticcheckbox-disabled-checked-icon-color: var(--mds-color-theme-control-active-disabled);
-      --mdc-staticcheckbox-readonly-border-color: var(--mds-color-theme-outline-primary-normal);
-      --mdc-staticcheckbox-text-normal-color: var(--mds-color-theme-text-primary-normal);
-    }
-
-    :host([checked])::part(icon-container),
-    :host([indeterminate])::part(icon-container) {
-      background-color: var(--mdc-staticcheckbox-checked-background-color);
-      border-color: transparent;
-    }
-
-    :host([disabled])::part(icon-container),
-    :host([soft-disabled])::part(icon-container),
-    :host([disabled][readonly])::part(icon-container),
-    :host([soft-disabled][readonly])::part(icon-container) {
-      border-color: var(--mdc-staticcheckbox-disabled-border-color);
-      background-color: var(--mdc-staticcheckbox-disabled-background-color);
-    }
-
-    :host([disabled][checked])::part(icon-container),
-    :host([disabled][indeterminate])::part(icon-container),
-    :host([soft-disabled][checked])::part(icon-container),
-    :host([soft-disabled][indeterminate])::part(icon-container),
-    :host([disabled][readonly][checked])::part(icon-container),
-    :host([disabled][readonly][indeterminate])::part(icon-container),
-    :host([soft-disabled][readonly][checked])::part(icon-container),
-    :host([soft-disabled][readonly][indeterminate])::part(icon-container) {
-      background-color: var(--mdc-staticcheckbox-disabled-checked-icon-color);
-      border: 0.0625rem solid var(--mdc-staticcheckbox-disabled-border-color);
     }
 
     :host::part(icon-container) {
       display: flex;
       align-items: center;
-      border: 0.0625rem solid var(--mdc-staticcheckbox-icon-border-color);
-      background-color: var(--mdc-staticcheckbox-icon-background-color);
-      width: 1rem;
-      height: 1rem;
+      border: 0.0625rem solid var(--mdc-checkbox-border-color);
+      background-color: var(--mdc-checkbox-background-color);
+      width: var(--mdc-checkbox-size);
+      height: var(--mdc-checkbox-size);
       border-radius: 0.125rem;
     }
 
-    :host([readonly])::part(icon-container) {
-      border-color: var(--mdc-staticcheckbox-readonly-border-color);
-      background-color: unset;
+    :host::part(checkbox-icon) {
+      --mdc-icon-fill-color: var(--mdc-checkbox-icon-color);
     }
 
-    :host::part(checkbox-icon) {
-      --mdc-icon-fill-color: var(--mdc-staticcheckbox-icon-color);
+    :host([checked]),
+    :host([indeterminate]) {
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-active-normal);
+      --mdc-checkbox-border-color: transparent;
+    }
+
+    :host([readonly]) {
+      --mdc-checkbox-border-color: var(--mds-color-theme-outline-primary-normal);
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-inactive-disabled);
+      --mdc-checkbox-icon-color: var(--mds-color-theme-text-primary-normal);
     }
 
-    :host([disabled])::part(checkbox-icon),
-    :host([soft-disabled])::part(checkbox-icon),
-    :host([disabled][readonly])::part(checkbox-icon),
-    :host([soft-disabled][readonly])::part(checkbox-icon) {
-      --mdc-icon-fill-color: var(--mdc-staticcheckbox-disabled-icon-color);
+    :host([disabled]),
+    :host([soft-disabled]) {
+      --mdc-checkbox-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-inactive-disabled);
+      --mdc-checkbox-icon-color: var(--mds-color-theme-text-primary-disabled);
+      cursor: default;
     }
 
-    :host([readonly])::part(checkbox-icon) {
-      --mdc-icon-fill-color: var(--mdc-staticcheckbox-text-normal-color);
+    :host([disabled][checked]),
+    :host([disabled][indeterminate]),
+    :host([soft-disabled][checked]),
+    :host([soft-disabled][indeterminate]) {
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-active-disabled);
+      --mdc-checkbox-border-color: var(--mds-color-theme-outline-primary-disabled);
     }
 
     /* High Contrast Mode */
     @media (forced-colors: active) {
-      :host([checked])::part(icon-container),
-      :host([indeterminate])::part(icon-container) {
-        border: 0.0625rem solid var(--mdc-staticcheckbox-border-color);
+      :host([checked]),
+      :host([indeterminate]) {
+        --mdc-checkbox-background-color: SelectedItem;
+        --mdc-checkbox-border-color: SelectedItemText;
+        --mdc-checkbox-icon-color: SelectedItemText;
+      }
+      :host([readonly]) {
+        --mdc-checkbox-border-color: Highlight;
+        --mdc-checkbox-icon-color: HighlightText;
+      }
+      :host([disabled]),
+      :host([soft-disabled]) {
+        --mdc-checkbox-background-color: GrayText;
+        --mdc-checkbox-border-color: GrayText;
+        --mdc-checkbox-icon-color: GrayText;
+      }
+      :host([disabled][checked]),
+      :host([disabled][indeterminate]),
+      :host([soft-disabled][checked]),
+      :host([soft-disabled][indeterminate]) {
+        --mdc-checkbox-border-color: GrayText;
+        --mdc-checkbox-icon-color: GrayText;
       }
     }
   `],Yu=wE;var Wu=z.constructTagName("checkbox"),_l={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var ju=z.constructTagName("staticcheckbox");var Fi=class extends Vt(q){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.readonly=!1;this.softDisabled=!1}render(){let t=this.checked||this.indeterminate?_`
@@ -2441,69 +2437,40 @@
       </div>
     `}};gs.styles=[...Er.styles,...qu],p([u({type:Boolean,reflect:!0})],gs.prototype,"checked",2),p([u({type:String})],gs.prototype,"name",2);var Nc=gs;var Il=z.constructTagName("cardradio");var RE=[B`
     :host {
+      --mdc-radio-inner-circle-size: 0.375rem;
+      --mdc-radio-outer-circle-size: 1rem;
+      --mdc-radio-inner-circle-background-color: var(--mds-color-theme-inverted-text-primary-normal);
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-normal);
+
       display: block;
       position: relative;
       width: 1rem;
       height: 1rem;
       margin: 0.125rem 0;
       border-radius: 50%;
-
-      --mdc-staticradio-inner-circle-size: 0.375rem;
-      --mdc-staticradio-text-normal-color: var(--mds-color-theme-text-primary-normal);
-      --mdc-staticradio-text-disabled-color: var(--mds-color-theme-text-primary-disabled);
-      --mdc-staticradio-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
-      --mdc-staticradio-normal-border-color: var(--mds-color-theme-outline-input-normal);
-      --mdc-staticradio-inner-circle-normal-background: var(--mds-color-theme-inverted-text-primary-normal);
-      --mdc-staticradio-inner-circle-disabled-background: var(--mds-color-theme-inverted-text-primary-disabled);
-      --mdc-staticradio-control-inactive-color: var(--mds-color-theme-control-inactive-normal);
-      --mdc-staticradio-control-inactive-disabled-background: var(--mds-color-theme-control-inactive-disabled);
-      --mdc-staticradio-control-active-color: var(--mds-color-theme-control-active-normal);
-      --mdc-staticradio-control-active-disabled-background: var(--mds-color-theme-control-active-disabled);
-    }
-
-    .radio-icon:after {
-      content: '';
-      position: absolute;
-      display: none;
-    }
-
-    :host([disabled])::part(radio-icon),
-    :host([soft-disabled])::part(radio-icon),
-    :host([disabled][readonly])::part(radio-icon),
-    :host([soft-disabled][readonly])::part(radio-icon) {
-      border-color: var(--mdc-staticradio-disabled-border-color);
-      background-color: var(--mdc-staticradio-control-inactive-disabled-background);
-    }
-
-    :host([disabled][checked])::part(radio-icon),
-    :host([soft-disabled][checked])::part(radio-icon),
-    :host([disabled][readonly][checked])::part(radio-icon),
-    :host([soft-disabled][readonly][checked])::part(radio-icon) {
-      border: var(--mdc-staticradio-control-active-disabled-background);
-      background-color: var(--mdc-staticradio-control-active-disabled-background);
-    }
-
-    :host([disabled][checked]) .radio-icon:after,
-    :host([soft-disabled][checked]) .radio-icon:after,
-    :host([disabled][readonly][checked]) .radio-icon:after,
-    :host([soft-disabled][readonly][checked]) .radio-icon:after {
-      background-color: var(--mdc-staticradio-inner-circle-disabled-background);
     }
 
     :host::part(radio-icon) {
       position: absolute;
       top: 0;
       left: 0;
-      width: 1rem;
-      height: 1rem;
-      border: 0.0625rem solid var(--mdc-staticradio-normal-border-color);
-      background-color: var(--mdc-staticradio-control-inactive-color);
+      width: var(--mdc-radio-outer-circle-size);
+      height: var(--mdc-radio-outer-circle-size);
+      border: 0.0625rem solid var(--mdc-radio-outer-circle-border-color);
+      background-color: var(--mdc-radio-outer-circle-background-color);
       border-radius: 50%;
     }
 
-    :host([checked])::part(radio-icon) {
-      border-color: var(--mdc-staticradio-control-active-color);
-      background-color: var(--mdc-staticradio-control-active-color);
+    .radio-icon:after {
+      content: '';
+      position: absolute;
+      display: none;
+    }
+
+    :host([checked]) {
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-control-active-normal);
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-normal);
     }
 
     :host([checked]) .radio-icon:after {
@@ -2511,23 +2478,59 @@
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-      width: var(--mdc-staticradio-inner-circle-size);
-      height: var(--mdc-staticradio-inner-circle-size);
+      width: var(--mdc-radio-inner-circle-size);
+      height: var(--mdc-radio-inner-circle-size);
       border-radius: 50%;
-      background-color: var(--mdc-staticradio-inner-circle-normal-background);
+      background-color: var(--mdc-radio-inner-circle-background-color);
+    }
+
+    :host([readonly]) {
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
+      --mdc-radio-outer-circle-background-color: transparent;
     }
 
-    :host([readonly])::part(radio-icon) {
-      border-color: var(--mdc-staticradio-normal-border-color);
-      background-color: unset;
+    :host([readonly][checked]) {
+      --mdc-radio-inner-circle-background-color: var(--mds-color-theme-text-primary-normal);
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
+      --mdc-radio-outer-circle-background-color: transparent;
     }
 
-    :host([readonly][checked])::part(radio-icon) {
-      border-color: var(--mdc-staticradio-normal-border-color);
+    :host([disabled]),
+    :host([soft-disabled]) {
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-disabled);
     }
 
-    :host([readonly][checked]) .radio-icon:after {
-      background-color: var(--mdc-staticradio-text-normal-color);
+    :host([disabled][checked]),
+    :host([soft-disabled][checked]) {
+      --mdc-radio-inner-circle-background-color: var(--mds-color-theme-inverted-text-primary-disabled);
+      --mdc-radio-outer-circle-border-color: transparent;
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-disabled);
+    }
+
+    @media (forced-colors: active) {
+      :host([checked]) {
+        --mdc-radio-outer-circle-border-color: SelectedItem;
+        --mdc-radio-outer-circle-background-color: SelectedItem;
+      }
+      :host([readonly]),
+      :host([readonly][checked]) {
+        --mdc-radio-inner-circle-background-color: Highlight;
+        --mdc-radio-outer-circle-border-color: Highlight;
+        --mdc-radio-outer-circle-background-color: ButtonFace;
+      }
+      :host([disabled]),
+      :host([soft-disabled]) {
+        --mdc-radio-outer-circle-border-color: GrayText;
+        --mdc-radio-outer-circle-background-color: GrayText;
+        --mdc-radio-inner-circle-background-color: GrayText;
+      }
+
+      :host([disabled][checked]),
+      :host([soft-disabled][checked]) {
+        --mdc-radio-outer-circle-border-color: GrayText;
+        --mdc-radio-outer-circle-background-color: GrayText;
+      }
     }
   `],Ku=RE;var vo=class extends Vt(q){constructor(){super(...arguments);this.checked=!1;this.readonly=!1;this.softDisabled=!1}render(){return _` <slot></slot>
       <span part="radio-icon" class="radio-icon"></span>`}};vo.styles=[...q.styles,...Ku],p([u({type:Boolean,reflect:!0})],vo.prototype,"checked",2),p([u({type:Boolean,reflect:!0})],vo.prototype,"readonly",2),p([u({type:Boolean,attribute:"soft-disabled",reflect:!0})],vo.prototype,"softDisabled",2);var Lc=vo;var Xu=z.constructTagName("staticradio");Lc.register(Xu);var OE=Lc;Nc.register(Il);var PE=Nc;var Fr=Math.min,_e=Math.max,Na=Math.round,La=Math.floor,Tr=n=>({x:n,y:n}),DE={left:"right",right:"left",bottom:"top",top:"bottom"},$E={start:"end",end:"start"};function kl(n,o,t){return _e(n,Fr(o,t))}function go(n,o){return typeof n=="function"?n(o):n}function li(n){return n.split("-")[0]}function bo(n){return n.split("-")[1]}function Mc(n){return n==="x"?"y":"x"}function wl(n){return n==="y"?"height":"width"}var FE=new Set(["top","bottom"]);function Vr(n){return FE.has(li(n))?"y":"x"}function Nl(n){return Mc(Vr(n))}function Ju(n,o,t){t===void 0&&(t=!1);let i=bo(n),a=Nl(n),d=wl(a),m=a==="x"?i===(t?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[d]>o.floating[d]&&(m=wa(m)),[m,wa(m)]}function tf(n){let o=wa(n);return[Cl(n),o,Cl(o)]}function Cl(n){return n.replace(/start|end/g,o=>$E[o])}var Zu=["left","right"],Qu=["right","left"],VE=["top","bottom"],zE=["bottom","top"];function BE(n,o,t){switch(n){case"top":case"bottom":return t?o?Qu:Zu:o?Zu:Qu;case"left":case"right":return o?VE:zE;default:return[]}}function ef(n,o,t,i){let a=bo(n),d=BE(li(n),t==="start",i);return a&&(d=d.map(m=>m+"-"+a),o&&(d=d.concat(d.map(Cl)))),d}function wa(n){return n.replace(/left|right|bottom|top/g,o=>DE[o])}function UE(n){return{top:0,right:0,bottom:0,left:0,...n}}function Rc(n){return typeof n!="number"?UE(n):{top:n,right:n,bottom:n,left:n}}function yo(n){let{x:o,y:t,width:i,height:a}=n;return{width:i,height:a,top:t,left:o,right:o+i,bottom:t+a,x:o,y:t}}function rf(n,o,t){let{reference:i,floating:a}=n,d=Vr(o),m=Nl(o),b=wl(m),C=li(o),L=d==="y",W=i.x+i.width/2-a.width/2,K=i.y+i.height/2-a.height/2,it=i[b]/2-a[b]/2,X;switch(C){case"top":X={x:W,y:i.y-a.height};break;case"bottom":X={x:W,y:i.y+i.height};break;case"right":X={x:i.x+i.width,y:K};break;case"left":X={x:i.x-a.width,y:K};break;default:X={x:i.x,y:i.y}}switch(bo(o)){case"start":X[m]-=it*(t&&L?-1:1);break;case"end":X[m]+=it*(t&&L?-1:1);break}return X}var of=async(n,o,t)=>{let{placement:i="bottom",strategy:a="absolute",middleware:d=[],platform:m}=t,b=d.filter(Boolean),C=await(m.isRTL==null?void 0:m.isRTL(o)),L=await m.getElementRects({reference:n,floating:o,strategy:a}),{x:W,y:K}=rf(L,i,C),it=i,X={},tt=0;for(let lt=0;lt<b.length;lt++){let{name:dt,fn:gt}=b[lt],{x:At,y:wt,data:jt,reset:$t}=await gt({x:W,y:K,initialPlacement:i,placement:it,strategy:a,middlewareData:X,rects:L,platform:m,elements:{reference:n,floating:o}});W=At!=null?At:W,K=wt!=null?wt:K,X={...X,[dt]:{...X[dt],...jt}},$t&&tt<=50&&(tt++,typeof $t=="object"&&($t.placement&&(it=$t.placement),$t.rects&&(L=$t.rects===!0?await m.getElementRects({reference:n,floating:o,strategy:a}):$t.rects),{x:W,y:K}=rf(L,it,C)),lt=-1)}return{x:W,y:K,placement:it,strategy:a,middlewareData:X}};async function Ll(n,o){var t;o===void 0&&(o={});let{x:i,y:a,platform:d,rects:m,elements:b,strategy:C}=n,{boundary:L="clippingAncestors",rootBoundary:W="viewport",elementContext:K="floating",altBoundary:it=!1,padding:X=0}=go(o,n),tt=Rc(X),dt=b[it?K==="floating"?"reference":"floating":K],gt=yo(await d.getClippingRect({element:(t=await(d.isElement==null?void 0:d.isElement(dt)))==null||t?dt:dt.contextElement||await(d.getDocumentElement==null?void 0:d.getDocumentElement(b.floating)),boundary:L,rootBoundary:W,strategy:C})),At=K==="floating"?{x:i,y:a,width:m.floating.width,height:m.floating.height}:m.reference,wt=await(d.getOffsetParent==null?void 0:d.getOffsetParent(b.floating)),jt=await(d.isElement==null?void 0:d.isElement(wt))?await(d.getScale==null?void 0:d.getScale(wt))||{x:1,y:1}:{x:1,y:1},$t=yo(d.convertOffsetParentRelativeRectToViewportRelativeRect?await d.convertOffsetParentRelativeRectToViewportRelativeRect({elements:b,rect:At,offsetParent:wt,strategy:C}):At);return{top:(gt.top-$t.top+tt.top)/jt.y,bottom:($t.bottom-gt.bottom+tt.bottom)/jt.y,left:(gt.left-$t.left+tt.left)/jt.x,right:($t.right-gt.right+tt.right)/jt.x}}var sf=n=>({name:"arrow",options:n,async fn(o){let{x:t,y:i,placement:a,rects:d,platform:m,elements:b,middlewareData:C}=o,{element:L,padding:W=0}=go(n,o)||{};if(L==null)return{};let K=Rc(W),it={x:t,y:i},X=Nl(a),tt=wl(X),lt=await m.getDimensions(L),dt=X==="y",gt=dt?"top":"left",At=dt?"bottom":"right",wt=dt?"clientHeight":"clientWidth",jt=d.reference[tt]+d.reference[X]-it[X]-d.floating[tt],$t=it[X]-d.reference[X],Bt=await(m.getOffsetParent==null?void 0:m.getOffsetParent(L)),Zt=Bt?Bt[wt]:0;(!Zt||!await(m.isElement==null?void 0:m.isElement(Bt)))&&(Zt=b.floating[wt]||d.floating[tt]);let ae=jt/2-$t/2,ur=Zt/2-lt[tt]/2-1,ke=Fr(K[gt],ur),Xe=Fr(K[At],ur),fr=ke,vr=Zt-lt[tt]-Xe,Ct=Zt/2-lt[tt]/2+ae,me=kl(fr,Ct,vr),Ze=!C.arrow&&bo(a)!=null&&Ct!==me&&d.reference[tt]/2-(Ct<fr?ke:Xe)-lt[tt]/2<0,Qe=Ze?Ct<fr?Ct-fr:Ct-vr:0;return{[X]:it[X]+Qe,data:{[X]:me,centerOffset:Ct-me-Qe,...Ze&&{alignmentOffset:Qe}},reset:Ze}}});var af=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(o){var t,i;let{placement:a,middlewareData:d,rects:m,initialPlacement:b,platform:C,elements:L}=o,{mainAxis:W=!0,crossAxis:K=!0,fallbackPlacements:it,fallbackStrategy:X="bestFit",fallbackAxisSideDirection:tt="none",flipAlignment:lt=!0,...dt}=go(n,o);if((t=d.arrow)!=null&&t.alignmentOffset)return{};let gt=li(a),At=Vr(b),wt=li(b)===b,jt=await(C.isRTL==null?void 0:C.isRTL(L.floating)),$t=it||(wt||!lt?[wa(b)]:tf(b)),Bt=tt!=="none";!it&&Bt&&$t.push(...ef(b,lt,tt,jt));let Zt=[b,...$t],ae=await Ll(o,dt),ur=[],ke=((i=d.flip)==null?void 0:i.overflows)||[];if(W&&ur.push(ae[gt]),K){let Ct=Ju(a,m,jt);ur.push(ae[Ct[0]],ae[Ct[1]])}if(ke=[...ke,{placement:a,overflows:ur}],!ur.every(Ct=>Ct<=0)){var Xe,fr;let Ct=(((Xe=d.flip)==null?void 0:Xe.index)||0)+1,me=Zt[Ct];if(me&&(!(K==="alignment"?At!==Vr(me):!1)||ke.every(Je=>Je.overflows[0]>0&&Vr(Je.placement)===At)))return{data:{index:Ct,overflows:ke},reset:{placement:me}};let Ze=(fr=ke.filter(Qe=>Qe.overflows[0]<=0).sort((Qe,Je)=>Qe.overflows[1]-Je.overflows[1])[0])==null?void 0:fr.placement;if(!Ze)switch(X){case"bestFit":{var vr;let Qe=(vr=ke.filter(Je=>{if(Bt){let tr=Vr(Je.placement);return tr===At||tr==="y"}return!0}).map(Je=>[Je.placement,Je.overflows.filter(tr=>tr>0).reduce((tr,pn)=>tr+pn,0)]).sort((Je,tr)=>Je[1]-tr[1])[0])==null?void 0:vr[0];Qe&&(Ze=Qe);break}case"initialPlacement":Ze=b;break}if(a!==Ze)return{reset:{placement:Ze}}}return{}}}};var HE=new Set(["left","top"]);async function GE(n,o){let{placement:t,platform:i,elements:a}=n,d=await(i.isRTL==null?void 0:i.isRTL(a.floating)),m=li(t),b=bo(t),C=Vr(t)==="y",L=HE.has(m)?-1:1,W=d&&C?-1:1,K=go(o,n),{mainAxis:it,crossAxis:X,alignmentAxis:tt}=typeof K=="number"?{mainAxis:K,crossAxis:0,alignmentAxis:null}:{mainAxis:K.mainAxis||0,crossAxis:K.crossAxis||0,alignmentAxis:K.alignmentAxis};return b&&typeof tt=="number"&&(X=b==="end"?tt*-1:tt),C?{x:X*W,y:it*L}:{x:it*L,y:X*W}}var nf=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(o){var t,i;let{x:a,y:d,placement:m,middlewareData:b}=o,C=await GE(o,n);return m===((t=b.offset)==null?void 0:t.placement)&&(i=b.arrow)!=null&&i.alignmentOffset?{}:{x:a+C.x,y:d+C.y,data:{...C,placement:m}}}}},lf=function(n){return n===void 0&&(n={}),{name:"shift",options:n,async fn(o){let{x:t,y:i,placement:a}=o,{mainAxis:d=!0,crossAxis:m=!1,limiter:b={fn:dt=>{let{x:gt,y:At}=dt;return{x:gt,y:At}}},...C}=go(n,o),L={x:t,y:i},W=await Ll(o,C),K=Vr(li(a)),it=Mc(K),X=L[it],tt=L[K];if(d){let dt=it==="y"?"top":"left",gt=it==="y"?"bottom":"right",At=X+W[dt],wt=X-W[gt];X=kl(At,X,wt)}if(m){let dt=K==="y"?"top":"left",gt=K==="y"?"bottom":"right",At=tt+W[dt],wt=tt-W[gt];tt=kl(At,tt,wt)}let lt=b.fn({...o,[it]:X,[K]:tt});return{...lt,data:{x:lt.x-t,y:lt.y-i,enabled:{[it]:d,[K]:m}}}}}};var df=function(n){return n===void 0&&(n={}),{name:"size",options:n,async fn(o){var t,i;let{placement:a,rects:d,platform:m,elements:b}=o,{apply:C=()=>{},...L}=go(n,o),W=await Ll(o,L),K=li(a),it=bo(a),X=Vr(a)==="y",{width:tt,height:lt}=d.floating,dt,gt;K==="top"||K==="bottom"?(dt=K,gt=it===(await(m.isRTL==null?void 0:m.isRTL(b.floating))?"start":"end")?"left":"right"):(gt=K,dt=it==="end"?"top":"bottom");let At=lt-W.top-W.bottom,wt=tt-W.left-W.right,jt=Fr(lt-W[dt],At),$t=Fr(tt-W[gt],wt),Bt=!o.middlewareData.shift,Zt=jt,ae=$t;if((t=o.middlewareData.shift)!=null&&t.enabled.x&&(ae=wt),(i=o.middlewareData.shift)!=null&&i.enabled.y&&(Zt=At),Bt&&!it){let ke=_e(W.left,0),Xe=_e(W.right,0),fr=_e(W.top,0),vr=_e(W.bottom,0);X?ae=tt-2*(ke!==0||Xe!==0?ke+Xe:_e(W.left,W.right)):Zt=lt-2*(fr!==0||vr!==0?fr+vr:_e(W.top,W.bottom))}await C({...o,availableWidth:ae,availableHeight:Zt});let ur=await m.getDimensions(b.floating);return tt!==ur.width||lt!==ur.height?{reset:{rects:!0}}:{}}}};function Ml(){return typeof window<"u"}function Eo(n){return hf(n)?(n.nodeName||"").toLowerCase():"#document"}function Fe(n){var o;return(n==null||(o=n.ownerDocument)==null?void 0:o.defaultView)||window}function xr(n){var o;return(o=(hf(n)?n.ownerDocument:n.document)||window.document)==null?void 0:o.documentElement}function hf(n){return Ml()?n instanceof Node||n instanceof Fe(n).Node:!1}function nr(n){return Ml()?n instanceof Element||n instanceof Fe(n).Element:!1}function Ar(n){return Ml()?n instanceof HTMLElement||n instanceof Fe(n).HTMLElement:!1}function cf(n){return!Ml()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof Fe(n).ShadowRoot}var YE=new Set(["inline","contents"]);function ys(n){let{overflow:o,overflowX:t,overflowY:i,display:a}=lr(n);return/auto|scroll|overlay|hidden|clip/.test(o+i+t)&&!YE.has(a)}var WE=new Set(["table","td","th"]);function pf(n){return WE.has(Eo(n))}var jE=[":popover-open",":modal"];function Ma(n){return jE.some(o=>{try{return n.matches(o)}catch{return!1}})}var qE=["transform","translate","scale","rotate","perspective"],KE=["transform","translate","scale","rotate","perspective","filter"],XE=["paint","layout","strict","content"];function Rl(n){let o=Ol(),t=nr(n)?lr(n):n;return qE.some(i=>t[i]?t[i]!=="none":!1)||(t.containerType?t.containerType!=="normal":!1)||!o&&(t.backdropFilter?t.backdropFilter!=="none":!1)||!o&&(t.filter?t.filter!=="none":!1)||KE.some(i=>(t.willChange||"").includes(i))||XE.some(i=>(t.contain||"").includes(i))}function mf(n){let o=di(n);for(;Ar(o)&&!To(o);){if(Rl(o))return o;if(Ma(o))return null;o=di(o)}return null}function Ol(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var ZE=new Set(["html","body","#document"]);function To(n){return ZE.has(Eo(n))}function lr(n){return Fe(n).getComputedStyle(n)}function Ra(n){return nr(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function di(n){if(Eo(n)==="html")return n;let o=n.assignedSlot||n.parentNode||cf(n)&&n.host||xr(n);return cf(o)?o.host:o}function uf(n){let o=di(n);return To(o)?n.ownerDocument?n.ownerDocument.body:n.body:Ar(o)&&ys(o)?o:uf(o)}function bs(n,o,t){var i;o===void 0&&(o=[]),t===void 0&&(t=!0);let a=uf(n),d=a===((i=n.ownerDocument)==null?void 0:i.body),m=Fe(a);if(d){let b=Pl(m);return o.concat(m,m.visualViewport||[],ys(a)?a:[],b&&t?bs(b):[])}return o.concat(a,bs(a,[],t))}function Pl(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}function gf(n){let o=lr(n),t=parseFloat(o.width)||0,i=parseFloat(o.height)||0,a=Ar(n),d=a?n.offsetWidth:t,m=a?n.offsetHeight:i,b=Na(t)!==d||Na(i)!==m;return b&&(t=d,i=m),{width:t,height:i,$:b}}function Pc(n){return nr(n)?n:n.contextElement}function Es(n){let o=Pc(n);if(!Ar(o))return Tr(1);let t=o.getBoundingClientRect(),{width:i,height:a,$:d}=gf(o),m=(d?Na(t.width):t.width)/i,b=(d?Na(t.height):t.height)/a;return(!m||!Number.isFinite(m))&&(m=1),(!b||!Number.isFinite(b))&&(b=1),{x:m,y:b}}var QE=Tr(0);function bf(n){let o=Fe(n);return!Ol()||!o.visualViewport?QE:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function JE(n,o,t){return o===void 0&&(o=!1),!t||o&&t!==Fe(n)?!1:o}function xo(n,o,t,i){o===void 0&&(o=!1),t===void 0&&(t=!1);let a=n.getBoundingClientRect(),d=Pc(n),m=Tr(1);o&&(i?nr(i)&&(m=Es(i)):m=Es(n));let b=JE(d,t,i)?bf(d):Tr(0),C=(a.left+b.x)/m.x,L=(a.top+b.y)/m.y,W=a.width/m.x,K=a.height/m.y;if(d){let it=Fe(d),X=i&&nr(i)?Fe(i):i,tt=it,lt=Pl(tt);for(;lt&&i&&X!==tt;){let dt=Es(lt),gt=lt.getBoundingClientRect(),At=lr(lt),wt=gt.left+(lt.clientLeft+parseFloat(At.paddingLeft))*dt.x,jt=gt.top+(lt.clientTop+parseFloat(At.paddingTop))*dt.y;C*=dt.x,L*=dt.y,W*=dt.x,K*=dt.y,C+=wt,L+=jt,tt=Fe(lt),lt=Pl(tt)}}return yo({width:W,height:K,x:C,y:L})}function Dc(n,o){let t=Ra(n).scrollLeft;return o?o.left+t:xo(xr(n)).left+t}function yf(n,o,t){t===void 0&&(t=!1);let i=n.getBoundingClientRect(),a=i.left+o.scrollLeft-(t?0:Dc(n,i)),d=i.top+o.scrollTop;return{x:a,y:d}}function tT(n){let{elements:o,rect:t,offsetParent:i,strategy:a}=n,d=a==="fixed",m=xr(i),b=o?Ma(o.floating):!1;if(i===m||b&&d)return t;let C={scrollLeft:0,scrollTop:0},L=Tr(1),W=Tr(0),K=Ar(i);if((K||!K&&!d)&&((Eo(i)!=="body"||ys(m))&&(C=Ra(i)),Ar(i))){let X=xo(i);L=Es(i),W.x=X.x+i.clientLeft,W.y=X.y+i.clientTop}let it=m&&!K&&!d?yf(m,C,!0):Tr(0);return{width:t.width*L.x,height:t.height*L.y,x:t.x*L.x-C.scrollLeft*L.x+W.x+it.x,y:t.y*L.y-C.scrollTop*L.y+W.y+it.y}}function eT(n){return Array.from(n.getClientRects())}function rT(n){let o=xr(n),t=Ra(n),i=n.ownerDocument.body,a=_e(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),d=_e(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),m=-t.scrollLeft+Dc(n),b=-t.scrollTop;return lr(i).direction==="rtl"&&(m+=_e(o.clientWidth,i.clientWidth)-a),{width:a,height:d,x:m,y:b}}function iT(n,o){let t=Fe(n),i=xr(n),a=t.visualViewport,d=i.clientWidth,m=i.clientHeight,b=0,C=0;if(a){d=a.width,m=a.height;let L=Ol();(!L||L&&o==="fixed")&&(b=a.offsetLeft,C=a.offsetTop)}return{width:d,height:m,x:b,y:C}}var oT=new Set(["absolute","fixed"]);function sT(n,o){let t=xo(n,!0,o==="fixed"),i=t.top+n.clientTop,a=t.left+n.clientLeft,d=Ar(n)?Es(n):Tr(1),m=n.clientWidth*d.x,b=n.clientHeight*d.y,C=a*d.x,L=i*d.y;return{width:m,height:b,x:C,y:L}}function ff(n,o,t){let i;if(o==="viewport")i=iT(n,t);else if(o==="document")i=rT(xr(n));else if(nr(o))i=sT(o,t);else{let a=bf(n);i={x:o.x-a.x,y:o.y-a.y,width:o.width,height:o.height}}return yo(i)}function Ef(n,o){let t=di(n);return t===o||!nr(t)||To(t)?!1:lr(t).position==="fixed"||Ef(t,o)}function aT(n,o){let t=o.get(n);if(t)return t;let i=bs(n,[],!1).filter(b=>nr(b)&&Eo(b)!=="body"),a=null,d=lr(n).position==="fixed",m=d?di(n):n;for(;nr(m)&&!To(m);){let b=lr(m),C=Rl(m);!C&&b.position==="fixed"&&(a=null),(d?!C&&!a:!C&&b.position==="static"&&!!a&&oT.has(a.position)||ys(m)&&!C&&Ef(n,m))?i=i.filter(W=>W!==m):a=b,m=di(m)}return o.set(n,i),i}function nT(n){let{element:o,boundary:t,rootBoundary:i,strategy:a}=n,m=[...t==="clippingAncestors"?Ma(o)?[]:aT(o,this._c):[].concat(t),i],b=m[0],C=m.reduce((L,W)=>{let K=ff(o,W,a);return L.top=_e(K.top,L.top),L.right=Fr(K.right,L.right),L.bottom=Fr(K.bottom,L.bottom),L.left=_e(K.left,L.left),L},ff(o,b,a));return{width:C.right-C.left,height:C.bottom-C.top,x:C.left,y:C.top}}function lT(n){let{width:o,height:t}=gf(n);return{width:o,height:t}}function dT(n,o,t){let i=Ar(o),a=xr(o),d=t==="fixed",m=xo(n,!0,d,o),b={scrollLeft:0,scrollTop:0},C=Tr(0);function L(){C.x=Dc(a)}if(i||!i&&!d)if((Eo(o)!=="body"||ys(a))&&(b=Ra(o)),i){let X=xo(o,!0,d,o);C.x=X.x+o.clientLeft,C.y=X.y+o.clientTop}else a&&L();d&&!i&&a&&L();let W=a&&!i&&!d?yf(a,b):Tr(0),K=m.left+b.scrollLeft-C.x-W.x,it=m.top+b.scrollTop-C.y-W.y;return{x:K,y:it,width:m.width,height:m.height}}function Oc(n){return lr(n).position==="static"}function vf(n,o){if(!Ar(n)||lr(n).position==="fixed")return null;if(o)return o(n);let t=n.offsetParent;return xr(n)===t&&(t=t.ownerDocument.body),t}function Tf(n,o){let t=Fe(n);if(Ma(n))return t;if(!Ar(n)){let a=di(n);for(;a&&!To(a);){if(nr(a)&&!Oc(a))return a;a=di(a)}return t}let i=vf(n,o);for(;i&&pf(i)&&Oc(i);)i=vf(i,o);return i&&To(i)&&Oc(i)&&!Rl(i)?t:i||mf(n)||t}var cT=async function(n){let o=this.getOffsetParent||Tf,t=this.getDimensions,i=await t(n.floating);return{reference:dT(n.reference,await o(n.floating),n.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function hT(n){return lr(n).direction==="rtl"}var pT={convertOffsetParentRelativeRectToViewportRelativeRect:tT,getDocumentElement:xr,getClippingRect:nT,getOffsetParent:Tf,getElementRects:cT,getClientRects:eT,getDimensions:lT,getScale:Es,isElement:nr,isRTL:hT};function xf(n,o){return n.x===o.x&&n.y===o.y&&n.width===o.width&&n.height===o.height}function mT(n,o){let t=null,i,a=xr(n);function d(){var b;clearTimeout(i),(b=t)==null||b.disconnect(),t=null}function m(b,C){b===void 0&&(b=!1),C===void 0&&(C=1),d();let L=n.getBoundingClientRect(),{left:W,top:K,width:it,height:X}=L;if(b||o(),!it||!X)return;let tt=La(K),lt=La(a.clientWidth-(W+it)),dt=La(a.clientHeight-(K+X)),gt=La(W),wt={rootMargin:-tt+"px "+-lt+"px "+-dt+"px "+-gt+"px",threshold:_e(0,Fr(1,C))||1},jt=!0;function $t(Bt){let Zt=Bt[0].intersectionRatio;if(Zt!==C){if(!jt)return m();Zt?m(!1,Zt):i=setTimeout(()=>{m(!1,1e-7)},1e3)}Zt===1&&!xf(L,n.getBoundingClientRect())&&m(),jt=!1}try{t=new IntersectionObserver($t,{...wt,root:a.ownerDocument})}catch{t=new IntersectionObserver($t,wt)}t.observe(n)}return m(!0),d}function Af(n,o,t,i){i===void 0&&(i={});let{ancestorScroll:a=!0,ancestorResize:d=!0,elementResize:m=typeof ResizeObserver=="function",layoutShift:b=typeof IntersectionObserver=="function",animationFrame:C=!1}=i,L=Pc(n),W=a||d?[...L?bs(L):[],...bs(o)]:[];W.forEach(gt=>{a&&gt.addEventListener("scroll",t,{passive:!0}),d&&gt.addEventListener("resize",t)});let K=L&&b?mT(L,t):null,it=-1,X=null;m&&(X=new ResizeObserver(gt=>{let[At]=gt;At&&At.target===L&&X&&(X.unobserve(o),cancelAnimationFrame(it),it=requestAnimationFrame(()=>{var wt;(wt=X)==null||wt.observe(o)})),t()}),L&&!C&&X.observe(L),X.observe(o));let tt,lt=C?xo(n):null;C&&dt();function dt(){let gt=xo(n);lt&&!xf(lt,gt)&&t(),lt=gt,tt=requestAnimationFrame(dt)}return t(),()=>{var gt;W.forEach(At=>{a&&At.removeEventListener("scroll",t),d&&At.removeEventListener("resize",t)}),K==null||K(),(gt=X)==null||gt.disconnect(),X=null,C&&cancelAnimationFrame(tt)}}var Sf=nf;var _f=lf,If=af,Cf=df;var kf=sf;var wf=(n,o,t)=>{let i=new Map,a={platform:pT,...t},d={...a.platform,_c:i};return of(n,o,{...a,platform:d})};var Nf=z.constructTagName("popover"),Wt={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},ci={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Ao={TONAL:"tonal",CONTRAST:"contrast"},uT={ABSOLUTE:"absolute",FIXED:"fixed"},_t={PLACEMENT:Wt.BOTTOM,TRIGGER:ci.CLICK,COLOR:Ao.TONAL,STRATEGY:uT.ABSOLUTE,OFFSET:4,BOUNDARY:"clippingAncestors",BOUNDARY_ROOT:"viewport",BOUNDARY_PADDING:0,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:et.DIALOG,Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,PROPAGATE_EVENT_ON_ESCAPE:!1,KEEP_CONNECTED_TOOLTIP_CLOSED:!0,IS_BACKDROP_INVISIBLE:!0};var hi=class{static dispatchPopoverEvent(o,t){t.dispatchEvent(new CustomEvent(o,{detail:{show:t.visible},composed:!0,bubbles:!0}))}static onShowPopover(o){this.dispatchPopoverEvent("shown",o)}static onHidePopover(o){this.dispatchPopoverEvent("hidden",o)}static onCreatedPopover(o){this.dispatchPopoverEvent("created",o)}static onDestroyedPopover(o){this.dispatchPopoverEvent("destroyed",o)}static onEscapeKeyPressed(o){this.dispatchPopoverEvent("closebyescape",o)}static onClickOutside(o){this.dispatchPopoverEvent("closebyoutsideclick",o)}};var $c=class{constructor(){this.stack=[]}push(o){this.stack.push(o)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(o){this.stack=this.stack.filter(t=>t!==o)}has(o){return this.stack.includes(o)}clear(){this.stack=[]}},Ie=new $c;var fT=B`
@@ -2729,6 +2732,7 @@
     --mdc-help-text-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
     --mdc-help-text-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     --mdc-help-text-color: var(--mds-color-theme-text-secondary-normal);
+    --mdc-required-indicator-color: var(--mds-color-theme-text-error-normal);
 
     flex-direction: column;
     align-items: flex-start;
@@ -2736,7 +2740,7 @@
   }
 
   :host::part(required-indicator) {
-    color: var(--mds-color-theme-text-error-normal);
+    color: var(--mdc-required-indicator-color);
   }
 
   :host::part(label-text),
@@ -2788,10 +2792,13 @@
   }
 
   :host([disabled]),
-  :host([disabled])::part(label),
-  :host([disabled])::part(help-text-container),
-  :host([disabled])::part(required-indicator) {
+  :host([soft-disabled]) {
+    --mdc-label-color: var(--mds-color-theme-text-primary-disabled);
+    --mdc-help-text-color: var(--mds-color-theme-text-primary-disabled);
+    --mdc-required-indicator-color: var(--mds-color-theme-text-primary-disabled);
     color: var(--mds-color-theme-text-primary-disabled);
+    pointer-events: none;
+    cursor: default;
   }
 `,Ff=[bt,TT];var Vf=n=>({[zt.ERROR]:"error-legacy-badge-filled",[zt.WARNING]:"warning-badge-filled",[zt.SUCCESS]:"check-circle-badge-filled",[zt.PRIORITY]:"priority-badge-filled",[zt.DEFAULT]:""})[n]||"";var ze=class extends Vt(q){constructor(){super(...arguments);this.inputId=`mdc-el-${Ee()}`;this.required=!1;this.helpTextType=Mt.VALIDATION;this.toggletipPlacement=Mt.TOGGLETIP_PLACEMENT;this.toggletipStrategy=Mt.TOGGLETIP_STRATEGY;this.readonly=!1;this.softDisabled=!1;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?_`<label for="${this.inputId}" id="${Mt.HEADING_ID}" part="label">${this.label}</label>`:_` <mdc-text
           id="${Mt.HEADING_ID}"
@@ -2836,21 +2843,12 @@
       <slot name="help-icon">${this.renderHelpTextIcon()}</slot>
       <slot name="help-text">${this.renderHelpText()}</slot>
     </div>`:j}};ze.styles=[...q.styles,...Ff],p([u({reflect:!0,type:String})],ze.prototype,"label",2),p([u({type:Boolean,reflect:!0,attribute:"required"})],ze.prototype,"required",2),p([u({reflect:!0,attribute:"help-text-type"})],ze.prototype,"helpTextType",2),p([u({type:String,reflect:!0,attribute:"help-text"})],ze.prototype,"helpText",2),p([u({type:String,reflect:!0,attribute:"toggletip-text"})],ze.prototype,"toggletipText",2),p([u({type:String,reflect:!0,attribute:"toggletip-placement"})],ze.prototype,"toggletipPlacement",2),p([u({type:String,reflect:!0,attribute:"toggletip-strategy"})],ze.prototype,"toggletipStrategy",2),p([u({type:String,reflect:!0,attribute:"info-icon-aria-label"})],ze.prototype,"infoIconAriaLabel",2),p([u({type:Boolean,reflect:!0})],ze.prototype,"readonly",2),p([u({type:Boolean,reflect:!0,attribute:"soft-disabled"})],ze.prototype,"softDisabled",2);var se=ze;var xT=[B`
-    /* Base styles and CSS custom properties */
     :host {
-      --mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
-      --mdc-checkbox-pressed-icon-color: var(--mds-color-theme-control-inactive-pressed);
-      --mdc-checkbox-checked-pressed-icon-color: var(--mds-color-theme-control-active-pressed);
-      --mdc-checkbox-checked-background-color-hover: var(--mds-color-theme-control-active-hover);
-      --mdc-checkbox-disabled-checked-icon-color: var(--mds-color-theme-control-active-disabled);
-      --mdc-checkbox-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
-
       flex-direction: row;
       align-items: flex-start;
     }
 
-    /* Component structure and layout */
-    :host mdc-staticcheckbox {
+    :host::part(static-checkbox) {
       position: relative;
     }
 
@@ -2863,8 +2861,8 @@
       opacity: 0.1%;
       overflow: visible;
       z-index: 1;
-      width: 1rem;
-      height: 1rem;
+      width: var(--mdc-checkbox-size);
+      height: var(--mdc-checkbox-size);
       border-radius: 0.125rem;
     }
 
@@ -2882,65 +2880,37 @@
       white-space: normal;
     }
 
-    /* Default interactive states */
     :host::part(label),
     :host::part(checkbox-input) {
       cursor: pointer;
     }
 
-    :host(:hover) mdc-staticcheckbox {
-      background-color: var(--mdc-checkbox-background-color-hover);
+    :host(:hover)::part(static-checkbox) {
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-inactive-hover);
     }
 
-    :host(:active) mdc-staticcheckbox {
-      background-color: var(--mdc-checkbox-pressed-icon-color);
+    :host(:active)::part(static-checkbox) {
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-inactive-pressed);
     }
 
-    :host([checked]:hover)::part(icon-container),
-    :host([indeterminate]:hover)::part(icon-container) {
-      background-color: var(--mdc-checkbox-checked-background-color-hover);
+    :host([checked]:hover)::part(static-checkbox),
+    :host([indeterminate]:hover)::part(static-checkbox) {
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-active-hover);
     }
 
-    :host([checked]:active)::part(icon-container),
-    :host([indeterminate]:active)::part(icon-container) {
-      background-color: var(--mdc-checkbox-checked-pressed-icon-color);
+    :host([checked]:active)::part(static-checkbox),
+    :host([indeterminate]:active)::part(static-checkbox) {
+      --mdc-checkbox-background-color: var(--mds-color-theme-control-active-pressed);
     }
 
-    /* Readonly state - disables pointer events */
     :host([readonly]),
+    :host([disabled]),
     :host([soft-disabled]) {
       pointer-events: none;
     }
-
-    /* Disabled states override interactive styles */
-    :host([disabled])::part(label),
-    :host([disabled])::part(checkbox-input),
-    :host([soft-disabled])::part(label),
-    :host([soft-disabled])::part(checkbox-input) {
-      cursor: default;
-    }
-
-    :host([disabled]) mdc-staticcheckbox,
-    :host([soft-disabled]) mdc-staticcheckbox {
-      background-color: unset;
-    }
-
-    :host([disabled][checked])::part(icon-container),
-    :host([disabled][indeterminate])::part(icon-container),
-    :host([soft-disabled][checked])::part(icon-container),
-    :host([soft-disabled][indeterminate])::part(icon-container) {
-      background-color: var(--mdc-checkbox-disabled-checked-icon-color);
-    }
-
-    :host([disabled])::part(label),
-    :host([disabled])::part(help-text),
-    :host([soft-disabled])::part(label),
-    :host([soft-disabled])::part(label-text),
-    :host([soft-disabled])::part(help-text) {
-      color: var(--mdc-checkbox-disabled-text-color);
-    }
   `,...St(!0)],zf=xT;var Io=class extends be(xe(Ht(se))){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?_`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}setFormValue(){let t=null;this.checked?t=this.value?this.value:"on":t=null,this.manageRequired(),this.internals.setFormValue(t)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.checked=!1,this.indeterminate=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}toggleState(){!this.disabled&&!this.softDisabled&&!this.readonly&&(this.checked=!this.checked,this.indeterminate=!1)}handleKeyDown(t){var i;(this.readonly||this.softDisabled)&&t.key===Z.SPACE&&t.preventDefault(),t.key===Z.ENTER&&((i=this.form)==null||i.requestSubmit())}handleChange(t){this.toggleState();let i=t.constructor;this.dispatchEvent(new i(t.type,t))}update(t){super.update(t),t.has("checked")&&this.setFormValue()}render(){var t;return _`
       <mdc-staticcheckbox
+        part="static-checkbox"
         class="mdc-focus-ring"
         ?checked="${this.checked}"
         ?indeterminate="${this.indeterminate}"
@@ -4031,34 +4001,23 @@
       ${this.arrowPosition===nh.LEADING?_`<mdc-icon name="${o}" length-unit="rem" part="leading-arrow"></mdc-icon>`:j}
     `}};Gi.styles=[...mi.styles,...yv],p([u({type:String,reflect:!0,attribute:"arrow-position"})],Gi.prototype,"arrowPosition",2),p([u({type:String,reflect:!0,attribute:"arrow-direction"})],Gi.prototype,"arrowDirection",2),p([u({type:String,reflect:!0})],Gi.prototype,"name",2),p([u({type:String,reflect:!0})],Gi.prototype,"value",2);var hr=Gi;hr.register(ja);var ix=hr;var Ev=z.constructTagName("statictoggle"),ox={DEFAULT:"default",COMPACT:"compact"},lh={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},Tv={compact:.75,default:1.25},xv={SIZE:ox.DEFAULT};var sx=[B`
     :host {
-      --mdc-statictoggle-width: 3rem;
-      --mdc-statictoggle-height: 1.5rem;
-      --mdc-statictoggle-width-compact: 2rem;
-      --mdc-statictoggle-height-compact: 1rem;
-      --mdc-statictoggle-border-radius: 0.75rem;
-      --mdc-statictoggle-border-radius-compact: 0.5rem;
-      --mdc-statictoggle-border: 1px solid var(--mds-color-theme-outline-input-normal);
-      --mdc-statictoggle-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
-
-      --mdc-statictoggle-inactive-rest-color: var(--mds-color-theme-control-inactive-normal);
-      --mdc-statictoggle-inactive-disabled-color: var(--mds-color-theme-control-inactive-disabled);
-      --mdc-statictoggle-active-rest-color: var(--mds-color-theme-control-active-normal);
-      --mdc-statictoggle-active-disabled-color: var(--mds-color-theme-control-active-disabled);
-
-      --mdc-statictoggle-icon-color-normal: var(--mds-color-theme-common-inverted-text-primary-normal);
-      --mdc-statictoggle-icon-color-disabled: var(--mds-color-theme-common-inverted-text-primary-disabled);
-      --mdc-statictoggle-icon-background-color-normal: var(--mds-color-theme-common-text-primary-normal);
-      --mdc-statictoggle-icon-background-color-disabled: var(--mds-color-theme-common-text-primary-disabled);
+      --mdc-toggle-width: 3rem;
+      --mdc-toggle-height: 1.5rem;
+      --mdc-toggle-border-radius: 0.75rem;
+      --mdc-toggle-border-color: var(--mds-color-theme-outline-input-normal);
+      --mdc-toggle-background-color: var(--mds-color-theme-control-inactive-normal);
+      --mdc-toggle-icon-color: var(--mds-color-theme-common-inverted-text-primary-normal);
+      --mdc-toggle-icon-background-color: var(--mds-color-theme-common-text-primary-normal);
 
-      border-radius: var(--mdc-statictoggle-border-radius);
+      border-radius: var(--mdc-toggle-border-radius);
     }
 
     :host::part(slider) {
-      width: var(--mdc-statictoggle-width);
-      height: var(--mdc-statictoggle-height);
-      background-color: var(--mdc-statictoggle-inactive-rest-color);
-      border-radius: var(--mdc-statictoggle-border-radius);
-      border: var(--mdc-statictoggle-border);
+      width: var(--mdc-toggle-width);
+      height: var(--mdc-toggle-height);
+      background-color: var(--mdc-toggle-background-color);
+      border: 1px solid var(--mdc-toggle-border-color);
+      border-radius: var(--mdc-toggle-border-radius);
       display: flex;
       align-items: center;
       justify-content: flex-start;
@@ -4067,69 +4026,71 @@
       padding: 1px;
     }
 
-    :host([checked])::part(slider) {
-      background-color: var(--mdc-statictoggle-active-rest-color);
-      justify-content: flex-end;
-      border-color: transparent;
-    }
-
-    :host([size='compact'])::part(slider) {
-      width: var(--mdc-statictoggle-width-compact);
-      height: var(--mdc-statictoggle-height-compact);
-      border-radius: var(--mdc-statictoggle-border-radius-compact);
-    }
-
     :host::part(toggle-icon) {
       padding: 0.25rem;
-      --mdc-icon-fill-color: var(--mdc-statictoggle-icon-color-normal);
-      background-color: var(--mdc-statictoggle-icon-background-color-normal);
+      --mdc-icon-fill-color: var(--mdc-toggle-icon-color);
+      background-color: var(--mdc-toggle-icon-background-color);
       border-radius: 50%;
     }
 
-    :host([disabled])::part(toggle-icon),
-    :host([soft-disabled])::part(toggle-icon),
-    :host([disabled][readonly])::part(toggle-icon),
-    :host([soft-disabled][readonly])::part(toggle-icon) {
-      --mdc-icon-fill-color: var(--mdc-statictoggle-icon-color-disabled);
-      background-color: var(--mdc-statictoggle-icon-background-color-disabled);
+    :host([size='compact'])::part(slider) {
+      --mdc-toggle-width: 2rem;
+      --mdc-toggle-height: 1rem;
+      --mdc-toggle-border-radius: 0.5rem;
     }
 
     :host([size='compact'])::part(toggle-icon) {
       padding: 0.125rem;
     }
 
-    :host([disabled])::part(slider),
-    :host([soft-disabled])::part(slider),
-    :host([readonly])::part(slider) {
-      background-color: var(--mdc-statictoggle-inactive-disabled-color);
-      border-color: var(--mdc-statictoggle-disabled-border-color);
+    :host([checked]) {
+      --mdc-toggle-border-color: transparent;
+      --mdc-toggle-background-color: var(--mds-color-theme-control-active-normal);
+    }
+    :host([checked])::part(slider) {
+      justify-content: flex-end;
     }
 
-    :host([disabled][checked])::part(slider),
-    :host([soft-disabled][checked])::part(slider),
-    :host([disabled][readonly][checked])::part(slider),
-    :host([soft-disabled][readonly][checked])::part(slider) {
-      background-color: var(--mdc-statictoggle-active-disabled-color);
-      border-color: transparent;
+    :host([readonly]) {
+      --mdc-toggle-icon-background-color: var(--mds-color-theme-common-text-primary-normal);
+      --mdc-toggle-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-toggle-background-color: var(--mds-color-theme-control-inactive-disabled);
     }
 
-    :host([readonly])::part(toggle-icon) {
-      background-color: var(--mdc-statictoggle-icon-background-color-normal);
+    :host([disabled]),
+    :host([soft-disabled]) {
+      --mdc-toggle-icon-color: var(--mds-color-theme-common-inverted-text-primary-disabled);
+      --mdc-toggle-icon-background-color: var(--mds-color-theme-common-text-primary-disabled);
+      --mdc-toggle-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-toggle-background-color: var(--mds-color-theme-control-inactive-disabled);
+      cursor: default;
     }
 
-    :host([disabled][readonly])::part(slider),
-    :host([soft-disabled][readonly])::part(slider) {
-      background-color: var(--mdc-statictoggle-inactive-disabled-color);
+    :host([checked][disabled]),
+    :host([checked][soft-disabled]) {
+      --mdc-toggle-icon-color: var(--mds-color-theme-common-inverted-text-primary-disabled);
+      --mdc-toggle-icon-background-color: var(--mds-color-theme-common-text-primary-disabled);
+      --mdc-toggle-border-color: transparent;
+      --mdc-toggle-background-color: var(--mds-color-theme-control-active-disabled);
     }
 
     /* High Contrast Mode */
     @media (forced-colors: active) {
-      :host([checked])::part(slider),
       :host::part(toggle-icon) {
-        border: var(--mdc-statictoggle-border);
+        --mdc-toggle-icon-color: CanvasText;
+        border: 1px solid var(--mdc-toggle-border-color);
       }
-      :host::part(toggle-icon) {
-        --mdc-icon-fill-color: CanvasText;
+
+      :host([checked]) {
+        --mdc-toggle-icon-color: SelectedItemText;
+        --mdc-toggle-border-color: SelectedItem;
+        --mdc-toggle-background-color: SelectedItem;
+      }
+
+      :host([disabled])::part(toggle-icon),
+      :host([soft-disabled])::part(toggle-icon) {
+        --mdc-toggle-icon-color: GrayText;
+        border: 1px solid GrayText;
       }
     }
   `],Av=sx;var Yi=class extends Vt(q){constructor(){super(...arguments);this.checked=!1;this.size=xv.SIZE;this.readonly=!1;this.softDisabled=!1}render(){return _`
@@ -4845,24 +4806,13 @@
         length-unit="${ee.ICON_LENGTH_UNIT}"
       ></mdc-icon>
     `}render(){return this.error?this.renderErrorState():this.clampedValue===100?this.renderSuccessState():_` ${this.renderProgressSpinner()}`}};od.styles=[...q.styles,...qv];var _h=od;_h.register(Gv);var wx=_h;var Nx=[bt,B`
-    /* Base styles and CSS custom properties */
     :host {
       display: flex;
       flex-direction: row;
       align-items: start;
       gap: 0.5rem;
-
-      --mdc-radio-text-disabled-color: var(--mds-color-theme-text-primary-disabled);
-      --mdc-radio-control-inactive-hover: var(--mds-color-theme-control-inactive-hover);
-      --mdc-radio-control-inactive-pressed-color: var(--mds-color-theme-control-inactive-pressed);
-      --mdc-radio-control-active-hover-color: var(--mds-color-theme-control-active-hover);
-      --mdc-radio-control-active-pressed-color: var(--mds-color-theme-control-active-pressed);
-      --mdc-radio-control-active-disabled-background: var(--mds-color-theme-control-active-disabled);
-      --mdc-radio-control-inactive-disabled-background: var(--mds-color-theme-control-inactive-disabled);
-      --mdc-radio-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
     }
 
-    /* Component structure and layout */
     :host::part(radio-input) {
       position: absolute;
       opacity: 0;
@@ -4870,7 +4820,7 @@
       width: 100%;
       height: 100%;
       cursor: pointer;
-      z-index: 2;
+      z-index: 1;
     }
 
     :host::part(text-container) {
@@ -4889,81 +4839,34 @@
       cursor: pointer;
       word-break: break-word;
       white-space: normal;
-      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
-    }
-
-    /* Default interactive states */
-    :host(:hover) mdc-staticradio {
-      background-color: var(--mdc-radio-control-inactive-hover);
+      --mdc-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      --mdc-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      --mdc-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     }
 
-    :host(:active) mdc-staticradio {
-      background-color: var(--mdc-radio-control-inactive-pressed-color);
+    :host(:hover)::part(static-radio) {
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-hover);
     }
 
-    :host([checked]:hover)::part(radio-icon) {
-      border-color: var(--mdc-radio-control-active-hover-color);
-      background-color: var(--mdc-radio-control-active-hover-color);
+    :host(:active)::part(static-radio) {
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-pressed);
     }
 
-    :host([checked]:active)::part(radio-icon) {
-      border-color: var(--mdc-radio-control-active-pressed-color);
-      background-color: var(--mdc-radio-control-active-pressed-color);
+    :host([checked]:hover)::part(static-radio) {
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-control-active-hover);
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-hover);
     }
 
-    /* Readonly state - disables pointer events but allows specific hover behavior */
-    :host([readonly]) {
-      pointer-events: none;
-    }
-
-    :host([readonly]:hover)::part(radio-icon) {
-      border-color: var(--mdc-staticradio-normal-border-color);
-      background-color: var(--mdc-staticradio-control-inactive-color);
+    :host([checked]:active)::part(static-radio) {
+      --mdc-radio-outer-circle-border-color: var(--mds-color-theme-control-active-pressed);
+      --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-pressed);
     }
 
+    :host([readonly]),
+    :host([disabled]),
     :host([soft-disabled]) {
       pointer-events: none;
     }
-
-    /* Disabled states override interactive styles */
-    :host([disabled])::part(radio-input),
-    :host([soft-disabled])::part(radio-input),
-    :host([readonly])::part(radio-input),
-    :host([disabled])::part(label),
-    :host([soft-disabled])::part(label),
-    :host([readonly])::part(label) {
-      cursor: default;
-    }
-
-    :host([disabled]:hover) mdc-staticradio,
-    :host([disabled]:active) mdc-staticradio,
-    :host([soft-disabled]:hover) mdc-staticradio,
-    :host([soft-disabled]:active) mdc-staticradio {
-      background-color: unset;
-    }
-
-    :host([disabled]:hover)::part(radio-icon),
-    :host([soft-disabled]:hover)::part(radio-icon),
-    :host([disabled][readonly]:hover)::part(radio-icon),
-    :host([soft-disabled][readonly]:hover)::part(radio-icon) {
-      border-color: var(--mdc-radio-disabled-border-color);
-      background-color: var(--mdc-radio-control-inactive-disabled-background);
-    }
-
-    :host([disabled][checked]:hover)::part(radio-icon),
-    :host([soft-disabled][checked]:hover)::part(radio-icon) {
-      background-color: var(--mdc-radio-control-active-disabled-background);
-    }
-
-    :host([disabled])::part(label-text),
-    :host([disabled])::part(help-text),
-    :host([soft-disabled])::part(label),
-    :host([soft-disabled])::part(label-text),
-    :host([soft-disabled])::part(help-text) {
-      color: var(--mdc-radio-text-disabled-color);
-    }
   `,...St(!0)],Kv=Nx;var rn=class extends be(xe(Ht(se))){constructor(){super(...arguments);this.checked=!1;this.renderLabelAndHelperText=()=>this.label?_`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.updateTabIndex(),this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}formResetCallback(){this.getAllRadiosWithinSameGroup().forEach(i=>{i.checked=!1}),this.updateComplete.then(()=>{this.setActualFormValue()}).catch(i=>{this.onerror&&this.onerror(i)})}formStateRestoreCallback(t){this.value===t&&t!==""&&(this.checked=!0)}setComponentValidity(t){t?this.internals.setValidity({}):this.required&&!this.checked&&(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()),this.updateTabIndex()}setGroupValidity(t,i){this.updateComplete.then(()=>{t.forEach(a=>{a.setComponentValidity(i)})}).catch(a=>{this.onerror&&this.onerror(a)})}setActualFormValue(){let t="";this.checked?t=this.value?this.value:"on":t=null;let i=this.getAllRadiosWithinSameGroup();if(this.checked)this.setGroupValidity(i,!0);else{let a=i.some(b=>b.required),d=!!i.find(b=>b.checked),m=a&&!d;this.setGroupValidity(i,!m)}this.internals.setFormValue(t)}handleChange(){var a;if(this.disabled||this.readonly||this.softDisabled)return;this.getAllRadiosWithinSameGroup().forEach(d=>{var b;let m=(b=d.shadowRoot)==null?void 0:b.querySelector("input");m&&(d.checked=!1,m.checked=!1)}),this.checked=!0;let i=(a=this.shadowRoot)==null?void 0:a.querySelector("input");i&&(i.checked=!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}updateRadio(t,i){var a,d;(d=(a=t[i].shadowRoot)==null?void 0:a.querySelector("input"))==null||d.focus(),t[i].handleChange()}handleKeyDown(t){var m;if(this.disabled)return;(this.readonly||this.softDisabled)&&t.key===Z.SPACE&&t.preventDefault();let a=this.getAllRadiosWithinSameGroup().filter(b=>!b.disabled),d=a.indexOf(this);if(["ArrowDown","ArrowRight"].includes(t.key)){let b=(d+1)%a.length;this.updateRadio(a,b)}else if(["ArrowUp","ArrowLeft"].includes(t.key)){let b=(d-1+a.length)%a.length;this.updateRadio(a,b)}else t.key===Z.SPACE&&this.updateRadio(a,d);this.updateTabIndex(),t.key===Z.ENTER&&((m=this.form)==null||m.requestSubmit())}updateTabIndex(){let t=this.getAllRadiosWithinSameGroup(),i=t.find(d=>d.checked),a=t.find(d=>!d.disabled);t.forEach(d=>{var b;let m=(b=d.shadowRoot)==null?void 0:b.querySelector("input");m&&(m.tabIndex=-1,(d===i||!i&&d===a)&&(m.tabIndex=0))})}update(t){super.update(t),t.has("checked")&&this.setActualFormValue()}render(){var t;return _`
       <mdc-staticradio
         class="mdc-focus-ring"
@@ -4971,6 +4874,7 @@
         ?disabled="${this.disabled}"
         ?readonly="${this.readonly}"
         ?soft-disabled="${this.softDisabled}"
+        part="static-radio"
       >
         <input
           id="${this.inputId}"
@@ -6204,22 +6108,6 @@
       </div>
       ${this.renderFooter()}
     `}};Ce.styles=[...q.styles,...kg],p([u({type:String,reflect:!0})],Ce.prototype,"variant",2),p([u({type:String,attribute:"close-button-aria-label"})],Ce.prototype,"closeButtonAriaLabel",2),p([u({type:String,reflect:!0,attribute:"header-text"})],Ce.prototype,"headerText",2),p([u({type:String,reflect:!0,attribute:"header-tag-name"})],Ce.prototype,"headerTagName",2),p([u({type:String,reflect:!0,attribute:"aria-label"})],Ce.prototype,"ariaLabel",2),p([u({type:String,reflect:!0,attribute:"show-more-text"})],Ce.prototype,"showMoreText",2),p([u({type:String,reflect:!0,attribute:"show-less-text"})],Ce.prototype,"showLessText",2),p([vt()],Ce.prototype,"isDetailVisible",2),p([vt()],Ce.prototype,"hasDetailedSlot",2),p([Ot({slot:"toast-body-detailed",flatten:!0})],Ce.prototype,"detailedElements",2),p([vt()],Ce.prototype,"hasFooterButtons",2);var Xh=Ce;Xh.register(Ig);var cA=Xh;var hA=[bt,B`
-    /* Base styles and CSS custom properties */
-    :host {
-      --mdc-toggle-width: 3rem;
-      --mdc-toggle-height: 1.5rem;
-      --mdc-toggle-width-compact: 2rem;
-      --mdc-toggle-height-compact: 1rem;
-
-      --mdc-toggle-label-color-disabled: var(--mds-color-theme-text-primary-disabled);
-      --mdc-toggle-help-text-color: var(--mds-color-theme-text-secondary-normal);
-
-      --mdc-toggle-active-hover-color: var(--mds-color-theme-control-active-hover);
-      --mdc-toggle-active-pressed-color: var(--mds-color-theme-control-active-pressed);
-      --mdc-toggle-inactive-hover-color: var(--mds-color-theme-control-inactive-hover);
-      --mdc-toggle-inactive-pressed-color: var(--mds-color-theme-control-inactive-pressed);
-    }
-
     /* Grid layout for labeled toggles */
     :host([label]),
     :host([help-text]) {
@@ -6255,13 +6143,9 @@
     :host::part(label) {
       word-break: break-word;
       white-space: normal;
-      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
-    }
-
-    :host::part(help-text) {
-      color: var(--mdc-toggle-help-text-color);
+      --mdc-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      --mdc-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      --mdc-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     }
 
     /* Default interactive states */
@@ -6270,54 +6154,28 @@
       cursor: pointer;
     }
 
-    :host(:hover)::part(container) {
-      background-color: var(--mdc-toggle-inactive-hover-color);
+    :host(:hover)::part(static-toggle) {
+      --mdc-toggle-background-color: var(--mds-color-theme-control-inactive-hover);
     }
 
-    :host(:active)::part(container) {
-      background-color: var(--mdc-toggle-inactive-pressed-color);
+    :host(:active)::part(static-toggle) {
+      --mdc-toggle-background-color: var(--mds-color-theme-control-inactive-pressed);
     }
 
-    :host([checked]:hover)::part(container) {
-      background-color: var(--mdc-toggle-active-hover-color);
+    :host([checked]:hover)::part(static-toggle) {
+      --mdc-toggle-background-color: var(--mds-color-theme-control-active-hover);
     }
 
-    :host([checked]:active)::part(container) {
-      background-color: var(--mdc-toggle-active-pressed-color);
+    :host([checked]:active)::part(static-toggle) {
+      --mdc-toggle-background-color: var(--mds-color-theme-control-active-pressed);
     }
 
     /* Readonly state - disables pointer events */
     :host([readonly]),
+    :host([disabled]),
     :host([soft-disabled]) {
       pointer-events: none;
     }
-
-    /* Disabled states override interactive styles */
-    :host([disabled])::part(label),
-    :host([disabled])::part(toggle-input),
-    :host([soft-disabled])::part(label),
-    :host([soft-disabled])::part(toggle-input) {
-      cursor: default;
-    }
-
-    :host([disabled]:hover)::part(container),
-    :host([disabled]:active)::part(container),
-    :host([disabled][checked]:hover)::part(container),
-    :host([disabled][checked]:active)::part(container),
-    :host([soft-disabled]:hover)::part(container),
-    :host([soft-disabled]:active)::part(container),
-    :host([soft-disabled][checked]:hover)::part(container),
-    :host([soft-disabled][checked]:active)::part(container) {
-      background-color: unset;
-    }
-
-    :host([disabled])::part(label-text),
-    :host([disabled])::part(help-text),
-    :host([soft-disabled])::part(label),
-    :host([soft-disabled])::part(label-text),
-    :host([soft-disabled])::part(help-text) {
-      color: var(--mdc-toggle-label-color-disabled);
-    }
   `,...St(!0)],wg=hA;var zs=class extends be(xe(Ht(cr))){constructor(){super(...arguments);this.checked=!1;this.size=hh.SIZE}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}formResetCallback(){this.checked=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}setFormValue(){let t=null;this.checked?t=this.value?this.value:"isActive":t=null,this.manageRequired(),this.internals.setFormValue(t)}toggleState(){!this.disabled&&!this.softDisabled&&!this.readonly&&(this.checked=!this.checked)}handleKeyDown(t){var i;(this.readonly||this.softDisabled)&&t.key===Z.SPACE&&t.preventDefault(),t.key===Z.ENTER&&((i=this.form)==null||i.requestSubmit())}handleChange(t){this.toggleState();let i=t.constructor;this.dispatchEvent(new i(t.type,t))}setToggleSize(t){this.setAttribute("size",Object.values(Xa).includes(t)?t:hh.SIZE)}update(t){super.update(t),t.has("checked")&&this.setFormValue(),t.has("size")&&this.setToggleSize(this.size)}render(){var t;return _`
       <mdc-statictoggle
         ?checked="${this.checked}"
@@ -6326,7 +6184,7 @@
         ?soft-disabled="${this.softDisabled}"
         size="${this.size}"
         class="mdc-focus-ring"
-        part="container"
+        part="static-toggle"
       >
         <input
           id="${this.inputId}"