@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

package/dist/cjs/mds-banner_3.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var close = require('./close-BS8N44H4.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var locale = require('./locale-oGW3SvGJ.js');
@@ -27,7 +27,7 @@ var localeIt$1 = {
 	cancel: cancel
 };
 
-const mdsBannerCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:\"<time>\";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1*var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))/2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))/2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}";
+const mdsBannerCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:"<time>";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1 * var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
 
 const MdsBanner = class {
     constructor(hostRef) {
@@ -87,11 +87,14 @@ const MdsBanner = class {
             var _a;
             this.closeEvent.emit();
             const modalEL = (_a = this.host) === null || _a === void 0 ? void 0 : _a.closest('mds-modal');
-            if (modalEL) {
+            if (modalEL != null) {
                 modalEL.opened = false;
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -116,14 +119,16 @@ const MdsBanner = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '2afab272d56122cd81155dc183d7ab5e6cefc2c4', "aria-label": this.headline, role: this.ariaVariants[(_a = this.variant) !== null && _a !== void 0 ? _a : 'primary'].role, "aria-live": this.ariaVariants[(_b = this.variant) !== null && _b !== void 0 ? _b : 'primary'].live }, index.h("div", { key: 'e721e7375cb6f81f994c48aa65707dc133f71510', class: "body" }, this.icon && index.h("mds-icon", { key: '1542bdd9019d144105d09689c4b773ddd7626f13', "aria-hidden": "true", class: "icon", name: this.icon }), index.h("div", { key: 'acb819054179bf7fc16da97e0bfb64e9e9d08b5b', class: "content" }, this.headline && (index.h("mds-text", { key: '927594cdfd61d6af3b496761beeb5ab489832d8b', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline)), index.h("div", { key: '27cf3213f992682fe923a6a5f028d3ea5d1ae8ba', class: "text", part: "text" }, index.h("slot", { key: '1b4180568e80bf7b05c8c5dc1ba4d10bc0ca2cb6' }))), this.deletable && (index.h("mds-button", { key: 'c479abfc205e76cee8965f26b4c2ba1910e97100', class: "close-button", icon: close.miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel'), variant: this.closeButtonVariant, tone: "text" }))), this.actions && (index.h("div", { key: '991cdcbd6965e8df55a016a2b4ae7e6a24f09cf0', class: "actions" }, index.h("slot", { key: '147bf81d81e1e958fb2714b1fff0b41cb5865e9d', name: "action" })))));
+        return (index.h(index.Host, { key: '8a3293e558bb74ac6b6f2da1f8716de46d6e1c0e', "aria-label": this.headline, role: this.ariaVariants[(_a = this.variant) !== null && _a !== void 0 ? _a : 'primary'].role, "aria-live": this.ariaVariants[(_b = this.variant) !== null && _b !== void 0 ? _b : 'primary'].live }, index.h("div", { key: '57b677034bdb2c45e838b5f0bfd285fb1588fb2d', class: "body" }, this.icon && index.h("mds-icon", { key: 'e721e46b80995d2fa81cff4bd60a5d8ad453e197', "aria-hidden": "true", class: "icon", name: this.icon }), index.h("div", { key: '6c6af935817431e4d89c29752d0ec32d1a204259', class: "content" }, this.headline && (index.h("mds-text", { key: 'cb3e60f23d08876841e635a61c2b67534e5d2833', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline)), index.h("div", { key: '248ed7b3b4e89099fa327d4954e6d56a35c781ca', class: "text", part: "text" }, index.h("slot", { key: '26a6b47c16abf4ac990c2f77b17f6a461dc94c1f' }))), this.deletable && (index.h("mds-button", { key: 'f6dce72fed0e6d32ad2cdef1d10521a9aee6ad71', class: "close-button", icon: close.miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel'), variant: this.closeButtonVariant, tone: "text" }))), this.actions && (index.h("div", { key: '28e0a3870b0d05250729d75b26c72c96f45e5bbc', class: "actions" }, index.h("slot", { key: '2b0f51b34cf364ac7efc27fb33d586e59ef3ddda', name: "action" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "variant": ["variantHandler"]
+        "variant": [{
+                "variantHandler": 0
+            }]
     }; }
 };
-MdsBanner.style = mdsBannerCss;
+MdsBanner.style = mdsBannerCss();
 
 const deleteLabel$3 = "Αφαίρεση";
 var localeEl = {
@@ -145,7 +150,7 @@ var localeIt = {
 	deleteLabel: deleteLabel
 };
 
-const mdsChipCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:\"<number>\";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}";
+const mdsChipCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:"<number>";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}`;
 
 const MdsChip = class {
     constructor(hostRef) {
@@ -176,6 +181,9 @@ const MdsChip = class {
          * Sets the color variant tone of the component
          */
         this.tone = 'strong';
+        this.onDeleteHandler = (event) => {
+            this.deleteEvent.emit({ event, element: this.host });
+        };
         this.handleClickableKeyboard = (isClickable) => {
             var _a;
             if (isClickable) {
@@ -189,7 +197,7 @@ const MdsChip = class {
         this.handleClickableElement = (isClickable) => {
             var _a;
             const label = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.label');
-            if (!label) {
+            if (label == null) {
                 return;
             }
             if (isClickable) {
@@ -201,6 +209,9 @@ const MdsChip = class {
             label.removeEventListener('click', this.onClickLabelHandler.bind(this));
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -229,9 +240,6 @@ const MdsChip = class {
         }
         this.clickLabelEvent.emit({ event, element: this.host });
     }
-    onDeleteHandler(event) {
-        this.deleteEvent.emit({ event, element: this.host });
-    }
     componentWillLoad() {
         this.t.lang(this.host);
     }
@@ -245,20 +253,26 @@ const MdsChip = class {
         this.km.detachClickBehavior('label');
     }
     render() {
-        return (index.h(index.Host, { key: '0ff9c5f44050e5aae268321b89f3479ad50b3eec', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon && (index.h("div", { key: '554e3024e5492fe32fbe14df912d7f48cf3d1e42', "aria-hidden": "true", class: "icon-area" }, index.h("mds-icon", { key: 'ed4ecb18bee7cf7a5471c8dc2dd212d2264b7188', class: "icon", name: this.icon }))), index.h("div", { key: '4ded2dcecb606224cdbd336dd6bda407a2a020e7', class: "label-wrapper" }, this.clickable ? (index.h("mds-text", { class: "label label--interactive", tabindex: "0", typography: "caption", truncate: "word" }, this.label)) : (index.h("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label))), this.deletable && (index.h("mds-button", { key: '847b0fe5c0f111a79a3aac85285c7003ff771183', class: "button-delete", icon: cancel$4.miBaselineCancel, onClick: this.onDeleteHandler.bind(this), title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "text", size: "sm" }))));
+        return (index.h(index.Host, { key: 'a2ff34f9ecfc5f8fa6cb7ab399eb34b2f0c2cf04', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon && (index.h("div", { key: '78e888b4c83cd44f05bbbd1377863c5008bfe328', "aria-hidden": "true", class: "icon-area" }, index.h("mds-icon", { key: '19fc511e306b8a7cc25daf1596e932bb88dec748', class: "icon", name: this.icon }))), index.h("div", { key: 'ef990de72874ab99987ad8e74ee93f43bdf54dc9', class: "label-wrapper" }, this.clickable ? (index.h("mds-text", { class: "label label--interactive", tabindex: "0", typography: "caption", truncate: "word" }, this.label)) : (index.h("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label))), this.deletable && (index.h("mds-button", { key: '09edff4f0b1320017ea029742fa9b8d199622cab', class: "button-delete", icon: cancel$4.miBaselineCancel, onClick: this.onDeleteHandler, title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "text", size: "sm" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "selectable": ["handleSelectableProp"],
-        "clickable": ["handleClickableProp"],
-        "selected": ["handleSelectedProp"]
+        "selectable": [{
+                "handleSelectableProp": 0
+            }],
+        "clickable": [{
+                "handleClickableProp": 0
+            }],
+        "selected": [{
+                "handleSelectedProp": 0
+            }]
     }; }
 };
-MdsChip.style = mdsChipCss;
+MdsChip.style = mdsChipCss();
 
 var miOutlineHelp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>`;
 
-const mdsHelpCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-help-tooltip-max-width{syntax:\"<length>\";inherits:false;initial-value:300px}@property --mds-help-tooltip-min-width{syntax:\"<length>\";inherits:false;initial-value:200px}@property --mds-help-tooltip-delay{syntax:\"<time>\";inherits:false;initial-value:.25s}:host{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s;color:rgb(var(--tone-neutral-03,233 233 233));cursor:help;display:inline-flex;fill:currentColor;height:calc(var(--spacing,.0025rem)*400);justify-content:flex-start;margin-left:calc(var(--spacing,.0025rem)*100);overflow:visible;position:relative;width:calc(var(--spacing,.0025rem)*400)}i{display:flex}i svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay,.25s);max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-min-width,200px)}mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}i,mds-icon{fill:inherit;height:inherit;width:inherit}";
+const mdsHelpCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-help-tooltip-max-width{syntax:"<length>";inherits:false;initial-value:300px}@property --mds-help-tooltip-min-width{syntax:"<length>";inherits:false;initial-value:200px}@property --mds-help-tooltip-delay{syntax:"<time>";inherits:false;initial-value:.25s}:host{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s;color:rgb(var(--tone-neutral-03,233 233 233));cursor:help;display:inline-flex;fill:currentColor;height:calc(var(--spacing,.0025rem)*400);justify-content:flex-start;margin-left:calc(var(--spacing,.0025rem)*100);overflow:visible;position:relative;width:calc(var(--spacing,.0025rem)*400)}i{display:flex}i svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay,.25s);max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-min-width,200px)}mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}i,mds-icon{fill:inherit;height:inherit;width:inherit}`;
 
 const MdsHelp = class {
     constructor(hostRef) {
@@ -274,10 +288,10 @@ const MdsHelp = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '7d7673ac454daa8673fcf30d1f7cd62a096efe67' }, index.h("mds-icon", { key: '19a08bed3129f9bb2a42ffa5308de9d5d6ef2cd8', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), index.h("mds-tooltip", { key: '1b7aa24dd616edd66c9745d7d0ca550608225ecd', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, index.h("slot", { key: '8a9f25d575c2b036f8471b4f44911d27fe2627b0' }))));
+        return (index.h(index.Host, { key: 'a72b1f2f02ef754022738d9ae5d8f3351541eb06' }, index.h("mds-icon", { key: 'c0f180c4abe2c5d3c4e512e14f9761aa36906f4f', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), index.h("mds-tooltip", { key: 'c08d15295a145809f35aab2d7f198aa71476ee91', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, index.h("slot", { key: 'd3dd10afd797f2079896589da73615fb97dc3d6e' }))));
     }
 };
-MdsHelp.style = mdsHelpCss;
+MdsHelp.style = mdsHelpCss();
 
 exports.mds_banner = MdsBanner;
 exports.mds_chip = MdsChip;

package/dist/cjs/mds-benchmark-bar.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var slot = require('./slot-CI0KpgtY.js');
 
-const mdsBenchmarkBarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100);grid-template-columns:repeat(1,minmax(1px,100%))}.infos{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;width:100%}.value{flex-shrink:0}.label{min-width:0}:host([size=md]),:host([size=sm]){gap:calc(var(--spacing,.0025rem)*200)}:host([size=lg]),:host([size=xl]){gap:calc(var(--spacing,.0025rem)*300)}";
+const mdsBenchmarkBarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100);grid-template-columns:repeat(1,minmax(1px,100%))}.infos{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;width:100%}.value{flex-shrink:0}.label{min-width:0}:host([size=md]),:host([size=sm]){gap:calc(var(--spacing,.0025rem)*200)}:host([size=lg]),:host([size=xl]){gap:calc(var(--spacing,.0025rem)*300)}`;
 
 const MdsBenchmarkBar = class {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const MdsBenchmarkBar = class {
         this.size = 'md';
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = slot.readSlottedLabel(this.host);
         };
@@ -36,13 +36,15 @@ const MdsBenchmarkBar = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'd7b0e761d31d572d12036ff3aaf4c20b289cbf2f' }, index.h("div", { key: '704adf95c2c8d28158b4b42a79b618adcaacec37', class: "infos" }, index.h("mds-text", { key: 'aba9432355b5ecf6b2bc624851eeeb804b9d1ce7', typography: this.typography, class: "label", id: "label", truncate: "word" }, this.label || index.h("slot", { key: '87bf1c615242ec2df4c13a22bcb6b17d35286dbf', onSlotchange: this.onSlotChangeHandler })), index.h("mds-text", { key: '21d31020e10456f29b884c9cd0ed7744f9eeb2cf', typography: this.typography, class: "value", truncate: "word" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.value)), index.h("mds-progress", { key: '9e9db845895d9f0ea025df2a3ea55e206c11e255', "aria-labelledby": "label", "aria-valuetext": this.alias, class: "progress", variant: this.variant, progress: this.value / 100, size: this.size, part: "progress-bar" })));
+        return (index.h(index.Host, { key: '1c2d9a434915c3bd3487e3accddc100cb457178b' }, index.h("div", { key: '809bfc18d2042c97685adb031b65f3444a1ba3c4', class: "infos" }, index.h("mds-text", { key: 'f328a5c085a268ac48839e9553fe48a0d57873f8', typography: this.typography, class: "label", id: "label", truncate: "word" }, this.label || index.h("slot", { key: 'd61cde55186ab7d8aa186fb740b35fb9e5e964f4', onSlotchange: this.onSlotChangeHandler })), index.h("mds-text", { key: '2f0145a1c718cb646fb28e05e6f828c196c8902e', typography: this.typography, class: "value", truncate: "word" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.value)), index.h("mds-progress", { key: 'ad484ee140a19ccde21e5a50df8532c03508350a', "aria-labelledby": "label", "aria-valuetext": this.alias, class: "progress", variant: this.variant, progress: this.value / 100, size: this.size, part: "progress-bar" })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "label": ["labelChanged"]
+        "label": [{
+                "labelChanged": 0
+            }]
     }; }
 };
-MdsBenchmarkBar.style = mdsBenchmarkBarCss;
+MdsBenchmarkBar.style = mdsBenchmarkBarCss();
 
 exports.mds_benchmark_bar = MdsBenchmarkBar;

package/dist/cjs/mds-bibliography.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsBibliographyCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:\"*\";inherits:false}";
+const mdsBibliographyCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:"*";inherits:false}`;
 
 const MdsBibliography = class {
     constructor(hostRef) {
@@ -70,7 +70,7 @@ const MdsBibliography = class {
             else {
                 formattedFirstName = ` ${firstName.substring(0, 1)}.`;
             }
-            return `${lastName}${lastName ? ',' : ''}${formattedFirstName}`;
+            return `${lastName}${lastName !== '' ? ',' : ''}${formattedFirstName}`;
         };
         this.fullNameMLA = (firstName, lastName) => {
             var _a;
@@ -84,7 +84,7 @@ const MdsBibliography = class {
             else {
                 formattedFirstName = firstName;
             }
-            return `${lastName}${lastName ? ',' : ''} ${formattedFirstName}`;
+            return `${lastName}${lastName !== '' ? ',' : ''} ${formattedFirstName}`;
         };
         this.formatAuthors = (author) => {
             var _a;
@@ -93,7 +93,7 @@ const MdsBibliography = class {
             const fullName = (_a = authorName.match(splitNames)) !== null && _a !== void 0 ? _a : authorName;
             if (fullName.length > 1) {
                 const firstName = fullName[0].trim();
-                const lastName = fullName[1] ? fullName[1].trim() : '';
+                const lastName = fullName[1] !== '' ? fullName[1].trim() : '';
                 return {
                     apa: this.fullNameAPA(firstName, lastName),
                     firstName,
@@ -103,7 +103,7 @@ const MdsBibliography = class {
                 };
             }
             const firstName = fullName[0].split(' ')[0].trim();
-            const lastName = fullName[0].split(' ')[1] ? fullName[0].split(' ')[1].trim() : '';
+            const lastName = fullName[0].split(' ')[1] !== '' ? fullName[0].split(' ')[1].trim() : '';
             return {
                 apa: this.fullNameAPA(firstName, lastName),
                 firstName,
@@ -136,9 +136,9 @@ const MdsBibliography = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'b15c9090bd3af98008b693ed727ed3aae93598e3' }, index.h("mds-text", { key: 'c9a1d266aa8e12351774933fb61ec35a147debb1', typography: this.typography, variant: this.variant }, this.author && index.h("span", { key: '1562ae9b85ebeff30997f581be4ab14039dec414' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' && (index.h("span", { key: 'd615dbc40a95746f89f4525a54c7ecbfceba7315' }, this.name && ' ', this.name && this.url !== null ? (index.h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, index.h("b", null, index.h("i", null, this.name, ".")))) : (index.h("b", null, index.h("i", null, this.name, "."))), this.location && (index.h("span", { key: '48817238804e69578f5424355c98130556b3dd51' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && (index.h("span", { key: '31ecf7af210e44eb6d89dfc3e4f4189e0d835fb4' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && index.h("time", { key: '405f1546ea824689d93309c9df696378309c1cea', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))), this.format === 'apa' && (index.h("span", { key: '255f43e6ca4b50c0d872e906e3eb03a41d29401f' }, this.date && index.h("time", { key: '51c6bfd6c2398c6d5c3e204d75c05450b520091a', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name && this.url !== null ? (index.h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, index.h("b", null, index.h("i", null, " ", this.name, ".")))) : (index.h("b", null, index.h("i", null, " ", this.name, "."))), this.location && (index.h("span", { key: '0c3d8465e4001391afbeeebac0d0a8f08a2ac3cb' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && index.h("span", { key: '121f18deadf23c053c2e3cdf63002f5ea7a8f65d' }, " ", this.publisher, "."))), this.format === 'turabian' && (index.h("span", { key: 'b30c1d3e94af251141c9fac36512efe532811aae' }, this.name && ' ', this.name && this.url !== null ? (index.h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, index.h("b", null, index.h("i", null, " ", this.name, ".")))) : (index.h("b", null, index.h("i", null, " ", this.name, "."))), this.location && (index.h("span", { key: '4901457ea26ce985db12194a733169e78d84acbb' }, ' ', this.location, this.publisher !== undefined ? ':' : ',')), this.publisher && (index.h("span", { key: '48122bc66f98323a3cce99d731b5df6ad9e3f482' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && index.h("time", { key: 'b6713043fc1531707338552dd3293b9a79500686', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))))));
+        return (index.h(index.Host, { key: '23f59847854d7d9a89b7dd2750e436d8f02e3d14' }, index.h("mds-text", { key: 'b894fe2efb2a5fcb6efed4e71efc21bd226e05fe', typography: this.typography, variant: this.variant }, this.author && index.h("span", { key: 'c4643d727585acf555ddd35a75b899694e5c9402' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' && (index.h("span", { key: '6dbda3e1aaeac89017d1fed6d8ff2cd832693199' }, this.name && ' ', this.name !== undefined && this.name !== '' && this.url !== null ? (index.h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, index.h("b", null, index.h("i", null, this.name, ".")))) : (index.h("b", null, index.h("i", null, this.name, "."))), this.location && (index.h("span", { key: '340b4ecae707224b88baf69235b669ecee608e28' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && (index.h("span", { key: '54d44315bbf6859e10136f0cbd73d5a56cbd3af9' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && index.h("time", { key: '642f54d9348dd05fe0867ef2259c1ed720987b9c', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))), this.format === 'apa' && (index.h("span", { key: '1a6caf7ae4b454bf05b924e56c9aad6e882efe98' }, this.date && index.h("time", { key: '2dbce299a5459cff5da64ac87925947bcddb2336', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name !== undefined && this.name !== '' && this.url !== null ? (index.h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, index.h("b", null, index.h("i", null, " ", this.name, ".")))) : (index.h("b", null, index.h("i", null, " ", this.name, "."))), this.location && (index.h("span", { key: 'c9f7127424939df3e352479e48a298e964ec4d06' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && index.h("span", { key: 'abb5252ecfb00b5b00c37c1e8063a2c00ea03cc2' }, " ", this.publisher, "."))), this.format === 'turabian' && (index.h("span", { key: '91cebf4a49774b5f09f5947378b08c54150c6768' }, this.name && ' ', this.name !== undefined && this.name !== '' && this.url !== null ? (index.h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, index.h("b", null, index.h("i", null, " ", this.name, ".")))) : (index.h("b", null, index.h("i", null, " ", this.name, "."))), this.location && (index.h("span", { key: '102f8ccc46702f490624d0de0e0dfc1b69a1ce66' }, ' ', this.location, this.publisher !== undefined ? ':' : ',')), this.publisher && (index.h("span", { key: 'f263f731ce15c53982f10273a9918854e9e14564' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && index.h("time", { key: 'fcb9f7211479b4f78a056117f81589d4011ac0fc', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))))));
     }
 };
-MdsBibliography.style = mdsBibliographyCss;
+MdsBibliography.style = mdsBibliographyCss();
 
 exports.mds_bibliography = MdsBibliography;

package/dist/cjs/mds-breadcrumb-item.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
 var miBaselineNavigateNext = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>`;
 
-const mdsBreadcrumbItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-item-button-background{syntax:\"<color>\";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:\"<length>\";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}";
+const mdsBreadcrumbItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-item-button-background{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:"<length>";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}`;
 
 const MdsBreadcrumbItem = class {
     constructor(hostRef) {
@@ -16,10 +16,10 @@ const MdsBreadcrumbItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ab3907e19643bf473ee9b8c4d86bfe9347ef332a' }, index.h("mds-button", { key: '98854e39c5e1607d30a9be677bae9da93191a5ea', onClick: this.toggle, part: "button", label: this.label }), index.h("i", { key: '105373181228784de85e55aaef02b0684c86d090', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
+        return (index.h(index.Host, { key: '0637c2938c4b122ee6d74226043108aa62c753c6' }, index.h("mds-button", { key: '399bb9e3f9f2272e6d0fc6e397fdbe6c4b179437', onClick: this.toggle, part: "button", label: this.label }), index.h("i", { key: '33527f902e0e871d563bb3813f47271238ddfbf8', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
     }
     get element() { return index.getElement(this); }
 };
-MdsBreadcrumbItem.style = mdsBreadcrumbItemCss;
+MdsBreadcrumbItem.style = mdsBreadcrumbItemCss();
 
 exports.mds_breadcrumb_item = MdsBreadcrumbItem;

package/dist/cjs/mds-breadcrumb.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var arrowBack = require('./arrow-back-Ci9wQijN.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var locale = require('./locale-oGW3SvGJ.js');
@@ -25,7 +25,7 @@ var localeIt = {
 	back: back
 };
 
-const mdsBreadcrumbCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-button-background-disabled{syntax:\"<color>\";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:\"<color>\";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}";
+const mdsBreadcrumbCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-button-background-disabled{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:"<color>";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}`;
 
 const MdsBreadcrumb = class {
     constructor(hostRef) {
@@ -76,6 +76,9 @@ const MdsBreadcrumb = class {
             this.changedEvent.emit({ id: id.toString(), caller });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -122,10 +125,10 @@ const MdsBreadcrumb = class {
         this.onChanged(selectedId, event.target);
     }
     render() {
-        return (index.h(index.Host, { key: '0157e65a0eb34ec757f56c7cdc10b18951fa8be3' }, this.back && (index.h("mds-button", { key: 'a16a4496ee3c0ff557f83e42bc4b4c0d47d70086', title: this.t.get('back'), class: "back", tone: "text", variant: "dark", icon: arrowBack.miBaselineArrowBack, onClick: this.togglePrevious })), index.h("slot", { key: 'a225269b1f7a7ea7ba4282c3bbb1b50403c15fac' })));
+        return (index.h(index.Host, { key: 'd6153c0dc519e28bb3e6d4abcc21e7525f93bcd6' }, this.back && (index.h("mds-button", { key: '06352e01170f89f85263a8f5ce6430c05cbbe4c2', title: this.t.get('back'), class: "back", tone: "text", variant: "dark", icon: arrowBack.miBaselineArrowBack, onClick: this.togglePrevious })), index.h("slot", { key: '6355194ad2a8d7b51ee76d5537dfd206a831c86f' })));
     }
     get element() { return index.getElement(this); }
 };
-MdsBreadcrumb.style = mdsBreadcrumbCss;
+MdsBreadcrumb.style = mdsBreadcrumbCss();
 
 exports.mds_breadcrumb = MdsBreadcrumb;

package/dist/cjs/mds-button-dropdown.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardArrowDown = require('./keyboard-arrow-down-BNOA3Lin.js');
 
-const mdsButtonDropdownCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-dropdown):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px);border-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));display:inline-flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}mds-dropdown{border-radius:var(--mds-button-dropdown-window-radius,var(--radius-2xl,24px));gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*200)}mds-button{--mds-button-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));--mds-button-border-tone-strong-hover-width:0;--mds-button-border-tone-ghost-hover-width:0;--mds-button-border-tone-weak-hover-width:0;--mds-button-border-high-contrast-width:0}mds-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dropdown-action{border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button){justify-content:flex-start}:host([size=sm]){--mds-button-dropdown-radius:var(--radius-md,12px)}:host([variant=error][tone=strong]){background-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak]){background-color:rgb(var(--status-error-08,182 50 54))}:host([variant=success][tone=strong]){background-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak]){background-color:rgb(var(--status-success-08,0 116 46))}:host([variant=warning][tone=strong]){background-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak]){background-color:rgb(var(--status-warning-08,129 96 0))}:host([variant=info][tone=strong]){background-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak]){background-color:rgb(var(--status-info-08,0 107 151))}:host([variant=ai][tone=strong]){background-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak]){background-color:rgb(var(--variant-ai-08,118 44 246))}:host([variant=primary][tone=strong]){background-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary][tone=weak]){background-color:rgb(var(--variant-primary-08,0 83 239))}:host([variant=secondary][tone=strong]){background-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak]){background-color:rgb(var(--variant-secondary-08,18 83 238))}:host([variant=dark][tone=strong]){background-color:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=dark][tone=weak]){background-color:rgb(var(--tone-neutral-07,134 134 134))}:host([variant=light][tone=strong]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([variant=light][tone=weak]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50)}";
+const mdsButtonDropdownCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-dropdown):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px);border-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));display:inline-flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}mds-dropdown{border-radius:var(--mds-button-dropdown-window-radius,var(--radius-2xl,24px));gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*200)}mds-button{--mds-button-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));--mds-button-border-tone-strong-hover-width:0;--mds-button-border-tone-ghost-hover-width:0;--mds-button-border-tone-weak-hover-width:0;--mds-button-border-high-contrast-width:0}mds-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dropdown-action{border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button){justify-content:flex-start}:host([size=sm]){--mds-button-dropdown-radius:var(--radius-md,12px)}:host([variant=error][tone=strong]){background-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak]){background-color:rgb(var(--status-error-08,182 50 54))}:host([variant=success][tone=strong]){background-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak]){background-color:rgb(var(--status-success-08,0 116 46))}:host([variant=warning][tone=strong]){background-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak]){background-color:rgb(var(--status-warning-08,129 96 0))}:host([variant=info][tone=strong]){background-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak]){background-color:rgb(var(--status-info-08,0 107 151))}:host([variant=ai][tone=strong]){background-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak]){background-color:rgb(var(--variant-ai-08,118 44 246))}:host([variant=primary][tone=strong]){background-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary][tone=weak]){background-color:rgb(var(--variant-primary-08,0 83 239))}:host([variant=secondary][tone=strong]){background-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak]){background-color:rgb(var(--variant-secondary-08,18 83 238))}:host([variant=dark][tone=strong]){background-color:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=dark][tone=weak]){background-color:rgb(var(--tone-neutral-07,134 134 134))}:host([variant=light][tone=strong]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([variant=light][tone=weak]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50)}`;
 
 const MdsButtonDropdown = class {
     constructor(hostRef) {
@@ -34,9 +34,9 @@ const MdsButtonDropdown = class {
         this.truncate = 'word';
     }
     render() {
-        return (index.h(index.Host, { key: 'f90fab85c6ee85c8ccf49b74004079844f509927' }, index.h("mds-button", { key: 'cb5a073527f47a464f02b7806f2cabd9a4b0ccfd', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant, label: this.label }), index.h("mds-button", { key: '7008620f687989604f5247fadfddf50004d1c1ca', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: keyboardArrowDown.miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), index.h("mds-dropdown", { key: 'bdb45a552fc11f8ce3b2c64685b857f54dc6a89f', target: ".dropdown-action", part: "dropdown" }, index.h("slot", { key: 'fe51f3322d90cfe9d561d194ca9e8a0e3e5290d2' }))));
+        return (index.h(index.Host, { key: 'cc838a144e10bc573500c91de8255a40d0ae6c9d' }, index.h("mds-button", { key: '6491c12f83c66e74917cd94f5b11cb334179a67a', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant, label: this.label }), index.h("mds-button", { key: '87008d8679548ae49f6365b2e8a5cf61ac1850df', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: keyboardArrowDown.miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), index.h("mds-dropdown", { key: '6519ef27ef74e2e3598c61b5624cf947c7c43a27', target: ".dropdown-action", part: "dropdown" }, index.h("slot", { key: '16edfd3fa1702cf5405d91c811e9993cc528a177' }))));
     }
 };
-MdsButtonDropdown.style = mdsButtonDropdownCss;
+MdsButtonDropdown.style = mdsButtonDropdownCss();
 
 exports.mds_button_dropdown = MdsButtonDropdown;

package/dist/cjs/mds-button-group.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsButtonGroupCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}";
+const mdsButtonGroupCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}`;
 
 const MdsButtonGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7f14ca7b52b2bc94f1d408c6df06e03e090107c5' }, index.h("slot", { key: 'fe4d62013f77cf3f12129d340dff20957fc676cc' })));
+        return (index.h(index.Host, { key: '5d7393600c1a9fc3a9502649980eccab9eee6655' }, index.h("slot", { key: 'b84075fa821e0fff692a64ced68b683841cbd447' })));
     }
 };
-MdsButtonGroup.style = mdsButtonGroupCss;
+MdsButtonGroup.style = mdsButtonGroupCss();
 
 exports.mds_button_group = MdsButtonGroup;