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

package/dist/cjs/mds-card-content.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardContentCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
+const mdsCardContentCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardContent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8473bf383d3e53d5e7fc1d28bb1db7c55e89ed1f', slot: "content" }, index.h("slot", { key: 'd94a743c850ae055f5cf18ec64cccbc25f2c2386' })));
+        return (index.h(index.Host, { key: '565800120da6d86c184dd5f75c4e18fb5eae0b70', slot: "content" }, index.h("slot", { key: '85c7feee51473d66cb921e3328f24756ef2436c4' })));
     }
 };
-MdsCardContent.style = mdsCardContentCss;
+MdsCardContent.style = mdsCardContentCss();
 
 exports.mds_card_content = MdsCardContent;

package/dist/cjs/mds-card-footer.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardFooterCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
+const mdsCardFooterCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ece0d1f82874b8418e5fe959f52542fa75562b9c', slot: "footer" }, index.h("slot", { key: '0e1dc915caf0abf097fa9d2c152b9af919280d1e' })));
+        return (index.h(index.Host, { key: '09063cd00e75b0949a6836416a2c768bd575f50f', slot: "footer" }, index.h("slot", { key: 'c06e99b7186e4037aa5c386eddd2ebb404b20e99' })));
     }
 };
-MdsCardFooter.style = mdsCardFooterCss;
+MdsCardFooter.style = mdsCardFooterCss();
 
 exports.mds_card_footer = MdsCardFooter;

package/dist/cjs/mds-card-header.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardHeaderCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
+const mdsCardHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardHeader = class {
     constructor(hostRef) {
@@ -12,10 +12,10 @@ const MdsCardHeader = class {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '8330b5f74a2d0995e33d77ea2b5c4131c29266a4', slot: "header" }, index.h("slot", { key: 'e3a7ca1b4fccc0c4a618808c5285f3af8bc20ca4' }), this.actions && (index.h("div", { key: 'ace7c1ac31dec0a141673612118bbbdab4ce24c9', class: "actions" }, index.h("slot", { key: 'd64698964813c57b065b67d27c695ea93d2b2cd8', name: "action" })))));
+        return (index.h(index.Host, { key: '6efc9cb2ce54f8114d6143a3b514c66205c44444', slot: "header" }, index.h("slot", { key: 'c7ad38193e9d5f36c447dd636909cd426f53496d' }), this.actions && (index.h("div", { key: 'f80bc0f5444df7271c6b09792a7cdc24a79edaf7', class: "actions" }, index.h("slot", { key: '196095c6e86c45c02450776892ce77b3993e69b3', name: "action" })))));
     }
     get hostElement() { return index.getElement(this); }
 };
-MdsCardHeader.style = mdsCardHeaderCss;
+MdsCardHeader.style = mdsCardHeaderCss();
 
 exports.mds_card_header = MdsCardHeader;

