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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 
 const dont$3 = "Δεν επιτρέπεται";
@@ -43,7 +43,7 @@ var localeIt = {
 	warn: warn
 };
 
-const mdsUsageCss = "@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-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));--mds-usage-header-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*0);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);position:relative;transition-duration:.2s;transition-property:background-color,box-shadow,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.label{color:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)))}mds-icon{fill:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)));height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}.header{align-items:center;background-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-bottom-left-radius:calc(var(--spacing,.0025rem)*200);border-bottom-right-radius:calc(var(--spacing,.0025rem)*200);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);height:calc(var(--spacing,.0025rem)*600);justify-self:start;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .badge{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}:host([variant=do]){--mds-usage-border-color:rgb(var(--status-success-05,107 206 147));--mds-usage-header-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-usage-border-color:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103))}:host([variant=dont]){--mds-usage-border-color:rgb(var(--status-error-05,250 165 160));--mds-usage-header-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warn]){--mds-usage-border-color:rgb(var(--status-warning-08,129 96 0));--mds-usage-header-color:rgb(var(--status-warning-02,255 237 185))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){transition-duration:0s}:host-context(:root:not([data-magma-pref])){transition-duration:0s}:host-context(:root:not([data-magma-pref])) .badge{transition-duration:0s}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}}@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-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}";
+const mdsUsageCss = () => `@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-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));--mds-usage-header-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*0);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);position:relative;transition-duration:.2s;transition-property:background-color,box-shadow,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.label{color:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)))}mds-icon{fill:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)));height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}.header{align-items:center;background-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-bottom-left-radius:calc(var(--spacing,.0025rem)*200);border-bottom-right-radius:calc(var(--spacing,.0025rem)*200);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);height:calc(var(--spacing,.0025rem)*600);justify-self:start;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .badge{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}:host([variant=do]){--mds-usage-border-color:rgb(var(--status-success-05,107 206 147));--mds-usage-header-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-usage-border-color:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103))}:host([variant=dont]){--mds-usage-border-color:rgb(var(--status-error-05,250 165 160));--mds-usage-header-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warn]){--mds-usage-border-color:rgb(var(--status-warning-08,129 96 0));--mds-usage-header-color:rgb(var(--status-warning-02,255 237 185))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){transition-duration:0s}:host-context(:root:not([data-magma-pref])){transition-duration:0s}:host-context(:root:not([data-magma-pref])) .badge{transition-duration:0s}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}}@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-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}`;
 
 const MdsUsage = class {
     constructor(hostRef) {
@@ -59,15 +59,18 @@ const MdsUsage = class {
          */
         this.variant = 'info';
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '448aa090854adc543ebd50653234aae486f21037' }, index.h("div", { key: 'be4057f81c86c7accb98a003733af802da34b454', class: "header", part: "header" }, index.h("mds-icon", { key: 'c0264f5e80cf4ef8922f62935592138f0d6de0e9', name: "mi/baseline/info", part: "icon" }), index.h("mds-text", { key: 'a30fa64ebb19c2b0187d664b153ee35dae409293', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), index.h("div", { key: '1d0421d1ec8d2cae52c527db24f4bd30a25bb571', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, index.h("slot", { key: '80c342f0def0b79695703512c70ecf71da61ab3e' }))));
+        return (index.h(index.Host, { key: '3fe417cf16225feff6971a19f708d4bbbe465468' }, index.h("div", { key: '42921cba1e51f1329990ff410ca9b1998479b90a', class: "header", part: "header" }, index.h("mds-icon", { key: '1ef5b13324f37b16812c92d1137cde5674a577ae', name: "mi/baseline/info", part: "icon" }), index.h("mds-text", { key: '554fd00006ffba474cd89a944672181f9434c371', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), index.h("div", { key: 'cbfb026591913fbee7cb49e31f668ffd03b0051f', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, index.h("slot", { key: 'b6922898d370e5ae96bf05c85593428e8ad2f278' }))));
     }
     get element() { return index.getElement(this); }
 };
-MdsUsage.style = mdsUsageCss;
+MdsUsage.style = mdsUsageCss();
 
 exports.mds_usage = MdsUsage;

package/dist/cjs/mds-video-wall.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const mdsVideoWallCss = "@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-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-video-fit:cover}}}@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-video-wall-noise-background-size{syntax:\"auto|<length>\";inherits:false;initial-value:auto}@property --mds-video-wall-video-fit{syntax:\"contain|cover|fill|none|scale-down\";inherits:false;initial-value:cover}:host{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-noise-fitler:none;--mds-video-wall-video-fit:cover;aspect-ratio:var(--aspect-video,16/9);background-color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative}.content{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.content,.noise,video{height:100%;width:100%}.noise,video{inset:0;position:absolute}video{-o-object-fit:var(--mds-video-wall-video-fit,cover);object-fit:var(--mds-video-wall-video-fit,cover);z-index:1}.noise{background-color:var(--mds-video-wall-noise-background-color,rgb(var(--variant-primary-03,211 226 255)/.8));background-size:var(--mds-video-wall-noise-background-size,auto);filter:var(--mds-video-wall-noise-fitler);z-index:2}.noise--classic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=)}.noise--sharp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==)}.noise--soft{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=)}.noise--tv{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC)}:host-context(:root.pref-animation-reduce) video{display:none}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){display:none}:host-context(:root:not([data-magma-pref])) video{display:none}}";
+const mdsVideoWallCss = () => `@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-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-video-fit:cover}}}@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-video-wall-noise-background-size{syntax:"auto|<length>";inherits:false;initial-value:auto}@property --mds-video-wall-video-fit{syntax:"contain|cover|fill|none|scale-down";inherits:false;initial-value:cover}:host{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-noise-fitler:none;--mds-video-wall-video-fit:cover;aspect-ratio:var(--aspect-video,16/9);background-color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative}.content{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.content,.noise,video{height:100%;width:100%}.noise,video{inset:0;position:absolute}video{-o-object-fit:var(--mds-video-wall-video-fit,cover);object-fit:var(--mds-video-wall-video-fit,cover);z-index:1}.noise{background-color:var(--mds-video-wall-noise-background-color,rgb(var(--variant-primary-03,211 226 255)/.8));background-size:var(--mds-video-wall-noise-background-size,auto);filter:var(--mds-video-wall-noise-fitler);z-index:2}.noise--classic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=)}.noise--sharp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==)}.noise--soft{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=)}.noise--tv{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC)}:host-context(:root.pref-animation-reduce) video{display:none}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){display:none}:host-context(:root:not([data-magma-pref])) video{display:none}}`;
 
 const MdsVideoWall = class {
     constructor(hostRef) {
@@ -33,10 +33,10 @@ const MdsVideoWall = class {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '82f1f142c13168968cc0652b21612a6872ba63fe' }, this.noise !== 'none' && (index.h("div", { key: 'a6f179747d63769ec0780986754d9bd04579c39d', "aria-hidden": "true", class: clsx.clsx('noise', `noise--${this.noise}`) })), index.h("video", { key: 'b6d9b4d16a414594624c3bbf6b3c6059538c99de', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, index.h("slot", { key: '3667c4c9bc1bb1cb28dd42ef0e71841fcbc92013' })), this.hasContent && (index.h("div", { key: 'a7173bd4b5306bbbada4d875fcbc25ba1702839a', class: "content" }, index.h("slot", { key: '6f5a6425717d2ee622f53055ac3c4633392110b4', name: "content" })))));
+        return (index.h(index.Host, { key: '0a933dddb8d907e76b6fce5b2299f0ebe604e019' }, this.noise !== 'none' && (index.h("div", { key: 'd87ad1ae5f923b319006211fc653bd15eb7cecea', "aria-hidden": "true", class: clsx.clsx('noise', `noise--${this.noise}`) })), index.h("video", { key: 'c10fd33395a9ff296a93750d089005000ef68e3d', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, index.h("slot", { key: '552250bcc5f1ea12bcf6f1db4756e9f6f83f7788' })), this.hasContent && (index.h("div", { key: '4016232546d9e8afdfe632a34d020d0c5e0a9460', class: "content" }, index.h("slot", { key: '212470d9c24011d120d237e8f1d589c95d25112c', name: "content" })))));
     }
     get hostElement() { return index.getElement(this); }
 };
-MdsVideoWall.style = mdsVideoWallCss;
+MdsVideoWall.style = mdsVideoWallCss();
 
 exports.mds_video_wall = MdsVideoWall;

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsZeroCss = "@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-zero-contents-max-width:none;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-zero-contents-max-width{syntax:\"<length>|none\";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;border-radius:var(--radius-xl,20px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);transition-duration:.2s;transition-property:box-shadow,background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host .contents{display:flex;flex-direction:column;max-width:var(--mds-zero-contents-max-width,none);place-items:center;text-align:center}:host .actions{display:flex;gap:calc(var(--spacing,.0025rem)*200);place-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}: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 --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@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]))){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}";
+const mdsZeroCss = () => `@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-zero-contents-max-width:none;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-zero-contents-max-width{syntax:"<length>|none";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;border-radius:var(--radius-xl,20px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);transition-duration:.2s;transition-property:box-shadow,background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host .contents{display:flex;flex-direction:column;max-width:var(--mds-zero-contents-max-width,none);place-items:center;text-align:center}:host .actions{display:flex;gap:calc(var(--spacing,.0025rem)*200);place-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}: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 --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@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]))){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}`;
 
 const MdsZero = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d' }, index.h("slot", { key: 'b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33' }), index.h("div", { key: '06800749b5440e93d5d258aa71610ebc17841624', class: "contents", part: "contents" }, index.h("slot", { key: '802d32def4e717b196e0fa1d4666d316107ef04c', name: "content" })), index.h("footer", { key: '0da9f38014efaef387026489b81050360af244e7', class: "actions", part: "actions" }, index.h("slot", { key: '91f9ec1a9a3ace90eb721768d0e54600d057cf1d', name: "action" }))));
+        return (index.h(index.Host, { key: '5fc07df830baec28cfb023dcd6bae81cc184c294' }, index.h("slot", { key: '7823c19de6bcb12f9818522bc8f304597bfcfebe' }), index.h("div", { key: '4d6c145da8e8bf866dd29b3c9367b75c5bbf212c', class: "contents", part: "contents" }, index.h("slot", { key: '10a9baa24dd9b3b440b73dec22e10a7ff9a20749', name: "content" })), index.h("footer", { key: '69e92dfefd828457aa67f148c62c6570b3b7e2f4', class: "actions", part: "actions" }, index.h("slot", { key: '9cf15fcf22c0f61f1004305963685fe76d6685ed', name: "action" }))));
     }
 };
-MdsZero.style = mdsZeroCss;
+MdsZero.style = mdsZeroCss();
 
 exports.mds_zero = MdsZero;

package/dist/collection/collection-manifest.json

@@ -115,10 +115,11 @@
     "components/mds-video-wall/mds-video-wall.js",
     "components/mds-zero/mds-zero.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.3",
-    "typescriptVersion": "5.9.3"
+    "version": "4.43.5",
+    "typescriptVersion": "5.8.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/mds-accordion/mds-accordion.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `mds-accordion-item` element/s.
+ * @slot - Add `mds-accordion-item` element/s.
  */
 export class MdsAccordion {
     constructor() {
@@ -51,7 +51,7 @@ export class MdsAccordion {
         this.changedChildrenHandler(event);
     }
     render() {
-        return (h(Host, { key: 'b0bb67801baf50bffd334901368ec18aceb9c677' }, h("slot", { key: 'babdb382cf841a21db5099025ddfb293265a5503' })));
+        return (h(Host, { key: 'c3abd999f46ae45f2ba929c1719a04b2f6e57e62' }, h("slot", { key: '368b026625a477dfc337b5d9b56ee6e01eef15ce' })));
     }
     static get is() { return "mds-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -127,7 +127,8 @@ export class MdsAccordion {
                         "MdsAccordionEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail"
+                            "id": "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail",
+                            "referenceLocation": "MdsAccordionEventDetail"
                         }
                     }
                 }

package/dist/collection/components/mds-accordion-item/mds-accordion-item.js

@@ -1,7 +1,7 @@
 import miBaselineKeyboardArrowRight from "@icon/mi/baseline/keyboard-arrow-right.svg";
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add contents like `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add contents like `text string`, `HTML elements` or `components` to this slot.
  * @part content - the content wrapper of the `default` slot
  * @part icon - The arrow icon of the component
  * @part label - The text label of the component
@@ -23,7 +23,7 @@ export class MdsAccordionItem {
         };
     }
     render() {
-        return (h(Host, { key: 'bbbd0e2fb054337847f318e13bff5a9d5f836f12' }, h("button", { key: 'e32a97a11a080c26c9783e7f9653c7df5bd46c98', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'd66dc3923030828e734bd0b31021980dc2de5a97', typography: this.typography, part: "label" }, this.label), h("mds-text", { key: 'fb7b0ca39023ddf53bad7edf68464d62f6f0caa7', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: 'df38dae6c7d8f27ca4e000bc8bc18a9f8575f76c', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: '8a932338cd7b4c87dca040d3730edbddfd1770d9', class: "content", id: "content" }, h("div", { key: '7314748049721c8c9c243e3135545e5265f9493e', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, h("slot", { key: '512b542a030897e6611612ae100e6b5f200f1e4a' })))));
+        return (h(Host, { key: '70cbd276fd2552fa643a9297ca91479835a3669a' }, h("button", { key: '80f2fe79c0c3516330949615ab76e30d76c553c8', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '1709a57f269dc53e3530d17e37984d3a90991ec3', typography: this.typography, part: "label" }, this.label), h("mds-text", { key: 'd9c01a62a36a9a8930b228cc748e7527d8c927bd', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '80ecf7c41a6c8ee7a7d7793836466496e6c35149', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: '43617c689361b7748b588af64e4e209f43788f8e', class: "content", id: "content" }, h("div", { key: 'ee082641d530d31c12e5f0e52464fb64c38ad572', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, h("slot", { key: '9499ce48fce9fa821ba339c08226c74eea72b63f' })))));
     }
     static get is() { return "mds-accordion-item"; }
     static get encapsulation() { return "shadow"; }
@@ -49,7 +49,8 @@ export class MdsAccordionItem {
                         "TypographyTitleType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTitleType"
+                            "id": "src/type/typography.ts::TypographyTitleType",
+                            "referenceLocation": "TypographyTitleType"
                         }
                     }
                 },
@@ -123,7 +124,8 @@ export class MdsAccordionItem {
                         "MdsAccordionItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail"
+                            "id": "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail",
+                            "referenceLocation": "MdsAccordionItemEventDetail"
                         }
                     }
                 }
@@ -144,7 +146,8 @@ export class MdsAccordionItem {
                         "MdsAccordionItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail"
+                            "id": "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail",
+                            "referenceLocation": "MdsAccordionItemEventDetail"
                         }
                     }
                 }
@@ -165,7 +168,8 @@ export class MdsAccordionItem {
                         "MdsAccordionItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail"
+                            "id": "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail",
+                            "referenceLocation": "MdsAccordionItemEventDetail"
                         }
                     }
                 }

package/dist/collection/components/mds-accordion-timer/mds-accordion-timer.js

@@ -1,6 +1,6 @@
 import { Host, h, } from "@stencil/core";
 /**
- * @slot default - Add `mds-accordion-timer-item` element/s.
+ * @slot - Add `mds-accordion-timer-item` element/s.
  */
 export class MdsAccordionTimer {
     constructor() {
@@ -101,7 +101,7 @@ export class MdsAccordionTimer {
     }
     onClickSelect(event) {
         this.clearIntervals();
-        if (this.selectedItem) {
+        if (this.selectedItem != null) {
             this.selectedItem.progress = 0;
         }
         this.setSelectedItem(event.detail.uuid);
@@ -111,7 +111,7 @@ export class MdsAccordionTimer {
     onSelect(event) {
         this.clearIntervals();
         this.paused = false;
-        if (this.selectedItem) {
+        if (this.selectedItem != null) {
             this.selectedItem.progress = 0;
         }
         this.setSelectedItem(event.detail.uuid);
@@ -139,7 +139,7 @@ export class MdsAccordionTimer {
         this.playTimer();
     }
     render() {
-        return (h(Host, { key: '83fbaf714fd50567fb7c035fb6344bea5fc55935' }, h("slot", { key: '3106401fa285586903177765544a76b976b5fd8e' })));
+        return (h(Host, { key: '6801e67ac8d8235b3c8610787fcddc6223123284' }, h("slot", { key: 'd9c3bebad4f570777a2d64a4ccfad242b22fd1e0' })));
     }
     static get is() { return "mds-accordion-timer"; }
     static get encapsulation() { return "shadow"; }
@@ -219,7 +219,8 @@ export class MdsAccordionTimer {
                         "MdsAccordionTimerEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-timer/meta/event-detail.ts::MdsAccordionTimerEventDetail"
+                            "id": "src/components/mds-accordion-timer/meta/event-detail.ts::MdsAccordionTimerEventDetail",
+                            "referenceLocation": "MdsAccordionTimerEventDetail"
                         }
                     }
                 }

package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js

@@ -1,7 +1,7 @@
 import miBaselineKeyboardArrowRight from "@icon/mi/baseline/keyboard-arrow-right.svg";
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add content like `text string`, `HTML elements` or `components` to this slot
+ * @slot - Add content like `text string`, `HTML elements` or `components` to this slot
  * @part content - the content wrapper of the `default` slot
  * @part icon - The arrow icon of the component
  * @part label - The text label of the component
@@ -55,7 +55,7 @@ export class MdsAccordionTimerItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e60d0ab86bb47b64dc7b21bdae10c8ed11e902b5', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: 'fc6012667a251010fc868b9dd1c8b0603a4f5ce0', class: "row" }, h("mds-progress", { key: 'a2b5695c093e6c9068f6ef5daba855066336e27a', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", size: "sm", part: "progress" }), h("div", { key: 'ef96dd04f956cb2337d19b745c2d4126afdcfbd0', class: "accordion" }, h("button", { key: '513aeb07bbbfdc9731d4ee9c859f9dc6286d000c', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '29b009883c56c52530331593da726840774c5453', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '98d4ddd516f761e279c6844023dfd133f43c3f70', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '99c14644569f3a0900322b898224aaf15eeb33b7', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: '964bb74ed0704a92d5a493d733ead61789e4e8f3', class: "content", id: "content" }, h("div", { key: 'd0023fb03a93a3e12a5e1c1e4e1d7af5d378e5cd', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'ce44bbbbbcef87d2d634d60d060f86b51dcfeb92' })))))));
+        return (h(Host, { key: '2a267905abe7323573c9ba374f876877a4d7d708', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '96fcad4d326cc0cdee6003e874b267b05302d535', class: "row" }, h("mds-progress", { key: 'ac8f0ef04501960d4a90e2249cd72cfaecc4178d', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", size: "sm", part: "progress" }), h("div", { key: '7550b2107ad942448f6da6e3116174ad2067b257', class: "accordion" }, h("button", { key: '084c9f9bd12d5aca2422a64bcea440c248cf1a00', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'd5b1d6961ab7b27ef837fd0180bb253885a58aba', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: 'baac8e278b04ebabc01a434451a367df848cd692', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '835a41cd2c377aeff1c489aedad1a2b84651fcfe', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: 'e48c87aeb25bb8d7fc33335978ff17ffd07f1577', class: "content", id: "content" }, h("div", { key: '4d3b60411f38078738cdc9b6cb4d5b14316391d3', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'e474417107b3705901dfe539ce8860d66f4c19b6' })))))));
     }
     static get is() { return "mds-accordion-timer-item"; }
     static get encapsulation() { return "shadow"; }
@@ -81,7 +81,8 @@ export class MdsAccordionTimerItem {
                         "TypographyTitleType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTitleType"
+                            "id": "src/type/typography.ts::TypographyTitleType",
+                            "referenceLocation": "TypographyTitleType"
                         }
                     }
                 },
@@ -215,7 +216,8 @@ export class MdsAccordionTimerItem {
                         "MdsAccordionTimerItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail"
+                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail",
+                            "referenceLocation": "MdsAccordionTimerItemEventDetail"
                         }
                     }
                 }
@@ -236,7 +238,8 @@ export class MdsAccordionTimerItem {
                         "MdsAccordionTimerItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail"
+                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail",
+                            "referenceLocation": "MdsAccordionTimerItemEventDetail"
                         }
                     }
                 }
@@ -257,7 +260,8 @@ export class MdsAccordionTimerItem {
                         "MdsAccordionTimerItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail"
+                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail",
+                            "referenceLocation": "MdsAccordionTimerItemEventDetail"
                         }
                     }
                 }
@@ -278,7 +282,8 @@ export class MdsAccordionTimerItem {
                         "MdsAccordionTimerItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail"
+                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail",
+                            "referenceLocation": "MdsAccordionTimerItemEventDetail"
                         }
                     }
                 }

package/dist/collection/components/mds-author/mds-author.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot. Insert author information, name, role or other useful author infos.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot. Insert author information, name, role or other useful author infos.
  * @slot avatar - Insert an avatar image, it is **recommended** to add `mds-avatar` element.
  */
 export class MdsAuthor {
@@ -8,7 +8,7 @@ export class MdsAuthor {
         this.hasAvatar = this.hostElement.querySelector(':scope > [slot="avatar"]') !== null;
     }
     render() {
-        return (h(Host, { key: '5c5f497c1206c82632d9f1d43e654dcff7182078' }, this.hasAvatar && (h("div", { key: '96373e67f2d0bf1b8b95fccb0d769160314d2329', class: "avatar" }, h("slot", { key: '9c688c746f9f9e29ca9b5b87924d2e470190ab04', name: "avatar" }))), h("div", { key: 'e4b9ad107b06481bdefe107b088c28eeeffaf9c2', class: "info" }, h("slot", { key: 'cf278792b4d32d854ef522476cd3e93a4a2182df' }))));
+        return (h(Host, { key: '2b0e6730cb3fb2d7881f527430d2b04a0705fd1b' }, this.hasAvatar && (h("div", { key: 'ee84a202caf229318c122be05abd703a0a7a7719', class: "avatar" }, h("slot", { key: 'd9b69db0285af31444ca333d948eecf36445539b', name: "avatar" }))), h("div", { key: '6a51cca8c63a1967e79a464b846f09d9966055bd', class: "info" }, h("slot", { key: '65e3f059c8d4e5e432b0990ffaa41197fd8186ff' }))));
     }
     static get is() { return "mds-author"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-avatar/mds-avatar.js

@@ -65,7 +65,7 @@ export class MdsAvatar {
                 this.removeFontResize();
         };
         this.checkInitialsVariant = () => {
-            if (this.initials) {
+            if (this.initials !== undefined && this.initials !== '') {
                 let cleanedInitials = this.initials
                     .toLowerCase()
                     .replace(/[^a-zA-Z0-9]+/g, '')
@@ -87,10 +87,10 @@ export class MdsAvatar {
         if (this.src !== undefined) {
             this.loaded = false;
         }
-        if (this.initials) {
+        if (this.initials !== undefined && this.initials !== '') {
             this.checkText(this.initials);
         }
-        if (this.count) {
+        if (this.count !== undefined && this.count !== 0 && !Number.isNaN(this.count)) {
             this.checkText(this.count.toString());
         }
     }
@@ -98,9 +98,9 @@ export class MdsAvatar {
         if (this.textChanged) {
             // placed here becase @Watch('initials') is fired
             // BEFORE the element .fit is attached on shDOM
-            if (this.initials)
+            if (this.initials !== undefined && this.initials !== '')
                 this.checkText(this.initials);
-            if (this.count)
+            if (this.count !== undefined && this.count !== 0 && !Number.isNaN(this.count))
                 this.checkText(this.count.toString());
             this.textChanged = false;
         }
@@ -124,12 +124,31 @@ export class MdsAvatar {
         }
     }
     render() {
-        return (h(Host, { key: 'dcb0ca706de79f07684daea4efee5d1a69e43494' }, h("div", { key: '784a3d4ed4cbb382c7091894ed15664e38d82979', class: clsx('avatar', this.initials && !this.fallback && !this.src && 'avatar--initials', (this.fallback || (!this.icon && !this.initials && !this.src)) && 'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials && !this.count && !this.fallback && !this.src && (h("div", { key: '8ed5b7a608b1ff8b6e36947d8069c4a4932b8dca', class: "initials-text" }, h("span", { key: '6438aafad3d6f87081c56d61838a1e4cbaf23351', class: "fit" }, this.initials.substring(0, 2)))), this.count && !this.fallback && !this.src && (h("div", { key: 'c00430118c9adc6fed1ac3480b41854bfe9a2029', class: "initials-text" }, h("span", { key: '671ca6880e8c8e337efcf4266a3caca3d93910ce', class: "fit" }, "+", this.count))), this.src && !this.count && !this.fallback && !this.icon && (h("mds-img", { key: '290236542764aa0eff224bef9093931d3a6cc650', class: "image", loading: "lazy", onMdsImgLoadError: () => {
+        return (h(Host, { key: '07722662312e0060753fac4b5db088d291fd4e44' }, h("div", { key: 'deea787618ef936db82200106b9a7cc06f59cb07', class: clsx('avatar', this.initials &&
+                !this.fallback &&
+                (this.src === undefined || this.src === '') &&
+                'avatar--initials', (this.fallback ||
+                ((this.icon === undefined || this.icon === '') &&
+                    (this.initials === undefined || this.initials === '') &&
+                    (this.src === undefined || this.src === ''))) &&
+                'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+            !this.fallback &&
+            (this.src === undefined || this.src === '') && (h("div", { key: '5373fafa0241fd295c12ca0349a86b221de5ae7a', class: "initials-text" }, h("span", { key: 'd771f1f77354bdd0daf3fee4e124bcac2b8c92ed', class: "fit" }, this.initials.substring(0, 2)))), this.count && !this.fallback && (this.src === undefined || this.src === '') && (h("div", { key: 'e7e0ba534f34c0cff2f79224a5ffdde499345aa8', class: "initials-text" }, h("span", { key: '4150adcaeed46edfe4a739bc894b712c394e9bf4', class: "fit" }, "+", this.count))), this.src &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+            !this.fallback &&
+            (this.icon === undefined || this.icon === '') && (h("mds-img", { key: '1fae5e0e557de2adaa52f9cddcabd8cf8d0dd236', class: "image", loading: "lazy", onMdsImgLoadError: () => {
                 this.loaded = true;
                 this.fallback = true;
             }, onMdsImgLoadSuccess: () => {
                 this.loaded = true;
-            }, part: "media", src: this.src })), this.icon && !this.initials && !this.count && (h("mds-icon", { key: '1a0a2d01fb411772a00891e3a420310118145025', class: "icon", part: "icon", name: this.icon })), (this.fallback || (!this.icon && !this.initials && !this.count && !this.src)) && (h("i", { key: '2e41fa86a08a034ce59ff64e8d95a3b837c645ee', class: "fallback-icon", innerHTML: miBaselinePerson })))));
+            }, part: "media", src: this.src })), this.icon &&
+            (this.initials === undefined || this.initials === '') &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) && (h("mds-icon", { key: 'ada49c8dde83c842fc9e73f85d09ff8ce1d680e8', class: "icon", part: "icon", name: this.icon })), (this.fallback ||
+            ((this.icon === undefined || this.icon === '') &&
+                (this.initials === undefined || this.initials === '') &&
+                (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+                (this.src === undefined || this.src === ''))) && (h("i", { key: '86182aed0f562e731682e465ee5c33df43fa5b0f', class: "fallback-icon", innerHTML: miBaselinePerson })))));
     }
     static get is() { return "mds-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -234,7 +253,8 @@ export class MdsAvatar {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -259,7 +279,8 @@ export class MdsAvatar {
                         "ThemeFullVariantAvatarType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType"
+                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType",
+                            "referenceLocation": "ThemeFullVariantAvatarType"
                         }
                     }
                 },

package/dist/collection/components/mds-avatar-stack/mds-avatar-stack.js

@@ -1,10 +1,13 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot - Add `mds-avatar-stack-item` elements to display in the stack.
+ */
 export class MdsAvatarStack {
     componentWillLoad() {
         this.items = this.host.querySelectorAll(':scope > mds-avatar-stack-item');
     }
     render() {
-        return (h(Host, { key: 'e57b0bdda7fe40f3c914df1e2954985f5b124560' }, h("slot", { key: '05586f1f84de3e29fb66290c2bf44b8608154aa4' }), this.total !== undefined && this.total - this.items.length > 0 && (h("mds-avatar-stack-item", { key: 'd24631df49ea987384eb30e85bcfc07f20d41698', count: this.total - this.items.length }))));
+        return (h(Host, { key: 'a60bd68436a0006d48b550bdc7f9e134824c8ca6' }, h("slot", { key: '9c600bfcf5b2baf490d431a75820b8d8d1bb4b9e' }), this.total !== undefined && this.total - this.items.length > 0 && (h("mds-avatar-stack-item", { key: '6164b8f843f4455e83ff57391da3ddbf9840881b', count: this.total - this.items.length }))));
     }
     static get is() { return "mds-avatar-stack"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +33,8 @@ export class MdsAvatarStack {
                         "AvatarSizeType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-avatar-stack/meta/types.ts::AvatarSizeType"
+                            "id": "src/components/mds-avatar-stack/meta/types.ts::AvatarSizeType",
+                            "referenceLocation": "AvatarSizeType"
                         }
                     }
                 },

package/dist/collection/components/mds-avatar-stack-item/mds-avatar-stack-item.js

@@ -7,7 +7,7 @@ export class MdsAvatarStackItem {
         this.tone = 'weak';
     }
     render() {
-        return (h(Host, { key: '0626ca208c46043a55b76069f8c0c8de4a91f467' }, h("mds-avatar", { key: '376af8e3683bd2c4f19aa5c38728ca5e59ff4f57', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
+        return (h(Host, { key: '8ad5051f47c51387c968570afd0934423f8c48dd' }, h("mds-avatar", { key: '6b51faaa7960a47e919d0b486f2418d8d6acceb6', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
     }
     static get is() { return "mds-avatar-stack-item"; }
     static get encapsulation() { return "shadow"; }
@@ -90,7 +90,8 @@ export class MdsAvatarStackItem {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -116,7 +117,8 @@ export class MdsAvatarStackItem {
                         "ThemeFullVariantAvatarType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType"
+                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType",
+                            "referenceLocation": "ThemeFullVariantAvatarType"
                         }
                     }
                 },

package/dist/collection/components/mds-badge/mds-badge.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 import { readSlottedLabel, sanitizeLabel } from "../../common/slot";
 /**
- * @slot default - **Deprecated**, use the `label` property instead. Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - **Deprecated**, use the `label` property instead. Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  */
 export class MdsBadge {
     constructor() {
@@ -19,7 +19,7 @@ export class MdsBadge {
         this.typography = 'option';
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = readSlottedLabel(this.host);
         };
@@ -28,7 +28,7 @@ export class MdsBadge {
         this.label = sanitizeLabel(newValue);
     }
     render() {
-        return (h(Host, { key: 'bed5c0dccff0e7e796e7e5e76efe25d8330dec2c' }, h("mds-text", { key: 'b9fc73764d75faa0d3102a622b3ecc4d8392c613', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || h("slot", { key: 'd8d0e54393b72cc270574e00197cdc703bff3d0a', onSlotchange: this.onSlotChangeHandler }))));
+        return (h(Host, { key: '1c990216eae1dd3ad54815cd9ce69cf06bac9d19' }, h("mds-text", { key: '32185147bbdec26ce093679d8162482710782f61', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || h("slot", { key: 'b3ce51b1012d918804f37a0a765fd23c081d4e26', onSlotchange: this.onSlotChangeHandler }))));
     }
     static get is() { return "mds-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -73,7 +73,8 @@ export class MdsBadge {
                         "ThemeFullVariantType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeFullVariantType"
+                            "id": "src/type/variant.ts::ThemeFullVariantType",
+                            "referenceLocation": "ThemeFullVariantType"
                         }
                     }
                 },
@@ -99,7 +100,8 @@ export class MdsBadge {
                         "ToneSmartVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneSmartVariantType"
+                            "id": "src/type/tone.ts::ToneSmartVariantType",
+                            "referenceLocation": "ToneSmartVariantType"
                         }
                     }
                 },
@@ -125,7 +127,8 @@ export class MdsBadge {
                         "TypographyLabelType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyLabelType"
+                            "id": "src/type/typography.ts::TypographyLabelType",
+                            "referenceLocation": "TypographyLabelType"
                         }
                     }
                 },