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

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

@@ -1,78 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './mds-avatar2.js';
-import { d as defineCustomElement$5 } from './mds-button2.js';
-import { d as defineCustomElement$4 } from './mds-icon2.js';
-import { d as defineCustomElement$3 } from './mds-img2.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const mdsAvatarStackItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5)}*,::backdrop,:after,:before{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar: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-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,calc(var(--spacing,.0025rem)*1500));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,calc(var(--spacing,.0025rem)*1200));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,calc(var(--spacing,.0025rem)*900));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5);--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75));--mds-avatar-stack-item-offset-margin:calc(var(--mds-avatar-stack-item-size)/var(--mds-avatar-stack-item-offset));display:inline-flex;height:var(--mds-avatar-stack-item-size);position:relative;width:var(--mds-avatar-stack-item-size)}:host(:not(:first-child)){margin-left:calc(var(--mds-avatar-stack-item-size)*-1 - var(--mds-avatar-stack-item-offset-margin)*-1)}.avatar{border:var(--mds-avatar-stack-item-border)solid var(--mds-avatar-stack-item-background,var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0))));box-sizing:border-box;height:var(--mds-avatar-stack-item-size);min-width:var(--mds-avatar-stack-item-size);position:absolute;width:var(--mds-avatar-stack-item-size)}:host([count]) .avatar{--mds-avatar-background-color:var(--mds-avatar-stack-item-count-background-color,var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76))));--mds-avatar-color:var(--mds-avatar-stack-item-count-color,var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218))))}:host-context(mds-avatar-stack[size=sm]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-sm-size,var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-sm-border,var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-sm-offset,var(--mds-avatar-stack-sm-offset,1.5))}:host-context(mds-avatar-stack[size=md]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-md-border,var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75))}:host-context(mds-avatar-stack[size=lg]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-lg-size,var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-lg-border,var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-lg-offset,var(--mds-avatar-stack-lg-offset,2))}";
-
-const MdsAvatarStackItem = /*@__PURE__*/ proxyCustomElement(class MdsAvatarStackItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies the color tone of the component
-         */
-        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 })));
-    }
-    static get style() { return mdsAvatarStackItemCss; }
-}, [257, "mds-avatar-stack-item", {
-        "count": [514],
-        "initials": [1537],
-        "src": [513],
-        "tone": [513],
-        "variant": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-avatar-stack-item", "mds-avatar", "mds-button", "mds-icon", "mds-img", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-avatar-stack-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsAvatarStackItem);
-            }
-            break;
-        case "mds-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-img":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsAvatarStackItem as M, defineCustomElement as d };
+import{proxyCustomElement as a,HTMLElement as t,h as s,Host as r,transformTag as e}from"@stencil/core/internal/client";import{d as m}from"./mds-avatar2.js";import{d as o}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d}from"./mds-img2.js";import{d as c}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tone="weak"}render(){return s(r,{key:"8ad5051f47c51387c968570afd0934423f8c48dd"},s("mds-avatar",{key:"6b51faaa7960a47e919d0b486f2418d8d6acceb6",class:"avatar",count:this.count,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5)}*,::backdrop,:after,:before{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar: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-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,calc(var(--spacing,.0025rem)*1500));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,calc(var(--spacing,.0025rem)*1200));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,calc(var(--spacing,.0025rem)*900));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5);--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75));--mds-avatar-stack-item-offset-margin:calc(var(--mds-avatar-stack-item-size)/var(--mds-avatar-stack-item-offset));display:inline-flex;height:var(--mds-avatar-stack-item-size);position:relative;width:var(--mds-avatar-stack-item-size)}:host(:not(:first-child)){margin-left:calc(var(--mds-avatar-stack-item-size)*-1 - var(--mds-avatar-stack-item-offset-margin)*-1)}.avatar{border:var(--mds-avatar-stack-item-border) solid var(--mds-avatar-stack-item-background,var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0))));box-sizing:border-box;height:var(--mds-avatar-stack-item-size);min-width:var(--mds-avatar-stack-item-size);position:absolute;width:var(--mds-avatar-stack-item-size)}:host([count]) .avatar{--mds-avatar-background-color:var(--mds-avatar-stack-item-count-background-color,var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76))));--mds-avatar-color:var(--mds-avatar-stack-item-count-color,var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218))))}:host-context(mds-avatar-stack[size=sm]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-sm-size,var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-sm-border,var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-sm-offset,var(--mds-avatar-stack-sm-offset,1.5))}:host-context(mds-avatar-stack[size=md]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-md-border,var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75))}:host-context(mds-avatar-stack[size=lg]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-lg-size,var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-lg-border,var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-lg-offset,var(--mds-avatar-stack-lg-offset,2))}"}},[1,"mds-avatar-stack-item",{count:[514],initials:[1537],src:[513],tone:[513],variant:[513]}]);function k(){"undefined"!=typeof customElements&&["mds-avatar-stack-item","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar-stack-item":customElements.get(e(a))||customElements.define(e(a),n);break;case"mds-avatar":customElements.get(e(a))||m();break;case"mds-button":customElements.get(e(a))||o();break;case"mds-icon":customElements.get(e(a))||i();break;case"mds-img":customElements.get(e(a))||d();break;case"mds-spinner":customElements.get(e(a))||c();break;case"mds-text":customElements.get(e(a))||v()}}))}export{n as M,k as d}

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

