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

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) {
@@ -24,6 +24,6 @@ const MdsListItem = class {
         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' }))));
     }
 };
-MdsListItem.style = mdsListItemCss;
+MdsListItem.style = mdsListItemCss();
 
 export { MdsListItem as mds_list_item };

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

@@ -1,6 +1,6 @@
-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) {
@@ -10,6 +10,6 @@ const MdsList = class {
         return (h(Host, { key: 'e3e9c6ade5cf1046a28c20bd10803c4decbe861f', role: "list" }, h("slot", { key: 'a67d2e2b2485fa725caab64304fc507ef03e609a' })));
     }
 };
-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) {
@@ -23,6 +23,6 @@ const MdsMention = class {
         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 })));
     }
 };
-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) {
@@ -208,10 +208,14 @@ const MdsModal = class {
     }
     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) {
@@ -74,6 +74,6 @@ const MdsNote = class {
     }
     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) {
@@ -78,9 +78,11 @@ const MdsNotification = class {
     }
     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 };

package/dist/esm/mds-paginator-item.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 { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
 
-const mdsPaginatorItemCss = "@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-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);--tw-ease:initial}}}@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}@property --mds-paginator-item-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-paginator-item-radius{syntax:\"<length>\";inherits:false;initial-value:200px}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding-inline:calc(var(--spacing,.0025rem)*300);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,transparent);border-radius:var(--mds-paginator-item-radius,200px);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);box-sizing:border-box;color:var(--mds-paginator-item-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));justify-content:center;min-width:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));transition-duration:.2s;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:background-color,box-shadow,color,outline,outline-offset;transition-timing-function:ease-in-out;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover,rgb(var(--tone-neutral-08,107 107 107)));-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([icon]){padding:calc(var(--spacing,.0025rem)*0)}:host([selected]){background-color:var(--mds-paginator-item-background-selected,rgb(var(--variant-primary-03,211 226 255)));-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));fill:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled,rgb(var(--tone-neutral-09,76 76 76)));-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));fill:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));pointer-events:none}.icon{fill:currentColor;padding-inline:calc(var(--spacing,.0025rem)*0)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}}";
+const mdsPaginatorItemCss = () => `@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-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);--tw-ease:initial}}}@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}@property --mds-paginator-item-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-paginator-item-radius{syntax:"<length>";inherits:false;initial-value:200px}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding-inline:calc(var(--spacing,.0025rem)*300);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,transparent);border-radius:var(--mds-paginator-item-radius,200px);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);box-sizing:border-box;color:var(--mds-paginator-item-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));justify-content:center;min-width:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));transition-duration:.2s;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:background-color,box-shadow,color,outline,outline-offset;transition-timing-function:ease-in-out;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover,rgb(var(--tone-neutral-08,107 107 107)));-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([icon]){padding:calc(var(--spacing,.0025rem)*0)}:host([selected]){background-color:var(--mds-paginator-item-background-selected,rgb(var(--variant-primary-03,211 226 255)));-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));fill:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled,rgb(var(--tone-neutral-09,76 76 76)));-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));fill:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));pointer-events:none}.icon{fill:currentColor;padding-inline:calc(var(--spacing,.0025rem)*0)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}}`;
 
 const MdsPaginatorItem = class {
     constructor(hostRef) {
@@ -27,6 +27,6 @@ const MdsPaginatorItem = class {
     }
     get host() { return getElement(this); }
 };
-MdsPaginatorItem.style = mdsPaginatorItemCss;
+MdsPaginatorItem.style = mdsPaginatorItemCss();
 
 export { MdsPaginatorItem as mds_paginator_item };

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

@@ -1,8 +1,8 @@
-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 miBaselineArrowBack } from './arrow-back-DnEUG7st.js';
 import { m as miBaselineArrowForward } from './arrow-forward-Bd0uuNDE.js';
 
-const mdsPaginatorCss = "@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-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-paginator-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}@property --mds-paginator-scroll-behavior{syntax:\"smooth|auto\";inherits:false;initial-value:smooth}:host{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{margin-inline:calc(var(--spacing,.0025rem)*200);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*200);scrollbar-width:none;--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-paginator-background,rgb(var(--tone-neutral-09,76 76 76)));display:flex;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pages::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-animation-reduce) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .pages{-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root.pref-contrast-more) .pages{-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}:host-context(:root.pref-contrast-more) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-more) .item-first,:host-context(:root.pref-contrast-more) .item-last,:host-context(:root.pref-contrast-more) .item-icon){--mds-paginator-item-shadow-disabled:var(--shadow-outline-50)inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:var(--shadow-outline-50)inset}@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]))) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .pages{-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]))) .pages{-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]))) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-first,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-last{--mds-paginator-item-shadow-disabled:var(--shadow-outline-50)inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:var(--shadow-outline-50)inset}}";
+const mdsPaginatorCss = () => `@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-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-paginator-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}@property --mds-paginator-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}:host{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{margin-inline:calc(var(--spacing,.0025rem)*200);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*200);scrollbar-width:none;--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-paginator-background,rgb(var(--tone-neutral-09,76 76 76)));display:flex;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pages::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-animation-reduce) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-more) .item-first,:host-context(:root.pref-contrast-more) .item-last,:host-context(:root.pref-contrast-more) .item-icon){--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}@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]))) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .pages{-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]))) .pages{-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]))) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-first,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-last{--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}}`;
 
 const MdsPaginator = class {
     constructor(hostRef) {
@@ -70,6 +70,6 @@ const MdsPaginator = class {
     }
     get element() { return getElement(this); }
 };
-MdsPaginator.style = mdsPaginatorCss;
+MdsPaginator.style = mdsPaginatorCss();
 
 export { MdsPaginator as mds_paginator };

package/dist/esm/mds-policy-ai.entry.js

@@ -1,4 +1,4 @@
-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 { L as Locale } from './locale-a4oAcjYG.js';
 
 var mggAiChatbot = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -100,7 +100,7 @@ var localeIt = {
 	linkLabelTitle: linkLabelTitle
 };
 
-const mdsPolicyAiCss = "@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-banner,mds-button,mds-chip,mds-dropdown,mds-help,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{display:inline-flex}:host(:not([variant=icon])){container:mds-policy-ai/inline-size;width:100%}mds-button{justify-self:start}.banner{--mds-banner-cockade-background:rgb(var(--variant-ai-05,202 174 251));--mds-banner-icon-color:rgb(var(--variant-ai-10,63 7 161))}.mini-card{background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);display:inline-flex;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*400)}.mini-card-icon{background-color:rgb(var(--variant-ai-05,202 174 251));border-radius:var(--radius-2xl,24px);border-top-left-radius:0;border-top-left-radius:var(--radius-none,0);border-top-right-radius:0;border-top-right-radius:var(--radius-none,0);fill:rgb(var(--variant-ai-10,63 7 161));height:calc(var(--spacing,.0025rem)*600);margin-top:calc(var(--spacing,.0025rem)*-400);padding:calc(var(--spacing,.0025rem)*100);padding-top:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*600)}.link-label-short{display:none}.mini-card-content{display:grid;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%))}.mini-card-button{max-width:min-content;min-width:0;width:100%}@container mds-policy-ai (max-width:260px){.mini-card{display:grid}.mini-card-icon{border-top-left-radius:0;border-top-left-radius:var(--radius-none,0);border-top-right-radius:0;border-top-right-radius:var(--radius-none,0);margin-top:calc(var(--spacing,.0025rem)*-400);padding-top:calc(var(--spacing,.0025rem)*200)}.mini-card-button{max-width:none}.link-label-long{display:none}.link-label-short{display:inline}}.chip{cursor:help}.chip-dropdown{max-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*300)calc(var(--spacing,.0025rem)*400)}.icon-help{background-color:rgb(var(--variant-ai-05,202 174 251));border:1px solid rgb(var(--tone-neutral,0 0 0));border-radius:calc(var(--spacing,.0025rem)*600);cursor:pointer;fill:rgb(var(--variant-ai-10,63 7 161));height:min-content;width:min-content}.icon-tip-content{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.icon-help::part(icon){height:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}";
+const mdsPolicyAiCss = () => `@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-banner,mds-button,mds-chip,mds-dropdown,mds-help,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{display:inline-flex}:host(:not([variant=icon])){container:mds-policy-ai/inline-size;width:100%}mds-button{justify-self:start}.banner{--mds-banner-cockade-background:rgb(var(--variant-ai-05,202 174 251));--mds-banner-icon-color:rgb(var(--variant-ai-10,63 7 161))}.mini-card{background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);display:inline-flex;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*400)}.mini-card-icon{background-color:rgb(var(--variant-ai-05,202 174 251));border-radius:var(--radius-2xl,24px);border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);fill:rgb(var(--variant-ai-10,63 7 161));height:calc(var(--spacing,.0025rem)*600);margin-top:calc(var(--spacing,.0025rem)*-400);padding:calc(var(--spacing,.0025rem)*100);padding-top:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*600)}.link-label-short{display:none}.mini-card-content{display:grid;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%))}.mini-card-button{max-width:min-content;min-width:0;width:100%}@container mds-policy-ai (max-width:260px){.mini-card{display:grid}.mini-card-icon{border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);margin-top:calc(var(--spacing,.0025rem)*-400);padding-top:calc(var(--spacing,.0025rem)*200)}.mini-card-button{max-width:none}.link-label-long{display:none}.link-label-short{display:inline}}.chip{cursor:help}.chip-dropdown{max-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400)}.icon-help{background-color:rgb(var(--variant-ai-05,202 174 251));border:1px solid rgb(var(--tone-neutral,0 0 0));border-radius:calc(var(--spacing,.0025rem)*600);cursor:pointer;fill:rgb(var(--variant-ai-10,63 7 161));height:min-content;width:min-content}.icon-tip-content{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.icon-help::part(icon){height:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}`;
 
 const MdsPolicyAi = class {
     constructor(hostRef) {
@@ -133,6 +133,6 @@ const MdsPolicyAi = class {
     }
     get host() { return getElement(this); }
 };
-MdsPolicyAi.style = mdsPolicyAiCss;
+MdsPolicyAi.style = mdsPolicyAiCss();
 
 export { MdsPolicyAi as mds_policy_ai };

package/dist/esm/mds-pref-animation.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 miOutlineCircle } from './circle-lZldSMeV.js';
 import { m as miBaselineSettings } from './settings-XQgkfNpn.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
@@ -49,7 +49,7 @@ var localeIt = {
 	systemSettings: systemSettings
 };
 
-const mdsPrefAnimationCss = "@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--disabled,.item--enabled,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-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]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsPrefAnimationCss = () => `@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--disabled,.item--enabled,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-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]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsPrefAnimation = class {
     constructor(hostRef) {
@@ -117,9 +117,11 @@ const MdsPrefAnimation = class {
     }
     get element() { return getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefAnimation.style = mdsPrefAnimationCss;
+MdsPrefAnimation.style = mdsPrefAnimationCss();
 
 export { MdsPrefAnimation as mds_pref_animation };

package/dist/esm/mds-pref-consumption.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 { L as Locale } from './locale-a4oAcjYG.js';
 
 var mggConsumptionLow = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -63,7 +63,7 @@ var localeIt = {
 	label: label
 };
 
-const mdsPrefConsumptionCss = "@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--high{--mds-tab-item-selected-color:rgb(var(--status-error-06,239 108 105))}.item--medium{--mds-tab-item-selected-color:rgb(var(--status-warning-06,190 142 0))}.item--low{--mds-tab-item-selected-color:rgb(var(--status-success-06,0 171 97))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host-context(:root.pref-contrast-more) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host-context(:root.pref-contrast-more) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}";
+const mdsPrefConsumptionCss = () => `@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--high{--mds-tab-item-selected-color:rgb(var(--status-error-06,239 108 105))}.item--medium{--mds-tab-item-selected-color:rgb(var(--status-warning-06,190 142 0))}.item--low{--mds-tab-item-selected-color:rgb(var(--status-success-06,0 171 97))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host-context(:root.pref-contrast-more) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host-context(:root.pref-contrast-more) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}`;
 
 const MdsPrefContrast = class {
     constructor(hostRef) {
@@ -131,9 +131,11 @@ const MdsPrefContrast = class {
     }
     get element() { return getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefContrast.style = mdsPrefConsumptionCss;
+MdsPrefContrast.style = mdsPrefConsumptionCss();
 
 export { MdsPrefContrast as mds_pref_consumption };

package/dist/esm/mds-pref-contrast.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 miBaselineSettings } from './settings-XQgkfNpn.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
 
@@ -52,7 +52,7 @@ var localeIt = {
 	systemSettings: systemSettings
 };
 
-const mdsPrefContrastCss = "@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--default,.item--more,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-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]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsPrefContrastCss = () => `@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--default,.item--more,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-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]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsPrefContrast = class {
     constructor(hostRef) {
@@ -142,9 +142,11 @@ const MdsPrefContrast = class {
     }
     get element() { return getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefContrast.style = mdsPrefContrastCss;
+MdsPrefContrast.style = mdsPrefContrastCss();
 
 export { MdsPrefContrast as mds_pref_contrast };

package/dist/esm/mds-pref-language-item.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 { L as Locale } from './locale-a4oAcjYG.js';
 import { m as miBaselineCheckCircle } from './check-circle-BFhO-KUe.js';
 import { m as miOutlineCircle } from './circle-lZldSMeV.js';
@@ -220,7 +220,7 @@ var localeEn = {
 	noCode: noCode
 };
 
-const mdsPrefLanguageItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:block}";
+const mdsPrefLanguageItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:block}`;
 
 const MdsPrefLanguageItem = class {
     constructor(hostRef) {
@@ -252,6 +252,6 @@ const MdsPrefLanguageItem = class {
     }
     get element() { return getElement(this); }
 };
-MdsPrefLanguageItem.style = mdsPrefLanguageItemCss;
+MdsPrefLanguageItem.style = mdsPrefLanguageItemCss();
 
 export { MdsPrefLanguageItem as mds_pref_language_item };