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

package/dist/esm/mds-label.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { m as miBaselineCancel } from './cancel-BJ8rpzfj.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
@@ -18,7 +18,7 @@ var localeIt = {
 	remove: remove
 };
 
-const mdsLabelCss = "@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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-radius:calc(var(--spacing,.0025rem)*150);--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--private-bevel-size:calc(var(--spacing,.0025rem)*900);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-label-background,rgb(var(--label-yellow-09,89 68 3)));color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:round;align-items:center;border-radius:100px;display:flex;fill:var(--mds-label-icon-color,var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190))));flex:1;gap:calc(var(--spacing,.0025rem)*50);max-width:min-content;min-height:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,fill;--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}@supports (corner-shape:bevel){:host{corner-left-shape:superellipse(.25);corner-right-shape:var(--magma-corner-shape,round);align-items:stretch;border-bottom-left-radius:100px;border-top-left-radius:100px;padding-left:calc(var(--private-bevel-size)/2);padding-right:0}}:host::selection{background-color:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([truncate=word]) .text{white-space:nowrap}.text{--mds-text-selection-background:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))));align-self:center;display:block;flex-grow:1}.text:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}.button-close{--mds-button-background:var(--mds-label-button-background,rgb(var(--label-yellow-08,127 97 4)));--mds-button-border-opacity:0;align-self:center;fill:var(--mds-label-button-icon-color,rgb(var(--label-yellow-03,251 224 142)));flex-shrink:0}.button-close:hover{--mds-button-background:var(--mds-label-button-background-hover,rgb(var(--label-yellow-07,158 120 5)))}:host([variant=red]){--mds-label-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background-hover:rgb(var(--label-red-05,244 167 167));--mds-label-button-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-color:rgb(var(--label-red-10,115 15 15));--mds-label-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-selection-background:rgb(var(--label-red-08,192 25 25));--mds-label-selection-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=weak]){--mds-label-background:rgb(var(--label-red-08,192 25 25));--mds-label-button-background:rgb(var(--label-red-09,134 17 17));--mds-label-button-background-hover:rgb(var(--label-red-08,192 25 25));--mds-label-button-icon-color:rgb(var(--label-red-04,247 195 195));--mds-label-color:rgb(var(--label-red-02,252 234 234));--mds-label-icon-color:rgb(var(--label-red-02,252 234 234));--mds-label-selection-background:rgb(var(--label-red-06,236 110 110));--mds-label-selection-color:rgb(var(--label-red-10,115 15 15))}:host([variant=amaranth]){--mds-label-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background-hover:rgb(var(--label-amaranth-05,250 163 178));--mds-label-button-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-selection-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=weak]){--mds-label-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-background:rgb(var(--label-amaranth-09,135 8 30));--mds-label-button-background-hover:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-icon-color:rgb(var(--label-amaranth-04,251 192 203));--mds-label-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-icon-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-selection-background:rgb(var(--label-amaranth-06,246 99 125));--mds-label-selection-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=aqua]){--mds-label-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background-hover:rgb(var(--label-aqua-05,7 203 237));--mds-label-button-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-selection-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=weak]){--mds-label-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-background:rgb(var(--label-aqua-09,3 77 90));--mds-label-button-background-hover:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-icon-color:rgb(var(--label-aqua-04,81 225 250));--mds-label-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-icon-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-selection-background:rgb(var(--label-aqua-06,5 163 190));--mds-label-selection-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=blue]){--mds-label-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background-hover:rgb(var(--label-blue-05,170 184 252));--mds-label-button-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-color:rgb(var(--label-blue-10,6 34 166));--mds-label-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-label-selection-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=weak]){--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=green]){--mds-label-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background-hover:rgb(var(--label-green-05,37 213 102));--mds-label-button-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-color:rgb(var(--label-green-10,12 68 33));--mds-label-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-selection-background:rgb(var(--label-green-08,20 116 56));--mds-label-selection-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=weak]){--mds-label-background:rgb(var(--label-green-08,20 116 56));--mds-label-button-background:rgb(var(--label-green-09,14 81 39));--mds-label-button-background-hover:rgb(var(--label-green-08,20 116 56));--mds-label-button-icon-color:rgb(var(--label-green-04,113 230 156));--mds-label-color:rgb(var(--label-green-02,211 247 224));--mds-label-icon-color:rgb(var(--label-green-02,211 247 224));--mds-label-selection-background:rgb(var(--label-green-06,30 171 82));--mds-label-selection-color:rgb(var(--label-green-10,12 68 33))}:host([variant=lime]){--mds-label-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background-hover:rgb(var(--label-lime-05,134 207 22));--mds-label-button-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-color:rgb(var(--label-lime-10,43 66 7));--mds-label-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-label-selection-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=weak]){--mds-label-background:rgb(var(--label-lime-08,73 112 12));--mds-label-button-background:rgb(var(--label-lime-09,51 79 8));--mds-label-button-background-hover:rgb(var(--label-lime-08,73 112 12));--mds-label-button-icon-color:rgb(var(--label-lime-04,148 229 25));--mds-label-color:rgb(var(--label-lime-02,223 247 185));--mds-label-icon-color:rgb(var(--label-lime-02,223 247 185));--mds-label-selection-background:rgb(var(--label-lime-06,108 167 18));--mds-label-selection-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=orange]){--mds-label-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background-hover:rgb(var(--label-orange-05,251 168 111));--mds-label-button-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-color:rgb(var(--label-orange-10,99 42 3));--mds-label-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-label-selection-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=weak]){--mds-label-background:rgb(var(--label-orange-08,167 71 4));--mds-label-button-background:rgb(var(--label-orange-09,116 49 3));--mds-label-button-background-hover:rgb(var(--label-orange-08,167 71 4));--mds-label-button-icon-color:rgb(var(--label-orange-04,252 196 158));--mds-label-color:rgb(var(--label-orange-02,254 235 222));--mds-label-icon-color:rgb(var(--label-orange-02,254 235 222));--mds-label-selection-background:rgb(var(--label-orange-06,247 105 6));--mds-label-selection-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orchid]){--mds-label-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background-hover:rgb(var(--label-orchid-05,245 163 203));--mds-label-button-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-selection-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=weak]){--mds-label-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-background:rgb(var(--label-orchid-09,131 14 71));--mds-label-button-background-hover:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-icon-color:rgb(var(--label-orchid-04,248 192 220));--mds-label-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-icon-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-selection-background:rgb(var(--label-orchid-06,239 99 168));--mds-label-selection-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=sky]){--mds-label-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background-hover:rgb(var(--label-sky-05,94 198 245));--mds-label-button-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-color:rgb(var(--label-sky-10,5 63 90));--mds-label-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-label-selection-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=weak]){--mds-label-background:rgb(var(--label-sky-08,9 107 152));--mds-label-button-background:rgb(var(--label-sky-09,6 76 107));--mds-label-button-background-hover:rgb(var(--label-sky-08,9 107 152));--mds-label-button-icon-color:rgb(var(--label-sky-04,148 217 249));--mds-label-color:rgb(var(--label-sky-02,219 242 253));--mds-label-icon-color:rgb(var(--label-sky-02,219 242 253));--mds-label-selection-background:rgb(var(--label-sky-06,13 158 224));--mds-label-selection-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=violet]){--mds-label-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background-hover:rgb(var(--label-violet-05,198 175 251));--mds-label-button-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-color:rgb(var(--label-violet-10,57 9 165));--mds-label-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-label-selection-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=weak]){--mds-label-background:rgb(var(--label-violet-08,111 53 244));--mds-label-button-background:rgb(var(--label-violet-09,67 11 195));--mds-label-button-background-hover:rgb(var(--label-violet-08,111 53 244));--mds-label-button-icon-color:rgb(var(--label-violet-04,216 200 252));--mds-label-color:rgb(var(--label-violet-02,241 235 254));--mds-label-icon-color:rgb(var(--label-violet-02,241 235 254));--mds-label-selection-background:rgb(var(--label-violet-06,166 129 248));--mds-label-selection-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=purple]){--mds-label-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background-hover:rgb(var(--label-purple-05,212 170 251));--mds-label-button-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-color:rgb(var(--label-purple-10,78 7 146));--mds-label-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-selection-background:rgb(var(--label-purple-08,133 17 244));--mds-label-selection-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=weak]){--mds-label-background:rgb(var(--label-purple-08,133 17 244));--mds-label-button-background:rgb(var(--label-purple-09,92 8 173));--mds-label-button-background-hover:rgb(var(--label-purple-08,133 17 244));--mds-label-button-icon-color:rgb(var(--label-purple-04,225 196 252));--mds-label-color:rgb(var(--label-purple-02,245 234 254));--mds-label-icon-color:rgb(var(--label-purple-02,245 234 254));--mds-label-selection-background:rgb(var(--label-purple-06,186 119 249));--mds-label-selection-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=yellow]){--mds-label-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background-hover:rgb(var(--label-yellow-05,234 179 8));--mds-label-button-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-selection-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=weak]){--mds-label-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-button-background-hover:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-icon-color:rgb(var(--label-yellow-04,248 202 60));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-selection-background:rgb(var(--label-yellow-06,188 143 6));--mds-label-selection-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=error]){--mds-label-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background-hover:rgb(var(--status-error-05,250 165 160));--mds-label-button-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-color:rgb(var(--status-error-10,115 0 0));--mds-label-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-selection-background:rgb(var(--status-error-08,182 50 54));--mds-label-selection-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=weak]){--mds-label-background:rgb(var(--status-error-08,182 50 54));--mds-label-button-background:rgb(var(--status-error-09,135 0 14));--mds-label-button-background-hover:rgb(var(--status-error-08,182 50 54));--mds-label-button-icon-color:rgb(var(--status-error-04,254 193 189));--mds-label-color:rgb(var(--status-error-02,255 234 231));--mds-label-icon-color:rgb(var(--status-error-02,255 234 231));--mds-label-selection-background:rgb(var(--status-error-06,239 108 105));--mds-label-selection-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-label-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background-hover:rgb(var(--status-warning-05,237 177 0));--mds-label-button-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-color:rgb(var(--status-warning-10,77 57 0));--mds-label-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-selection-background:rgb(var(--status-warning-08,129 96 0));--mds-label-selection-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=weak]){--mds-label-background:rgb(var(--status-warning-08,129 96 0));--mds-label-button-background:rgb(var(--status-warning-09,90 67 0));--mds-label-button-background-hover:rgb(var(--status-warning-08,129 96 0));--mds-label-button-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-label-color:rgb(var(--status-warning-02,255 237 185));--mds-label-icon-color:rgb(var(--status-warning-02,255 237 185));--mds-label-selection-background:rgb(var(--status-warning-06,190 142 0));--mds-label-selection-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=success]){--mds-label-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background-hover:rgb(var(--status-success-05,107 206 147));--mds-label-button-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-color:rgb(var(--status-success-10,0 69 0));--mds-label-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-selection-background:rgb(var(--status-success-08,0 116 46));--mds-label-selection-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=weak]){--mds-label-background:rgb(var(--status-success-08,0 116 46));--mds-label-button-background:rgb(var(--status-success-09,0 82 9));--mds-label-button-background-hover:rgb(var(--status-success-08,0 116 46));--mds-label-button-icon-color:rgb(var(--status-success-04,158 222 181));--mds-label-color:rgb(var(--status-success-02,222 244 228));--mds-label-icon-color:rgb(var(--status-success-02,222 244 228));--mds-label-selection-background:rgb(var(--status-success-06,0 171 97));--mds-label-selection-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-label-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background-hover:rgb(var(--status-info-05,112 198 234));--mds-label-button-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-color:rgb(var(--status-info-10,0 61 103));--mds-label-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-selection-background:rgb(var(--status-info-08,0 107 151));--mds-label-selection-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=weak]){--mds-label-background:rgb(var(--status-info-08,0 107 151));--mds-label-button-background:rgb(var(--status-info-09,0 73 116));--mds-label-button-background-hover:rgb(var(--status-info-08,0 107 151));--mds-label-button-icon-color:rgb(var(--status-info-04,159 216 241));--mds-label-color:rgb(var(--status-info-02,222 242 250));--mds-label-icon-color:rgb(var(--status-info-02,222 242 250));--mds-label-selection-background:rgb(var(--status-info-06,0 161 208));--mds-label-selection-color:rgb(var(--status-info-10,0 61 103))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}@property --tw-ease{syntax:\"*\";inherits:false}@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)inset;box-shadow:var(--shadow-outline)inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}}";
+const mdsLabelCss = () => `@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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-radius:calc(var(--spacing,.0025rem)*150);--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--private-bevel-size:calc(var(--spacing,.0025rem)*900);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-label-background,rgb(var(--label-yellow-09,89 68 3)));color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:round;align-items:center;border-radius:100px;display:flex;fill:var(--mds-label-icon-color,var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190))));flex:1;gap:calc(var(--spacing,.0025rem)*50);max-width:min-content;min-height:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,fill;--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}@supports (corner-shape:bevel){:host{corner-left-shape:superellipse(.25);corner-right-shape:var(--magma-corner-shape,round);align-items:stretch;border-bottom-left-radius:100px;border-top-left-radius:100px;padding-left:calc(var(--private-bevel-size)/2);padding-right:0}}:host::selection{background-color:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([truncate=word]) .text{white-space:nowrap}.text{--mds-text-selection-background:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))));align-self:center;display:block;flex-grow:1}.text:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}.button-close{--mds-button-background:var(--mds-label-button-background,rgb(var(--label-yellow-08,127 97 4)));--mds-button-border-opacity:0;align-self:center;fill:var(--mds-label-button-icon-color,rgb(var(--label-yellow-03,251 224 142)));flex-shrink:0}.button-close:hover{--mds-button-background:var(--mds-label-button-background-hover,rgb(var(--label-yellow-07,158 120 5)))}:host([variant=red]){--mds-label-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background-hover:rgb(var(--label-red-05,244 167 167));--mds-label-button-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-color:rgb(var(--label-red-10,115 15 15));--mds-label-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-selection-background:rgb(var(--label-red-08,192 25 25));--mds-label-selection-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=weak]){--mds-label-background:rgb(var(--label-red-08,192 25 25));--mds-label-button-background:rgb(var(--label-red-09,134 17 17));--mds-label-button-background-hover:rgb(var(--label-red-08,192 25 25));--mds-label-button-icon-color:rgb(var(--label-red-04,247 195 195));--mds-label-color:rgb(var(--label-red-02,252 234 234));--mds-label-icon-color:rgb(var(--label-red-02,252 234 234));--mds-label-selection-background:rgb(var(--label-red-06,236 110 110));--mds-label-selection-color:rgb(var(--label-red-10,115 15 15))}:host([variant=amaranth]){--mds-label-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background-hover:rgb(var(--label-amaranth-05,250 163 178));--mds-label-button-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-selection-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=weak]){--mds-label-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-background:rgb(var(--label-amaranth-09,135 8 30));--mds-label-button-background-hover:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-icon-color:rgb(var(--label-amaranth-04,251 192 203));--mds-label-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-icon-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-selection-background:rgb(var(--label-amaranth-06,246 99 125));--mds-label-selection-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=aqua]){--mds-label-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background-hover:rgb(var(--label-aqua-05,7 203 237));--mds-label-button-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-selection-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=weak]){--mds-label-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-background:rgb(var(--label-aqua-09,3 77 90));--mds-label-button-background-hover:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-icon-color:rgb(var(--label-aqua-04,81 225 250));--mds-label-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-icon-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-selection-background:rgb(var(--label-aqua-06,5 163 190));--mds-label-selection-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=blue]){--mds-label-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background-hover:rgb(var(--label-blue-05,170 184 252));--mds-label-button-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-color:rgb(var(--label-blue-10,6 34 166));--mds-label-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-label-selection-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=weak]){--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=green]){--mds-label-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background-hover:rgb(var(--label-green-05,37 213 102));--mds-label-button-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-color:rgb(var(--label-green-10,12 68 33));--mds-label-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-selection-background:rgb(var(--label-green-08,20 116 56));--mds-label-selection-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=weak]){--mds-label-background:rgb(var(--label-green-08,20 116 56));--mds-label-button-background:rgb(var(--label-green-09,14 81 39));--mds-label-button-background-hover:rgb(var(--label-green-08,20 116 56));--mds-label-button-icon-color:rgb(var(--label-green-04,113 230 156));--mds-label-color:rgb(var(--label-green-02,211 247 224));--mds-label-icon-color:rgb(var(--label-green-02,211 247 224));--mds-label-selection-background:rgb(var(--label-green-06,30 171 82));--mds-label-selection-color:rgb(var(--label-green-10,12 68 33))}:host([variant=lime]){--mds-label-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background-hover:rgb(var(--label-lime-05,134 207 22));--mds-label-button-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-color:rgb(var(--label-lime-10,43 66 7));--mds-label-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-label-selection-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=weak]){--mds-label-background:rgb(var(--label-lime-08,73 112 12));--mds-label-button-background:rgb(var(--label-lime-09,51 79 8));--mds-label-button-background-hover:rgb(var(--label-lime-08,73 112 12));--mds-label-button-icon-color:rgb(var(--label-lime-04,148 229 25));--mds-label-color:rgb(var(--label-lime-02,223 247 185));--mds-label-icon-color:rgb(var(--label-lime-02,223 247 185));--mds-label-selection-background:rgb(var(--label-lime-06,108 167 18));--mds-label-selection-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=orange]){--mds-label-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background-hover:rgb(var(--label-orange-05,251 168 111));--mds-label-button-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-color:rgb(var(--label-orange-10,99 42 3));--mds-label-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-label-selection-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=weak]){--mds-label-background:rgb(var(--label-orange-08,167 71 4));--mds-label-button-background:rgb(var(--label-orange-09,116 49 3));--mds-label-button-background-hover:rgb(var(--label-orange-08,167 71 4));--mds-label-button-icon-color:rgb(var(--label-orange-04,252 196 158));--mds-label-color:rgb(var(--label-orange-02,254 235 222));--mds-label-icon-color:rgb(var(--label-orange-02,254 235 222));--mds-label-selection-background:rgb(var(--label-orange-06,247 105 6));--mds-label-selection-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orchid]){--mds-label-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background-hover:rgb(var(--label-orchid-05,245 163 203));--mds-label-button-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-selection-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=weak]){--mds-label-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-background:rgb(var(--label-orchid-09,131 14 71));--mds-label-button-background-hover:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-icon-color:rgb(var(--label-orchid-04,248 192 220));--mds-label-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-icon-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-selection-background:rgb(var(--label-orchid-06,239 99 168));--mds-label-selection-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=sky]){--mds-label-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background-hover:rgb(var(--label-sky-05,94 198 245));--mds-label-button-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-color:rgb(var(--label-sky-10,5 63 90));--mds-label-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-label-selection-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=weak]){--mds-label-background:rgb(var(--label-sky-08,9 107 152));--mds-label-button-background:rgb(var(--label-sky-09,6 76 107));--mds-label-button-background-hover:rgb(var(--label-sky-08,9 107 152));--mds-label-button-icon-color:rgb(var(--label-sky-04,148 217 249));--mds-label-color:rgb(var(--label-sky-02,219 242 253));--mds-label-icon-color:rgb(var(--label-sky-02,219 242 253));--mds-label-selection-background:rgb(var(--label-sky-06,13 158 224));--mds-label-selection-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=violet]){--mds-label-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background-hover:rgb(var(--label-violet-05,198 175 251));--mds-label-button-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-color:rgb(var(--label-violet-10,57 9 165));--mds-label-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-label-selection-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=weak]){--mds-label-background:rgb(var(--label-violet-08,111 53 244));--mds-label-button-background:rgb(var(--label-violet-09,67 11 195));--mds-label-button-background-hover:rgb(var(--label-violet-08,111 53 244));--mds-label-button-icon-color:rgb(var(--label-violet-04,216 200 252));--mds-label-color:rgb(var(--label-violet-02,241 235 254));--mds-label-icon-color:rgb(var(--label-violet-02,241 235 254));--mds-label-selection-background:rgb(var(--label-violet-06,166 129 248));--mds-label-selection-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=purple]){--mds-label-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background-hover:rgb(var(--label-purple-05,212 170 251));--mds-label-button-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-color:rgb(var(--label-purple-10,78 7 146));--mds-label-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-selection-background:rgb(var(--label-purple-08,133 17 244));--mds-label-selection-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=weak]){--mds-label-background:rgb(var(--label-purple-08,133 17 244));--mds-label-button-background:rgb(var(--label-purple-09,92 8 173));--mds-label-button-background-hover:rgb(var(--label-purple-08,133 17 244));--mds-label-button-icon-color:rgb(var(--label-purple-04,225 196 252));--mds-label-color:rgb(var(--label-purple-02,245 234 254));--mds-label-icon-color:rgb(var(--label-purple-02,245 234 254));--mds-label-selection-background:rgb(var(--label-purple-06,186 119 249));--mds-label-selection-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=yellow]){--mds-label-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background-hover:rgb(var(--label-yellow-05,234 179 8));--mds-label-button-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-selection-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=weak]){--mds-label-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-button-background-hover:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-icon-color:rgb(var(--label-yellow-04,248 202 60));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-selection-background:rgb(var(--label-yellow-06,188 143 6));--mds-label-selection-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=error]){--mds-label-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background-hover:rgb(var(--status-error-05,250 165 160));--mds-label-button-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-color:rgb(var(--status-error-10,115 0 0));--mds-label-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-selection-background:rgb(var(--status-error-08,182 50 54));--mds-label-selection-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=weak]){--mds-label-background:rgb(var(--status-error-08,182 50 54));--mds-label-button-background:rgb(var(--status-error-09,135 0 14));--mds-label-button-background-hover:rgb(var(--status-error-08,182 50 54));--mds-label-button-icon-color:rgb(var(--status-error-04,254 193 189));--mds-label-color:rgb(var(--status-error-02,255 234 231));--mds-label-icon-color:rgb(var(--status-error-02,255 234 231));--mds-label-selection-background:rgb(var(--status-error-06,239 108 105));--mds-label-selection-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-label-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background-hover:rgb(var(--status-warning-05,237 177 0));--mds-label-button-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-color:rgb(var(--status-warning-10,77 57 0));--mds-label-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-selection-background:rgb(var(--status-warning-08,129 96 0));--mds-label-selection-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=weak]){--mds-label-background:rgb(var(--status-warning-08,129 96 0));--mds-label-button-background:rgb(var(--status-warning-09,90 67 0));--mds-label-button-background-hover:rgb(var(--status-warning-08,129 96 0));--mds-label-button-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-label-color:rgb(var(--status-warning-02,255 237 185));--mds-label-icon-color:rgb(var(--status-warning-02,255 237 185));--mds-label-selection-background:rgb(var(--status-warning-06,190 142 0));--mds-label-selection-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=success]){--mds-label-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background-hover:rgb(var(--status-success-05,107 206 147));--mds-label-button-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-color:rgb(var(--status-success-10,0 69 0));--mds-label-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-selection-background:rgb(var(--status-success-08,0 116 46));--mds-label-selection-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=weak]){--mds-label-background:rgb(var(--status-success-08,0 116 46));--mds-label-button-background:rgb(var(--status-success-09,0 82 9));--mds-label-button-background-hover:rgb(var(--status-success-08,0 116 46));--mds-label-button-icon-color:rgb(var(--status-success-04,158 222 181));--mds-label-color:rgb(var(--status-success-02,222 244 228));--mds-label-icon-color:rgb(var(--status-success-02,222 244 228));--mds-label-selection-background:rgb(var(--status-success-06,0 171 97));--mds-label-selection-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-label-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background-hover:rgb(var(--status-info-05,112 198 234));--mds-label-button-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-color:rgb(var(--status-info-10,0 61 103));--mds-label-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-selection-background:rgb(var(--status-info-08,0 107 151));--mds-label-selection-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=weak]){--mds-label-background:rgb(var(--status-info-08,0 107 151));--mds-label-button-background:rgb(var(--status-info-09,0 73 116));--mds-label-button-background-hover:rgb(var(--status-info-08,0 107 151));--mds-label-button-icon-color:rgb(var(--status-info-04,159 216 241));--mds-label-color:rgb(var(--status-info-02,222 242 250));--mds-label-icon-color:rgb(var(--status-info-02,222 242 250));--mds-label-selection-background:rgb(var(--status-info-06,0 161 208));--mds-label-selection-color:rgb(var(--status-info-10,0 61 103))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-ease{syntax:"*";inherits:false}@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) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}}`;
 
 const MdsLabel = class {
     constructor(hostRef) {
@@ -67,6 +67,9 @@ const MdsLabel = class {
             this.km.detachClickBehavior();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -81,10 +84,10 @@ const MdsLabel = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: 'acc65a6cee82dbd04b07784b3d72555144957ea1' }, h("mds-text", { key: '4922d3d7d6ba02735aadc6732f1873616192c871', class: "text", truncate: this.truncate, typography: this.typography }, this.label), this.deletable && (h("mds-button", { key: '3c91c3ccea28f6c81299e77109dc36956934f1a8', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove'), size: "sm" }))));
+        return (h(Host, { key: '479ecf8ecb56445fe7ce90aaffb48a5287d7d2d8' }, h("mds-text", { key: 'fba92e724fd68f1fd41fc5143865eb6f0563d1d7', class: "text", truncate: this.truncate, typography: this.typography }, this.label), this.deletable && (h("mds-button", { key: 'dd39ea8a9f20c24663e962d1d103ee646c802880', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete, title: this.t.get('remove'), size: "sm" }))));
     }
     get host() { return getElement(this); }
 };
-MdsLabel.style = mdsLabelCss;
+MdsLabel.style = mdsLabelCss();
 
 export { MdsLabel as mds_label };

package/dist/esm/mds-list-item.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
 var mggListDot = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10"/>
 </svg>
 `;
 
-const mdsListItemCss = "@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-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200)0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200)0 0;align-items:flex-start;color:rgb(var(--tone-neutral-03,233 233 233));display:flex;justify-content:flex-start;width:100%}.icon{fill:currentColor;height:calc(var(--spacing,.0025rem)*600);margin:var(--mds-list-item-icon-margin,0 calc(var(--spacing,.0025rem)*200)0 0);width:calc(var(--spacing,.0025rem)*600)}:host([typography=paragraph]){--mds-list-item-icon-margin:.25rem calc(var(--spacing,.0025rem)*200)0 0}:host([typography=caption]){--mds-list-item-icon-margin:-.125rem calc(var(--spacing,.0025rem)*200)0 0}:host([typography=label]),:host([typography=tip]){--mds-list-item-icon-margin:-.25rem calc(var(--spacing,.0025rem)*200)0 0}:host([typography=option]){--mds-list-item-icon-margin:-.5rem calc(var(--spacing,.0025rem)*200)0 0}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsListItemCss = () => `@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-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0;align-items:flex-start;color:rgb(var(--tone-neutral-03,233 233 233));display:flex;justify-content:flex-start;width:100%}.icon{fill:currentColor;height:calc(var(--spacing,.0025rem)*600);margin:var(--mds-list-item-icon-margin,0 calc(var(--spacing,.0025rem)*200) 0 0);width:calc(var(--spacing,.0025rem)*600)}:host([typography=paragraph]){--mds-list-item-icon-margin:.25rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=caption]){--mds-list-item-icon-margin:-.125rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=label]),:host([typography=tip]){--mds-list-item-icon-margin:-.25rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=option]){--mds-list-item-icon-margin:-.5rem calc(var(--spacing,.0025rem)*200) 0 0}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsListItem = class {
     constructor(hostRef) {
@@ -21,9 +21,9 @@ const MdsListItem = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '56fca284c2151af0e255ec590076e79cc3082afd', role: "listitem" }, h("mds-icon", { key: 'a7e2452b344c511ed17a4fe31f0f02d896159474', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), h("mds-text", { key: '2b1127b4179dda4d9fa1d35a777e8e6712019f3a', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, h("slot", { key: '4cd2da181f9dac8a10373ec4f83215f0c49e6bb9' }))));
+        return (h(Host, { key: '07618503a5c3257ae34fdceb7273bcd8fa2ecb14', role: "listitem" }, h("mds-icon", { key: '9f22170dcdb6432905df8bbd6d448cb247a394fd', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), h("mds-text", { key: 'c9984a427031b24c5f0f4af33b07a836b2d81289', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, h("slot", { key: '3e16aba7cb14207c26a6b6b61ea895bc33cbc3de' }))));
     }
 };
-MdsListItem.style = mdsListItemCss;
+MdsListItem.style = mdsListItemCss();
 
 export { MdsListItem as mds_list_item };

package/dist/esm/mds-list.entry.js

@@ -1,15 +1,15 @@
-import { r as registerInstance, h, H as Host } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsListCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-list-item: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)*400);padding-left:calc(var(--spacing,.0025rem)*400)}ul{margin:calc(var(--spacing,.0025rem)*0);padding:calc(var(--spacing,.0025rem)*0)}";
+const mdsListCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-list-item: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)*400);padding-left:calc(var(--spacing,.0025rem)*400)}ul{margin:calc(var(--spacing,.0025rem)*0);padding:calc(var(--spacing,.0025rem)*0)}`;
 
 const MdsList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e3e9c6ade5cf1046a28c20bd10803c4decbe861f', role: "list" }, h("slot", { key: 'a67d2e2b2485fa725caab64304fc507ef03e609a' })));
+        return (h(Host, { key: '61a4dc9195da0950bbf27a0403e37cfda7ba20ba', role: "list" }, h("slot", { key: 'f698fed656a47046f0b04bb9ce2f4f53a7c76033' })));
     }
 };
-MdsList.style = mdsListCss;
+MdsList.style = mdsListCss();
 
 export { MdsList as mds_list };

package/dist/esm/mds-mention.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 import { m as miBaselineCancel } from './cancel-BJ8rpzfj.js';
 
 var miBaselineAlternateEmail = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8s8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5s2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47c.65.89 1.77 1.47 2.96 1.47c1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/></svg>`;
 
