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

package/dist/cjs/mds-table-header-cell.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardArrowUp = require('./keyboard-arrow-up-C6Wsxo6j.js');
 var keyboardArrowDown = require('./keyboard-arrow-down-BNOA3Lin.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 var miBaselineUnfoldMore = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>`;
 
-const mdsTableHeaderCellCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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{--tw-ease:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-bottom:var(--private-cell-border-width)solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width)solid transparent!important;display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top;white-space:nowrap}.action{margin-inline:calc(var(--spacing,.0025rem)*-200);padding-inline:calc(var(--spacing,.0025rem)*200)}.action:hover,:host([direction=ascending]) .action,:host([direction=descending]) .action{background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))}.action::part(label){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem))}.label{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*700)}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
+const mdsTableHeaderCellCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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{--tw-ease:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid transparent!important;display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top;white-space:nowrap}.action{margin-inline:calc(var(--spacing,.0025rem)*-200);padding-inline:calc(var(--spacing,.0025rem)*200)}.action:hover,:host([direction=ascending]) .action,:host([direction=descending]) .action{background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))}.action::part(label){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem))}.label{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*700)}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}`;
 
 var Sort;
 (function (Sort) {
@@ -21,13 +21,19 @@ const MdsTableHeaderCell = class {
         this.isAscending = true;
         this.currentDirection = Sort.NONE;
         this.index = 0;
+        /**
+         * Specifies the current sort direction of the column.
+         */
         this.direction = 'none';
         this.prepareSorter = () => {
-            var _a, _b;
-            if (!this.sortable || (this.sortable && ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length)))
+            var _a, _b, _c;
+            if (!this.sortable ||
+                (this.sortable &&
+                    ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length) !== undefined &&
+                    ((_b = this.tableHeaderCellSiblings) === null || _b === void 0 ? void 0 : _b.length) !== 0))
                 return;
-            this.tableBody = (_b = this.element
-                .closest('mds-table')) === null || _b === void 0 ? void 0 : _b.querySelector('mds-table-body');
+            this.tableBody = (_c = this.element
+                .closest('mds-table')) === null || _c === void 0 ? void 0 : _c.querySelector('mds-table-body');
             this.tableHeader = this.element.closest('mds-table-header');
             this.tableHeaderCellSiblings = Array.from(this.tableHeader.children);
             this.index = this.tableHeaderCellSiblings.indexOf(this.element);
@@ -35,10 +41,15 @@ const MdsTableHeaderCell = class {
             this.tableRowsDefaultSorted = Array.from(this.tableBody.children);
         };
         this.getValue = (element) => {
-            if (element.value) {
+            if (element.value !== undefined &&
+                element.value !== '' &&
+                element.value !== 0 &&
+                !Number.isNaN(element.value)) {
                 return element.value;
             }
-            return element.textContent ? element.textContent.trim() : '';
+            return element.textContent !== null && element.textContent !== ''
+                ? element.textContent.trim()
+                : '';
         };
         this.resetSortAttribute = () => {
             this.tableHeaderCellSiblings.forEach((cell) => {
@@ -113,14 +124,18 @@ const MdsTableHeaderCell = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c2ebe9d24d76a9780528c6093dfad8f3b1481354', role: "columnheader", "aria-sort": this.direction }, this.sortable ? (index.h("mds-button", { class: "action", icon: clsx.clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && keyboardArrowUp.miBaselineKeyboardArrowUp, this.direction === 'descending' && keyboardArrowDown.miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (index.h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
+        return (index.h(index.Host, { key: 'a9657b9d88db372312971caaf6bea2a7e6c58499', role: "columnheader", "aria-sort": this.direction }, this.sortable ? (index.h("mds-button", { class: "action", icon: clsx.clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && keyboardArrowUp.miBaselineKeyboardArrowUp, this.direction === 'descending' && keyboardArrowDown.miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (index.h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "sortable": ["sortableHandler"],
-        "direction": ["directionHandler"]
+        "sortable": [{
+                "sortableHandler": 0
+            }],
+        "direction": [{
+                "directionHandler": 0
+            }]
     }; }
 };
-MdsTableHeaderCell.style = mdsTableHeaderCellCss;
+MdsTableHeaderCell.style = mdsTableHeaderCellCss();
 
 exports.mds_table_header_cell = MdsTableHeaderCell;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 
 const actions$3 = "Ενέργεια";
@@ -39,7 +39,7 @@ var localeIt = {
 	selectNoneRows: selectNoneRows
 };
 
-const mdsTableHeaderCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell,mds-table-header-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-bottom: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))}.actions{text-align:right}.selection{vertical-align:middle}.checkbox-wrapper{display:flex}: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 mdsTableHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell,mds-table-header-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-bottom: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))}.actions{text-align:right}.selection{vertical-align:middle}.checkbox-wrapper{display:flex}: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 MdsTableHeader = class {
     constructor(hostRef) {
@@ -66,15 +66,23 @@ const MdsTableHeader = class {
             this.table.selectAll(this.selectAll);
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
     }
+    /**
+     * Updates the header's select-all state from the number of selected rows.
+     * @param selectedItems the number of currently selected rows
+     * @param totalItems the total number of selectable rows
+     */
     async setSelection(selectedItems, totalItems) {
         var _a;
         this.indeterminate = selectedItems !== 0 && selectedItems !== totalItems;
         if (this.indeterminate) {
-            if (!this.checkboxEl) {
+            if (this.checkboxEl == null) {
                 this.checkboxEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checkbox');
             }
         }
@@ -86,10 +94,10 @@ const MdsTableHeader = class {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '37b1dc996ea1131669eb20bcd7267113722eae2a', role: "row" }, this.selectable && (index.h("mds-table-cell", { key: 'a9e7504417cf9a44eacda2643fa5485132aeb937', class: "selection", role: "columnheader" }, index.h("div", { key: 'a0fb9d483af2ad7ed2aa07fbcb3dcb38a2bee64c', class: "checkbox-wrapper" }, index.h("mds-input-switch", { key: 'c81fc1232bf3b9b5e37a709095f7d9837933c7ba', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), index.h("slot", { key: '8c02567f4261a7851a6ab624dd281de48366bbc0' }), this.hasActions && (index.h("mds-table-header-cell", { key: '95340371d6d6f7199633cde4b66eb2177437f63d', part: "actions", class: "actions", label: this.t.get('actions') }))));
+        return (index.h(index.Host, { key: '4c1907b2a9d7f3be74b77ea8c4897b39337062f7', role: "row" }, this.selectable && (index.h("mds-table-cell", { key: 'da97fe04013a2d0627e7d42d83383b1bdc5ad20a', class: "selection", role: "columnheader" }, index.h("div", { key: '25d63dba96cfa5d0b797644fe5ade059a27130ab', class: "checkbox-wrapper" }, index.h("mds-input-switch", { key: 'd048fc26d2d851383851907a10fdea46c028af8b', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), index.h("slot", { key: '02ff4fdb5d9703d6300aac7cdb6ecf090f8db974' }), this.hasActions && (index.h("mds-table-header-cell", { key: '77b1de04053c57ead60a545d134f60d54de1da48', part: "actions", class: "actions", label: this.t.get('actions') }))));
     }
     get host() { return index.getElement(this); }
 };
-MdsTableHeader.style = mdsTableHeaderCss;
+MdsTableHeader.style = mdsTableHeaderCss();
 
 exports.mds_table_header = MdsTableHeader;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var browser = require('./browser-C1BdXKu5.js');
 
@@ -32,7 +32,7 @@ var localeIt = {
 	unselectRow: unselectRow
 };
 
-const mdsTableRowCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-table-row-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-color-alt:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-row-background-alt:rgb(var(--tone-neutral,0 0 0));--mds-table-row-actions-gap:calc(var(--spacing,.0025rem)*400);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,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{--mds-table-row-color-hover:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-background-hover:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background-alt:var(--mds-table-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-actions-gap:var(--mds-table-actions-gap,calc(var(--spacing,.0025rem)*400));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;transition-duration:.2s;transition-property:color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}.actions-view{display:flex;justify-content:end;pointer-events:none;position:absolute}.actions,.actions-view{align-items:center;inset:0}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);border-top-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);display:inline-flex;gap:var(--mds-table-row-actions-gap,calc(var(--spacing,.0025rem)*400));margin-right:100%;padding:calc(var(--mds-table-border-width,2px)*2);padding-right:0;pointer-events:auto;position:sticky;transform:translate(100%);transition-duration:.5s;transition-property:transform,background-color,padding-right;-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))}:host(:hover) .actions{transform:translate(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transform:translate(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);transform:translate(0)}:is(:host-context(mds-table[interactive=false]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:is(:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive=false]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected=false]:hover) .actions,:host-context(mds-table[selection][interactive=false]):host([selected=false]:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)))}.actions-cell--disable,.actions-cell--disable .actions{position:static!important}.actions-cell--disable .actions{margin-right:0!important;transform:translate(0)!important}: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 mdsTableRowCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-table-row-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-color-alt:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-row-background-alt:rgb(var(--tone-neutral,0 0 0));--mds-table-row-actions-gap:calc(var(--spacing,.0025rem)*400);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,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{--mds-table-row-color-hover:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-background-hover:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background-alt:var(--mds-table-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-actions-gap:var(--mds-table-actions-gap,calc(var(--spacing,.0025rem)*400));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;transition-duration:.2s;transition-property:color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}.actions-view{display:flex;justify-content:end;pointer-events:none;position:absolute}.actions,.actions-view{align-items:center;inset:0}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);border-top-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);display:inline-flex;gap:var(--mds-table-row-actions-gap,calc(var(--spacing,.0025rem)*400));margin-right:100%;padding:calc(var(--mds-table-border-width,2px)*2);padding-right:0;pointer-events:auto;position:sticky;transform:translate(100%);transition-duration:.5s;transition-property:transform,background-color,padding-right;-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))}:host(:hover) .actions{transform:translate(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transform:translate(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);transform:translate(0)}:is(:host-context(mds-table[interactive=false]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:is(:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive=false]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected=false]:hover) .actions,:host-context(mds-table[selection][interactive=false]):host([selected=false]:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)))}.actions-cell--disable,.actions-cell--disable .actions{position:static!important}.actions-cell--disable .actions{margin-right:0!important;transform:translate(0)!important}: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 MdsTableRow = class {
     constructor(hostRef) {
@@ -44,6 +44,9 @@ const MdsTableRow = class {
             es: localeEs,
             it: localeIt,
         });
+        /**
+         * Specifies whether the row can be selected via a checkbox.
+         */
         this.selectable = undefined;
         this.handleSelectionChange = (e) => {
             var _a;
@@ -51,6 +54,9 @@ const MdsTableRow = class {
             (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
@@ -75,16 +81,16 @@ const MdsTableRow = class {
             this.observer.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '647098c017c85b3b88975a7a98366afbc7140a07', role: "row" }, this.selectable && (index.h("mds-table-cell", { key: '42fd6b0fa4f38993b6f824c6fb4adabdee05b277', class: "selection-cell" }, index.h("div", { key: '4aa67fd4526d675c8486335ebea22a7c94b05f88', class: "checkbox-wrapper" }, index.h("mds-input-switch", { key: '885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), index.h("slot", { key: 'e178eac73e1485a8009248cbcad6d50437c96a3e' }), this.hasActions && browser.isSafari() && (index.h("mds-table-cell", { key: 'dd49057349406107e8e9bf5c552c900c78d3a2f4', class: "actions-cell actions-cell--disable" }, index.h("div", { key: '8ea991e4c62686c5d2e488c59abbc72cf20d47e1', class: "actions" }, index.h("slot", { key: 'e4c312f1022dfb2ca120edd5749f795472c1af5f', name: "action" })))), this.hasActions && !browser.isSafari() && (index.h("mds-table-cell", { key: '16152eed7d5eb29175ed7db0a046802f2357adad', class: "actions-cell" }, index.h("div", { key: '8e632cad0c708d6a857db3134a6c979be9893ced', class: "actions-sizer", style: {
+        return (index.h(index.Host, { key: '58724450caa507036a51436eee917bf1985b6cf8', role: "row" }, this.selectable && (index.h("mds-table-cell", { key: '6d139569b397b4ed5255d060078a885807dbf67d', class: "selection-cell" }, index.h("div", { key: '95608e906cf0d53b0750f13669b6882c5f015887', class: "checkbox-wrapper" }, index.h("mds-input-switch", { key: 'aed24d0ced8de37f9f2ccc1afd6b5b2732db995f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), index.h("slot", { key: 'd83c65bd0ed36ad733c1be6ac75ff75d1e500150' }), this.hasActions && browser.isSafari() && (index.h("mds-table-cell", { key: 'b22a8f6812a3acd05cb527a0c730c10629ea5fc6', class: "actions-cell actions-cell--disable" }, index.h("div", { key: 'f5f725888c3f9d16307ac7986a354a304a383aaa', class: "actions" }, index.h("slot", { key: 'b0b040e230bb68f4260c9bf79a83026cf776ce5d', name: "action" })))), this.hasActions && !browser.isSafari() && (index.h("mds-table-cell", { key: '10e5c24237e19f349b1c957bd1bd6e5463f6cfd3', class: "actions-cell" }, index.h("div", { key: 'e7c2577896533236dc3c5c3eaa78629bc310a45f', class: "actions-sizer", style: {
                 minHeight: '1px',
                 maxWidth: this.sizerWidth,
                 minWidth: this.sizerWidth,
-            } }), index.h("div", { key: 'b29ad0849a425b0ca8f5257b27efd0f248edb3fa', class: "actions-view" }, index.h("div", { key: '0fe5795c3d1cac06487fc7a7df06369815ba2b44', class: "actions", ref: (el) => (this.actions = el), style: {
+            } }), index.h("div", { key: 'eca88ae1d742b799979dc783734dc93b1ac2b680', class: "actions-view" }, index.h("div", { key: '3feeb73ec5018219549a2271954c8140137b5aad', class: "actions", ref: (el) => (this.actions = el), style: {
                 marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-            } }, index.h("slot", { key: '02b63534de3cfcfaca02794ec6043218e887d503', name: "action" })))))));
+            } }, index.h("slot", { key: '2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71', name: "action" })))))));
     }
     get host() { return index.getElement(this); }
 };
-MdsTableRow.style = mdsTableRowCss;
+MdsTableRow.style = mdsTableRowCss();
 
 exports.mds_table_row = MdsTableRow;

package/dist/cjs/mds-table.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 locale = require('./locale-oGW3SvGJ.js');
 
@@ -24,7 +24,7 @@ var localeIt = {
 	batchActions: batchActions
 };
 
-const mdsTableCss = "@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-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--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))),:is(mds-table-body,mds-table-footer,mds-table-header):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-table-border-width{syntax:\"<length>\";inherits:false;initial-value:2px}:host{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--mds-table-batch-actions-width:calc(var(--spacing,.0025rem)*4800);--private-cell-border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));--private-cell-border-width:var(--mds-table-border-width,2px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);border:var(--mds-table-border-width,2px)solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)))!important;display:flex;overflow:hidden;transition-property:background-color,border-color,color}.table-wrapper{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));corner-shape:inherit;display:flex;overflow:auto;width:100%}.table{border-collapse:separate;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:max-width;-webkit-transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));width:100%}.batch-actions-wrapper--has-selected-rows{max-width:var(--mds-table-batch-actions-width)}.batch-actions-header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--spacing,.0025rem)*300)}.batch-actions{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-left:var(--mds-table-border-width,2px)solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));box-sizing:border-box;display:grid;flex-grow:1;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(1px,100%));min-width:var(--mds-table-batch-actions-width);padding:calc(var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400))/2);width:100%}::slotted([slot=batch-action]){justify-content:start;width:100%}:host([selection]:not([selection=false])){--mds-table-body-background: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}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}: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))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 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-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--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-system.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsTableCss = () => `@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-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--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))),:is(mds-table-body,mds-table-footer,mds-table-header):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-table-border-width{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--mds-table-batch-actions-width:calc(var(--spacing,.0025rem)*4800);--private-cell-border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));--private-cell-border-width:var(--mds-table-border-width,2px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);border:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)))!important;display:flex;overflow:hidden;transition-property:background-color,border-color,color}.table-wrapper{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));corner-shape:inherit;display:flex;overflow:auto;width:100%}.table{border-collapse:separate;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:max-width;-webkit-transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));width:100%}.batch-actions-wrapper--has-selected-rows{max-width:var(--mds-table-batch-actions-width)}.batch-actions-header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--spacing,.0025rem)*300)}.batch-actions{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-left:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));box-sizing:border-box;display:grid;flex-grow:1;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(1px,100%));min-width:var(--mds-table-batch-actions-width);padding:calc(var(--mds-table-cell-padding,calc(var(--spacing,.0025rem) * 400)) / 2);width:100%}::slotted([slot=batch-action]){justify-content:start;width:100%}:host([selection]:not([selection=false])){--mds-table-body-background: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}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}: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))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 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-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--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-system.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsTable = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const MdsTable = class {
             var _a;
             const cells = this.rows[0].querySelectorAll('mds-table-cell');
             const cellSelection = (_a = this.rows[0].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.selection-cell');
-            this.cellsWidth = cellSelection ? cellSelection.offsetWidth : 0;
+            this.cellsWidth = cellSelection != null ? cellSelection.offsetWidth : 0;
             cells.forEach((cell) => {
                 this.cellsWidth += cell.offsetWidth;
             });
@@ -146,14 +146,18 @@ const MdsTable = class {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '26c4ebf8d8dac2b2e8505526cac64abe56f9635f' }, index.h("div", { key: 'efe2076b369e0898e38ea181b6fa403c4ad97bb1', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '0951fff09d1ae80d5ed7080b602a64df3a181751', class: clsx.clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, index.h("slot", { key: '360f656f2380d7e211bd2e21f79a575ae76d1bc9', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (index.h("div", { key: '3f0882dbcd34c89d9be13568b1b92fcc4ce76512', class: clsx.clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, index.h("div", { key: 'a7738eacba45b945a317573a0245534e69068342', class: "batch-actions", part: "batch-actions" }, index.h("div", { key: 'd0189b91bb6a3ccd185a52a5945fb20c880b51c0', class: "batch-actions-header" }, index.h("mds-text", { key: '6b6ba41fb6157e1285135342ce9fe15f6e118926', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), index.h("mds-badge", { key: 'caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), index.h("slot", { key: 'b97911b24077a3197f7a2f5b12d88cf48a89afd0', name: "batch-action" }))))));
+        return (index.h(index.Host, { key: '7e29aed526c49ac9021de41ccaaf4e2479df7f2f' }, index.h("div", { key: 'dae1ff46dad9f3733c0d4e5b3922c0ceef60e397', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '97c5ef324b98a0ff0d8be1ee1fe8e1ae2b42792c', class: clsx.clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, index.h("slot", { key: '6dbbeed8c36f9ecb347db140c1a8cdb7c792601a', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (index.h("div", { key: 'fac215ed7d4ed631f6df92b212406298088fe906', class: clsx.clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, index.h("div", { key: '6c33bb5c57b4fd2ae6d15eda97d6b353cfb6ad67', class: "batch-actions", part: "batch-actions" }, index.h("div", { key: 'bc10432ff603a335021116fe16a1937288892c5b', class: "batch-actions-header" }, index.h("mds-text", { key: 'b804e56fc035ddb65da640124612b345bf76c300', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), index.h("mds-badge", { key: '5f0322a4ef1252b237850c596f23c6453b984a8d', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), index.h("slot", { key: '977eb1424d5d37b9a429369c43c97b45f8e5f249', name: "batch-action" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "interactive": ["onTableInteractive"],
-        "selectable": ["onTableSelectable"]
+        "interactive": [{
+                "onTableInteractive": 0
+            }],
+        "selectable": [{
+                "onTableSelectable": 0
+            }]
     }; }
 };
-MdsTable.style = mdsTableCss;
+MdsTable.style = mdsTableCss();
 
 exports.mds_table = MdsTable;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
 const typographyDefaultsVariant = {
     action: {
@@ -221,7 +221,7 @@ RandomText.defaults = {
     onComplete: noop,
 };
 
-const mdsTextCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:\" \";--tw-font-weight:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-text-line-clamp{syntax:\"<integer>\";inherits:false;initial-value:3}@property --mds-text-animation-speed{syntax:\"<number>\";inherits:false;initial-value:.5}:host{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:\" \";display:flex;min-width:0}.text::selection{background-color:var(--mds-text-selection-background,rgb(var(--label-sky-09,6 76 107)));color:var(--mds-text-selection-color,rgb(var(--label-sky-01,236 248 254)))}.text{cursor:inherit;display:inherit}:host([typography=snippet]){font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=hack]){font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-h1,3rem);font-weight:var(--tw-font-weight,var(--text-size-title-h1--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h1--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h1--line-height,3rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h2]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-h2,2.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h2--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h2--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h2--line-height,2.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h3]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-h3,1.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-h3--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h3--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h3--line-height,2.25rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h4]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-h4,1.5rem);font-weight:var(--tw-font-weight,var(--text-size-title-h4--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h4--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h4--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h5]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-h5,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h5--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h5--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h5--line-height,1.75rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h6]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-h6,1rem);font-weight:var(--tw-font-weight,var(--text-size-title-h6--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-title-h6--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h6--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]),:host([typography=h2]),:host([typography=h3]),:host([typography=h4]),:host([typography=h5]),:host([typography=h6]){text-wrap:balance}:host([typography=action]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-title-action,.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-action--font-weight,500));line-height:var(--tw-leading,var(--text-size-title-action--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-info-paragraph--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-info-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]),:host([typography=detail]),:host([typography=paragraph]){text-wrap:pretty}:host([typography=label]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=tip]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-tip,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-tip--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-tip--line-height,1rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=option]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-option,.625rem);font-weight:var(--tw-font-weight,var(--text-size-info-option--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-info-option--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-info-option--line-height,.625rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph][variant=read]){font-family:var(--font-read,\"Merriweather\",Times,\"Times New Roman\",serif);font-size:var(--text-size-read-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-read-paragraph--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail][variant=read]){font-family:var(--font-read,\"Merriweather\",Times,\"Times New Roman\",serif);font-size:var(--text-size-read-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-read-detail--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption][variant=read]){font-family:var(--font-read,\"Merriweather\",Times,\"Times New Roman\",serif);font-size:var(--text-size-read-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-read-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-read-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=article]),:host([tag=blockquote]),:host([tag=dd]),:host([tag=details]),:host([tag=div]),:host([tag=dl]),:host([tag=dt]),:host([tag=figcaption]),:host([tag=h1]),:host([tag=h2]),:host([tag=h3]),:host([tag=h4]),:host([tag=h5]),:host([tag=h6]),:host([tag=label]),:host([tag=legend]),:host([tag=li]),:host([tag=ol]),:host([tag=p]),:host([tag=pre]),:host([tag=summary]),:host([tag=ul]){display:block}:host([tag=abbr]),:host([tag=address]),:host([tag=b]),:host([tag=bdo]),:host([tag=cite]),:host([tag=code]),:host([tag=del]),:host([tag=dfn]),:host([tag=em]),:host([tag=i]),:host([tag=ins]),:host([tag=kbd]),:host([tag=mark]),:host([tag=q]),:host([tag=rb]),:host([tag=rt]),:host([tag=ruby]),:host([tag=s]),:host([tag=samp]),:host([tag=small]),:host([tag=span]),:host([tag=strong]),:host([tag=sub]),:host([tag=sup]),:host([tag=time]),:host([tag=u]),:host([tag=var]){display:inline}:host([tag=code]){padding-block:calc(var(--spacing,.0025rem)*25);padding-inline:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:.25rem;-webkit-box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;color:rgb(var(--tone-neutral-03,233 233 233));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=word]) .text{white-space:nowrap}@supports (line-clamp:1){:host([truncate=all]) .text{line-clamp:var(--mds-text-line-clamp,1)}}@supports (display:-webkit-box){:host([truncate=all]) .text{-webkit-line-clamp:var(--mds-text-line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}";
+const mdsTextCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";--tw-font-weight:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-text-line-clamp{syntax:"<integer>";inherits:false;initial-value:3}@property --mds-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";display:flex;min-width:0}.text::selection{background-color:var(--mds-text-selection-background,rgb(var(--label-sky-09,6 76 107)));color:var(--mds-text-selection-color,rgb(var(--label-sky-01,236 248 254)))}.text{cursor:inherit;display:inherit}:host([typography=snippet]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=hack]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h1,3rem);font-weight:var(--tw-font-weight,var(--text-size-title-h1--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h1--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h1--line-height,3rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h2]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h2,2.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h2--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h2--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h2--line-height,2.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h3]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h3,1.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-h3--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h3--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h3--line-height,2.25rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h4]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h4,1.5rem);font-weight:var(--tw-font-weight,var(--text-size-title-h4--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h4--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h4--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h5]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h5,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h5--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h5--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h5--line-height,1.75rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h6]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h6,1rem);font-weight:var(--tw-font-weight,var(--text-size-title-h6--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-title-h6--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h6--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]),:host([typography=h2]),:host([typography=h3]),:host([typography=h4]),:host([typography=h5]),:host([typography=h6]){text-wrap:balance}:host([typography=action]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-action,.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-action--font-weight,500));line-height:var(--tw-leading,var(--text-size-title-action--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-info-paragraph--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-info-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]),:host([typography=detail]),:host([typography=paragraph]){text-wrap:pretty}:host([typography=label]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=tip]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-tip,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-tip--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-tip--line-height,1rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=option]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-option,.625rem);font-weight:var(--tw-font-weight,var(--text-size-info-option--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-info-option--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-info-option--line-height,.625rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-read-paragraph--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-read-detail--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-read-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-read-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=article]),:host([tag=blockquote]),:host([tag=dd]),:host([tag=details]),:host([tag=div]),:host([tag=dl]),:host([tag=dt]),:host([tag=figcaption]),:host([tag=h1]),:host([tag=h2]),:host([tag=h3]),:host([tag=h4]),:host([tag=h5]),:host([tag=h6]),:host([tag=label]),:host([tag=legend]),:host([tag=li]),:host([tag=ol]),:host([tag=p]),:host([tag=pre]),:host([tag=summary]),:host([tag=ul]){display:block}:host([tag=abbr]),:host([tag=address]),:host([tag=b]),:host([tag=bdo]),:host([tag=cite]),:host([tag=code]),:host([tag=del]),:host([tag=dfn]),:host([tag=em]),:host([tag=i]),:host([tag=ins]),:host([tag=kbd]),:host([tag=mark]),:host([tag=q]),:host([tag=rb]),:host([tag=rt]),:host([tag=ruby]),:host([tag=s]),:host([tag=samp]),:host([tag=small]),:host([tag=span]),:host([tag=strong]),:host([tag=sub]),:host([tag=sup]),:host([tag=time]),:host([tag=u]),:host([tag=var]){display:inline}:host([tag=code]){padding-block:calc(var(--spacing,.0025rem)*25);padding-inline:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:.25rem;-webkit-box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;color:rgb(var(--tone-neutral-03,233 233 233));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=word]) .text{white-space:nowrap}@supports (line-clamp:1){:host([truncate=all]) .text{line-clamp:var(--mds-text-line-clamp,1)}}@supports (display:-webkit-box){:host([truncate=all]) .text{-webkit-line-clamp:var(--mds-text-line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`;
 
 const MdsText = class {
     constructor(hostRef) {
@@ -280,21 +280,23 @@ const MdsText = class {
         if (this.animation === 'none') {
             return;
         }
-        if (this.randomText) {
+        if (this.randomText != null) {
             this.randomText.stop();
         }
-        if (newValue) {
+        if (newValue !== undefined && newValue !== '') {
             this.animateText(newValue);
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a17218098b9bd86f05c2dd6940fababb6e4394f5' }, index.h(this.tag, { key: 'b0ca477f6dee2adf72652e9327dab5f715419080', class: "text" }, !this.text ? index.h("slot", null) : this.text)));
+        return (index.h(index.Host, { key: 'b6ca00bf5570b74f3d21ef1fac4066cae4c6e555' }, index.h(this.tag, { key: 'c7fb89120d1fba7a558e6ee13a4c627e2e024a34', class: "text" }, this.text === undefined || this.text === '' ? index.h("slot", null) : this.text)));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "text": ["textHandler"]
+        "text": [{
+                "textHandler": 0
+            }]
     }; }
 };
-MdsText.style = mdsTextCss;
+MdsText.style = mdsTextCss();
 
 exports.mds_text = MdsText;