package/dist/cjs/mds-card-media.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardMediaCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}";
+const mdsCardMediaCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}`;
 
 const MdsCardMedia = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3b5160ec822d4f36a670153d18d0c3186c25cea9', slot: "media" }, index.h("div", { key: '6e4c0488e264f6334041fffe32781eced8a01625', class: "content", part: "content" }, index.h("slot", { key: '8d19d53a625f894f7f5ad9b4e0980600ef8ffb09', name: "content" })), index.h("slot", { key: 'c8674d696ebf4d6df73758beed889c65ebdc9ea1' })));
+        return (index.h(index.Host, { key: '2b44ca234a11ddc6775b20081809ba04b63dbf53', slot: "media" }, index.h("div", { key: '7fa0c8e670f3ee6ec9a1ad656ac5553fab37b9aa', class: "content", part: "content" }, index.h("slot", { key: '72547efbb5900edd34ce5cc5f4e7782d293b5e78', name: "content" })), index.h("slot", { key: 'b39be7942b66438b905d9fae1ab0bdf9c437dd81' })));
     }
 };
-MdsCardMedia.style = mdsCardMediaCss;
+MdsCardMedia.style = mdsCardMediaCss();
 
 exports.mds_card_media = MdsCardMedia;

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const mdsCardCss = "@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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-card-padding{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"content\"\"footer\";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"content\";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:\"media\"\"content\"\"footer\"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"footer\"}.layout--cfh:not(.layout--disabled){grid-template-areas:\"header\"\"content\"\"footer\";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:\"header\"\"media\";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:\"media\"\"footer\";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:\"media\"\"content\"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:\"header\"\"footer\"}.layout--ch:not(.layout--disabled){grid-template-areas:\"header\"\"content\";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:\"content\"\"footer\";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:\"header\";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:\"media\";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:\"content\";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:\"footer\";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:\"media header\"\"media content\"\"media footer\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:\"media header\"\"media content\"\"media content\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:\"media header\"\"media footer\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:\"media content\"\"media footer\"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:\"media content\"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-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)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),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 mdsCardCss = () => `@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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-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)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),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 MdsCard = class {
     constructor(hostRef) {
@@ -16,24 +16,22 @@ const MdsCard = class {
     componentWillLoad() {
         this.layout = Array.from(this.host.children)
             // check custom slot
-            .map((c) => {
-            var _a;
-            return ((_a = c.getAttribute('slot')) !== null && _a !== void 0 ? _a :
-                // if no custom slot find mds-card-{component}
+            .map((c) => (c.getAttribute('slot') != null
+            ? c.getAttribute('slot') !== ''
+            : // if no custom slot find mds-card-{component}
                 c.tagName.startsWith('MDS-CARD-'))
-                ? // replace mds-card-header with header (for all mds-card-{component})
-                    c.tagName.toLocaleLowerCase().replace('mds-card-', '')
-                : // if find other tag do nothing
-                    '';
-        })
+            ? // replace mds-card-header with header (for all mds-card-{component})
+                c.tagName.toLocaleLowerCase().replace('mds-card-', '')
+            : // if find other tag do nothing
+                '')
             .sort()
             .reduce((prev, curr) => prev + curr.charAt(0), '');
     }
     render() {
-        return (index.h(index.Host, { key: 'e5143babcd5c15b6e626af3dc62824ce1766faea' }, index.h("div", { key: '9bdd4440748ad05436f9385037dbd0acb9819f3d', class: clsx.clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, index.h("slot", { key: 'e4cc48c56f8859d82c79e9f3aa5f1d749efe2ce2', name: "media" }), index.h("slot", { key: 'd1873703aac2d635645e88f852f6a658616f69b5', name: "header" }), index.h("slot", { key: 'd9d07a179c013d75360262a2f3bc1b026d49c25a', name: "content" }), index.h("slot", { key: '0b942e340f715a0e25827f680a891083cd73c8cb', name: "footer" }))));
+        return (index.h(index.Host, { key: '29ed24cfe97cc5d2cc898cf26df0e4251ed4555f' }, index.h("div", { key: '10c741aefac2067595b80c88879700af7c088824', class: clsx.clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, index.h("slot", { key: 'ee1956eefa0e1a1715592db6b7790a6120e8fb34', name: "media" }), index.h("slot", { key: '8aefb8b2cb53dfc9ecfa45183988ec7a8db45524', name: "header" }), index.h("slot", { key: '3cb04f02b82f2fd314a5e20f169c4efea628985c', name: "content" }), index.h("slot", { key: 'e87dd33aae38437af938120c2de966d361032228', name: "footer" }))));
     }
     get host() { return index.getElement(this); }
 };
-MdsCard.style = mdsCardCss;
+MdsCard.style = mdsCardCss();
 
 exports.mds_card = MdsCard;

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var keyboardArrowRight = require('./keyboard-arrow-right-PkJ_6j6H.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 
-const mdsDetailsCss = "@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-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-details-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));display:grid;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration,.3s);transition-duration:var(--mds-details-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-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))}.helper-icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-details-duration:0s}:host-context(:root.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-details-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}";
+const mdsDetailsCss = () => `@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-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-details-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));display:grid;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration,.3s);transition-duration:var(--mds-details-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:0deg;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-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))}.helper-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-details-duration:0s}:host-context(:root.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-details-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}`;
 
 const MdsDetails = class {
     constructor(hostRef) {
@@ -45,13 +45,15 @@ const MdsDetails = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: 'b68670a1cb741c24b00788b5a89572c5111222ec' }, index.h("div", { key: '5af8b496c967b7143e690432a1ee835fac852da7', class: clsx.clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, index.h("slot", { key: '22952053827e6831c2d076860f2c3f78acaf94ad', name: "icon", onSlotchange: this.onSlotChangeHandler })), index.h("div", { key: 'ede2234ae7c9d27258b968d1b4e9e9c6da4c6f42', class: "content" }, index.h("header", { key: '62e2aaacdd4246c581737f84a37fbaff14a7976a', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, index.h("div", { key: '8f2a07baa3e76757abb194fc6b5f7709c8feb093', class: "title", part: "title" }, index.h("slot", { key: 'fbeb7c6facfb6dfa71d78b859e7763f5a6c334f7', name: "title" })), index.h("i", { key: '90bea8dacf62c4013eb2da3099b011a28478465d', class: clsx.clsx('helper-icon', this.isOpened && 'opened'), innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight })), index.h("div", { key: '0a1b8b0753bc148d019bb32304e2b71fece2aa90', class: clsx.clsx('details', this.isOpened && 'opened') }, index.h("div", { key: '5dda2bd4b47bdbc4dacbdb8bab413300c67dc2f8', class: "content-expander", part: "content" }, index.h("slot", { key: '36361643f560082b16e72307c2570d00f542ddaa' }), index.h("div", { key: '01bce23c1fd8fa04bb3290b2a07759099209e5cf', class: "actions" }, index.h("slot", { key: '54e6dd6e93ee2a7044eaf85ce2211278a46f7b95', name: "action" })))))));
+        return (index.h(index.Host, { key: 'd74c147e767625599ead47337938ca8314758dac' }, index.h("div", { key: '6d0b01f008d95f0eafee89d026fc7131008c521e', class: clsx.clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, index.h("slot", { key: 'da0be4d9fca3fff84841b8ac56c7969103299a8f', name: "icon", onSlotchange: this.onSlotChangeHandler })), index.h("div", { key: 'dfb7b13ef7a28539c1cc50419887c50e3d2ee3fd', class: "content" }, index.h("header", { key: '4209585b8554c8aca288f813849446da4b72d532', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, index.h("div", { key: '825c05b8282b143bf555cf3724a4c61e96fe680d', class: "title", part: "title" }, index.h("slot", { key: '9d339db4c240c11a334105ee8a3c35eba01497a4', name: "title" })), index.h("i", { key: '2eff776b4d94546fa56c2c744c03d58d453df89b', class: clsx.clsx('helper-icon', this.isOpened && 'opened'), innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight })), index.h("div", { key: 'cabc3ad3fcb39ca665c73300daf4baad7559fe33', class: clsx.clsx('details', this.isOpened && 'opened') }, index.h("div", { key: 'c0522330a06abb1ad0fa336ab1574da972643840', class: "content-expander", part: "content" }, index.h("slot", { key: '6f02ec01d42f17bd88733308c3fd4523ea1e14bd' }), index.h("div", { key: '64590622875aac471b094064cc20591356f5046b', class: "actions" }, index.h("slot", { key: 'daa26ab68c2421e84f4a25634b264376a3874171', name: "action" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "opened": ["validateOpened"]
+        "opened": [{
+                "validateOpened": 0
+            }]
     }; }
 };
-MdsDetails.style = mdsDetailsCss;
+MdsDetails.style = mdsDetailsCss();
 
 exports.mds_details = MdsDetails;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var unit = require('./unit-Cm341q1R.js');
 var floatingController = require('./floating-controller-DA8xyqCa.js');
@@ -12,7 +12,7 @@ var arrowSvg = `<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://ww
 </svg>
 `;
 
-const mdsDropdownCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:3000;--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-drop-shadow-color-rgb:0 0 0;--mds-dropdown-duration:.5s;--mds-dropdown-z-index:4000;--mds-dropdown-transform-from:scale(.9)translateY(-3%);--mds-dropdown-transform-to:scale(.9)translateY(-3%)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-dropdown-backdrop-duration{syntax:\"<time>\";inherits:false;initial-value:.2s}@property --mds-dropdown-backdrop-z-index{syntax:\"<integer>\";inherits:false;initial-value:3000}@property --mds-dropdown-mouseover-delay{syntax:\"<time>\";inherits:false;initial-value:.5s}@property --mds-dropdown-drop-shadow-color-rgb{syntax:\"<number>+\";inherits:false;initial-value:0 0 0}@property --mds-dropdown-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}@property --mds-dropdown-z-index{syntax:\"<integer>\";inherits:false;initial-value:4000}@property --mds-dropdown-transform-from{syntax:\"<transform-list>\";inherits:false;initial-value:scale(.9)translateY(-3%)}@property --mds-dropdown-transform-to{syntax:\"<transform-list>\";inherits:false;initial-value:scale(.9)translateY(-3%)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index,3000);--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-drop-shadow-color-rgb:var(--tone-neutral-01,255 255 255);--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.05))drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15))drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15));--mds-dropdown-duration:.5s;--mds-dropdown-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-transform-from:scale(.9)translateY(-3%);--mds-dropdown-transform-to:scale(1)translate(0,0);--mds-dropdown-z-index:var(--magma-dropdown-z-index,4000);background-color:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-md,12px);box-sizing:border-box;corner-shape:var(--magma-corner-shape,round);display:none;filter:var(--mds-dropdown-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);opacity:0;padding:calc(var(--spacing,.0025rem)*600);pointer-events:none;position:fixed;-webkit-transform:var(--mds-dropdown-transform-from,scale(.9)translateY(-3%));transform:var(--mds-dropdown-transform-from,scale(.9)translateY(-3%));transition-behavior:allow-discrete;-webkit-transition-duration:var(--mds-dropdown-duration,.5s);transition-duration:var(--mds-dropdown-duration,.5s);transition-property:opacity,transform,transform-origin,display;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index,4000)}:host([visible]:not([visible=false])){display:grid;opacity:1;pointer-events:auto;-webkit-transform:var(--mds-dropdown-transform-to,scale(.9)translateY(-3%));transform:var(--mds-dropdown-transform-to,scale(.9)translateY(-3%))}@starting-style{:host([visible]:not([visible=false])){opacity:0;transform:scale(0)}}:host([smooth]:not([smooth=false])){transition-property:bottom,left,opacity,right,top,transform,transform-origin}.arrow{display:flex;fill:var(--mds-dropdown-arrow-background,var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:calc(var(--spacing,.0025rem)*-400)}::slotted(*){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.075))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}";
+const mdsDropdownCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:3000;--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-drop-shadow-color-rgb:0 0 0;--mds-dropdown-duration:.5s;--mds-dropdown-z-index:4000;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(.9) translateY(-3%)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-dropdown-backdrop-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-dropdown-backdrop-z-index{syntax:"<integer>";inherits:false;initial-value:3000}@property --mds-dropdown-mouseover-delay{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-drop-shadow-color-rgb{syntax:"<number>+";inherits:false;initial-value:0 0 0}@property --mds-dropdown-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-z-index{syntax:"<integer>";inherits:false;initial-value:4000}@property --mds-dropdown-transform-from{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}@property --mds-dropdown-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index,3000);--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-drop-shadow-color-rgb:var(--tone-neutral-01,255 255 255);--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15));--mds-dropdown-duration:.5s;--mds-dropdown-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0,0);--mds-dropdown-z-index:var(--magma-dropdown-z-index,4000);background-color:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-md,12px);box-sizing:border-box;corner-shape:var(--magma-corner-shape,round);display:none;filter:var(--mds-dropdown-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);opacity:0;padding:calc(var(--spacing,.0025rem)*600);pointer-events:none;position:fixed;-webkit-transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transition-behavior:allow-discrete;-webkit-transition-duration:var(--mds-dropdown-duration,.5s);transition-duration:var(--mds-dropdown-duration,.5s);transition-property:opacity,transform,transform-origin,display;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index,4000)}:host([visible]:not([visible=false])){display:grid;opacity:1;pointer-events:auto;-webkit-transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%))}@starting-style{:host([visible]:not([visible=false])){opacity:0;transform:scale(0)}}:host([smooth]:not([smooth=false])){transition-property:bottom,left,opacity,right,top,transform,transform-origin}.arrow{display:flex;fill:var(--mds-dropdown-arrow-background,var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:calc(var(--spacing,.0025rem)*-400)}::slotted(*){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}`;
 
 const MdsDropdown = class {
     constructor(hostRef) {
@@ -152,7 +152,7 @@ const MdsDropdown = class {
         this.floatingController.updatePosition();
     }
     targetChanged() {
-        if (!this.target || !this.floatingController)
+        if (this.target === '' || this.floatingController == null)
             return;
         this.caller = this.floatingController.updateCaller(this.target);
         this.setInteractionBehaviour();
@@ -218,26 +218,50 @@ const MdsDropdown = class {
         this.km.detachEscapeBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: 'f9ac021fe9c2261e5de88aa08f856366a7c1a6ea', style: {
+        return (index.h(index.Host, { key: '38c9f3049e6a174dba9a05327d725bdcc0968692', style: {
                 zIndex: `${this.zIndex}`,
-            } }, index.h("div", { key: '22392a2806dd8d3c983707c72b66b04c2702c089', class: "arrow", innerHTML: arrowSvg }), index.h("slot", { key: 'a136d8393d86a44f3e45a96823a76c8480f01cca' })));
+            } }, index.h("div", { key: '344784493362d917977d14c4f9c356c42c14ad4c', class: "arrow", innerHTML: arrowSvg }), index.h("slot", { key: 'b8a87aa98e63085aed670018e97134f3452dfedc' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "arrow": ["arrowChanged"],
-        "arrowPadding": ["arrowPaddingChanged"],
-        "autoPlacement": ["autoPlacementChanged"],
-        "backdrop": ["backdropChanged"],
-        "flip": ["flipChanged"],
-        "offset": ["offsetChanged"],
-        "placement": ["placementChanged"],
-        "shift": ["shiftChanged"],
-        "shiftPadding": ["shiftPaddingChanged"],
-        "strategy": ["strategyChanged"],
-        "target": ["targetChanged"],
-        "visible": ["visibleChanged"]
+        "arrow": [{
+                "arrowChanged": 0
+            }],
+        "arrowPadding": [{
+                "arrowPaddingChanged": 0
+            }],
+        "autoPlacement": [{
+                "autoPlacementChanged": 0
+            }],
+        "backdrop": [{
+                "backdropChanged": 0
+            }],
+        "flip": [{
+                "flipChanged": 0
+            }],
+        "offset": [{
+                "offsetChanged": 0
+            }],
+        "placement": [{
+                "placementChanged": 0
+            }],
+        "shift": [{
+                "shiftChanged": 0
+            }],
+        "shiftPadding": [{
+                "shiftPaddingChanged": 0
+            }],
+        "strategy": [{
+                "strategyChanged": 0
+            }],
+        "target": [{
+                "targetChanged": 0
+            }],
+        "visible": [{
+                "visibleChanged": 0
+            }]
     }; }
 };
-MdsDropdown.style = mdsDropdownCss;
+MdsDropdown.style = mdsDropdownCss();
 
 exports.mds_dropdown = MdsDropdown;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var unit = require('./unit-Cm341q1R.js');
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
@@ -421,7 +421,7 @@ _postAddChecks = function _postAddChecks(timeline, child) {
       }
     }
 
-    timeline._zTime = -1e-8; // helps ensure that the next render() will be forced (crossingStart = true in render()), even if the duration hasn't changed (we're adding a child which would need to get rendered). Definitely an edge case. Note: we MUST do this AFTER the loop above where the totalTime() might trigger a render() because this _addToTimeline() method gets called from the Animation constructor, BEFORE tweens even record their targets, etc. so we wouldn't want things to get triggered in the wrong order.
+    timeline._zTime = -_tinyNum; // helps ensure that the next render() will be forced (crossingStart = true in render()), even if the duration hasn't changed (we're adding a child which would need to get rendered). Definitely an edge case. Note: we MUST do this AFTER the loop above where the totalTime() might trigger a render() because this _addToTimeline() method gets called from the Animation constructor, BEFORE tweens even record their targets, etc. so we wouldn't want things to get triggered in the wrong order.
   }
 },
     _addToTimeline = function _addToTimeline(timeline, child, position, skipChecks) {
@@ -727,7 +727,7 @@ distribute = function distribute(v) {
       wrapAt = vars.grid === "auto" ? 0 : (vars.grid || [1, _bigNum$1])[1];
 
       if (!wrapAt) {
-        max = -1e8;
+        max = -_bigNum$1;
 
         while (max < (max = a[wrapAt++].getBoundingClientRect().left) && wrapAt < l) {}
 
@@ -1763,7 +1763,7 @@ var Animation = /*#__PURE__*/function () {
 
   _proto.timeScale = function timeScale(value, suppressEvents) {
     if (!arguments.length) {
-      return this._rts === -1e-8 ? 0 : this._rts; // recorded timeScale. Special case: if someone calls reverse() on an animation with timeScale of 0, we assign it -_tinyNum to remember it's reversed.
+      return this._rts === -_tinyNum ? 0 : this._rts; // recorded timeScale. Special case: if someone calls reverse() on an animation with timeScale of 0, we assign it -_tinyNum to remember it's reversed.
     }
 
     if (this._rts === value) {
@@ -1776,7 +1776,7 @@ var Animation = /*#__PURE__*/function () {
     // prioritize rendering where the parent's playhead lines up instead of this._tTime because there could be a tween that's animating another tween's timeScale in the same rendering loop (same parent), thus if the timeScale tween renders first, it would alter _start BEFORE _tTime was set on that tick (in the rendering loop), effectively freezing it until the timeScale tween finishes.
 
     this._rts = +value || 0;
-    this._ts = this._ps || value === -1e-8 ? 0 : this._rts; // _ts is the functional timeScale which would be 0 if the animation is paused.
+    this._ts = this._ps || value === -_tinyNum ? 0 : this._rts; // _ts is the functional timeScale which would be 0 if the animation is paused.
 
     this.totalTime(_clamp(-Math.abs(this._delay), this.totalDuration(), tTime), suppressEvents !== false);
 
@@ -1900,7 +1900,7 @@ var Animation = /*#__PURE__*/function () {
 
   _proto.restart = function restart(includeDelay, suppressEvents) {
     this.play().totalTime(includeDelay ? -this._delay : 0, _isNotFalse(suppressEvents));
-    this._dur || (this._zTime = -1e-8); // ensures onComplete fires on a zero-duration animation that gets restarted.
+    this._dur || (this._zTime = -_tinyNum); // ensures onComplete fires on a zero-duration animation that gets restarted.
 
     return this;
   };
@@ -1926,7 +1926,7 @@ var Animation = /*#__PURE__*/function () {
 
   _proto.reversed = function reversed(value) {
     if (arguments.length) {
-      !!value !== this.reversed() && this.timeScale(-this._rts || (value ? -1e-8 : 0)); // in case timeScale is zero, reversing would have no effect so we use _tinyNum.
+      !!value !== this.reversed() && this.timeScale(-this._rts || (value ? -_tinyNum : 0)); // in case timeScale is zero, reversing would have no effect so we use _tinyNum.
 
       return this;
     }
@@ -1936,7 +1936,7 @@ var Animation = /*#__PURE__*/function () {
 
   _proto.invalidate = function invalidate() {
     this._initted = this._act = 0;
-    this._zTime = -1e-8;
+    this._zTime = -_tinyNum;
     return this;
   };
 
@@ -2008,7 +2008,7 @@ _setDefaults(Animation.prototype, {
   _ts: 1,
   _dp: 0,
   ratio: 0,
-  _zTime: -1e-8,
+  _zTime: -_tinyNum,
   _prom: 0,
   _ps: false,
   _rts: 1
@@ -2267,7 +2267,7 @@ var Timeline = /*#__PURE__*/function (_Animation) {
             if (time !== this._time || !this._ts && !prevPaused) {
               //in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
               pauseTween = 0;
-              next && (tTime += this._zTime = -1e-8); // it didn't finish rendering, so flag zTime as negative so that the next time render() is called it'll be forced (to render any remaining children)
+              next && (tTime += this._zTime = -_tinyNum); // it didn't finish rendering, so flag zTime as negative so that the next time render() is called it'll be forced (to render any remaining children)
 
               break;
             }
@@ -2293,7 +2293,7 @@ var Timeline = /*#__PURE__*/function (_Animation) {
             if (time !== this._time || !this._ts && !prevPaused) {
               //in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
               pauseTween = 0;
-              next && (tTime += this._zTime = adjustedTime ? -1e-8 : _tinyNum); // it didn't finish rendering, so adjust zTime so that so that the next time render() is called it'll be forced (to render any remaining children)
+              next && (tTime += this._zTime = adjustedTime ? -_tinyNum : _tinyNum); // it didn't finish rendering, so adjust zTime so that so that the next time render() is called it'll be forced (to render any remaining children)
 
               break;
             }
@@ -2305,7 +2305,7 @@ var Timeline = /*#__PURE__*/function (_Animation) {
 
       if (pauseTween && !suppressEvents) {
         this.pause();
-        pauseTween.render(time >= prevTime ? 0 : -1e-8)._zTime = time >= prevTime ? 1 : -1;
+        pauseTween.render(time >= prevTime ? 0 : -_tinyNum)._zTime = time >= prevTime ? 1 : -1;
 
         if (this._ts) {
           //the callback resumed playback! So since we may have held back the playhead due to where the pause is positioned, go ahead and jump to where it's SUPPOSED to be (if no pause happened).
@@ -2374,7 +2374,7 @@ var Timeline = /*#__PURE__*/function (_Animation) {
     }
 
     if (ignoreBeforeTime === void 0) {
-      ignoreBeforeTime = -1e8;
+      ignoreBeforeTime = -_bigNum$1;
     }
 
     var a = [],
@@ -3328,7 +3328,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
     vars.paused && _this3.paused(true);
 
     if (immediateRender || !duration && !keyframes && _this3._start === _roundPrecise(parent._time) && _isNotFalse(immediateRender) && _hasNoPausedAncestors(_assertThisInitialized(_this3)) && parent.data !== "nested") {
-      _this3._tTime = -1e-8; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
+      _this3._tTime = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
 
       _this3.render(Math.max(0, -delay) || 0); //in case delay is negative
 
@@ -5690,7 +5690,7 @@ _addPxTranslate = function _addPxTranslate(target, start, value) {
       change %= cap;
 
       if (change !== change % (cap / 2)) {
-        change += change < 0 ? cap : -360;
+        change += change < 0 ? cap : -cap;
       }
     }
 
@@ -6183,11 +6183,14 @@ var simiSvg = `<svg width="440" height="440" viewBox="0 0 440 440" fill="none" x
 </svg>
 `;
 
-const mdsEmojiCss = "@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-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-ears:0;--mds-emoji-mia-head:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-eyes:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-mouth:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-hands:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-emoji-expression-follow-mouse-traits-duration{syntax:\"<time>\";inherits:false;initial-value:.2s}@property --mds-emoji-expression-follow-mouse-head-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}@property --mds-emoji-expression-max-rotation{syntax:\"<angle>\";inherits:false;initial-value:16deg}@property --mds-emoji-perspective{syntax:\"<length>\";inherits:false;initial-value:400px}@property --mds-emoji-offset-eyes{syntax:\"<length>\";inherits:false;initial-value:1px}@property --mds-emoji-offset-gadget{syntax:\"<length>\";inherits:false;initial-value:1px}@property --mds-emoji-offset-hands{syntax:\"<length>\";inherits:false;initial-value:2px}@property --mds-emoji-offset-head{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-emoji-offset-mouth{syntax:\"<length>\";inherits:false;initial-value:1px}@property --mds-emoji-offset-eyebrows{syntax:\"<length>\";inherits:false;initial-value:10px}@property --mds-emoji-offset-ears{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;align-items:stretch;aspect-ratio:1;height:calc(var(--spacing,.0025rem)*1200);-ms-flex-pack:stretch;display:flex;justify-content:stretch;-webkit-perspective:var(--mds-emoji-perspective,400px);perspective:var(--mds-emoji-perspective,400px);perspective-origin:50%;width:calc(var(--spacing,.0025rem)*1200)}svg{height:100%;overflow:visible;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .2s ease-out;width:100%}:host([name=mia]){--mds-emoji-mia-eyes-color:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-hands-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-mia-head-color:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-head-stroke-color:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-head-stroke-width:0px;--mds-emoji-mia-mouth-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;container-type:size}@property --mds-emoji-simi-eye{syntax:\"<color>\";inherits:false;initial-value:#40281b}@property --mds-emoji-simi-eye-light{syntax:\"<color>\";inherits:false;initial-value:#fff}@property --mds-emoji-simi-eyebrow{syntax:\"<color>\";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-gadget{syntax:\"<color>\";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-mouth{syntax:\"<color>\";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-nose-light{syntax:\"<color>\";inherits:false;initial-value:#7e695f}@property --mds-emoji-simi-nose{syntax:\"<color>\";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-outline{syntax:\"<color>\";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-skin-dark{syntax:\"<color>\";inherits:false;initial-value:#c3481b}@property --mds-emoji-simi-skin-light{syntax:\"<color>\";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-skin{syntax:\"<color>\";inherits:false;initial-value:#f36320}@property --mds-emoji-simi-mouth-teeth{syntax:\"<color>\";inherits:false;initial-value:#fff}@property --mds-emoji-simi-mouth-throat{syntax:\"<color>\";inherits:false;initial-value:#c3481b}:host([name=simi]){--mds-emoji-offset-ears:0;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-eyes:7px;--mds-emoji-offset-gadget:14px;--mds-emoji-offset-hand:18px;--mds-emoji-offset-head:5px;--mds-emoji-offset-mouth:16px;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320}";
+const mdsEmojiCss = () => `@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-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-ears:0;--mds-emoji-mia-head:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-eyes:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-mouth:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-hands:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-emoji-expression-follow-mouse-traits-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-emoji-expression-follow-mouse-head-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-emoji-expression-max-rotation{syntax:"<angle>";inherits:false;initial-value:16deg}@property --mds-emoji-perspective{syntax:"<length>";inherits:false;initial-value:400px}@property --mds-emoji-offset-eyes{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-gadget{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-hands{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-emoji-offset-head{syntax:"<length>";inherits:false;initial-value:0}@property --mds-emoji-offset-mouth{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-eyebrows{syntax:"<length>";inherits:false;initial-value:10px}@property --mds-emoji-offset-ears{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;align-items:stretch;aspect-ratio:1;height:calc(var(--spacing,.0025rem)*1200);-ms-flex-pack:stretch;display:flex;justify-content:stretch;-webkit-perspective:var(--mds-emoji-perspective,400px);perspective:var(--mds-emoji-perspective,400px);perspective-origin:50%;width:calc(var(--spacing,.0025rem)*1200)}svg{height:100%;overflow:visible;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .2s ease-out;width:100%}:host([name=mia]){--mds-emoji-mia-eyes-color:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-hands-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-mia-head-color:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-head-stroke-color:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-head-stroke-width:0px;--mds-emoji-mia-mouth-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;container-type:size}@property --mds-emoji-simi-eye{syntax:"<color>";inherits:false;initial-value:#40281b}@property --mds-emoji-simi-eye-light{syntax:"<color>";inherits:false;initial-value:#fff}@property --mds-emoji-simi-eyebrow{syntax:"<color>";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-gadget{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-mouth{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-nose-light{syntax:"<color>";inherits:false;initial-value:#7e695f}@property --mds-emoji-simi-nose{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-outline{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-skin-dark{syntax:"<color>";inherits:false;initial-value:#c3481b}@property --mds-emoji-simi-skin-light{syntax:"<color>";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-skin{syntax:"<color>";inherits:false;initial-value:#f36320}@property --mds-emoji-simi-mouth-teeth{syntax:"<color>";inherits:false;initial-value:#fff}@property --mds-emoji-simi-mouth-throat{syntax:"<color>";inherits:false;initial-value:#c3481b}:host([name=simi]){--mds-emoji-offset-ears:0;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-eyes:7px;--mds-emoji-offset-gadget:14px;--mds-emoji-offset-hand:18px;--mds-emoji-offset-head:5px;--mds-emoji-offset-mouth:16px;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320}`;
 
 const MdsEmoji = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Specifies which emoji to display.
+         */
         this.name = 'mia';
         this.emojiOriginalSize = 0;
         this.isFollowingMouse = false;
@@ -6855,6 +6858,10 @@ const MdsEmoji = class {
         await this.setStartThinkingAnimation(duration);
         return Promise.resolve();
     }
+    /**
+     * Stops the "thinking" animation after the given duration.
+     * @param duration the animation duration, in seconds
+     */
     async stopThinking(duration = 0.5) {
         if (!this.isBusy)
             return;
@@ -6923,7 +6930,7 @@ const MdsEmoji = class {
         const group = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.firstElementChild) === null || _b === void 0 ? void 0 : _b.querySelectorAll(`[id^='${part}-']`);
         if (group.length === 0)
             return null;
-        if (!state && group) {
+        if ((state === undefined || state === '') && group) {
             group === null || group === void 0 ? void 0 : group.forEach((el) => {
                 // const currentState = el.id.split('-')[1]
                 el.style.visibility = 'hidden';
@@ -6943,13 +6950,15 @@ const MdsEmoji = class {
         return element;
     }
     render() {
-        return index.h(index.Host, { key: 'eb24181cbc0fdb462d523c10ac6a3a835737e673' });
+        return index.h(index.Host, { key: 'beb9d92842ae19bbac115d3a3773f2d005fe17b2' });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "name": ["checkNameChanged"]
+        "name": [{
+                "checkNameChanged": 0
+            }]
     }; }
 };
-MdsEmoji.style = mdsEmojiCss;
+MdsEmoji.style = mdsEmojiCss();
 
 exports.mds_emoji = MdsEmoji;