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

package/dist/cjs/mds-status-bar.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsStatusBarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-status-bar-max-width{syntax:\"<length>\";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px)var(--radius-xl,20px)0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}";
+const mdsStatusBarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-status-bar-max-width{syntax:"<length>";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}`;
 
 const MdsStatusBar = class {
     constructor(hostRef) {
@@ -26,17 +26,22 @@ const MdsStatusBar = class {
             this.visible = undefined;
         }
     }
+    /**
+     * Hides the status bar.
+     */
     async hide() {
         this.visible = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '2e37f49ed168ac4f92de372d2174073b193ed5f3' }, index.h("mds-modal", { key: '248f8662369de074f704d86b3ff83597b2403592', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, index.h("div", { key: '3acce82b21bd279dab72e67cf3ecaa6c2c88c228', class: "status-bar-area", part: "status-bar-area", slot: "window" }, index.h("div", { key: '40b7f67c8e568860cbdf843ca46b98f5fa61a765', class: "status-bar", part: "status-bar" }, this.description && (index.h("mds-text", { key: 'e669ba5dfe960c3a11812f55720f35ad2d1514a6', typography: "caption", class: "description" }, this.description)), index.h("div", { key: 'bb0266d41aa9eabd340e1a709a625e94c08682ed', class: "actions", part: "actions" }, index.h("slot", { key: 'aac6557450ec7509c1126dfc1ccc629474e4d5e8' })))))));
+        return (index.h(index.Host, { key: '8b1a0fd4300583d834e1f33796bb8d01b4b585a8' }, index.h("mds-modal", { key: 'f1ab035918beff8cffd0c10474fff898b00952cf', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, index.h("div", { key: 'a2a57a2c80322db3622b8e44ea5ca29f12946eea', class: "status-bar-area", part: "status-bar-area", slot: "window" }, index.h("div", { key: 'ea668180e6691b33d2a5377e6c6f510be23a227f', class: "status-bar", part: "status-bar" }, this.description && (index.h("mds-text", { key: '3db7d7efc103c0186f3504db52aea0406c1e57bb', typography: "caption", class: "description" }, this.description)), index.h("div", { key: 'd1daa893d59a6f7b1c5e7316bc3fec6352b919b8', class: "actions", part: "actions" }, index.h("slot", { key: 'd24bdaf3e0e25b3f2e8594dbe050436ea270f338' })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "visible": ["handleVisbilityProp"]
+        "visible": [{
+                "handleVisbilityProp": 0
+            }]
     }; }
 };
-MdsStatusBar.style = mdsStatusBarCss;
+MdsStatusBar.style = mdsStatusBarCss();
 
 exports.mds_status_bar = MdsStatusBar;

package/dist/cjs/mds-stepper-bar-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var locale = require('./locale-oGW3SvGJ.js');
@@ -49,7 +49,7 @@ var localeIt = {
 	step: step
 };
 
-const mdsStepperBarItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:\"<time>\";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:\"<length>\";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:\"<length>\";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .text{transition-delay:0s!important;transition-duration:0s}}";
+const mdsStepperBarItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:"<time>";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:"<length>";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:"<length>";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .text{transition-delay:0s!important;transition-duration:0s}}`;
 
 const MdsStepperBarItem = class {
     constructor(hostRef) {
@@ -88,6 +88,9 @@ const MdsStepperBarItem = class {
             return (index.h("mds-badge", { class: "badge", variant: "dark", tone: "weak", typography: "option" }, this.t.get('badgeQueued')));
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -115,14 +118,18 @@ const MdsStepperBarItem = class {
         this.isCurrent = newValue;
     }
     render() {
-        return (index.h(index.Host, { key: '117ff77114f72fb2e58659a53a594b133092edc2' }, index.h("div", { key: 'bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f', class: "header" }, index.h("mds-icon", { key: '15a20b0bb4bd3ec80e04890fafe28f657aa50c62', class: "icon", name: clsx.clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { key: '3da9d9cd257d82f7628f5f2845524854fd6a43e2', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { key: '21ceca94f0545a0110558483668f289122fb2dcf', class: "infos" }, this.step && (index.h("mds-text", { key: 'd7609567247c9cf43acf3a52b8ee0c3e1697fbc5', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (index.h("mds-text", { key: '3fc26167d085031d5ff9c7241c80046d28a1843d', class: "text", typography: this.typography }, this.label)), this.badge && index.h("div", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', part: "badge" }, this.showBadge()))));
+        return (index.h(index.Host, { key: '153ad28fc7602065f33667e8eee0674ed6c03199' }, index.h("div", { key: 'eb763ce9856102511798408c6d060154e2ac6ea5', class: "header" }, index.h("mds-icon", { key: '1be42e5b2c360eba80ab2a17b350081a18b47539', class: "icon", name: clsx.clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { key: 'ffc6dd8c3d9e643d6baf1b05847dad5f18425607', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { key: '2ada9d24154c880007dfc39c626ada7605260e00', class: "infos" }, this.step && (index.h("mds-text", { key: '841db62d45c451aae46b1bd27fe459d9ab35ca00', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (index.h("mds-text", { key: 'c11ce137d906cf357e478e53a83cc3b802b2d15d', class: "text", typography: this.typography }, this.label)), this.badge && index.h("div", { key: 'bc067a6ad5462ddcc7d9b8cdfda458e5e7fff73a', part: "badge" }, this.showBadge()))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "done": ["selectedHandler"],
-        "current": ["currentHandler"]
+        "done": [{
+                "selectedHandler": 0
+            }],
+        "current": [{
+                "currentHandler": 0
+            }]
     }; }
 };
-MdsStepperBarItem.style = mdsStepperBarItemCss;
+MdsStepperBarItem.style = mdsStepperBarItemCss();
 
 exports.mds_stepper_bar_item = MdsStepperBarItem;

package/dist/cjs/mds-stepper-bar.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsStepperBarCss = "@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-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-stepper-bar-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-stepper-bar-offset-margin{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-stepper-bar-scroll-behavior{syntax:\"smooth|auto\";inherits:false;initial-value:smooth}@property --mds-stepper-bar-scrollbar-margin{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-stepper-bar-scrollbar-radius{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107));display:grid;gap:calc(var(--spacing,.0025rem)*600);position:relative}.items{align-items:start;display:flex;flex-grow:1;gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*500));margin:0 calc(var(--mds-stepper-bar-offset-margin,0)*-1);overflow:auto;padding:0 var(--mds-stepper-bar-offset-margin,0);position:relative;scroll-behavior:var(--mds-stepper-bar-scroll-behavior,smooth);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;z-index:10}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{display:flex;flex-direction:column;width:100%}:host-context(:root.pref-animation-reduce){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .contents,:host-context(:root.pref-animation-reduce) .items){transition-duration:0s}:host(:not([navigation=scrollbar])) .items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .items::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .items::-webkit-scrollbar{height:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .items::-webkit-scrollbar-track{background-color:var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0);margin-block:var(--mds-stepper-bar-scrollbar-margin,0);margin-inline:var(--mds-stepper-bar-scrollbar-margin,0)}:host([navigation=scrollbar]) .items::-webkit-scrollbar-thumb{background-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.items{scrollbar-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)))var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));scrollbar-width:thin}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .contents,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .items{transition-duration:0s}}";
+const mdsStepperBarCss = () => `@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-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-stepper-bar-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-stepper-bar-offset-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}@property --mds-stepper-bar-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107));display:grid;gap:calc(var(--spacing,.0025rem)*600);position:relative}.items{align-items:start;display:flex;flex-grow:1;gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*500));margin:0 calc(var(--mds-stepper-bar-offset-margin,0)*-1);overflow:auto;padding:0 var(--mds-stepper-bar-offset-margin,0);position:relative;scroll-behavior:var(--mds-stepper-bar-scroll-behavior,smooth);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;z-index:10}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{display:flex;flex-direction:column;width:100%}:host-context(:root.pref-animation-reduce){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .contents,:host-context(:root.pref-animation-reduce) .items){transition-duration:0s}:host(:not([navigation=scrollbar])) .items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .items::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .items::-webkit-scrollbar{height:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .items::-webkit-scrollbar-track{background-color:var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0);margin-block:var(--mds-stepper-bar-scrollbar-margin,0);margin-inline:var(--mds-stepper-bar-scrollbar-margin,0)}:host([navigation=scrollbar]) .items::-webkit-scrollbar-thumb{background-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.items{scrollbar-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158))) var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));scrollbar-width:thin}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .contents,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .items{transition-duration:0s}}`;
 
 const MdsStepperBar = class {
     constructor(hostRef) {
@@ -30,7 +30,7 @@ const MdsStepperBar = class {
                 item.done = false;
                 if (key < this.currentItem) {
                     item.done = true;
-                    if (item.value) {
+                    if (item.value !== undefined && item.value !== '') {
                         values.push(item.value);
                     }
                 }
@@ -100,13 +100,15 @@ const MdsStepperBar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a0b7e159765a3130fcc67b2e3a1146b0c43907ff' }, index.h("div", { key: '25d1984f704bc071cda8010ab382384d28b86273', class: "items", part: "items" }, index.h("slot", { key: 'f32c13a94bbce2e93f28ef23b2dfcaeec17269d1' })), index.h("div", { key: '7dc90454240058f41ce07f98bb53e4376346b582', class: "contents", part: "contents" }, index.h("slot", { key: '25185f4817e18132b066c01d9d98353e1f62b19e', name: "content" }))));
+        return (index.h(index.Host, { key: '07b3ac18136f0bc4e6b7424238705c951a37e0bf' }, index.h("div", { key: '7d2e747d084bc581966e88c55ad19a8b27086030', class: "items", part: "items" }, index.h("slot", { key: '7934e741a279fdf3635c9ef56a92c96441f21081' })), index.h("div", { key: '3d3c6e31fa33b046604845886bfd94093e51bba8', class: "contents", part: "contents" }, index.h("slot", { key: '9af87d63470bf64e882477dc4f8d0e25159a708d', name: "content" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "itemsDone": ["itemDone"]
+        "itemsDone": [{
+                "itemDone": 0
+            }]
     }; }
 };
-MdsStepperBar.style = mdsStepperBarCss;
+MdsStepperBar.style = mdsStepperBarCss();
 
 exports.mds_stepper_bar = MdsStepperBar;

package/dist/cjs/mds-tab-bar-item.cjs.entry.js

@@ -1,14 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var slot = require('./slot-CI0KpgtY.js');
 
-const mdsTabBarItemCss = "@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-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-bar-item-background-selected{syntax:\"<color>\";inherits:false;initial-value:#0000}:host{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*200);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-tab-bar-item-background,rgb(var(--tone-neutral-10,60 60 60)));color:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));cursor:pointer;display:flex;fill:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));flex:1 0 0;flex-direction:column;text-align:center;transition-duration:.2s;transition-property:color,background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([selected]:not([selected=false])){background-color:var(--mds-tab-bar-item-background-selected,transparent);color:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)));fill:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-more){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}";
+const mdsTabBarItemCss = () => `@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-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-bar-item-background-selected{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*200);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-tab-bar-item-background,rgb(var(--tone-neutral-10,60 60 60)));color:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));cursor:pointer;display:flex;fill:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));flex:1 0 0;flex-direction:column;text-align:center;transition-duration:.2s;transition-property:color,background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([selected]:not([selected=false])){background-color:var(--mds-tab-bar-item-background-selected,transparent);color:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)));fill:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-more){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}`;
 
 const MdsTabBarItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.selectedEvent = index.createEvent(this, "mdsTabBarItemSelect");
+        /**
+         * The icon displayed in the tab bar item.
+         */
         this.icon = '';
         /**
          * Specifies the typography of the element
@@ -22,7 +25,7 @@ const MdsTabBarItem = class {
         };
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = slot.readSlottedLabel(this.element);
         };
@@ -37,14 +40,18 @@ const MdsTabBarItem = class {
         this.label = slot.sanitizeLabel(newValue);
     }
     render() {
-        return (index.h(index.Host, { key: 'cfdd8682bdab7117d3853abff77c31f871314a20', onClick: this.select }, index.h("mds-icon", { key: '4dd1b08193a0c6c1238104c1484523b7cc074a8a', name: this.icon }), index.h("mds-text", { key: 'd8bb748fbc4941fd5b65101997a1a21b1b7a1ed4', typography: this.typography }, this.label || index.h("slot", { key: '7e4fead88e847406b6e22ac534fcd67862fbe613', onSlotchange: this.onSlotChangeHandler }))));
+        return (index.h(index.Host, { key: 'f3c37cdf12cd99a5e9c2ffa3ef04af68548c4c3c', onClick: this.select }, index.h("mds-icon", { key: 'f79a29591079ab87d9afcc6e5bcf3acf8db4c66c', name: this.icon }), index.h("mds-text", { key: '5399aa307b7c9e097232b903e3482b2f2d8eebc4', typography: this.typography }, this.label || index.h("slot", { key: 'ebd5d848468f5f0fd895c93b5c67f7954636234a', onSlotchange: this.onSlotChangeHandler }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "selected": ["validateSelected"],
-        "label": ["labelChanged"]
+        "selected": [{
+                "validateSelected": 0
+            }],
+        "label": [{
+                "labelChanged": 0
+            }]
     }; }
 };
-MdsTabBarItem.style = mdsTabBarItemCss;
+MdsTabBarItem.style = mdsTabBarItemCss();
 
 exports.mds_tab_bar_item = MdsTabBarItem;

package/dist/cjs/mds-tab-bar.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsTabBarCss = "@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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-bar-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:rgb(var(--tone-neutral,0 0 0));bottom:0;-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50);display:flex;justify-content:space-around;left:0;position:fixed;right:0;transition-duration:.2s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}";
+const mdsTabBarCss = () => `@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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-bar-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:rgb(var(--tone-neutral,0 0 0));bottom:0;-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50);display:flex;justify-content:space-around;left:0;position:fixed;right:0;transition-duration:.2s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}`;
 
 const MdsTabBar = class {
     constructor(hostRef) {
@@ -24,10 +24,10 @@ const MdsTabBar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '65e92345e90f0b287bcb89e42803730b914bb6c1' }, index.h("slot", { key: 'c5eb2105f89f7957a0fb0aa5752d40d90d4396b3' })));
+        return (index.h(index.Host, { key: '84740f9df076cec8856a6cbe740bfc3f1611cbb8' }, index.h("slot", { key: '0ce78860c913e57192918839130e566b349b7804' })));
     }
     get element() { return index.getElement(this); }
 };
-MdsTabBar.style = mdsTabBarCss;
+MdsTabBar.style = mdsTabBarCss();
 
 exports.mds_tab_bar = MdsTabBar;

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var aria = require('./aria-BbJUuU9_.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var unit = require('./unit-Cm341q1R.js');
 
-const mdsTabCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-radius:var(--radius-lg,16px);--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-direction-vertical-columns{syntax:\"<length>+|auto+\";inherits:false;initial-value:auto auto}@property --mds-tab-item-default-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-item-hover-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-scroll-scrollbar-margin{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-tab-scroll-scrollbar-radius{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-tab-slide-delay{syntax:\"<time>\";inherits:false;initial-value:.125s}@property --mds-tab-tabs-wrapper-margin{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-tab-tabs-wrapper-outline-opacity{syntax:\"<number>\";inherits:false;initial-value:.7}@property --mds-tab-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}:host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200)));--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600))-2px #00000060;--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76))))inset;--mds-tab-transition-duration:.5s;--mds-tab-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tab-corner-shape:var(--magma-corner-shape,round);border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));corner-shape:var(--mds-tab-corner-shape,round);display:grid;gap:0 calc(var(--spacing,.0025rem)*600);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}@container style(--mds-tab-corner-shape:round){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200))*2))}}@container style(--mds-tab-corner-shape:squircle){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200))*2))}}:host([animation=slide]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{align-items:flex-start;background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));box-sizing:border-box;display:flex;gap:var(--mds-tab-tabs-gap,calc(var(--spacing,.0025rem)*200));overflow:auto;padding:var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200));scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs,.tabs-wrapper{border-radius:inherit;corner-shape:inherit;position:relative}.tabs-wrapper{display:grid;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin,0);max-width:max-content;overflow:hidden}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper:after{border-radius:inherit;corner-shape:inherit;border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity,.7);pointer-events:none;position:absolute;transition-property:box-shadow,opacity;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}.contents,.tabs-wrapper:after{-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*600);height:var(--mds-tab-contents-height);overflow:auto hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents::-webkit-scrollbar{display:none}.contents:empty{display:none}::slotted([slot=content]){flex-basis:0;flex-grow:1;min-width:100%;scroll-snap-align:start;width:100%}::slotted([slot=content][mds-tab-content-hidden]){display:none!important}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background,transparent);border-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);corner-shape:var(--mds-tab-corner-shape);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color,box-shadow,transform,width;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height,transform,width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=vertical]){grid-template-columns:var(--mds-tab-direction-vertical-columns,auto auto);grid-template-rows:1fr}:host([direction=vertical]) .tabs{align-self:start;flex-direction:column}:host([direction=vertical]) .tabs-wrapper{align-self:start;max-width:none}:host([direction=vertical][fill]) .tabs,:host([direction=vertical][fill]) .tabs-wrapper{align-self:auto}:host([direction=vertical])::slotted(mds-tab-item){width:100%}:host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0);margin-block:var(--mds-tab-scroll-scrollbar-margin,0);margin-inline:var(--mds-tab-scroll-scrollbar-margin,0)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)30%))var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)30%));scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200))*2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600)));background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:inline-flex;height:auto;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside)*-1));transform:translateX(calc(var(--offset-outside)*-1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{transform:translate(-100%)}.tabs-wrapper-overflow-right--show{transform:translate(100%)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50)var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76))))inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}:host-context(:root.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50)var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76))))inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}";
+const mdsTabCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-radius:var(--radius-lg,16px);--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-direction-vertical-columns{syntax:"<length>+|auto+";inherits:false;initial-value:auto auto}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-scroll-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-scroll-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-slide-delay{syntax:"<time>";inherits:false;initial-value:.125s}@property --mds-tab-tabs-wrapper-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-tabs-wrapper-outline-opacity{syntax:"<number>";inherits:false;initial-value:.7}@property --mds-tab-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)));--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600)) -2px #00000060;--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-transition-duration:.5s;--mds-tab-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tab-corner-shape:var(--magma-corner-shape,round);border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));corner-shape:var(--mds-tab-corner-shape,round);display:grid;gap:0 calc(var(--spacing,.0025rem)*600);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}@container style(--mds-tab-corner-shape:round){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}@container style(--mds-tab-corner-shape:squircle){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}:host([animation=slide]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{align-items:flex-start;background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));box-sizing:border-box;display:flex;gap:var(--mds-tab-tabs-gap,calc(var(--spacing,.0025rem)*200));overflow:auto;padding:var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200));scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs,.tabs-wrapper{border-radius:inherit;corner-shape:inherit;position:relative}.tabs-wrapper{display:grid;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin,0);max-width:max-content;overflow:hidden}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper:after{border-radius:inherit;corner-shape:inherit;border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity,.7);pointer-events:none;position:absolute;transition-property:box-shadow,opacity;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}.contents,.tabs-wrapper:after{-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*600);height:var(--mds-tab-contents-height);overflow:auto hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents::-webkit-scrollbar{display:none}.contents:empty{display:none}::slotted([slot=content]){flex-basis:0;flex-grow:1;min-width:100%;scroll-snap-align:start;width:100%}::slotted([slot=content][mds-tab-content-hidden]){display:none!important}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background,transparent);border-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);corner-shape:var(--mds-tab-corner-shape);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color,box-shadow,transform,width;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height,transform,width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=vertical]){grid-template-columns:var(--mds-tab-direction-vertical-columns,auto auto);grid-template-rows:1fr}:host([direction=vertical]) .tabs{align-self:start;flex-direction:column}:host([direction=vertical]) .tabs-wrapper{align-self:start;max-width:none}:host([direction=vertical][fill]) .tabs,:host([direction=vertical][fill]) .tabs-wrapper{align-self:auto}:host([direction=vertical])::slotted(mds-tab-item){width:100%}:host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0);margin-block:var(--mds-tab-scroll-scrollbar-margin,0);margin-inline:var(--mds-tab-scroll-scrollbar-margin,0)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%)) var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem) * 600)));background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:"";display:inline-flex;height:auto;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside)*-1));transform:translateX(calc(var(--offset-outside)*-1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{transform:translate(-100%)}.tabs-wrapper-overflow-right--show{transform:translate(100%)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}:host-context(:root.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}`;
 
 const MdsTab = class {
     constructor(hostRef) {
@@ -44,7 +44,7 @@ const MdsTab = class {
                 item.size = this.size;
             });
             this.tabItems.forEach((item, key) => {
-                if (!item.id) {
+                if (item.id === '') {
                     aria.setAttributeIfEmpty(item, 'id', aria.hashRandomValue('mds-tab-item'));
                 }
                 if (item.selected) {
@@ -75,7 +75,7 @@ const MdsTab = class {
             this.updateOverflowState();
         };
         this.updateOverflowState = () => {
-            if (!this.tabs || !this.tabsContainer)
+            if (this.tabs == null || this.tabsContainer == null)
                 return;
             const containerWidth = this.tabsContainer.offsetWidth;
             const tabsWidth = this.tabs.scrollWidth;
@@ -206,25 +206,35 @@ const MdsTab = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'cce3940ff16568da1dfe05f92703e4728bccb046' }, index.h("div", { key: '36e2dac7142dc4656ffc7e8c0428a3cebf922eeb', class: clsx.clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (index.h("div", { key: '12f6f6cbbdd3de8aacddb74cd9dd853e4d6b8b3d', class: clsx.clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (index.h("div", { key: '5fbac5f5d688d73c5691a5620876a3d3393ff3ce', class: clsx.clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), index.h("div", { key: 'b20ce9bd0f6706d5f8ba7c89cdc1fe7656c59c81', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '6e1266f9ba7bb07121ea46e4b6703b11b6dc1dab' }), this.animation === 'slide' && (index.h("div", { key: 'b314111ac0a86da0fbe6105d2b152007df9102c8', class: "slider", part: "slider", style: {
+        return (index.h(index.Host, { key: '80d8b12242b72f94479bdf196c8bc7135a305a8c' }, index.h("div", { key: '307d15fe46c0a82d4a3f9806aecc0592e04f9cfb', class: clsx.clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (index.h("div", { key: 'b593c0214f0e9c11a0d8831093e08c4a96b4e6e9', class: clsx.clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (index.h("div", { key: '384ef0a5d39785aee8dc42e093fe4c50b8270dc7', class: clsx.clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), index.h("div", { key: '90f41f2d5ac1fc3e286ac262ae1502c5f9ebb33e', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '4b9183053872aa01d857a3fe3a1009d50125d0b1' }), this.animation === 'slide' && (index.h("div", { key: 'fdc734f877ef9a41da18e694a7bf68bdb2bf0db5', class: "slider", part: "slider", style: {
                 '--mds-tab-slider-width': `${this.sliderWidth}px`,
                 '--mds-tab-slider-height': `${this.sliderHeight}px`,
                 '--mds-tab-slider-offset-x': `${this.sliderOffsetX}px`,
                 '--mds-tab-slider-offset-y': `${this.sliderOffsetY}px`,
-            } })))), index.h("div", { key: 'e3cc9d9abc57bd7ddcf6ee17043100d816100531', class: "contents", part: "contents" }, index.h("slot", { key: '4ecc3ff8d6687f293092d5420d0d4858da344d43', name: "content", onSlotchange: this.updateContentItems }))));
+            } })))), index.h("div", { key: 'c64737e1a93159defa4b48b56b166f508d40cf84', class: "contents", part: "contents" }, index.h("slot", { key: '2c795ecacb613662ddd79108d8c0028bc1135fd0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "animation": ["handleAnimationChange"],
-        "scrollbar": ["handleScrollbarChange"],
-        "fill": ["handleFillChange"],
-        "overflow": ["handleOverflowChange"],
-        "size": ["handleSizeChange"]
+        "animation": [{
+                "handleAnimationChange": 0
+            }],
+        "scrollbar": [{
+                "handleScrollbarChange": 0
+            }],
+        "fill": [{
+                "handleFillChange": 0
+            }],
+        "overflow": [{
+                "handleOverflowChange": 0
+            }],
+        "size": [{
+                "handleSizeChange": 0
+            }]
     }; }
 };
-MdsTab.style = mdsTabCss;
+MdsTab.style = mdsTabCss();
 
-const mdsTabItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-corner-shape:round}}}@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-tab-item-hover-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-item-selected-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-item-default-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-item-corner-shape{syntax:\"bevel|notch|round|scoop|square|squircle\";inherits:false;initial-value:round}:host{--mds-tab-item-selected-shadow:inherit;--mds-tab-item-radius:inherit;corner-shape:var(--magma-corner-shape,round);cursor:pointer;display:flex}:host-context(mds-tab[animation=slide]){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:none;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:none}.button{--mds-button-background:var(--mds-tab-item-default-background,transparent);--mds-button-color:var(--mds-tab-item-default-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-button-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));--mds-button-border-default-opacity:0;--mds-button-corner-shape:var(--mds-tab-item-corner-shape,round);aspect-ratio:auto;flex-grow:1}.button:hover{--mds-button-background:var(--mds-tab-item-hover-background,transparent);--mds-button-color:var(--mds-tab-item-hover-color,rgb(var(--tone-neutral-02,244 244 244)))}.button.selected,.button.selected:hover{--mds-button-background:var(--mds-tab-item-selected-background,transparent);--mds-button-color:var(--mds-tab-item-selected-color,rgb(var(--tone-neutral-01,255 255 255)));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);pointer-events:none}:host([disabled]){pointer-events:none}:host-context(mds-tab[direction=vertical]){width:100%}:host-context(mds-tab[direction=vertical]) .button{justify-content:start}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}}";
+const mdsTabItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-corner-shape:round}}}@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-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-selected-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-corner-shape{syntax:"bevel|notch|round|scoop|square|squircle";inherits:false;initial-value:round}:host{--mds-tab-item-selected-shadow:inherit;--mds-tab-item-radius:inherit;corner-shape:var(--magma-corner-shape,round);cursor:pointer;display:flex}:host-context(mds-tab[animation=slide]){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:none;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:none}.button{--mds-button-background:var(--mds-tab-item-default-background,transparent);--mds-button-color:var(--mds-tab-item-default-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-button-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));--mds-button-border-default-opacity:0;--mds-button-corner-shape:var(--mds-tab-item-corner-shape,round);aspect-ratio:auto;flex-grow:1}.button:hover{--mds-button-background:var(--mds-tab-item-hover-background,transparent);--mds-button-color:var(--mds-tab-item-hover-color,rgb(var(--tone-neutral-02,244 244 244)))}.button.selected,.button.selected:hover{--mds-button-background:var(--mds-tab-item-selected-background,transparent);--mds-button-color:var(--mds-tab-item-selected-color,rgb(var(--tone-neutral-01,255 255 255)));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);pointer-events:none}:host([disabled]){pointer-events:none}:host-context(mds-tab[direction=vertical]){width:100%}:host-context(mds-tab[direction=vertical]) .button{justify-content:start}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}}`;
 
 const MdsTabItem = class {
     constructor(hostRef) {
@@ -267,14 +277,16 @@ const MdsTabItem = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '8e3e4eaa9a5c331d461247f8ac91b1ba4fffbc11' }, index.h("mds-button", { key: 'f2afbe737326a6c01fd42727e1893c48dc2c5e0c', class: clsx.clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", label: this.label, size: this.size, type: this.type })));
+        return (index.h(index.Host, { key: 'a91b51214bfa7b7b77d6dba5332904ba94827ec2' }, index.h("mds-button", { key: 'cc6ae4285e0084f5f36b28928fd1b3aced17e106', class: clsx.clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", label: this.label, size: this.size, type: this.type })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "selected": ["validateActive"]
+        "selected": [{
+                "validateActive": 0
+            }]
     }; }
 };
-MdsTabItem.style = mdsTabItemCss;
+MdsTabItem.style = mdsTabItemCss();
 
 exports.mds_tab = MdsTab;
 exports.mds_tab_item = MdsTabItem;

package/dist/cjs/mds-table-body.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsTableBodyCss = "@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-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-row: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-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color:var(--mds-table-body-color,var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244))));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-body-background,var(--mds-table-background,rgb(var(--tone-neutral,0 0 0))));display:table-row-group;overflow:hidden;transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host(:last-of-type) ::slotted(:last-of-type){--private-cell-border-color:transparent}:host-context(:not(.safari)):host([interactive]:hover){--mds-table-row-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-row-color:var(--mds-table-body-color-alt,var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197))))}:host([selection]){--mds-table-body-background:var(--mds-table-body-background-alt,var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))))}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
+const mdsTableBodyCss = () => `@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-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-row: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-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color:var(--mds-table-body-color,var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244))));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-body-background,var(--mds-table-background,rgb(var(--tone-neutral,0 0 0))));display:table-row-group;overflow:hidden;transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host(:last-of-type) ::slotted(:last-of-type){--private-cell-border-color:transparent}:host-context(:not(.safari)):host([interactive]:hover){--mds-table-row-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-row-color:var(--mds-table-body-color-alt,var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197))))}:host([selection]){--mds-table-body-background:var(--mds-table-body-background-alt,var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))))}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}`;
 
 const MdsTableBody = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a764ed8fcb40bd58e0e343e10ecd7be004f7cd68', role: "rowgroup" }, index.h("slot", { key: '4976aeaf766ad113e8ee8f1f535f4e1fdf41764c' })));
+        return (index.h(index.Host, { key: 'a6a5b376b43a0be644ee648205b7e6abab0da626', role: "rowgroup" }, index.h("slot", { key: 'da15c2964399841bf18c82350d1fb258d5dfcd38' })));
     }
 };
-MdsTableBody.style = mdsTableBodyCss;
+MdsTableBody.style = mdsTableBodyCss();
 
 exports.mds_table_body = MdsTableBody;

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsTableFooterCss = "@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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-cell: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{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-top:var(--private-cell-border-width)solid var(--private-cell-border-color);display:table-row;overflow:hidden;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}::slotted(mds-table-cell){--private-cell-border-color:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
+const mdsTableFooterCss = () => `@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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-cell: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{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-top:var(--private-cell-border-width) solid var(--private-cell-border-color);display:table-row;overflow:hidden;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}::slotted(mds-table-cell){--private-cell-border-color:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}`;
 
 const MdsTableFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e2661b9dfe47fa427e9055e435d7ea59c7f6855f', role: "row" }, index.h("slot", { key: '365a39d3a739ca4ec2b374f6e2c25710cf41dc60' })));
+        return (index.h(index.Host, { key: '99c02de554402662fb728dd214d0928e4a554a80', role: "row" }, index.h("slot", { key: '8afc57c85ff9d5b44c3d0a580e4132ca3b6dab27' })));
     }
 };
-MdsTableFooter.style = mdsTableFooterCss;
+MdsTableFooter.style = mdsTableFooterCss();
 
 exports.mds_table_footer = MdsTableFooter;