@@ -1,84 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$8 } from './mds-avatar2.js';
-import { d as defineCustomElement$7 } from './mds-avatar-stack-item2.js';
-import { d as defineCustomElement$6 } from './mds-button2.js';
-import { d as defineCustomElement$5 } from './mds-icon2.js';
-import { d as defineCustomElement$4 } from './mds-img2.js';
-import { d as defineCustomElement$3 } from './mds-spinner2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const mdsAvatarStackCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-stack-lg-offset{syntax:\"<integer>\";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:\"<number>\";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:\"<number>\";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}";
-
-const MdsAvatarStack$1 = /*@__PURE__*/ proxyCustomElement(class MdsAvatarStack extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    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 }))));
-    }
-    get host() { return this; }
-    static get style() { return mdsAvatarStackCss; }
-}, [257, "mds-avatar-stack", {
-        "size": [513],
-        "total": [514]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-avatar-stack", "mds-avatar", "mds-avatar-stack-item", "mds-button", "mds-icon", "mds-img", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-avatar-stack":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsAvatarStack$1);
-            }
-            break;
-        case "mds-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "mds-avatar-stack-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-img":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsAvatarStack = MdsAvatarStack$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsAvatarStack, defineCustomElement };
+import{proxyCustomElement as a,HTMLElement as t,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{d as m}from"./mds-avatar2.js";import{d as o}from"./mds-avatar-stack-item2.js";import{d as n}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d as c}from"./mds-img2.js";import{d}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const v=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.items=this.host.querySelectorAll(":scope > mds-avatar-stack-item")}render(){return s(e,{key:"a60bd68436a0006d48b550bdc7f9e134824c8ca6"},s("slot",{key:"9c600bfcf5b2baf490d431a75820b8d8d1bb4b9e"}),void 0!==this.total&&this.total-this.items.length>0&&s("mds-avatar-stack-item",{key:"6164b8f843f4455e83ff57391da3ddbf9840881b",count:this.total-this.items.length}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-stack-lg-offset{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:"<number>";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:"<number>";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}'}},[257,"mds-avatar-stack",{size:[513],total:[514]}]),b=v,u=function(){"undefined"!=typeof customElements&&["mds-avatar-stack","mds-avatar","mds-avatar-stack-item","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar-stack":customElements.get(r(a))||customElements.define(r(a),v);break;case"mds-avatar":customElements.get(r(a))||m();break;case"mds-avatar-stack-item":customElements.get(r(a))||o();break;case"mds-button":customElements.get(r(a))||n();break;case"mds-icon":customElements.get(r(a))||i();break;case"mds-img":customElements.get(r(a))||c();break;case"mds-spinner":customElements.get(r(a))||d();break;case"mds-text":customElements.get(r(a))||l()}}))};export{b as MdsAvatarStack,u as defineCustomElement}

package/dist/components/mds-avatar.js

@@ -1,6 +1 @@
-import { M as MdsAvatar$1, d as defineCustomElement$1 } from './mds-avatar2.js';
-
-const MdsAvatar = MdsAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsAvatar, defineCustomElement };
+import{M as a,d as s}from"./mds-avatar2.js";const o=a,r=s;export{o as MdsAvatar,r as defineCustomElement}

package/dist/components/mds-avatar2.js

@@ -1,246 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { d as defineCustomElement$5 } from './mds-button2.js';
-import { d as defineCustomElement$4 } from './mds-icon2.js';
-import { d as defineCustomElement$3 } from './mds-img2.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-var fitty_min$1 = {exports: {}};
-
-/**
- * fitty v2.4.2 - Snugly resizes text to fit its parent container
- * Copyright (c) 2023 Rik Schennink <rik@pqina.nl> (https://pqina.nl/)
- */
-var fitty_min = fitty_min$1.exports;
-
-var hasRequiredFitty_min;
-
-function requireFitty_min () {
-	if (hasRequiredFitty_min) return fitty_min$1.exports;
-	hasRequiredFitty_min = 1;
-	(function (module, exports) {
-		!function(e,t){module.exports=t();}(fitty_min,(function(){return function(e){if(e){var t=function(e){return [].slice.call(e)},n=0,i=1,r=2,o=3,l=[],u=null,a="requestAnimationFrame"in e?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:false};e.cancelAnimationFrame(u);var n=function(){return s(l.filter((function(e){return e.dirty&&e.active})))};if(t.sync)return n();u=e.requestAnimationFrame(n);}:function(){},c=function(e){return function(t){l.forEach((function(t){return t.dirty=e})),a(t);}},s=function(e){e.filter((function(e){return !e.styleComputed})).forEach((function(e){e.styleComputed=y(e);})),e.filter(m).forEach(v);var t=e.filter(p);t.forEach(d),t.forEach((function(e){v(e),f(e);})),t.forEach(S);},f=function(e){return e.dirty=n},d=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?"normal":"nowrap";},p=function(e){return e.dirty!==r||e.dirty===r&&e.element.parentNode.clientWidth!==e.availableWidth},y=function(t){var n=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(n.getPropertyValue("font-size")),t.display=n.getPropertyValue("display"),t.whiteSpace=n.getPropertyValue("white-space"),true},m=function(e){var t=false;return !e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=true,e.display="inline-block"),"nowrap"!==e.whiteSpace&&(t=true,e.whiteSpace="nowrap"),e.preStyleTestCompleted=true,t)},v=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+"px";},S=function(e){e.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}));},h=function(e,t){return function(n){e.dirty=t,e.active&&a(n);}},b=function(e){return function(){l=l.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize;}},w=function(e){return function(){e.active||(e.active=true,a());}},z=function(e){return function(){return e.active=false}},g=function(e){e.observeMutations&&(e.observer=new MutationObserver(h(e,i)),e.observer.observe(e.element,e.observeMutations));},F={minSize:16,maxSize:512,multiLine:true,observeMutations:"MutationObserver"in e&&{subtree:true,childList:true,characterData:true}},W=null,E=function(){e.clearTimeout(W),W=e.setTimeout(c(r),C.observeWindowDelay);},M=["resize","orientationchange"];return Object.defineProperty(C,"observeWindow",{set:function(t){var n="".concat(t?"add":"remove","EventListener");M.forEach((function(t){e[n](t,E);}));}}),C.observeWindow=true,C.observeWindowDelay=100,C.fitAll=c(o),C}function x(e,t){var n=Object.assign({},F,t),i=e.map((function(e){var t=Object.assign({},n,{element:e,active:true});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},g(e),e.newbie=true,e.dirty=true,l.push(e);}(t),{element:e,fit:h(t,o),unfreeze:w(t),freeze:z(t),unsubscribe:b(t)}}));return a(),i}function C(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return "string"==typeof e?x(t(document.querySelectorAll(e)),n):x([e],n)[0]}}("undefined"==typeof window?null:window)})); 
-	} (fitty_min$1));
-	return fitty_min$1.exports;
-}
-
-var fitty_minExports = requireFitty_min();
-var fitty = /*@__PURE__*/getDefaultExportFromCjs(fitty_minExports);
-
-const avatarVariant = [
-    'bg-brand-maggioli-05',
-    'bg-label-amaranth-05',
-    'bg-label-aqua-05',
-    'bg-label-blue-05',
-    'bg-label-green-05',
-    'bg-label-lime-05',
-    'bg-label-orange-05',
-    'bg-label-orchid-05',
-    'bg-label-purple-05',
-    'bg-label-red-05',
-    'bg-label-sky-05',
-    'bg-label-violet-05',
-    'bg-label-yellow-05',
-    'bg-status-error-05',
-    'bg-status-info-05',
-    'bg-status-success-05',
-    'bg-status-warning-05',
-];
-
-var miBaselinePerson = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>`;
-
-const mdsAvatarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):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-avatar-radius{syntax:\"<length>\";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:\"<percentage>\";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%)25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}@property --tw-font-weight{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]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}";
-
-const MdsAvatar = /*@__PURE__*/ proxyCustomElement(class MdsAvatar extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.fallback = false;
-        this.loaded = true;
-        this.fittyInitialized = false;
-        this.textChanged = false;
-        this.variants = [
-            'amaranth',
-            'aqua',
-            'blue',
-            'error',
-            'green',
-            'info',
-            'lime',
-            'orange',
-            'orchid',
-            'primary',
-            'sky',
-            'success',
-            'violet',
-            'warning',
-            'yellow',
-        ];
-        this.addFontResize = () => {
-            var _a;
-            if (this.fittyInitialized) {
-                return;
-            }
-            const initialsElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.fit');
-            this.fittyElements = fitty(initialsElement, { minSize: 10 });
-            this.observer = new ResizeObserver((entries) => {
-                entries.forEach(() => {
-                    this.fittyElements.fit();
-                });
-            });
-            this.observer.observe(this.element);
-            this.fittyInitialized = true;
-        };
-        this.removeFontResize = () => {
-            if (!this.fittyInitialized) {
-                return;
-            }
-            this.fittyInitialized = false;
-            this.observer.unobserve(this.element);
-        };
-        this.checkText = (value) => {
-            if (value !== '' && value !== undefined) {
-                if (this.fittyInitialized)
-                    return;
-                if (!this.fittyInitialized)
-                    this.addFontResize();
-                return;
-            }
-            if (this.fittyInitialized)
-                this.removeFontResize();
-        };
-        this.checkInitialsVariant = () => {
-            if (this.initials) {
-                let cleanedInitials = this.initials
-                    .toLowerCase()
-                    .replace(/[^a-zA-Z0-9]+/g, '')
-                    .substring(0, 2);
-                if (cleanedInitials.length === 1) {
-                    cleanedInitials = cleanedInitials + cleanedInitials;
-                }
-                this.variant =
-                    this.variants[(cleanedInitials.substring(0, 1).charCodeAt(0) +
-                        cleanedInitials.substring(1, 2).charCodeAt(0)) %
-                        avatarVariant.length];
-            }
-        };
-    }
-    componentWillLoad() {
-        this.checkInitialsVariant();
-    }
-    componentDidLoad() {
-        if (this.src !== undefined) {
-            this.loaded = false;
-        }
-        if (this.initials) {
-            this.checkText(this.initials);
-        }
-        if (this.count) {
-            this.checkText(this.count.toString());
-        }
-    }
-    componentDidRender() {
-        if (this.textChanged) {
-            // placed here becase @Watch('initials') is fired
-            // BEFORE the element .fit is attached on shDOM
-            if (this.initials)
-                this.checkText(this.initials);
-            if (this.count)
-                this.checkText(this.count.toString());
-            this.textChanged = false;
-        }
-    }
-    initialsHandler() {
-        this.textChanged = true;
-        this.checkInitialsVariant();
-    }
-    countHandler() {
-        this.textChanged = true;
-        this.checkInitialsVariant();
-    }
-    srcHandler(newValue) {
-        if (newValue === undefined) {
-            this.loaded = true;
-        }
-    }
-    iconHandler(newValue) {
-        if (newValue !== undefined) {
-            this.loaded = true;
-        }
-    }
-    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: () => {
-                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 })))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "initials": ["initialsHandler"],
-        "count": ["countHandler"],
-        "src": ["srcHandler"],
-        "icon": ["iconHandler"]
-    }; }
-    static get style() { return mdsAvatarCss; }
-}, [257, "mds-avatar", {
-        "icon": [513],
-        "initials": [1537],
-        "count": [1538],
-        "src": [513],
-        "tone": [513],
-        "variant": [1537],
-        "fallback": [32],
-        "loaded": [32]
-    }, undefined, {
-        "initials": ["initialsHandler"],
-        "count": ["countHandler"],
-        "src": ["srcHandler"],
-        "icon": ["iconHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-avatar", "mds-button", "mds-icon", "mds-img", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsAvatar);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-img":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsAvatar as M, defineCustomElement as d };
+import{proxyCustomElement as a,HTMLElement as t,h as r,Host as e,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{g as i}from"./_commonjsHelpers.js";import{d as n}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d}from"./mds-img2.js";import{d as c}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";var m,b={exports:{}},h=(m||(m=1,b.exports=function(a){if(a){var t=function(a){return[].slice.call(a)},r=3,e=[],o=null,s="requestAnimationFrame"in a?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};a.cancelAnimationFrame(o);var r=function(){return n(e.filter((function(a){return a.dirty&&a.active})))};if(t.sync)return r();o=a.requestAnimationFrame(r)}:function(){},i=function(a){return function(t){e.forEach((function(t){return t.dirty=a})),s(t)}},n=function(a){a.filter((function(a){return!a.styleComputed})).forEach((function(a){a.styleComputed=v(a)})),a.filter(m).forEach(b);var t=a.filter(c);t.forEach(d),t.forEach((function(a){b(a),l(a)})),t.forEach(h)},l=function(a){return a.dirty=0},d=function(a){a.availableWidth=a.element.parentNode.clientWidth,a.currentWidth=a.element.scrollWidth,a.previousFontSize=a.currentFontSize,a.currentFontSize=Math.min(Math.max(a.minSize,a.availableWidth/a.currentWidth*a.previousFontSize),a.maxSize),a.whiteSpace=a.multiLine&&a.currentFontSize===a.minSize?"normal":"nowrap"},c=function(a){return 2!==a.dirty||2===a.dirty&&a.element.parentNode.clientWidth!==a.availableWidth},v=function(t){var r=a.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(r.getPropertyValue("font-size")),t.display=r.getPropertyValue("display"),t.whiteSpace=r.getPropertyValue("white-space"),!0},m=function(a){var t=!1;return!a.preStyleTestCompleted&&(/inline-/.test(a.display)||(t=!0,a.display="inline-block"),"nowrap"!==a.whiteSpace&&(t=!0,a.whiteSpace="nowrap"),a.preStyleTestCompleted=!0,t)},b=function(a){a.element.style.whiteSpace=a.whiteSpace,a.element.style.display=a.display,a.element.style.fontSize=a.currentFontSize+"px"},h=function(a){a.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:a.previousFontSize,newValue:a.currentFontSize,scaleFactor:a.currentFontSize/a.previousFontSize}}))},u=function(a,t){return function(r){a.dirty=t,a.active&&s(r)}},g=function(a){return function(){e=e.filter((function(t){return t.element!==a.element})),a.observeMutations&&a.observer.disconnect(),a.element.style.whiteSpace=a.originalStyle.whiteSpace,a.element.style.display=a.originalStyle.display,a.element.style.fontSize=a.originalStyle.fontSize}},p=function(a){return function(){a.active||(a.active=!0,s())}},f=function(a){return function(){return a.active=!1}},y=function(a){a.observeMutations&&(a.observer=new MutationObserver(u(a,1)),a.observer.observe(a.element,a.observeMutations))},k={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in a&&{subtree:!0,childList:!0,characterData:!0}},w=null,x=function(){a.clearTimeout(w),w=a.setTimeout(i(2),j.observeWindowDelay)},z=["resize","orientationchange"];return Object.defineProperty(j,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");z.forEach((function(t){a[r](t,x)}))}}),j.observeWindow=!0,j.observeWindowDelay=100,j.fitAll=i(r),j}function H(a,t){var o=Object.assign({},k,t),i=a.map((function(a){var t=Object.assign({},o,{element:a,active:!0});return function(a){a.originalStyle={whiteSpace:a.element.style.whiteSpace,display:a.element.style.display,fontSize:a.element.style.fontSize},y(a),a.newbie=!0,a.dirty=!0,e.push(a)}(t),{element:a,fit:u(t,r),unfreeze:p(t),freeze:f(t),unsubscribe:g(t)}}));return s(),i}function j(a){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof a?H(t(document.querySelectorAll(a)),r):H([a],r)[0]}}("undefined"==typeof window?null:window)),b.exports),u=i(h);const g=["bg-brand-maggioli-05","bg-label-amaranth-05","bg-label-aqua-05","bg-label-blue-05","bg-label-green-05","bg-label-lime-05","bg-label-orange-05","bg-label-orchid-05","bg-label-purple-05","bg-label-red-05","bg-label-sky-05","bg-label-violet-05","bg-label-yellow-05","bg-status-error-05","bg-status-info-05","bg-status-success-05","bg-status-warning-05"],p=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.fallback=!1,this.loaded=!0,this.fittyInitialized=!1,this.textChanged=!1,this.variants=["amaranth","aqua","blue","error","green","info","lime","orange","orchid","primary","sky","success","violet","warning","yellow"],this.addFontResize=()=>{var a;if(this.fittyInitialized)return;const t=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".fit");this.fittyElements=u(t,{minSize:10}),this.observer=new ResizeObserver((a=>{a.forEach((()=>{this.fittyElements.fit()}))})),this.observer.observe(this.element),this.fittyInitialized=!0},this.removeFontResize=()=>{this.fittyInitialized&&(this.fittyInitialized=!1,this.observer.unobserve(this.element))},this.checkText=a=>{if(""===a||void 0===a)this.fittyInitialized&&this.removeFontResize();else{if(this.fittyInitialized)return;this.fittyInitialized||this.addFontResize()}},this.checkInitialsVariant=()=>{if(void 0!==this.initials&&""!==this.initials){let a=this.initials.toLowerCase().replace(/[^a-zA-Z0-9]+/g,"").substring(0,2);1===a.length&&(a+=a),this.variant=this.variants[(a.substring(0,1).charCodeAt(0)+a.substring(1,2).charCodeAt(0))%g.length]}}}componentWillLoad(){this.checkInitialsVariant()}componentDidLoad(){void 0!==this.src&&(this.loaded=!1),void 0!==this.initials&&""!==this.initials&&this.checkText(this.initials),void 0===this.count||0===this.count||Number.isNaN(this.count)||this.checkText(this.count.toString())}componentDidRender(){this.textChanged&&(void 0!==this.initials&&""!==this.initials&&this.checkText(this.initials),void 0===this.count||0===this.count||Number.isNaN(this.count)||this.checkText(this.count.toString()),this.textChanged=!1)}initialsHandler(){this.textChanged=!0,this.checkInitialsVariant()}countHandler(){this.textChanged=!0,this.checkInitialsVariant()}srcHandler(a){void 0===a&&(this.loaded=!0)}iconHandler(a){void 0!==a&&(this.loaded=!0)}render(){return r(e,{key:"07722662312e0060753fac4b5db088d291fd4e44"},r("div",{key:"deea787618ef936db82200106b9a7cc06f59cb07",class:s("avatar",this.initials&&!this.fallback&&(void 0===this.src||""===this.src)&&"avatar--initials",(this.fallback||(void 0===this.icon||""===this.icon)&&(void 0===this.initials||""===this.initials)&&(void 0===this.src||""===this.src))&&"avatar--fallback",this.icon&&"avatar--icon",this.loaded?"avatar--loaded":"avatar--pending"),part:"wrapper"},this.initials&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&!this.fallback&&(void 0===this.src||""===this.src)&&r("div",{key:"5373fafa0241fd295c12ca0349a86b221de5ae7a",class:"initials-text"},r("span",{key:"d771f1f77354bdd0daf3fee4e124bcac2b8c92ed",class:"fit"},this.initials.substring(0,2))),this.count&&!this.fallback&&(void 0===this.src||""===this.src)&&r("div",{key:"e7e0ba534f34c0cff2f79224a5ffdde499345aa8",class:"initials-text"},r("span",{key:"4150adcaeed46edfe4a739bc894b712c394e9bf4",class:"fit"},"+",this.count)),this.src&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&!this.fallback&&(void 0===this.icon||""===this.icon)&&r("mds-img",{key:"1fae5e0e557de2adaa52f9cddcabd8cf8d0dd236",class:"image",loading:"lazy",onMdsImgLoadError:()=>{this.loaded=!0,this.fallback=!0},onMdsImgLoadSuccess:()=>{this.loaded=!0},part:"media",src:this.src}),this.icon&&(void 0===this.initials||""===this.initials)&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&r("mds-icon",{key:"ada49c8dde83c842fc9e73f85d09ff8ce1d680e8",class:"icon",part:"icon",name:this.icon}),(this.fallback||(void 0===this.icon||""===this.icon)&&(void 0===this.initials||""===this.initials)&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&(void 0===this.src||""===this.src))&&r("i",{key:"86182aed0f562e731682e465ee5c33df43fa5b0f",class:"fallback-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>'})))}get element(){return this}static get watchers(){return{initials:[{initialsHandler:0}],count:[{countHandler:0}],src:[{srcHandler:0}],icon:[{iconHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):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-avatar-radius{syntax:"<length>";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:"<percentage>";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%) 25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-font-weight{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]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[1,"mds-avatar",{icon:[513],initials:[1537],count:[1538],src:[513],tone:[513],variant:[1537],fallback:[32],loaded:[32]},void 0,{initials:[{initialsHandler:0}],count:[{countHandler:0}],src:[{srcHandler:0}],icon:[{iconHandler:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar":customElements.get(o(a))||customElements.define(o(a),p);break;case"mds-button":customElements.get(o(a))||n();break;case"mds-icon":customElements.get(o(a))||l();break;case"mds-img":customElements.get(o(a))||d();break;case"mds-spinner":customElements.get(o(a))||c();break;case"mds-text":customElements.get(o(a))||v()}}))}export{p as M,f as d}

package/dist/components/mds-badge.js

@@ -1,6 +1 @@
-import { M as MdsBadge$1, d as defineCustomElement$1 } from './mds-badge2.js';
-
-const MdsBadge = MdsBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsBadge, defineCustomElement };
+import{M as s,d as o}from"./mds-badge2.js";const a=s,d=o;export{a as MdsBadge,d as defineCustomElement}