-const mdsMentionCss = "@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-mention-icon-size:calc(var(--spacing,.0025rem)*600)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600);align-items:center;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:100px;color:rgb(var(--tone-neutral-03,233 233 233));cursor:pointer;display:inline-flex;fill:currentColor;padding:calc(var(--spacing,.0025rem)*25);padding-right:calc(var(--spacing,.0025rem)*200);vertical-align:middle}mds-icon{height:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600));width:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600))}:host([size=sm]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .badge{padding-left:calc(var(--spacing,.0025rem)*50);padding-right:calc(var(--spacing,.0025rem)*150)}:host([size=md]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600)}:host([size=md]) .badge{padding-right:calc(var(--spacing,.0025rem)*200)}.action-remove{corner-shape:round;border-radius:100px;min-height:0;min-width:0;padding:0}";
+const mdsMentionCss = () => `@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-mention-icon-size:calc(var(--spacing,.0025rem)*600)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600);align-items:center;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:100px;color:rgb(var(--tone-neutral-03,233 233 233));cursor:pointer;display:inline-flex;fill:currentColor;padding:calc(var(--spacing,.0025rem)*25);padding-right:calc(var(--spacing,.0025rem)*200);vertical-align:middle}mds-icon{height:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600));width:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600))}:host([size=sm]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .badge{padding-left:calc(var(--spacing,.0025rem)*50);padding-right:calc(var(--spacing,.0025rem)*150)}:host([size=md]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600)}:host([size=md]) .badge{padding-right:calc(var(--spacing,.0025rem)*200)}.action-remove{corner-shape:round;border-radius:100px;min-height:0;min-width:0;padding:0}`;
 
 const MdsMention = class {
     constructor(hostRef) {
@@ -20,9 +20,9 @@ const MdsMention = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8b993e588b5dab5936238704987422057ba1dd5e' }, h("mds-icon", { key: '89f10e460c991604f7ea75c56c8a93a59cf7864c', name: this.icon ? this.icon : miBaselineAlternateEmail }), h("mds-text", { key: '1dd9b4342e5cab1f2dd979c8c340a98fa22bf03d', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg' ? this.label : h("b", null, this.label)), h("mds-button", { key: '4b58b05e57e4cd5479ad4781a5d7b300258c7c72', class: "action-remove", title: "Remove", variant: "dark", tone: "text", size: "sm", icon: miBaselineCancel })));
+        return (h(Host, { key: '47999ac9e8ee8efc5ca6a680a83681dd4f2d4010' }, h("mds-icon", { key: 'c8a9fceeef02c8501f9d65c90b4be304dad57318', name: this.icon !== undefined && this.icon !== '' ? this.icon : miBaselineAlternateEmail }), h("mds-text", { key: '1cb65d52dc8ebd0582197a7dd9a7259c9dfdf41a', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg' ? this.label : h("b", null, this.label)), h("mds-button", { key: '35c8ec7025eb109f514a3d6d99a4716a86968081', class: "action-remove", title: "Remove", variant: "dark", tone: "text", size: "sm", icon: miBaselineCancel })));
     }
 };
-MdsMention.style = mdsMentionCss;
+MdsMention.style = mdsMentionCss();
 
 export { MdsMention as mds_mention };

package/dist/esm/mds-modal.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { c as cssDurationToMilliseconds } from './unit-D8eZRaSQ.js';
 import { m as miBaselineClose } from './close-J-ikDhyq.js';
 
-const mdsModalCss = "@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 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-modal-custom-closed-transform:rotateX(10deg)rotateY(0)scale(1.25)translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-z-index:var(--magma-modal-z-index);--tw-ease:initial}}}@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-modal-custom-closed-transform{syntax:\"<transform-function>+\";inherits:false;initial-value:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%)}@property --mds-modal-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}@property --mds-modal-window-distance{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-modal-window-max-width{syntax:\"<length>|<percentage>\";inherits:false;initial-value:33%}@property --mds-modal-window-min-width{syntax:\"<length>\";inherits:false;initial-value:400px}@property --mds-modal-window-overflow{syntax:\"auto|clip|hidden|scroll|visible\";inherits:false;initial-value:auto}@property --mds-modal-window-radius{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-modal-custom-closed-transform:rotateX(10deg)rotateY(0)scale(1.25)translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-transition-timing-funciton:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-window-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-z-index:var(--magma-modal-z-index);--private-modal-width:calc(100vw - var(--private-modal-window-close-margin));--private-modal-custom-opened-transform:translate(0);--private-modal-transition-window-transform:translate(0);--private-modal-window-close-margin:calc(var(--spacing,.0025rem)*2000);--tw-ease:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:center;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);display:flex;fill:rgb(var(--tone-neutral,0 0 0));inset:0;justify-content:center;perspective:600px;pointer-events:none;position:fixed;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color;transition-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton);z-index:var(--mds-modal-z-index,1000)}.action-close{--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));opacity:0;pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color,bottom,color,fill,opacity,top,transform;-webkit-transition-timing-function:var(--mds-modal-transition-timing-function);transition-timing-function:var(--mds-modal-transition-timing-function)}.action-close::part(icon){height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}:host([position=top-left][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg)rotateY(22deg)scale(.5)translate(-80%,80%)}:host([position=top][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg)rotateY(0)scale(.5)translateY(-80%)}:host([position=top-right][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg)rotateY(-22deg)scale(.5)translate(80%,80%)}:host([position=left][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(0)rotateY(22deg)rotate(0)scale(.5)translate(-100%)}:host([position=center][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(0)rotateY(22deg)scale(.5)translateY(40%)}:host([position=right][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(0)rotateY(-22deg)rotate(0)scale(.5)translate(100%)}:host([position=bottom-left][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg)rotateY(22deg)scale(.5)translate(-80%,80%)}:host([position=bottom][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg)rotateY(0)scale(.5)translateY(80%)}:host([position=bottom-right][animation=\"3d\"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg)rotateY(-22deg)scale(.5)translate(80%,80%)}:host([animation=custom]:not([opened])){--private-modal-transition-window-transform:var(--mds-modal-custom-closed-transform,rotateX(10deg)rotateY(0)scale(1.25)translate(0,10%))}:host([animation=custom][opened]){--private-modal-transition-window-transform:var(--private-modal-custom-opened-transform)}:host([position=top-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,-100%)}:host([position=top][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(-100%)}:host([position=top-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,-100%)}:host([position=left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-100%)}:host([position=center][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(25%)}:host([position=right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(100%)}:host([position=bottom-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,100%)}:host([position=bottom][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(50%)}:host([position=bottom-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,100%)}:host([opened][backdrop]){--private-modal-transition-window-transform:none;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/var(--mds-modal-overlay-opacity,var(--magma-overlay-opacity,.5)));pointer-events:auto}:host ::slotted([slot=window]){margin:var(--mds-modal-custom-window-distance,calc(var(--spacing,.0025rem)*600))}.window{background-color:var(--mds-modal-window-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--mds-modal-window-radius,0);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);box-sizing:border-box;display:grid;gap:calc(var(--spacing,.0025rem)*0);grid-template-columns:repeat(1,minmax(0,100%));height:var(--mds-modal-window-height);margin:var(--mds-modal-window-distance,0);max-height:var(--mds-modal-window-max-height);max-width:var(--private-modal-width);min-width:var(--mds-modal-window-min-width,400px);overflow:var(--mds-modal-window-overflow,auto);position:relative;width:100%}.window-content--empty{display:none}.window-content-wrapper{max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);overflow:auto}.window-footer,.window-header{box-sizing:border-box;position:absolute}.window-header{inset:0 0 auto}.window-footer{inset:auto 0 0}:host .window,:host>::slotted([slot=window]){opacity:0;-webkit-transform:var(--private-modal-transition-window-transform);transform:var(--private-modal-transition-window-transform);-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:transform,opacity;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([opened]) .window,:host([opened])>::slotted([slot=window]){opacity:1;pointer-events:auto;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([position=top]){--mds-modal-window-height:auto;align-items:flex-start;justify-content:center}:host([position=top]) .window{--mds-modal-window-max-width:100vw;--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--mds-modal-window-height:100%;--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2)}:host([position=top-left]){align-items:flex-start;justify-content:flex-start}:host([position=top-right]){align-items:flex-start;justify-content:flex-end}:host([position=left]){align-items:center;justify-content:flex-start}:host([position=left]) .action-close{right:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=left][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=left]:not([opened])) .action-close{transform:translate(-120%)rotate(-45deg)}:host([position=center]){align-items:center;justify-content:center}:host([position=right]){align-items:center;justify-content:flex-end}:host([position=right]) .action-close{left:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=right]:not([opened])) .action-close{transform:translate(120%)rotate(45deg)}:host([position=right][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([position=bottom]){--mds-modal-window-height:auto;align-items:flex-end;justify-content:center}:host([position=bottom-right]){align-items:flex-end;justify-content:flex-end}:host-context(:root.pref-animation-reduce){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-reduce) .action-close,:host-context(:root.pref-animation-reduce) .window){transition-duration:0s!important}:host-context(:root.pref-contrast-more){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-ease{syntax:\"*\";inherits:false}@media (max-width:480px){:host{--mds-modal-window-min-width:0px}:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--private-modal-width:100vw}:host([position=left]),:host([position=right]){--private-modal-width:calc(100% - var(--private-modal-window-close-margin))}}@media not all and (max-width:480px){:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--private-modal-width:var(--mds-modal-window-max-width,33%)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .action-close,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .window{transition-duration:0s!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}@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-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsModalCss = () => `@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 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-modal-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-z-index:var(--magma-modal-z-index);--tw-ease:initial}}}@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-modal-custom-closed-transform{syntax:"<transform-function>+";inherits:false;initial-value:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%)}@property --mds-modal-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-modal-window-distance{syntax:"<length>";inherits:false;initial-value:0}@property --mds-modal-window-max-width{syntax:"<length>|<percentage>";inherits:false;initial-value:33%}@property --mds-modal-window-min-width{syntax:"<length>";inherits:false;initial-value:400px}@property --mds-modal-window-overflow{syntax:"auto|clip|hidden|scroll|visible";inherits:false;initial-value:auto}@property --mds-modal-window-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-modal-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-transition-timing-funciton:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-window-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-z-index:var(--magma-modal-z-index);--private-modal-width:calc(100vw - var(--private-modal-window-close-margin));--private-modal-custom-opened-transform:translate(0);--private-modal-transition-window-transform:translate(0);--private-modal-window-close-margin:calc(var(--spacing,.0025rem)*2000);--tw-ease:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:center;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);display:flex;fill:rgb(var(--tone-neutral,0 0 0));inset:0;justify-content:center;perspective:600px;pointer-events:none;position:fixed;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color;transition-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton);z-index:var(--mds-modal-z-index,1000)}.action-close{--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));opacity:0;pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color,bottom,color,fill,opacity,top,transform;-webkit-transition-timing-function:var(--mds-modal-transition-timing-function);transition-timing-function:var(--mds-modal-transition-timing-function)}.action-close::part(icon){height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}:host([position=top-left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=top][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(0) scale(.5) translateY(-80%)}:host([position=top-right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([position=left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) rotate(0) scale(.5) translate(-100%)}:host([position=center][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) scale(.5) translateY(40%)}:host([position=right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(-22deg) rotate(0) scale(.5) translate(100%)}:host([position=bottom-left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=bottom][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(0) scale(.5) translateY(80%)}:host([position=bottom-right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([animation=custom]:not([opened])){--private-modal-transition-window-transform:var(--mds-modal-custom-closed-transform,rotateX(10deg) rotateY(0) scale(1.25) translate(0,10%))}:host([animation=custom][opened]){--private-modal-transition-window-transform:var(--private-modal-custom-opened-transform)}:host([position=top-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,-100%)}:host([position=top][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(-100%)}:host([position=top-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,-100%)}:host([position=left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-100%)}:host([position=center][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(25%)}:host([position=right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(100%)}:host([position=bottom-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,100%)}:host([position=bottom][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(50%)}:host([position=bottom-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,100%)}:host([opened][backdrop]){--private-modal-transition-window-transform:none;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/var(--mds-modal-overlay-opacity,var(--magma-overlay-opacity,.5)));pointer-events:auto}:host ::slotted([slot=window]){margin:var(--mds-modal-custom-window-distance,calc(var(--spacing,.0025rem)*600))}.window{background-color:var(--mds-modal-window-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--mds-modal-window-radius,0);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);box-sizing:border-box;display:grid;gap:calc(var(--spacing,.0025rem)*0);grid-template-columns:repeat(1,minmax(0,100%));height:var(--mds-modal-window-height);margin:var(--mds-modal-window-distance,0);max-height:var(--mds-modal-window-max-height);max-width:var(--private-modal-width);min-width:var(--mds-modal-window-min-width,400px);overflow:var(--mds-modal-window-overflow,auto);position:relative;width:100%}.window-content--empty{display:none}.window-content-wrapper{max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);overflow:auto}.window-footer,.window-header{box-sizing:border-box;position:absolute}.window-header{inset:0 0 auto}.window-footer{inset:auto 0 0}:host .window,:host>::slotted([slot=window]){opacity:0;-webkit-transform:var(--private-modal-transition-window-transform);transform:var(--private-modal-transition-window-transform);-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:transform,opacity;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([opened]) .window,:host([opened])>::slotted([slot=window]){opacity:1;pointer-events:auto;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([position=top]){--mds-modal-window-height:auto;align-items:flex-start;justify-content:center}:host([position=top]) .window{--mds-modal-window-max-width:100vw;--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--mds-modal-window-height:100%;--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2)}:host([position=top-left]){align-items:flex-start;justify-content:flex-start}:host([position=top-right]){align-items:flex-start;justify-content:flex-end}:host([position=left]){align-items:center;justify-content:flex-start}:host([position=left]) .action-close{right:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=left][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=left]:not([opened])) .action-close{transform:translate(-120%)rotate(-45deg)}:host([position=center]){align-items:center;justify-content:center}:host([position=right]){align-items:center;justify-content:flex-end}:host([position=right]) .action-close{left:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=right]:not([opened])) .action-close{transform:translate(120%)rotate(45deg)}:host([position=right][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([position=bottom]){--mds-modal-window-height:auto;align-items:flex-end;justify-content:center}:host([position=bottom-right]){align-items:flex-end;justify-content:flex-end}:host-context(:root.pref-animation-reduce){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-reduce) .action-close,:host-context(:root.pref-animation-reduce) .window){transition-duration:0s!important}:host-context(:root.pref-contrast-more){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-ease{syntax:"*";inherits:false}@media (max-width:480px){:host{--mds-modal-window-min-width:0px}:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--private-modal-width:100vw}:host([position=left]),:host([position=right]){--private-modal-width:calc(100% - var(--private-modal-window-close-margin))}}@media not all and (max-width:480px){:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--private-modal-width:var(--mds-modal-window-max-width,33%)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .action-close,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .window{transition-duration:0s!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}@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-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsModal = class {
     constructor(hostRef) {
@@ -68,16 +68,16 @@ const MdsModal = class {
             clearTimeout(this.animationDelayTimeout);
         };
         this.disableOverflow = () => {
-            if (document) {
-                if (document.body.style.overflow) {
+            if (typeof document !== 'undefined') {
+                if (document.body.style.overflow !== '') {
                     this.bodyOverflow = document.body.style.overflow;
                 }
                 document.body.style.overflow = 'hidden';
             }
         };
         this.enableOverflow = () => {
-            if (document) {
-                if (this.bodyOverflow) {
+            if (typeof document !== 'undefined') {
+                if (this.bodyOverflow !== '') {
                     document.body.style.overflow = this.bodyOverflow;
                 }
                 else {
@@ -154,20 +154,20 @@ const MdsModal = class {
         this.windowElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.window');
         this.windowHeaderElement = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.window-header');
         this.windowFooterElement = (_c = this.host.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.window-footer');
-        if (this.windowHeaderElement) {
+        if (this.windowHeaderElement != null) {
             this.windowHeaderHeight = this.windowHeaderElement.offsetHeight;
         }
-        if (this.windowFooterElement) {
+        if (this.windowFooterElement != null) {
             this.windowFooterHeight = this.windowFooterElement.offsetHeight;
         }
-        if (this.windowElement) {
+        if (this.windowElement != null) {
             this.addMobileEvents();
         }
         this.updateCSSCustomProps();
     }
     disconnectedCallback() {
         this.enableOverflow();
-        if (this.windowElement) {
+        if (this.windowElement != null) {
             this.windowElement.removeEventListener('touchstart', this.setTouchStart);
             this.windowElement.removeEventListener('touchend', this.setTouchEnd);
         }
@@ -193,25 +193,32 @@ const MdsModal = class {
             this.backdrop = undefined;
         }
     }
+    /**
+     * Closes the modal.
+     */
     async close() {
         this.opened = undefined;
     }
     render() {
-        return (h(Host, { key: 'ecade8e38b83c0576b5e073cf2ec243ba7eeb30f', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => {
+        return (h(Host, { key: '9f4be0a30b1d3cae73348bf48a30dc180f0ac82f', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => {
                 this.closeModal(e);
             } }, this.window ? (h("slot", { name: "window" })) : (h("div", { class: "window", part: "window" }, h("div", { class: clsx('window-header', this.top ? '' : 'window-content--empty') }, h("slot", { name: "top" })), h("div", { class: "window-content-wrapper" }, h("div", { class: "window-content", style: {
                 paddingTop: `${this.windowHeaderHeight}px`,
                 paddingBottom: `${this.windowFooterHeight}px`,
-            } }, h("slot", null))), h("div", { class: clsx('window-footer', this.bottom ? '' : 'window-content--empty') }, h("slot", { name: "bottom" })))), !this.window && (h("mds-button", { key: '6181aec117b9b237f9749926644c7bf591367e20', class: "action-close", icon: miBaselineClose, variant: "light", tone: "text", size: "xl", onClick: (e) => {
+            } }, h("slot", null))), h("div", { class: clsx('window-footer', this.bottom ? '' : 'window-content--empty') }, h("slot", { name: "bottom" })))), !this.window && (h("mds-button", { key: '37ff9d4c6556052e4c53c69d3b14d4f4f57eba5c', class: "action-close", icon: miBaselineClose, variant: "light", tone: "text", size: "xl", onClick: (e) => {
                 this.closeModal(e, true);
             }, part: "action-close" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "opened": ["handleOpenProp"],
-        "backdrop": ["handleBackdropProp"]
+        "opened": [{
+                "handleOpenProp": 0
+            }],
+        "backdrop": [{
+                "handleBackdropProp": 0
+            }]
     }; }
 };
-MdsModal.style = mdsModalCss;
+MdsModal.style = mdsModalCss();
 
 export { MdsModal as mds_modal };

package/dist/esm/mds-note.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { m as miBaselineClose } from './close-J-ikDhyq.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
@@ -23,7 +23,7 @@ var localeIt = {
 	deleteLabel: deleteLabel
 };
 
-const mdsNoteCss = "@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-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--tw-ease:initial}}}@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-note-fold-size{syntax:\"<length>\";inherits:false;initial-value:40px}:host{--mds-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-note-background,rgb(var(--label-yellow-10,75 57 3)));border-radius:.25rem;color:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));display:grid;overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host ::slotted(mds-text){--mds-text-selection-background:var(--mds-note-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-note-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([deletable]:not([deletable=false])){padding-right:calc(var(--spacing,.0025rem)*1600)}:host([deletable]:not([deletable=false])) .button-close{position:absolute;right:calc(var(--spacing,.0025rem)*400);top:calc(var(--spacing,.0025rem)*400)}.fold{border-color:transparent transparent var(--mds-note-fold-color,rgb(var(--tone-neutral-10,60 60 60)))transparent;border-style:solid;border-width:0 0 var(--mds-note-fold-size,40px)var(--mds-note-fold-size,40px);bottom:0;display:block;filter:drop-shadow(0 0 var(--mds-note-fold-size,40px)var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190))));height:calc(var(--spacing,.0025rem)*0);opacity:.4;pointer-events:none;position:absolute;right:0;-webkit-transition-duration:inherit;transition-duration:inherit;transition-property:border;width:calc(var(--spacing,.0025rem)*0)}.button-close{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;cursor:pointer;fill:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill,outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.button-close:hover{background-color:rgb(var(--tone-neutral,0 0 0)/.5)}.title{align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*400)}.title .button-close{margin-left:auto}:host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-09,135 8 30));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-selection-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-09,3 77 90));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-selection-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-note-background:rgb(var(--label-blue-09,7 40 196));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-note-selection-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-note-background:rgb(var(--label-green-09,14 81 39));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-08,20 116 56));--mds-note-selection-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-note-background:rgb(var(--label-lime-09,51 79 8));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-note-selection-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-note-background:rgb(var(--label-orange-09,116 49 3));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-note-selection-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-09,131 14 71));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-selection-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-note-background:rgb(var(--label-sky-09,6 76 107));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-note-selection-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-note-background:rgb(var(--label-violet-09,67 11 195));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-note-selection-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-09,89 68 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-selection-color:rgb(var(--label-yellow-04,248 202 60))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .fold{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}:host-context(:root.pref-contrast-more) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}@property --tw-ease{syntax:\"*\";inherits:false}@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]))) .fold{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)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}}";
+const mdsNoteCss = () => `@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-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--tw-ease:initial}}}@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-note-fold-size{syntax:"<length>";inherits:false;initial-value:40px}:host{--mds-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-note-background,rgb(var(--label-yellow-10,75 57 3)));border-radius:.25rem;color:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));display:grid;overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host ::slotted(mds-text){--mds-text-selection-background:var(--mds-note-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-note-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([deletable]:not([deletable=false])){padding-right:calc(var(--spacing,.0025rem)*1600)}:host([deletable]:not([deletable=false])) .button-close{position:absolute;right:calc(var(--spacing,.0025rem)*400);top:calc(var(--spacing,.0025rem)*400)}.fold{border-color:transparent transparent var(--mds-note-fold-color,rgb(var(--tone-neutral-10,60 60 60))) transparent;border-style:solid;border-width:0 0 var(--mds-note-fold-size,40px) var(--mds-note-fold-size,40px);bottom:0;display:block;filter:drop-shadow(0 0 var(--mds-note-fold-size,40px) var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190))));height:calc(var(--spacing,.0025rem)*0);opacity:.4;pointer-events:none;position:absolute;right:0;-webkit-transition-duration:inherit;transition-duration:inherit;transition-property:border;width:calc(var(--spacing,.0025rem)*0)}.button-close{border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;cursor:pointer;fill:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill,outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.button-close:hover{background-color:rgb(var(--tone-neutral,0 0 0)/.5)}.title{align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*400)}.title .button-close{margin-left:auto}:host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-09,135 8 30));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-selection-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-09,3 77 90));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-selection-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-note-background:rgb(var(--label-blue-09,7 40 196));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-note-selection-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-note-background:rgb(var(--label-green-09,14 81 39));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-08,20 116 56));--mds-note-selection-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-note-background:rgb(var(--label-lime-09,51 79 8));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-note-selection-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-note-background:rgb(var(--label-orange-09,116 49 3));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-note-selection-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-09,131 14 71));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-selection-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-note-background:rgb(var(--label-sky-09,6 76 107));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-note-selection-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-note-background:rgb(var(--label-violet-09,67 11 195));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-note-selection-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-09,89 68 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-selection-color:rgb(var(--label-yellow-04,248 202 60))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .fold{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}@property --tw-ease{syntax:"*";inherits:false}@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]))) .fold{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) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}}`;
 
 const MdsNote = class {
     constructor(hostRef) {
@@ -48,6 +48,9 @@ const MdsNote = class {
             this.deleteEvent.emit();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -70,10 +73,10 @@ const MdsNote = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: 'bb7105ecd6e6a7fe003e2b4aafde387305eb7ca4', role: "note" }, this.deletable && (h("mds-button", { key: '8770db0d4b69a2abf27d9a27d49b2db0a7e659b5', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "text", onClick: this.onClickClose.bind(this) })), h("slot", { key: '74ddb954eb7b8919c414a6cbc2279746f55992bd', name: "title" }), h("slot", { key: '088ab53a3820f94d61951b9147cdce50f1a45304' }), h("div", { key: 'c1cfcab4a0657963b6b7846ccd145afc62934541', "aria-hidden": "true", class: "fold" })));
+        return (h(Host, { key: '50df66ebc4a5d691ec06b2afbe6aa3a8359e18a7', role: "note" }, this.deletable && (h("mds-button", { key: '06dd4061821acea5f5b060f216693e9f42f10990', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "text", onClick: this.onClickClose })), h("slot", { key: '1d070ff5a29efac7dd04928fc4e6a6a172f4a649', name: "title" }), h("slot", { key: 'e90c46a1dc161ca4b1c42628d0d3e6fa5a2080bb' }), h("div", { key: '9019e08441d708477ef9d9099e283479ae49e4ae', "aria-hidden": "true", class: "fold" })));
     }
     get host() { return getElement(this); }
 };
-MdsNote.style = mdsNoteCss;
+MdsNote.style = mdsNoteCss();
 
 export { MdsNote as mds_note };

package/dist/esm/mds-notification.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { o as offset, s as shift, c as computePosition, d as autoUpdate } from './floating-ui.dom-8RYXTPXs.js';
 
-const mdsNotificationCss = "@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-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));--tw-duration:initial;--tw-ease: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}@property --mds-notification-dot-padding{syntax:\"<length>\";inherits:false;initial-value:6px}@property --mds-notification-ring-size{syntax:\"<length>\";inherits:false;initial-value:2px}@property --mds-notification-size{syntax:\"<length>\";inherits:false;initial-value:20px}@property --mds-notification-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.2s}@property --mds-notification-translate-offset-x{syntax:\"<number>\";inherits:false;initial-value:-1.75}@property --mds-notification-translate-offset-y{syntax:\"<number>\";inherits:false;initial-value:-2}:host{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));align-items:center;border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);bottom:100%;color:var(--mds-notification-color,rgb(var(--tone-neutral,0 0 0)));display:inline-flex;height:var(--mds-notification-size,20px);justify-content:flex-end;min-width:max-content;pointer-events:none;width:var(--mds-notification-size,20px);z-index:10}:host([strategy=absolute]),:host([strategy=fixed]){opacity:0;right:100%;-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);-webkit-transform-origin:calc(100% - var(--mds-notification-size,20px)/2)50%;transform-origin:calc(100% - var(--mds-notification-size,20px)/2)50%;-webkit-transition-duration:var(--mds-notification-transition-duration,.2s);transition-duration:var(--mds-notification-transition-duration,.2s);transition-property:color,height,opacity,transform,width;-webkit-transition-timing-function:var(--mds-notification-transition-timing-function);transition-timing-function:var(--mds-notification-transition-timing-function)}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}.dot{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-notification-dot-background,rgb(var(--status-error-05,250 165 160)));-webkit-box-shadow:0 0 0 var(--mds-notification-ring-size,2px)var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-shadow:0 0 0 var(--mds-notification-ring-size,2px)var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-sizing:border-box;display:inline-flex;justify-content:center;line-height:var(--mds-notification-size,20px);min-width:var(--mds-notification-min-width,var(--mds-notification-size,20px));padding-left:var(--mds-notification-dot-padding,6px);padding-right:var(--mds-notification-dot-padding,6px);position:static;transition-duration:.3s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));white-space:nowrap}:host([strategy=absolute]) .dot,:host([strategy=fixed]) .dot{position:absolute}.spacer{box-sizing:border-box;display:inline-flex;height:var(--mds-notification-size,20px);width:var(--mds-notification-min-width,var(--mds-notification-size,20px))}:host([visible=false][strategy=absolute]),:host([visible=false][strategy=fixed]){opacity:1;--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}:host([strategy=absolute]:not([visible=false])),:host([strategy=fixed]:not([visible=false])),:host([visible=true][strategy=absolute]),:host([visible=true][strategy=fixed]){opacity:1;--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(1);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(1);transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1))}:host(:not([target])),:host([strategy=disabled]){opacity:1;position:static;transform:scale(1);-webkit-transform-origin:unset;transform-origin:unset;transition-duration:0s}:host(:not([target])) .dot,:host([strategy=disabled]) .dot{position:static}:host-context(.pref-animation-reduce){transition-duration:0s}:host-context(.pref-animation-reduce) .dot{transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@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]))) .dot{transition-duration:0s}}";
+const mdsNotificationCss = () => `@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-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));--tw-duration:initial;--tw-ease: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}@property --mds-notification-dot-padding{syntax:"<length>";inherits:false;initial-value:6px}@property --mds-notification-ring-size{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-notification-size{syntax:"<length>";inherits:false;initial-value:20px}@property --mds-notification-transition-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-notification-translate-offset-x{syntax:"<number>";inherits:false;initial-value:-1.75}@property --mds-notification-translate-offset-y{syntax:"<number>";inherits:false;initial-value:-2}:host{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));align-items:center;border-radius:var(--radius-full,1000px);bottom:100%;color:var(--mds-notification-color,rgb(var(--tone-neutral,0 0 0)));display:inline-flex;height:var(--mds-notification-size,20px);justify-content:flex-end;min-width:max-content;pointer-events:none;width:var(--mds-notification-size,20px);z-index:10}:host([strategy=absolute]),:host([strategy=fixed]){opacity:0;right:100%;-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);-webkit-transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;-webkit-transition-duration:var(--mds-notification-transition-duration,.2s);transition-duration:var(--mds-notification-transition-duration,.2s);transition-property:color,height,opacity,transform,width;-webkit-transition-timing-function:var(--mds-notification-transition-timing-function);transition-timing-function:var(--mds-notification-transition-timing-function)}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}.dot{border-radius:var(--radius-full,1000px);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-notification-dot-background,rgb(var(--status-error-05,250 165 160)));-webkit-box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-sizing:border-box;display:inline-flex;justify-content:center;line-height:var(--mds-notification-size,20px);min-width:var(--mds-notification-min-width,var(--mds-notification-size,20px));padding-left:var(--mds-notification-dot-padding,6px);padding-right:var(--mds-notification-dot-padding,6px);position:static;transition-duration:.3s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));white-space:nowrap}:host([strategy=absolute]) .dot,:host([strategy=fixed]) .dot{position:absolute}.spacer{box-sizing:border-box;display:inline-flex;height:var(--mds-notification-size,20px);width:var(--mds-notification-min-width,var(--mds-notification-size,20px))}:host([visible=false][strategy=absolute]),:host([visible=false][strategy=fixed]){opacity:1;--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}:host([strategy=absolute]:not([visible=false])),:host([strategy=fixed]:not([visible=false])),:host([visible=true][strategy=absolute]),:host([visible=true][strategy=fixed]){opacity:1;--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1))}:host(:not([target])),:host([strategy=disabled]){opacity:1;position:static;transform:scale(1);-webkit-transform-origin:unset;transform-origin:unset;transition-duration:0s}:host(:not([target])) .dot,:host([strategy=disabled]) .dot{position:static}:host-context(.pref-animation-reduce){transition-duration:0s}:host-context(.pref-animation-reduce) .dot{transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .dot{transition-duration:0s}}`;
 
 const MdsNotification = class {
     constructor(hostRef) {
@@ -36,7 +36,7 @@ const MdsNotification = class {
             });
         };
         this.clean = (value) => {
-            if (this.max) {
+            if (this.max !== undefined && this.max !== 0 && !Number.isNaN(this.max)) {
                 if (value > this.max) {
                     return `+${Number(this.max).toLocaleString()}`;
                 }
@@ -45,12 +45,12 @@ const MdsNotification = class {
         };
     }
     componentDidRender() {
-        if (!this.target) {
+        if (this.target === '') {
             this.strategy = 'disabled';
             return;
         }
         const c = document.querySelector(this.target);
-        if (!c)
+        if (c == null)
             throw new Error('No valid target found');
         this.caller = c;
     }
@@ -58,7 +58,7 @@ const MdsNotification = class {
         if (this.strategy === 'disabled') {
             return;
         }
-        if (this.target && !this.cleanupAutoUpdate) {
+        if (this.target !== '' && this.cleanupAutoUpdate == null) {
             setTimeout(() => {
                 this.cleanupAutoUpdate = autoUpdate(this.caller, this.host, this.updatePosition);
             }, 100);
@@ -74,13 +74,15 @@ const MdsNotification = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ec403d27cc9c21f61b0a4378963b718752d944ed', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, h("mds-text", { key: '28628bbfc84407df67f6accc1478df951695a408', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
+        return (h(Host, { key: 'e4caa7112453beaebfde8d5144636410bed9121c', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, h("mds-text", { key: '66204d238173dd8cf2db564907f8977728abf6c4', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value !== 0 && !Number.isNaN(this.value) ? this.clean(this.value) : '')));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "strategy": ["strategyHandler"]
+        "strategy": [{
+                "strategyHandler": 0
+            }]
     }; }
 };
-MdsNotification.style = mdsNotificationCss;
+MdsNotification.style = mdsNotificationCss();
 
 export { MdsNotification as mds_notification };