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

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var aria = require('./aria-BbJUuU9_.js');
 
-const mdsProgressCss = "@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 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-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-radius:var(--radius-lg,16px);--mds-progress-thickness:var(--height-200);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(: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-progress-duration{syntax:\"<time>\";inherits:false;initial-value:.75s}:host{--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-thickness:var(--height-200);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-progress-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;height:var(--mds-progress-thickness,var(--height-200));min-height:var(--mds-progress-thickness,var(--height-200));min-width:var(--mds-progress-thickness,var(--height-200));overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;width:100%}:host([direction=vertical]){flex-direction:column;height:unset;min-height:var(--mds-progress-thickness,var(--height-200));width:var(--mds-progress-thickness,var(--height-200))}:host([direction=radial]){aspect-ratio:1;background-color:#0000;height:auto}:host([direction=radial]) mds-radial-progress{width:inherit}.progress{--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));background-color:var(--mds-progress-color,rgb(var(--variant-primary-03,211 226 255)));border-radius:inherit;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));corner-shape:inherit;-webkit-transition-duration:var(--mds-progress-duration,.75s);transition-duration:var(--mds-progress-duration,.75s);transition-property:background-color,flex-grow,-ms-flex-positive}:host([variant=dark]){--mds-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-progress-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]){--mds-progress-color:rgb(var(--tone-neutral,0 0 0));--mds-progress-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=error]){--mds-progress-color:rgb(var(--status-error-05,250 165 160));--mds-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-progress-color:rgb(var(--status-success-05,107 206 147));--mds-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-progress-color:rgb(var(--status-info-05,112 198 234));--mds-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=ai]){--mds-progress-color:rgb(var(--variant-ai-05,202 174 251));--mds-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([size=sm]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*200)}:host([size=md]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*600)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .progress{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}:host-context(:root.pref-contrast-more){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}@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]))) .progress{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]))),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}}";
+const mdsProgressCss = () => `@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 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-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-radius:var(--radius-lg,16px);--mds-progress-thickness:var(--height-200);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(: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-progress-duration{syntax:"<time>";inherits:false;initial-value:.75s}:host{--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-thickness:var(--height-200);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-progress-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;height:var(--mds-progress-thickness,var(--height-200));min-height:var(--mds-progress-thickness,var(--height-200));min-width:var(--mds-progress-thickness,var(--height-200));overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;width:100%}:host([direction=vertical]){flex-direction:column;height:unset;min-height:var(--mds-progress-thickness,var(--height-200));width:var(--mds-progress-thickness,var(--height-200))}:host([direction=radial]){aspect-ratio:1;background-color:#0000;height:auto}:host([direction=radial]) mds-radial-progress{width:inherit}.progress{--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));background-color:var(--mds-progress-color,rgb(var(--variant-primary-03,211 226 255)));border-radius:inherit;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));corner-shape:inherit;-webkit-transition-duration:var(--mds-progress-duration,.75s);transition-duration:var(--mds-progress-duration,.75s);transition-property:background-color,flex-grow,-ms-flex-positive}:host([variant=dark]){--mds-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-progress-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]){--mds-progress-color:rgb(var(--tone-neutral,0 0 0));--mds-progress-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=error]){--mds-progress-color:rgb(var(--status-error-05,250 165 160));--mds-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-progress-color:rgb(var(--status-success-05,107 206 147));--mds-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-progress-color:rgb(var(--status-info-05,112 198 234));--mds-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=ai]){--mds-progress-color:rgb(var(--variant-ai-05,202 174 251));--mds-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([size=sm]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*200)}:host([size=md]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*600)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .progress{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}:host-context(:root.pref-contrast-more){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}@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]))) .progress{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]))),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}}`;
 
 const MdsProgress = class {
     constructor(hostRef) {
@@ -48,7 +48,7 @@ const MdsProgress = class {
         ]);
     }
     setProgress(progress) {
-        if (this.steps) {
+        if (this.steps !== '') {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
             if (!aria.ifAttribute(this.element, 'aria-hidden')) {
                 this.element.setAttribute('aria-valuetext', this.currentStep);
@@ -62,19 +62,23 @@ const MdsProgress = class {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (index.h(index.Host, { key: 'b515b4bc8d9bb3e124374ad1adc90a50016c1434', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !aria.ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (index.h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (index.h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
+        return (index.h(index.Host, { key: '55ba8cb650c555ca15fd05464edfed54eb419787', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !aria.ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (index.h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (index.h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "progress": ["progressChanged"],
-        "steps": ["stepsChanged"]
+        "progress": [{
+                "progressChanged": 0
+            }],
+        "steps": [{
+                "stepsChanged": 0
+            }]
     }; }
 };
-MdsProgress.style = mdsProgressCss;
+MdsProgress.style = mdsProgressCss();
 
-const mdsRadialProgressCss = "@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 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 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-radial-progress:0%}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-progress{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:\"%\";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color)var(--mds-radial-progress,0),transparent 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:\"\"}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:\"\"}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}";
+const mdsRadialProgressCss = () => `@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 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 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-radial-progress:0%}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-progress{syntax:"<length-percentage>";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:"%";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color) var(--mds-radial-progress,0),transparent 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}`;
 
 const MdsRadialProgress = class {
     constructor(hostRef) {
@@ -145,13 +149,15 @@ const MdsRadialProgress = class {
     render() {
         const progressVar = `${(this.animatedProgress * 100).toFixed(2)}%`;
         const progressText = this.progressPercentage(this.clampProgress(this.progress));
-        return (index.h(index.Host, { key: 'bcac88e69c445c6bfb5de1cbbfc649ffd507dc12', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, index.h("div", { key: 'c874c37272324a7edfa12252e22547c4ae6a8c5b', class: "value-container", part: "value-container" }, this.icon && index.h("mds-icon", { key: 'ab14594f35d5ed15f6997c2cce47ca44612eab1d', class: "icon", name: this.icon, part: "icon" }), index.h("div", { key: '107216f2319c2895f0a9c6936c1c1ae42a54a0b5', class: "value-container__text" }, index.h("mds-text", { key: '27127a11de571b6b1703690aa37553b20db84aff', class: "value", typography: this.typography }, progressText)))));
+        return (index.h(index.Host, { key: '68c58b94fb1a5b12e843323d1d497a33a2e91e8f', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, index.h("div", { key: '0d8b174656f21146ac18a0c613ecc9482262b205', class: "value-container", part: "value-container" }, this.icon && index.h("mds-icon", { key: 'd17e55a7ba548f7e603f717a828907a873eaa4d6', class: "icon", name: this.icon, part: "icon" }), index.h("div", { key: 'c4f2d539d974d3a63ec73381d60abc9afc9be8e7', class: "value-container__text" }, index.h("mds-text", { key: 'c40e43da4bb6d581569cb515c30dd8554a8bfcd2', class: "value", typography: this.typography }, progressText)))));
     }
     static get watchers() { return {
-        "progress": ["onProgressChange"]
+        "progress": [{
+                "onProgressChange": 0
+            }]
     }; }
 };
-MdsRadialProgress.style = mdsRadialProgressCss;
+MdsRadialProgress.style = mdsRadialProgressCss();
 
 exports.mds_progress = MdsProgress;
 exports.mds_radial_progress = MdsRadialProgress;

package/dist/cjs/mds-push-notification-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var _commonjsHelpers = require('./_commonjsHelpers-B83fTs8d.js');
 var cancel = require('./cancel-_rS5f5_p.js');
 var locale = require('./locale-oGW3SvGJ.js');
@@ -166,7 +166,7 @@ function requireRelativeTime () {
 var relativeTimeExports = requireRelativeTime();
 var relativeTime = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(relativeTimeExports);
 
-const mdsPushNotificationItemCss = "@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-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-subject-line-clamp:1}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-avatar,mds-button,mds-img,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-push-notification-item-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}@property --mds-push-notification-item-icon-background-color{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-push-notification-item-message-line-clamp{syntax:\"<integer>\";inherits:false;initial-value:2}@property --mds-push-notification-item-subject-line-clamp{syntax:\"<integer>\";inherits:false;initial-value:1}:host{--mds-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-push-notification-item-subject-line-clamp:1;--mds-push-notification-item-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-push-notification-item-shadow);box-shadow:var(--mds-push-notification-item-shadow);color:rgb(var(--tone-neutral-02,244 244 244));display:flex;gap:calc(var(--spacing,.0025rem)*400);max-width:calc(var(--spacing,.0025rem)*8000);min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);pointer-events:auto;position:relative;-webkit-transition-duration:var(--mds-push-notification-item-duration,.3s);transition-duration:var(--mds-push-notification-item-duration,.3s);transition-property:background-color,box-shadow,color,margin,transform;-webkit-transition-timing-function:var(--mds-push-notification-item-timing-function);transition-timing-function:var(--mds-push-notification-item-timing-function)}:host([deletable]){padding-right:calc(var(--spacing,.0025rem)*800)}.content{display:grid;flex-grow:1}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200);min-width:1px;padding-top:calc(var(--spacing,.0025rem)*200)}.avatar,.picture{flex-shrink:0}.picture{border-radius:.25rem;-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);max-width:calc(var(--spacing,.0025rem)*1200);width:100%}.close-button{opacity:0;padding:calc(var(--spacing,.0025rem)*150);position:absolute;right:0;top:0;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function)}:host-context(:not(.safari)):host(:hover) .close-button{opacity:1}.close-button:focus-visible,.close-button:hover{fill:rgb(var(--tone-neutral-03,233 233 233));opacity:1}.header{align-items:baseline;display:flex;gap:calc(var(--spacing,.0025rem)*100);justify-content:space-between;min-width:0;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;flex-direction:column}.time{flex-shrink:0;margin-right:calc(var(--spacing,.0025rem)*100);white-space:nowrap}.subject{--mds-text-line-clamp:var(--mds-push-notification-item-subject-line-clamp,1);line-height:var(--leading-sm,1.25rem)}.message,.subject{text-overflow:ellipsis}.message{--mds-text-line-clamp:var(--mds-push-notification-item-message-line-clamp,2)}.avatar{background-color:var(--mds-push-notification-item-icon-background-color,transparent);border-radius:1000px;fill:var(--mds-push-notification-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}.avatar::part(svg){width:calc(var(--spacing,.0025rem)*600)}:host([src]) .avatar{background-color:#0000}:host([icon]) .avatar::part(wrapper){padding:calc(var(--spacing,.0025rem)*150)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notifications-shadow:var(--shadow-outline)inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-contrast-more){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50)inset;color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=primary][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]),:host([variant=primary][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=primary][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=orange][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-05,251 168 111));--mds-push-notification-item-icon-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]),:host([variant=orange][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-09,116 49 3));--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=orange][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=amaranth][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]),:host([variant=amaranth][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=amaranth][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]),:host([variant=orchid][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=orchid][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-05,198 175 251));--mds-push-notification-item-icon-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]),:host([variant=violet][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-09,67 11 195));--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=violet][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=blue][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-05,170 184 252));--mds-push-notification-item-icon-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]),:host([variant=blue][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-09,7 40 196));--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=blue][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-05,94 198 245));--mds-push-notification-item-icon-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]),:host([variant=sky][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-09,6 76 107));--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=sky][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]),:host([variant=aqua][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=aqua][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-05,37 213 102));--mds-push-notification-item-icon-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]),:host([variant=green][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-09,14 81 39));--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=green][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-05,134 207 22));--mds-push-notification-item-icon-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]),:host([variant=lime][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-09,51 79 8));--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=lime][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]),:host([variant=yellow][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=yellow][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=error][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-05,250 165 160));--mds-push-notification-item-icon-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]),:host([variant=error][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-09,135 0 14));--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-05,237 177 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]),:host([variant=warning][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-09,90 67 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=success][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-05,107 206 147));--mds-push-notification-item-icon-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]),:host([variant=success][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-09,0 82 9));--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=info][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-05,112 198 234));--mds-push-notification-item-icon-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]),:host([variant=info][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-09,0 73 116));--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}@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-push-notifications-shadow:var(--shadow-outline)inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50)inset;color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsPushNotificationItemCss = () => `@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-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-subject-line-clamp:1}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-avatar,mds-button,mds-img,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-push-notification-item-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-item-icon-background-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-push-notification-item-message-line-clamp{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-push-notification-item-subject-line-clamp{syntax:"<integer>";inherits:false;initial-value:1}:host{--mds-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-push-notification-item-subject-line-clamp:1;--mds-push-notification-item-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-push-notification-item-shadow);box-shadow:var(--mds-push-notification-item-shadow);color:rgb(var(--tone-neutral-02,244 244 244));display:flex;gap:calc(var(--spacing,.0025rem)*400);max-width:calc(var(--spacing,.0025rem)*8000);min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);pointer-events:auto;position:relative;-webkit-transition-duration:var(--mds-push-notification-item-duration,.3s);transition-duration:var(--mds-push-notification-item-duration,.3s);transition-property:background-color,box-shadow,color,margin,transform;-webkit-transition-timing-function:var(--mds-push-notification-item-timing-function);transition-timing-function:var(--mds-push-notification-item-timing-function)}:host([deletable]){padding-right:calc(var(--spacing,.0025rem)*800)}.content{display:grid;flex-grow:1}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200);min-width:1px;padding-top:calc(var(--spacing,.0025rem)*200)}.avatar,.picture{flex-shrink:0}.picture{border-radius:.25rem;-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);max-width:calc(var(--spacing,.0025rem)*1200);width:100%}.close-button{opacity:0;padding:calc(var(--spacing,.0025rem)*150);position:absolute;right:0;top:0;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function)}:host-context(:not(.safari)):host(:hover) .close-button{opacity:1}.close-button:focus-visible,.close-button:hover{fill:rgb(var(--tone-neutral-03,233 233 233));opacity:1}.header{align-items:baseline;display:flex;gap:calc(var(--spacing,.0025rem)*100);justify-content:space-between;min-width:0;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;flex-direction:column}.time{flex-shrink:0;margin-right:calc(var(--spacing,.0025rem)*100);white-space:nowrap}.subject{--mds-text-line-clamp:var(--mds-push-notification-item-subject-line-clamp,1);line-height:var(--leading-sm,1.25rem)}.message,.subject{text-overflow:ellipsis}.message{--mds-text-line-clamp:var(--mds-push-notification-item-message-line-clamp,2)}.avatar{background-color:var(--mds-push-notification-item-icon-background-color,transparent);border-radius:1000px;fill:var(--mds-push-notification-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}.avatar::part(svg){width:calc(var(--spacing,.0025rem)*600)}:host([src]) .avatar{background-color:#0000}:host([icon]) .avatar::part(wrapper){padding:calc(var(--spacing,.0025rem)*150)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notifications-shadow:var(--shadow-outline) inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-contrast-more){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=primary][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]),:host([variant=primary][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=primary][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=orange][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-05,251 168 111));--mds-push-notification-item-icon-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]),:host([variant=orange][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-09,116 49 3));--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=orange][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=amaranth][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]),:host([variant=amaranth][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=amaranth][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]),:host([variant=orchid][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=orchid][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-05,198 175 251));--mds-push-notification-item-icon-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]),:host([variant=violet][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-09,67 11 195));--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=violet][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=blue][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-05,170 184 252));--mds-push-notification-item-icon-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]),:host([variant=blue][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-09,7 40 196));--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=blue][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-05,94 198 245));--mds-push-notification-item-icon-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]),:host([variant=sky][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-09,6 76 107));--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=sky][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]),:host([variant=aqua][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=aqua][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-05,37 213 102));--mds-push-notification-item-icon-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]),:host([variant=green][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-09,14 81 39));--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=green][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-05,134 207 22));--mds-push-notification-item-icon-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]),:host([variant=lime][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-09,51 79 8));--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=lime][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]),:host([variant=yellow][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=yellow][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=error][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-05,250 165 160));--mds-push-notification-item-icon-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]),:host([variant=error][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-09,135 0 14));--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-05,237 177 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]),:host([variant=warning][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-09,90 67 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=success][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-05,107 206 147));--mds-push-notification-item-icon-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]),:host([variant=success][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-09,0 82 9));--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=info][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-05,112 198 234));--mds-push-notification-item-icon-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]),:host([variant=info][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-09,0 73 116));--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}@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-push-notifications-shadow:var(--shadow-outline) inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 dayjs.extend(relativeTime);
 const MdsPushNotificationItem = class {
@@ -204,6 +204,9 @@ const MdsPushNotificationItem = class {
             this.closedEvent.emit();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -214,7 +217,7 @@ const MdsPushNotificationItem = class {
         var _a;
         this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
         this.hasBadge = this.host.querySelector(':scope > [slot="badge"]') !== null;
-        if (this.datetime) {
+        if (this.datetime !== undefined && this.datetime !== '') {
             this.datetime = date.sanitizeISO8601Date((_a = this.datetime) === null || _a === void 0 ? void 0 : _a.toString());
         }
         this.t.lang(this.host);
@@ -242,15 +245,17 @@ const MdsPushNotificationItem = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'cef1482e9e16dcc52b6fc255c7392f575f0c1772' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && (index.h("mds-avatar", { key: '0bfdb9ecf0fa36599c981aa778a02f73d0b80a32', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant })), this.src && this.preview !== 'avatar' && (index.h("mds-img", { key: '719fe7dae8dc94021f0efd96c50b86b614572aca', class: "picture", part: "picture", src: this.src })), index.h("div", { key: 'a5ead1ed262e19ed60a37f23cce81a29889daedb', class: "content", part: "content" }, index.h("div", { key: 'a747e13b1fcb292b193db53ebf2c6174eac99fd9', class: "header" }, index.h("div", { key: '4a402d86378e9b5269dc4ffbbc25a1b0b54be36d', class: "infos" }, this.hasBadge && (index.h("div", { key: '40eb647711cb32839e9ee5cec391c800b5a8d983' }, index.h("slot", { key: 'f73ddcfd20ebb75f62a0ff3b7dfe5dfa0a9477a4', name: "badge" }))), this.subject && (index.h("mds-text", { key: 'aab0df869115c44eecc4d5fa180210392c72e1e1', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject))), this.datetime && (index.h("mds-text", { key: 'e93ee1684aeb8a4df9203a9b416df5181bc2342f', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (index.h(index.Host, { key: 'fe5ea12872387bc99ada81d55dee421a4d37ba39' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && (index.h("mds-avatar", { key: '06e5ff16f76708c1cc79f48552c8bb8c2a72e723', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant })), this.src && this.preview !== 'avatar' && (index.h("mds-img", { key: '1bb87768a03fd62aecbbc7386bcaf401ecbe1259', class: "picture", part: "picture", src: this.src })), index.h("div", { key: '28c4c0b772b782f9762c04f0cc427ff4da3945b5', class: "content", part: "content" }, index.h("div", { key: '301eb2070f2533ed6b8b8d845dda4d84c3a9cc03', class: "header" }, index.h("div", { key: '6dbd4c9f6eb046caf3c71fea61e93aafd26b052b', class: "infos" }, this.hasBadge && (index.h("div", { key: '13193cf6115c77c24530b037a1dead25b5107d26' }, index.h("slot", { key: '028a3b61823ba984c6a66134eeeff7099712eed1', name: "badge" }))), this.subject && (index.h("mds-text", { key: '0b6e0d5fac1ad8862a445ecf648aff1b5e5ddf96', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject))), this.datetime && (index.h("mds-text", { key: 'd198e534b59b39ccc8f34179b6e7cc8e875cbba4', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat)))), index.h("mds-text", { key: '4554d9ae482fefec3899d740d74227657d612fd5', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && (index.h("div", { key: 'ddc27141fb944f8ecf6c1e72082c9fc2428edb4e', class: "actions", part: "actions" }, index.h("slot", { key: '315db21f5d2f6e3f43849c64de4407422dfafed2', name: "action" })))), this.deletable && (index.h("mds-button", { key: '25190761bcc0b1afb4ae807bc6e880edd98d7dcc', class: "close-button", variant: "dark", tone: "text", title: this.t.get('dismiss'), icon: cancel.miBaselineCancel, onClick: this.onClickClose.bind(this) }))));
+            : dayjs(this.datetime).format(this.dateFormat)))), index.h("mds-text", { key: '4ae6ff7676fb2915ba1f0c11c3c888c2e0e90227', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && (index.h("div", { key: '4fdaef14f44055d0b8067a6d5e5c468b3bce978c', class: "actions", part: "actions" }, index.h("slot", { key: '9133fc9fc13f8b049b4c527ee69e536b79404e12', name: "action" })))), this.deletable && (index.h("mds-button", { key: '18673378fcf8dbb38c3db8c0e5c2f95da606f1e3', class: "close-button", variant: "dark", tone: "text", title: this.t.get('dismiss'), icon: cancel.miBaselineCancel, onClick: this.onClickClose }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "deletable": ["handleDeletableChange"]
+        "deletable": [{
+                "handleDeletableChange": 0
+            }]
     }; }
 };
-MdsPushNotificationItem.style = mdsPushNotificationItemCss;
+MdsPushNotificationItem.style = mdsPushNotificationItemCss();
 
 exports.mds_push_notification_item = MdsPushNotificationItem;

package/dist/cjs/mds-push-notification.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var unit = require('./unit-Cm341q1R.js');
 
-const mdsPushNotificationCss = "@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-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--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-push-notification-fadeout-delay{syntax:\"<time>\";inherits:false;initial-value:0s}@property --mds-push-notification-items-intro-delay{syntax:\"<time>\";inherits:false;initial-value:.3s}@property --mds-push-notification-items-outro-delay{syntax:\"<time>\";inherits:false;initial-value:0s}@property --mds-push-notification-items-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--mds-push-notification-items-gap:var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200));--mds-push-notification-items-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-push-notification-background:linear-gradient(90deg,#dcdcdc00 0%,#dcdcdcd9);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:calc(var(--spacing,.0025rem)*200);max-width:360px;min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*2400);scrollbar-width:none;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background:var(--mds-push-notification-background);bottom:0;box-sizing:content-box!important;display:flex;flex-direction:column;overflow-x:hidden;position:fixed;right:0;top:0;transform:translate(100%);-webkit-transition-delay:var(--mds-push-notification-fadeout-delay,0s);transition-delay:var(--mds-push-notification-fadeout-delay,0s);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));z-index:var(--magma-notification-z-index,3000)}:host::-webkit-scrollbar{display:none}.notifications{display:flex;flex-direction:column-reverse;gap:var(--mds-push-notification-items-gap)}.notifications ::slotted(mds-push-notification-item){--mds-push-notification-duration:var(--mds-push-notification-items-duration,.3s);--mds-push-notification-timing-function:var(--mds-push-notification-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)))));transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)))));visibility:hidden}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}:host([visible]){transform:translate(0);transition-delay:0s}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}}";
+const mdsPushNotificationCss = () => `@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-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--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-push-notification-fadeout-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-intro-delay{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-items-outro-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--mds-push-notification-items-gap:var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200));--mds-push-notification-items-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-push-notification-background:linear-gradient(90deg,#dcdcdc00 0%,#dcdcdcd9);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:calc(var(--spacing,.0025rem)*200);max-width:360px;min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*2400);scrollbar-width:none;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background:var(--mds-push-notification-background);bottom:0;box-sizing:content-box!important;display:flex;flex-direction:column;overflow-x:hidden;position:fixed;right:0;top:0;transform:translate(100%);-webkit-transition-delay:var(--mds-push-notification-fadeout-delay,0s);transition-delay:var(--mds-push-notification-fadeout-delay,0s);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));z-index:var(--magma-notification-z-index,3000)}:host::-webkit-scrollbar{display:none}.notifications{display:flex;flex-direction:column-reverse;gap:var(--mds-push-notification-items-gap)}.notifications ::slotted(mds-push-notification-item){--mds-push-notification-duration:var(--mds-push-notification-items-duration,.3s);--mds-push-notification-timing-function:var(--mds-push-notification-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));visibility:hidden}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}:host([visible]){transform:translate(0);transition-delay:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}}`;
 
 const MdsPushNotification = class {
     constructor(hostRef) {
@@ -82,7 +82,7 @@ const MdsPushNotification = class {
             const elements = this.slotNotifications
                 .assignedElements()
                 .map((e) => e)
-                .filter((e) => !e.style.visibility);
+                .filter((e) => e.style.visibility === '');
             if (elements.length === 0)
                 return;
             elements.forEach(async (e) => {
@@ -102,19 +102,29 @@ const MdsPushNotification = class {
             this.cssItemsOutroDuration =
                 (_c = elementStyles.getPropertyValue('--mds-push-notification-items-outro-delay')) !== null && _c !== void 0 ? _c : '0ms';
         };
+        this.clear = () => {
+            this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
+            this.hide();
+        };
     }
-    clear() {
-        this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
-        this.hide();
-    }
+    /**
+     * Shows the notification container.
+     */
     show() {
         this.visible = true;
         return Promise.resolve();
     }
+    /**
+     * Hides the notification container.
+     */
     hide() {
         this.visible = undefined;
         return Promise.resolve();
     }
+    /**
+     * Removes the given notification item(s) from the stack.
+     * @param notification the notification item or items to remove
+     */
     removeNotification(notification) {
         if (Array.isArray(notification)) {
             notification.forEach(this.outroItem);
@@ -143,13 +153,15 @@ const MdsPushNotification = class {
         this.visible = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '018cec5fec78b7abed252a3acc8a13352f534306' }, index.h("mds-button", { key: 'c96d02897f1fed58ae9d6252d9e53f8023d2c14a', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), index.h("div", { key: 'aabdf019411f23c91a3352ab9bc1a9c8aa02df9e', class: "notifications", part: "notifications" }, index.h("slot", { key: '52e483e93b453f8f860eaba64f4a2223a2eceb38', ref: (el) => (this.slotNotifications = el) }))));
+        return (index.h(index.Host, { key: 'd115a147fe975c346f325931e496bc5a725faca2' }, index.h("mds-button", { key: 'b9155d4e0666827ff1745da75db1595b2b2530aa', variant: "dark", onClick: this.clear }, "Cancella notifiche"), index.h("div", { key: '3d73cddf9bc67c9c4c7e68486c7091cd12979b0c', class: "notifications", part: "notifications" }, index.h("slot", { key: '1a46c225c799b00f02f6e0e44da4a8c490cc6268', ref: (el) => (this.slotNotifications = el) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "visible": ["visibleChanged"]
+        "visible": [{
+                "visibleChanged": 0
+            }]
     }; }
 };
-MdsPushNotification.style = mdsPushNotificationCss;
+MdsPushNotification.style = mdsPushNotificationCss();
 
 exports.mds_push_notification = MdsPushNotification;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsQuoteCss = "@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-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}.open-quote{flex-shrink:0}.quote{display:grid;gap:calc(var(--spacing,.0025rem)*400);-webkit-user-select:all;user-select:all}span{-webkit-user-select:none;user-select:none}: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 mdsQuoteCss = () => `@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-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}.open-quote{flex-shrink:0}.quote{display:grid;gap:calc(var(--spacing,.0025rem)*400);-webkit-user-select:all;user-select:all}span{-webkit-user-select:none;user-select:none}: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 MdsQuote = class {
     constructor(hostRef) {
@@ -17,9 +17,9 @@ const MdsQuote = class {
         this.tag = 'h3';
     }
     render() {
-        return (index.h(index.Host, { key: '26db9230c187400e8df30d1c9300e0a39b4a709f' }, index.h("mds-text", { key: '4a1227b9e6e66376831c457746e26ec0d47b3144', class: "open-quote", tag: "div", typography: this.typography }, index.h("span", { key: '9d6f5ae659999f27d8de5b8e92ee13bdff75244b' }, index.h("i", { key: '89a139df5d605e4695f67a995174a2fbe3ca263b' }, "\u275D\u00A0"))), index.h("div", { key: '73d10c6274ac92bf79f1acdad40c4e7144738b4f', class: "quote" }, index.h("mds-text", { key: '8e6d76eec0ed6ca49b1ce01bdf5448b14c84fc1a', tag: this.tag, typography: this.typography }, index.h("i", { key: 'b7f817a0eda2745607a9c84d77d1059763f3d5e3' }, index.h("slot", { key: '1617cb4cd4ed8dc8608447c49e8872677bf69367' }), index.h("span", { key: '2d9982646e27a1f642d3c62bc4007caab348012e' }, "\u00A0\u275E"))), index.h("slot", { key: '4283ff3a9b4a31cb1e98e88e3ead9aa7e27fedb3', name: "author" }))));
+        return (index.h(index.Host, { key: 'e0461e5b838a8e7db53d39384f327fd843e21eda' }, index.h("mds-text", { key: 'beded9d2cbc0f1a3c723bea0fd7f6068cf7ab27c', class: "open-quote", tag: "div", typography: this.typography }, index.h("span", { key: '351fd3ab34a3416385141a27247334bab07f74e3' }, index.h("i", { key: '4ae64a9448f4a62e0bd70477c67ed64c8d2a40ff' }, "\u275D\u00A0"))), index.h("div", { key: '802b1c82e542f35db1979f2dac7453ca9e861827', class: "quote" }, index.h("mds-text", { key: '9932770037d60dfa3735981e61ef932970b8e25c', tag: this.tag, typography: this.typography }, index.h("i", { key: '369ec5348d4da453780dbb07010e9532efcfc5a4' }, index.h("slot", { key: 'f10a113f38016c56ccd8664197f2fc81f4b4accd' }), index.h("span", { key: 'dc6c06d16515abdcbb988e2334bb6e0994700114' }, "\u00A0\u275E"))), index.h("slot", { key: '9240410db5eae81038a3275087fa0edf04d0ce86', name: "author" }))));
     }
 };
-MdsQuote.style = mdsQuoteCss;
+MdsQuote.style = mdsQuoteCss();
 
 exports.mds_quote = MdsQuote;

package/dist/cjs/mds-radial-menu-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsRadialMenuItemCss = "@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-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s);--mds-radial-menu-item-transition-timing-function:var(--mds-radial-menu-transition-timing-function,var(--ease-out-expo,cubic-bezier(.19,1,.22,1)));--mds-radial-menu-item-delay:0;--mds-radial-menu-item-index:0;display:inline-flex;inset:0;pointer-events:none;position:absolute;transform:scale(0);-webkit-transition-delay:var(--mds-radial-menu-item-delay);transition-delay:var(--mds-radial-menu-item-delay);-webkit-transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-property:translate,transform;-webkit-transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);translate:var(--mds-radial-menu-item-translate)}:host(:hover){z-index:1}.button{border-radius:100%}.tooltip{--mds-tooltip-delay:0;min-width:max-content;width:min-content}";
+const mdsRadialMenuItemCss = () => `@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-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s);--mds-radial-menu-item-transition-timing-function:var(--mds-radial-menu-transition-timing-function,var(--ease-out-expo,cubic-bezier(.19,1,.22,1)));--mds-radial-menu-item-delay:0;--mds-radial-menu-item-index:0;display:inline-flex;inset:0;pointer-events:none;position:absolute;transform:scale(0);-webkit-transition-delay:var(--mds-radial-menu-item-delay);transition-delay:var(--mds-radial-menu-item-delay);-webkit-transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-property:translate,transform;-webkit-transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);translate:var(--mds-radial-menu-item-translate)}:host(:hover){z-index:1}.button{border-radius:100%}.tooltip{--mds-tooltip-delay:0;min-width:max-content;width:min-content}`;
 
 const MdsRadialMenuItem = class {
     constructor(hostRef) {
@@ -15,12 +15,15 @@ const MdsRadialMenuItem = class {
          * Specifies the color variant for the button
          */
         this.variant = 'dark';
+        /**
+         * Specifies the size of the menu item.
+         */
         this.size = 'lg';
     }
     render() {
-        return (index.h(index.Host, { key: '9611b4afe26d59d69b5e934e6048998a5a6b15a1', slot: "item" }, index.h("mds-button", { key: '93984131bf9fe5aafcb1e08e3ceb86df18a2ee39', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (index.h("mds-tooltip", { key: '849a979a53edeca55985f31b88f4e136558fea48', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
+        return (index.h(index.Host, { key: 'aa8e1d03c590ad9efbf6e5090a59f70460782a33', slot: "item" }, index.h("mds-button", { key: '06ca066406df3e40b262bc0ffbbda3cc65c190cf', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (index.h("mds-tooltip", { key: '50a03f527adb6ead0757ea380d31c51943129570', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
     }
 };
-MdsRadialMenuItem.style = mdsRadialMenuItemCss;
+MdsRadialMenuItem.style = mdsRadialMenuItemCss();
 
 exports.mds_radial_menu_item = MdsRadialMenuItem;

package/dist/cjs/mds-radial-menu.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var close = require('./close-BS8N44H4.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var floatingController = require('./floating-controller-DA8xyqCa.js');
@@ -10,7 +10,7 @@ require('./aria-BbJUuU9_.js');
 
 var miBaselineMoreVert = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/></svg>`;
 
-const mdsRadialMenuCss = "@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-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s}}}@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-radial-menu-angle-start{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --mds-radial-menu-angle-end{syntax:\"<angle>\";inherits:false;initial-value:1turn}@property --mds-radial-menu-delay{syntax:\"<time>\";inherits:false;initial-value:10ms}@property --mds-radial-menu-direction{syntax:\"<integer>\";inherits:false;initial-value:-1}@property --mds-radial-menu-radius{syntax:\"<length>\";inherits:false;initial-value:5rem}@property --mds-radial-menu-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}:host{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-filter:blur(8px);--mds-radial-menu-disc-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s;--mds-radial-menu-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-radial-menu-nth-siblings:0;--mds-radial-menu-disc-delay:0s;--mds-radial-menu-disc-scale:0;--mds-radial-menu-radius-current:0;--mds-radial-menu-is-full-circle:1;--mds-radial-menu-is-start-greater-than-end:1;display:inline-flex;position:relative;-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:top,left;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:var(--magma-dropdown-z-index,5000)}:host([direction=clockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*-1)}:host([direction=counterclockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*1)}.menu-button{border-radius:100%;position:relative;transform:scale(1);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:2}:host(:not([opened])) .menu-button--hidden{transform:scale(0)}.radial-menu{inset:0;pointer-events:none;position:absolute;-webkit-transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-property:z-index;z-index:3}:host(:not([opened])) .radial-menu{transition-delay:0s;z-index:1}:host(:not([opened])){--mds-radial-menu-radius-current:0}:host([opened]){--mds-radial-menu-radius-current:var(--mds-radial-menu-radius,5rem)}:host([opened]) ::slotted(mds-radial-menu-item){pointer-events:auto;transform:scale(1)}::slotted(mds-radial-menu-item){--mds-radial-menu-item-offset-per-child:calc((var(--mds-radial-menu-angle-end,360deg) - var(--mds-radial-menu-angle-start,0deg))/(var(--mds-radial-menu-nth-siblings) + var(--mds-radial-menu-is-full-circle)));--mds-radial-menu-item-angle-offset:calc(var(--mds-radial-menu-direction,-1)*var(--mds-radial-menu-item-index)*var(--mds-radial-menu-item-offset-per-child));--mds-radial-menu-item-delay:calc((var(--mds-radial-menu-item-index) + 1)*var(--mds-radial-menu-delay,10ms));--mds-radial-menu-item-translate:calc(cos((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset)))*var(--mds-radial-menu-radius-current))calc(sin((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset)))*var(--mds-radial-menu-radius-current)*-1)}.disc{--size:calc(var(--mds-radial-menu-disc-size,calc(var(--mds-radial-menu-radius,5rem)*2)) + var(--mds-radial-menu-radius,5rem));-webkit-backdrop-filter:var(--mds-radial-menu-disc-filter);backdrop-filter:var(--mds-radial-menu-disc-filter);background-color:var(--mds-radial-menu-disc-background,rgb(var(--tone-neutral,0 0 0)/.5));border-radius:100%;-webkit-box-shadow:var(--mds-radial-menu-disc-shadow);box-shadow:var(--mds-radial-menu-disc-shadow);display:inline-flex;height:var(--size);inset:50%;position:absolute;-webkit-transform:translate(-50%,-50%)scale(var(--mds-radial-menu-disc-scale));transform:translate(-50%,-50%)scale(var(--mds-radial-menu-disc-scale));-webkit-transition-delay:var(--mds-radial-menu-disc-delay);transition-delay:var(--mds-radial-menu-disc-delay);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:height,transform,width;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);width:var(--size);z-index:0}:host(:not([opened][disc])){--mds-radial-menu-disc-scale:0;--mds-radial-menu-disc-delay:calc((var(--mds-radial-menu-nth-siblings) + 1)*var(--mds-radial-menu-delay,10ms))}:host([opened][disc]){--mds-radial-menu-disc-scale:1;--mds-radial-menu-disc-delay:0s}:host([interaction=rightclick]){position:fixed;z-index:var(--mds-radial-menu-context-menu-z-index,var(--magma-context-menu-z-index,8000))}";
+const mdsRadialMenuCss = () => `@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-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s}}}@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-radial-menu-angle-start{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mds-radial-menu-angle-end{syntax:"<angle>";inherits:false;initial-value:1turn}@property --mds-radial-menu-delay{syntax:"<time>";inherits:false;initial-value:10ms}@property --mds-radial-menu-direction{syntax:"<integer>";inherits:false;initial-value:-1}@property --mds-radial-menu-radius{syntax:"<length>";inherits:false;initial-value:5rem}@property --mds-radial-menu-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-filter:blur(8px);--mds-radial-menu-disc-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s;--mds-radial-menu-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-radial-menu-nth-siblings:0;--mds-radial-menu-disc-delay:0s;--mds-radial-menu-disc-scale:0;--mds-radial-menu-radius-current:0;--mds-radial-menu-is-full-circle:1;--mds-radial-menu-is-start-greater-than-end:1;display:inline-flex;position:relative;-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:top,left;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:var(--magma-dropdown-z-index,5000)}:host([direction=clockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*-1)}:host([direction=counterclockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*1)}.menu-button{border-radius:100%;position:relative;transform:scale(1);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:2}:host(:not([opened])) .menu-button--hidden{transform:scale(0)}.radial-menu{inset:0;pointer-events:none;position:absolute;-webkit-transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-property:z-index;z-index:3}:host(:not([opened])) .radial-menu{transition-delay:0s;z-index:1}:host(:not([opened])){--mds-radial-menu-radius-current:0}:host([opened]){--mds-radial-menu-radius-current:var(--mds-radial-menu-radius,5rem)}:host([opened]) ::slotted(mds-radial-menu-item){pointer-events:auto;transform:scale(1)}::slotted(mds-radial-menu-item){--mds-radial-menu-item-offset-per-child:calc((var(--mds-radial-menu-angle-end,360deg) - var(--mds-radial-menu-angle-start,0deg))/(var(--mds-radial-menu-nth-siblings) + var(--mds-radial-menu-is-full-circle)));--mds-radial-menu-item-angle-offset:calc(var(--mds-radial-menu-direction,-1)*var(--mds-radial-menu-item-index)*var(--mds-radial-menu-item-offset-per-child));--mds-radial-menu-item-delay:calc((var(--mds-radial-menu-item-index) + 1)*var(--mds-radial-menu-delay,10ms));--mds-radial-menu-item-translate:calc(cos((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current)) calc(sin((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current) * -1)}.disc{--size:calc(var(--mds-radial-menu-disc-size,calc(var(--mds-radial-menu-radius,5rem) * 2)) + var(--mds-radial-menu-radius,5rem));-webkit-backdrop-filter:var(--mds-radial-menu-disc-filter);backdrop-filter:var(--mds-radial-menu-disc-filter);background-color:var(--mds-radial-menu-disc-background,rgb(var(--tone-neutral,0 0 0)/.5));border-radius:100%;-webkit-box-shadow:var(--mds-radial-menu-disc-shadow);box-shadow:var(--mds-radial-menu-disc-shadow);display:inline-flex;height:var(--size);inset:50%;position:absolute;-webkit-transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));-webkit-transition-delay:var(--mds-radial-menu-disc-delay);transition-delay:var(--mds-radial-menu-disc-delay);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:height,transform,width;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);width:var(--size);z-index:0}:host(:not([opened][disc])){--mds-radial-menu-disc-scale:0;--mds-radial-menu-disc-delay:calc((var(--mds-radial-menu-nth-siblings) + 1)*var(--mds-radial-menu-delay,10ms))}:host([opened][disc]){--mds-radial-menu-disc-scale:1;--mds-radial-menu-disc-delay:0s}:host([interaction=rightclick]){position:fixed;z-index:var(--mds-radial-menu-context-menu-z-index,var(--magma-context-menu-z-index,8000))}`;
 
 const MdsRadialMenu = class {
     constructor(hostRef) {
@@ -121,7 +121,7 @@ const MdsRadialMenu = class {
         this.onInteractionChange(this.interaction);
     }
     disconnectedCallback() {
-        if (!document)
+        if (typeof document === 'undefined')
             return;
         document.removeEventListener('contextmenu', this.toggleRightClickMenu);
     }
@@ -137,7 +137,7 @@ const MdsRadialMenu = class {
         this.handleBackdrop();
     }
     onInteractionChange(newValue) {
-        if (!document)
+        if (typeof document === 'undefined')
             return;
         if (newValue === 'rightclick') {
             document.addEventListener('contextmenu', this.toggleRightClickMenu);
@@ -168,20 +168,36 @@ const MdsRadialMenu = class {
         this.handleBackdrop();
     }
     render() {
-        return (index.h(index.Host, { key: '18679022a9759985a3c518df2d733b94d28473dc' }, index.h("mds-button", { key: '156f0692417d19bc2f9418469d1b011ea5f0f72f', class: clsx.clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? close.miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), index.h("div", { key: '4277fb28c411a3ec3808d46e260e0800fc92eebb', class: "radial-menu", part: "radial-menu" }, index.h("slot", { key: 'ff21f4e1110c14954128ec0e891507ff178fa548', name: "item", onSlotchange: this.updateItems })), index.h("div", { key: 'e5dc3a9fbd3f813721bfdefbbf445fb4b4301995', class: "disc" })));
+        return (index.h(index.Host, { key: 'c17ebeeb32b4986baceb48b61e814c6ca2830caf' }, index.h("mds-button", { key: '7e57c42d3dd0f5067da69c327810f70a31370750', class: clsx.clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? close.miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), index.h("div", { key: '107da816c1d1aba0cd8f660e6911c6e603728747', class: "radial-menu", part: "radial-menu" }, index.h("slot", { key: '67c7f462a71df73038287f5fb5cf1a83eb78bc22', name: "item", onSlotchange: this.updateItems })), index.h("div", { key: '405b0c970a702148029f52c628974f6e38b179df', class: "disc" })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
-        "disc": ["onDiscChanged"],
-        "backdrop": ["backdropChanged"],
-        "interaction": ["onInteractionChange"],
-        "angleStart": ["onAngleStartChange"],
-        "angleEnd": ["onAngleEndChange"],
-        "radius": ["onRadiusChange"],
-        "size": ["onSizeChange"],
-        "opened": ["onOpenedChange"]
+        "disc": [{
+                "onDiscChanged": 0
+            }],
+        "backdrop": [{
+                "backdropChanged": 0
+            }],
+        "interaction": [{
+                "onInteractionChange": 0
+            }],
+        "angleStart": [{
+                "onAngleStartChange": 0
+            }],
+        "angleEnd": [{
+                "onAngleEndChange": 0
+            }],
+        "radius": [{
+                "onRadiusChange": 0
+            }],
+        "size": [{
+                "onSizeChange": 0
+            }],
+        "opened": [{
+                "onOpenedChange": 0
+            }]
     }; }
 };
-MdsRadialMenu.style = mdsRadialMenuCss;
+MdsRadialMenu.style = mdsRadialMenuCss();
 
 exports.mds_radial_menu = MdsRadialMenu;

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsSeparatorCss = "@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-separator-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(: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-separator-background:rgb(var(--tone-neutral-08,107 107 107));background-color:var(--mds-separator-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);display:flex;height:1px}:host-context(:root.pref-theme-dark){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}@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-separator-background:rgb(var(--tone-neutral-07,134 134 134))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}}";
+const mdsSeparatorCss = () => `@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-separator-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(: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-separator-background:rgb(var(--tone-neutral-08,107 107 107));background-color:var(--mds-separator-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-full,1000px);display:flex;height:1px}:host-context(:root.pref-theme-dark){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}@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-separator-background:rgb(var(--tone-neutral-07,134 134 134))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}}`;
 
 const MdsSeparator = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: 'b77bfa637825f2c45736df617eaac64b69427ad0' });
+        return index.h(index.Host, { key: '8056c695f2c418fbcb7041fb5f343a0ce76f80a7' });
     }
 };
-MdsSeparator.style = mdsSeparatorCss;
+MdsSeparator.style = mdsSeparatorCss();
 
 exports.mds_separator = MdsSeparator;