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

package/dist/components/mds-push-notification.js

@@ -1,205 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as cssSizeToNumber, c as cssDurationToMilliseconds } from './unit.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-spinner2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const mdsPushNotificationCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-push-notification-fadeout-delay{syntax:\"<time>\";inherits:false;initial-value:0s}@property --mds-push-notification-items-intro-delay{syntax:\"<time>\";inherits:false;initial-value:.3s}@property --mds-push-notification-items-outro-delay{syntax:\"<time>\";inherits:false;initial-value:0s}@property --mds-push-notification-items-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--mds-push-notification-items-gap:var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200));--mds-push-notification-items-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-push-notification-background:linear-gradient(90deg,#dcdcdc00 0%,#dcdcdcd9);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:calc(var(--spacing,.0025rem)*200);max-width:360px;min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*2400);scrollbar-width:none;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background:var(--mds-push-notification-background);bottom:0;box-sizing:content-box!important;display:flex;flex-direction:column;overflow-x:hidden;position:fixed;right:0;top:0;transform:translate(100%);-webkit-transition-delay:var(--mds-push-notification-fadeout-delay,0s);transition-delay:var(--mds-push-notification-fadeout-delay,0s);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));z-index:var(--magma-notification-z-index,3000)}:host::-webkit-scrollbar{display:none}.notifications{display:flex;flex-direction:column-reverse;gap:var(--mds-push-notification-items-gap)}.notifications ::slotted(mds-push-notification-item){--mds-push-notification-duration:var(--mds-push-notification-items-duration,.3s);--mds-push-notification-timing-function:var(--mds-push-notification-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)))));transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200)))));visibility:hidden}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}:host([visible]){transform:translate(0);transition-delay:0s}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}}";
-
-const MdsPushNotification$1 = /*@__PURE__*/ proxyCustomElement(class MdsPushNotification extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.changedEvent = createEvent(this, "mdsPushNotificationChange", 7);
-        this.shownEvent = createEvent(this, "mdsPushNotificationShow", 7);
-        this.hiddenEvent = createEvent(this, "mdsPushNotificationHide", 7);
-        /**
-         * Specifies if the component is visible or not.
-         * behavior = manual
-         * should hide when click outside
-         * should hide when all notifications are removed
-         * should show when change visible from component or call show method
-         *
-         * behavior = auto
-         * should hide when all notifications are removed
-         * should show when one or more notifications are added
-         */
-        this.behavior = 'auto';
-        // TODO [fix] If visibility is set to false, hide all the notifications area also when they are added
-        // TODO [fix] If visibility is set to true, and there are not notifications, show the notifications area
-        // TODO [feat] Add a method to clear all notifications at once
-        // TODO [feat] Hide the component when all the children are removed
-        // TODO [feat] Show the component when one or more children are added
-        // TODO [test] tests are not clear, please fix them
-        /**
-         * Animation for open notification
-         * @param element HTMLElement that need to be opened
-         * @returns
-         */
-        this.introItem = (element) => {
-            // no reason why I must duplicata marginBottom negative to prevent flickering
-            element.style.marginBottom = `-${element.offsetHeight + cssSizeToNumber(this.cssItemsGap)}px`;
-            return new Promise((resolve) => {
-                setTimeout(() => {
-                    element.style.marginBottom = `-${element.offsetHeight + cssSizeToNumber(this.cssItemsGap)}px`;
-                    setTimeout(() => {
-                        element.style.visibility = 'visible';
-                        element.style.position = 'relative';
-                        element.style.transform = 'translate(0, 0)';
-                        element.style.marginBottom = '0px';
-                        resolve();
-                    }, cssDurationToMilliseconds(this.cssItemsIntroDuration));
-                }, 15); // hope to find a better solution not based on 15ms of delay, not very robust
-            });
-        };
-        /**
-         * Animation for close notification
-         * @param element HTMLElement that need to be removed
-         * @returns
-         */
-        this.outroItem = (element) => {
-            if (this.slotNotifications.assignedNodes().length <= 1)
-                this.hide();
-            // no reason why I must duplicate marginBottom negative to prevent flickering
-            element.style.marginBottom = '0px';
-            return new Promise((resolve) => {
-                setTimeout(() => {
-                    element.style.marginBottom = '0px';
-                    setTimeout(() => {
-                        element.addEventListener('transitionend', () => {
-                            // element.removeEventListener('transitionend')
-                            element.remove();
-                        });
-                        element.style.removeProperty('transform');
-                        element.style.marginBottom = `-${element.offsetHeight + cssSizeToNumber(this.cssItemsGap)}px`;
-                        resolve();
-                    }, cssDurationToMilliseconds(this.cssItemsOutroDuration));
-                }, 15); // hope to find a better solution not based on 15ms of delay, not very robust
-            });
-        };
-        /**
-         * manages the opening of notifications when they are added to the slot
-         */
-        this.handleSlotChange = () => {
-            const elements = this.slotNotifications
-                .assignedElements()
-                .map((e) => e)
-                .filter((e) => !e.style.visibility);
-            if (elements.length === 0)
-                return;
-            elements.forEach(async (e) => {
-                e.addEventListener('mdsPushNotificationItemClose', () => this.outroItem(e));
-                await this.introItem(e);
-            });
-            if (this.behavior === 'auto')
-                this.show();
-        };
-        this.updateCSSCustomProps = () => {
-            var _a, _b, _c;
-            const elementStyles = window.getComputedStyle(this.host);
-            this.cssItemsGap =
-                (_a = elementStyles.getPropertyValue('--mds-push-notification-items-gap')) !== null && _a !== void 0 ? _a : '0.5rem';
-            this.cssItemsIntroDuration =
-                (_b = elementStyles.getPropertyValue('--mds-push-notification-items-intro-delay')) !== null && _b !== void 0 ? _b : '200ms';
-            this.cssItemsOutroDuration =
-                (_c = elementStyles.getPropertyValue('--mds-push-notification-items-outro-delay')) !== null && _c !== void 0 ? _c : '0ms';
-        };
-    }
-    clear() {
-        this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
-        this.hide();
-    }
-    show() {
-        this.visible = true;
-        return Promise.resolve();
-    }
-    hide() {
-        this.visible = undefined;
-        return Promise.resolve();
-    }
-    removeNotification(notification) {
-        if (Array.isArray(notification)) {
-            notification.forEach(this.outroItem);
-        }
-        else {
-            this.outroItem(notification);
-        }
-        return Promise.resolve();
-    }
-    componentDidLoad() {
-        this.updateCSSCustomProps();
-        this.slotNotifications.addEventListener('slotchange', this.handleSlotChange);
-        this.handleSlotChange();
-    }
-    visibleChanged(newValue) {
-        if (newValue) {
-            this.changedEvent.emit({ visible: true });
-            this.shownEvent.emit();
-            return;
-        }
-        if (newValue === undefined) {
-            this.changedEvent.emit({ visible: false });
-            this.hiddenEvent.emit();
-            return;
-        }
-        this.visible = undefined;
-    }
-    render() {
-        return (h(Host, { key: '018cec5fec78b7abed252a3acc8a13352f534306' }, h("mds-button", { key: 'c96d02897f1fed58ae9d6252d9e53f8023d2c14a', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), h("div", { key: 'aabdf019411f23c91a3352ab9bc1a9c8aa02df9e', class: "notifications", part: "notifications" }, h("slot", { key: '52e483e93b453f8f860eaba64f4a2223a2eceb38', ref: (el) => (this.slotNotifications = el) }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "visible": ["visibleChanged"]
-    }; }
-    static get style() { return mdsPushNotificationCss; }
-}, [257, "mds-push-notification", {
-        "visible": [1540],
-        "behavior": [1],
-        "show": [64],
-        "hide": [64],
-        "removeNotification": [64]
-    }, undefined, {
-        "visible": ["visibleChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-push-notification", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-push-notification":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsPushNotification$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-icon":
-            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 MdsPushNotification = MdsPushNotification$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsPushNotification, defineCustomElement };
+import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{a,c as r}from"./unit.js";import{d}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";const l=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.changedEvent=s(this,"mdsPushNotificationChange",7),this.shownEvent=s(this,"mdsPushNotificationShow",7),this.hiddenEvent=s(this,"mdsPushNotificationHide",7),this.behavior="auto",this.introItem=i=>(i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,new Promise((t=>{setTimeout((()=>{i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,setTimeout((()=>{i.style.visibility="visible",i.style.position="relative",i.style.transform="translate(0, 0)",i.style.marginBottom="0px",t()}),r(this.cssItemsIntroDuration))}),15)}))),this.outroItem=i=>(this.slotNotifications.assignedNodes().length<=1&&this.hide(),i.style.marginBottom="0px",new Promise((t=>{setTimeout((()=>{i.style.marginBottom="0px",setTimeout((()=>{i.addEventListener("transitionend",(()=>{i.remove()})),i.style.removeProperty("transform"),i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,t()}),r(this.cssItemsOutroDuration))}),15)}))),this.handleSlotChange=()=>{const i=this.slotNotifications.assignedElements().map((i=>i)).filter((i=>""===i.style.visibility));0!==i.length&&(i.forEach((async i=>{i.addEventListener("mdsPushNotificationItemClose",(()=>this.outroItem(i))),await this.introItem(i)})),"auto"===this.behavior&&this.show())},this.updateCSSCustomProps=()=>{var i,t,s;const e=window.getComputedStyle(this.host);this.cssItemsGap=null!==(i=e.getPropertyValue("--mds-push-notification-items-gap"))&&void 0!==i?i:"0.5rem",this.cssItemsIntroDuration=null!==(t=e.getPropertyValue("--mds-push-notification-items-intro-delay"))&&void 0!==t?t:"200ms",this.cssItemsOutroDuration=null!==(s=e.getPropertyValue("--mds-push-notification-items-outro-delay"))&&void 0!==s?s:"0ms"},this.clear=()=>{this.slotNotifications.assignedElements().forEach((i=>this.outroItem(i))),this.hide()}}show(){return this.visible=!0,Promise.resolve()}hide(){return this.visible=void 0,Promise.resolve()}removeNotification(i){return Array.isArray(i)?i.forEach(this.outroItem):this.outroItem(i),Promise.resolve()}componentDidLoad(){this.updateCSSCustomProps(),this.slotNotifications.addEventListener("slotchange",this.handleSlotChange),this.handleSlotChange()}visibleChanged(i){return i?(this.changedEvent.emit({visible:!0}),void this.shownEvent.emit()):void 0===i?(this.changedEvent.emit({visible:!1}),void this.hiddenEvent.emit()):void(this.visible=void 0)}render(){return e(o,{key:"d115a147fe975c346f325931e496bc5a725faca2"},e("mds-button",{key:"b9155d4e0666827ff1745da75db1595b2b2530aa",variant:"dark",onClick:this.clear},"Cancella notifiche"),e("div",{key:"3d73cddf9bc67c9c4c7e68486c7091cd12979b0c",class:"notifications",part:"notifications"},e("slot",{key:"1a46c225c799b00f02f6e0e44da4a8c490cc6268",ref:i=>this.slotNotifications=i})))}get host(){return this}static get watchers(){return{visible:[{visibleChanged: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 properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-push-notification-fadeout-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-intro-delay{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-items-outro-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--mds-push-notification-items-gap:var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200));--mds-push-notification-items-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-push-notification-background:linear-gradient(90deg,#dcdcdc00 0%,#dcdcdcd9);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:calc(var(--spacing,.0025rem)*200);max-width:360px;min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*2400);scrollbar-width:none;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background:var(--mds-push-notification-background);bottom:0;box-sizing:content-box!important;display:flex;flex-direction:column;overflow-x:hidden;position:fixed;right:0;top:0;transform:translate(100%);-webkit-transition-delay:var(--mds-push-notification-fadeout-delay,0s);transition-delay:var(--mds-push-notification-fadeout-delay,0s);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));z-index:var(--magma-notification-z-index,3000)}:host::-webkit-scrollbar{display:none}.notifications{display:flex;flex-direction:column-reverse;gap:var(--mds-push-notification-items-gap)}.notifications ::slotted(mds-push-notification-item){--mds-push-notification-duration:var(--mds-push-notification-items-duration,.3s);--mds-push-notification-timing-function:var(--mds-push-notification-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));visibility:hidden}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}:host([visible]){transform:translate(0);transition-delay:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}}'}},[257,"mds-push-notification",{visible:[1540],behavior:[1],show:[64],hide:[64],removeNotification:[64]},void 0,{visible:[{visibleChanged:0}]}]),u=l,p=function(){"undefined"!=typeof customElements&&["mds-push-notification","mds-button","mds-icon","mds-spinner","mds-text"].forEach((i=>{switch(i){case"mds-push-notification":customElements.get(n(i))||customElements.define(n(i),l);break;case"mds-button":customElements.get(n(i))||d();break;case"mds-icon":customElements.get(n(i))||c();break;case"mds-spinner":customElements.get(n(i))||m();break;case"mds-text":customElements.get(n(i))||h()}}))};export{u as MdsPushNotification,p as defineCustomElement}

package/dist/components/mds-quote.js

@@ -1,52 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const mdsQuoteCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex}.open-quote{flex-shrink:0}.quote{display:grid;gap:calc(var(--spacing,.0025rem)*400);-webkit-user-select:all;user-select:all}span{-webkit-user-select:none;user-select:none}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}";
-
-const MdsQuote$1 = /*@__PURE__*/ proxyCustomElement(class MdsQuote extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies the font typography of the element
-         */
-        this.typography = 'h3';
-        /**
-         * Specifies the tag the element
-         */
-        this.tag = 'h3';
-    }
-    render() {
-        return (h(Host, { key: '26db9230c187400e8df30d1c9300e0a39b4a709f' }, h("mds-text", { key: '4a1227b9e6e66376831c457746e26ec0d47b3144', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '9d6f5ae659999f27d8de5b8e92ee13bdff75244b' }, h("i", { key: '89a139df5d605e4695f67a995174a2fbe3ca263b' }, "\u275D\u00A0"))), h("div", { key: '73d10c6274ac92bf79f1acdad40c4e7144738b4f', class: "quote" }, h("mds-text", { key: '8e6d76eec0ed6ca49b1ce01bdf5448b14c84fc1a', tag: this.tag, typography: this.typography }, h("i", { key: 'b7f817a0eda2745607a9c84d77d1059763f3d5e3' }, h("slot", { key: '1617cb4cd4ed8dc8608447c49e8872677bf69367' }), h("span", { key: '2d9982646e27a1f642d3c62bc4007caab348012e' }, "\u00A0\u275E"))), h("slot", { key: '4283ff3a9b4a31cb1e98e88e3ead9aa7e27fedb3', name: "author" }))));
-    }
-    static get style() { return mdsQuoteCss; }
-}, [257, "mds-quote", {
-        "typography": [1],
-        "tag": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-quote", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-quote":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsQuote$1);
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsQuote = MdsQuote$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsQuote, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{d as r}from"./mds-text2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.typography="h3",this.tag="h3"}render(){return s(a,{key:"e0461e5b838a8e7db53d39384f327fd843e21eda"},s("mds-text",{key:"beded9d2cbc0f1a3c723bea0fd7f6068cf7ab27c",class:"open-quote",tag:"div",typography:this.typography},s("span",{key:"351fd3ab34a3416385141a27247334bab07f74e3"},s("i",{key:"4ae64a9448f4a62e0bd70477c67ed64c8d2a40ff"},"❝ "))),s("div",{key:"802b1c82e542f35db1979f2dac7453ca9e861827",class:"quote"},s("mds-text",{key:"9932770037d60dfa3735981e61ef932970b8e25c",tag:this.tag,typography:this.typography},s("i",{key:"369ec5348d4da453780dbb07010e9532efcfc5a4"},s("slot",{key:"f10a113f38016c56ccd8664197f2fc81f4b4accd"}),s("span",{key:"dc6c06d16515abdcbb988e2334bb6e0994700114"}," ❞"))),s("slot",{key:"9240410db5eae81038a3275087fa0edf04d0ce86",name:"author"})))}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;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex}.open-quote{flex-shrink:0}.quote{display:grid;gap:calc(var(--spacing,.0025rem)*400);-webkit-user-select:all;user-select:all}span{-webkit-user-select:none;user-select:none}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[257,"mds-quote",{typography:[1],tag:[1]}]),n=d,c=function(){"undefined"!=typeof customElements&&["mds-quote","mds-text"].forEach((e=>{switch(e){case"mds-quote":customElements.get(o(e))||customElements.define(o(e),d);break;case"mds-text":customElements.get(o(e))||r()}}))};export{n as MdsQuote,c as defineCustomElement}

package/dist/components/mds-radial-menu-item.js

@@ -1,80 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-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-spinner2.js';
-import { d as defineCustomElement$3 } from './mds-text2.js';
-import { d as defineCustomElement$2 } from './mds-tooltip2.js';
-
-const mdsRadialMenuItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s);--mds-radial-menu-item-transition-timing-function:var(--mds-radial-menu-transition-timing-function,var(--ease-out-expo,cubic-bezier(.19,1,.22,1)));--mds-radial-menu-item-delay:0;--mds-radial-menu-item-index:0;display:inline-flex;inset:0;pointer-events:none;position:absolute;transform:scale(0);-webkit-transition-delay:var(--mds-radial-menu-item-delay);transition-delay:var(--mds-radial-menu-item-delay);-webkit-transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-property:translate,transform;-webkit-transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);translate:var(--mds-radial-menu-item-translate)}:host(:hover){z-index:1}.button{border-radius:100%}.tooltip{--mds-tooltip-delay:0;min-width:max-content;width:min-content}";
-
-const MdsRadialMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsRadialMenuItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies the tone variant for the button
-         */
-        this.tone = 'weak';
-        /**
-         * Specifies the color variant for the button
-         */
-        this.variant = 'dark';
-        this.size = 'lg';
-    }
-    render() {
-        return (h(Host, { key: '9611b4afe26d59d69b5e934e6048998a5a6b15a1', slot: "item" }, h("mds-button", { key: '93984131bf9fe5aafcb1e08e3ceb86df18a2ee39', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (h("mds-tooltip", { key: '849a979a53edeca55985f31b88f4e136558fea48', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
-    }
-    static get style() { return mdsRadialMenuItemCss; }
-}, [257, "mds-radial-menu-item", {
-        "tooltip": [513],
-        "icon": [1537],
-        "tone": [513],
-        "variant": [513],
-        "size": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-radial-menu-item", "mds-button", "mds-icon", "mds-spinner", "mds-text", "mds-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-radial-menu-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsRadialMenuItem$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsRadialMenuItem = MdsRadialMenuItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsRadialMenuItem, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as n,transformTag as s}from"@stencil/core/internal/client";import{d as a}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as r}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";import{d}from"./mds-tooltip2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tone="weak",this.variant="dark",this.size="lg"}render(){return i(n,{key:"aa8e1d03c590ad9efbf6e5090a59f70460782a33",slot:"item"},i("mds-button",{key:"06ca066406df3e40b262bc0ffbbda3cc65c190cf","aria-label":this.tooltip,class:"button",icon:this.icon,variant:this.variant,tone:this.tone,size:this.size}),this.tooltip&&i("mds-tooltip",{key:"50a03f527adb6ead0757ea380d31c51943129570",class:"tooltip",target:".button",placement:"top",autoPlacement:!1},this.tooltip))}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 properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s);--mds-radial-menu-item-transition-timing-function:var(--mds-radial-menu-transition-timing-function,var(--ease-out-expo,cubic-bezier(.19,1,.22,1)));--mds-radial-menu-item-delay:0;--mds-radial-menu-item-index:0;display:inline-flex;inset:0;pointer-events:none;position:absolute;transform:scale(0);-webkit-transition-delay:var(--mds-radial-menu-item-delay);transition-delay:var(--mds-radial-menu-item-delay);-webkit-transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-property:translate,transform;-webkit-transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);translate:var(--mds-radial-menu-item-translate)}:host(:hover){z-index:1}.button{border-radius:100%}.tooltip{--mds-tooltip-delay:0;min-width:max-content;width:min-content}"}},[1,"mds-radial-menu-item",{tooltip:[513],icon:[1537],tone:[513],variant:[513],size:[513]}]),u=l,c=function(){"undefined"!=typeof customElements&&["mds-radial-menu-item","mds-button","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((t=>{switch(t){case"mds-radial-menu-item":customElements.get(s(t))||customElements.define(s(t),l);break;case"mds-button":customElements.get(s(t))||a();break;case"mds-icon":customElements.get(s(t))||o();break;case"mds-spinner":customElements.get(s(t))||r();break;case"mds-text":customElements.get(s(t))||m();break;case"mds-tooltip":customElements.get(s(t))||d()}}))};export{u as MdsRadialMenuItem,c as defineCustomElement}