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

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

@@ -3,6 +3,7 @@
 var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var browser = require('./browser-C1BdXKu5.js');
+var preference = require('./preference-BdpIXWLP.js');
 
 const selectRow$3 = "Επιλογή γραμμής";
 const unselectRow$3 = "Αποεπιλογή γραμμής";
@@ -32,7 +33,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 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-ease:initial}}}: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));--mds-table-row-transition-duration:var(--duration-200,.2s);--private-table-row-transition-duration:var(--mds-table-row-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;-webkit-transition-duration:var(--private-table-row-transition-duration);transition-duration:var(--private-table-row-transition-duration);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)}:host(:not([interactive]):hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:host([selection]:not([interactive]):not([selected]):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([pref-animation=reduce]){--private-table-row-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-row-transition-duration:0s}}`;
 
 const MdsTableRow = class {
     constructor(hostRef) {
@@ -44,6 +45,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,10 +55,18 @@ 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();
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = preference.subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+    }
     componentWillLoad() {
         this.language = this.t.lang(this.host);
         this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
@@ -71,17 +83,19 @@ const MdsTableRow = class {
         this.observer.observe(this.actions);
     }
     disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
         if (this.observer)
             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: '86bc97a2f6d1335bc792d15d857c001fc4a3110f', role: "row", "pref-animation": this.prefAnimation }, this.selectable && (index.h("mds-table-cell", { key: 'a92574ce351c4779c2e5335f81e7965fdb9bdbad', class: "selection-cell" }, index.h("div", { key: '5ebfe21be4854c967498e554a2da9f38e91c33c8', class: "checkbox-wrapper" }, index.h("mds-input-switch", { key: '1bd177a4922b0bdd3501b07ffe9012f424b56e8c', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), index.h("slot", { key: '6bc38542f3588754cd23d73e36872393a6f50b12' }), this.hasActions && browser.isSafari() && (index.h("mds-table-cell", { key: '4ac2f11075ecb26f0e88489a3bc702fc760ced8c', class: "actions-cell actions-cell--disable" }, index.h("div", { key: '4faadef9e03a6a811efea4eb1f27cda8f64a4352', class: "actions" }, index.h("slot", { key: '398f2fbce1fb64bd757a69d3099a13ee7f67b9af', name: "action" })))), this.hasActions && !browser.isSafari() && (index.h("mds-table-cell", { key: '46098974730dfa191c4cc9d0bd98e65fd4ee2693', class: "actions-cell" }, index.h("div", { key: 'fd7f848689421936803b1b1b91fa6ff89f9a8f33', 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: '3aad1e774b7204674baadc1a8a34d500b47fe301', class: "actions-view" }, index.h("div", { key: '04c70da921a5453703a162135f702c8d0003181d', 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: '9567f90a09bfab25b54f2d9f0f610c9dc918dcbe', name: "action" })))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -3,6 +3,7 @@
 var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var locale = require('./locale-oGW3SvGJ.js');
+var preference = require('./preference-BdpIXWLP.js');
 
 const batchActions$3 = "Επιλεγμένα στοιχεία";
 var localeEl = {
@@ -24,7 +25,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 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-ease:initial}}}: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-transition-duration:var(--duration-300,.3s);--private-table-transition-duration:var(--mds-table-transition-duration);--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-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-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;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);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:initial;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--private-table-transition-duration);transition-duration:var(--private-table-transition-duration);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([pref-animation=reduce]){--private-table-transition-duration:0s}:host([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([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([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-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]: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([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){:host(:not([pref-contrast])),:host([pref-contrast=system]){--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([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([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 +50,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;
             });
@@ -100,6 +101,9 @@ const MdsTable = class {
         this.header.setSelection(this.selectedRows.length, this.rows.length);
         this.selection = this.selectedRows.length > 0;
         this.body.selection = this.selection;
+        this.rows.forEach((row) => {
+            row.selection = this.selection;
+        });
     }
     /**
      * Selects all elements or none, works only if `selectable` is true.
@@ -139,14 +143,32 @@ const MdsTable = class {
             this.handleActions();
         }
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = preference.subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = preference.subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = preference.subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = preference.subscribePreference('theme-scheme', (value) => {
+            this.prefThemeScheme = value;
+        });
+    }
     disconnectedCallback() {
-        var _a;
+        var _a, _b, _c, _d, _e;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefContrast) === null || _b === void 0 ? void 0 : _b.call(this);
+        (_c = this.unsubscribePrefTheme) === null || _c === void 0 ? void 0 : _c.call(this);
+        (_d = this.unsubscribePrefThemeScheme) === null || _d === void 0 ? void 0 : _d.call(this);
         this.host.removeEventListener('scroll', this.handleActions);
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_e = this.resizeObserver) === null || _e === void 0 ? void 0 : _e.disconnect();
         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: 'e7c77e9d01cf6b4efe638161ec811b1333b298ed', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, index.h("div", { key: '65df091f6d13a48f5ff8d6c1af82c3b6bea7d5ef', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '0d29aef521d40d8aa6063f985f73da1e8c5fb8ea', class: clsx.clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, index.h("slot", { key: '7927888cab77d8b2bbd5bfaa39dd44d670e16e2c', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (index.h("div", { key: 'c97383c8124e11f0c9b339f31048d8497b18870c', class: clsx.clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, index.h("div", { key: '9a626e46b1d7f75241e7020623e081c9c445e3fa', class: "batch-actions", part: "batch-actions" }, index.h("div", { key: 'b142358ed944bc66c9b6b81920c92997b432b8b3', class: "batch-actions-header" }, index.h("mds-text", { key: '08b360e1ec653882e1fc982955e2a4708c8d964d', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), index.h("mds-badge", { key: '7fadd5fc8395d8dfc35a31f93b7ee7de179e53c1', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), index.h("slot", { key: '3e7b51e4082b2b1c0d1001c512954bd147194289', name: "batch-action" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var index = require('./index-CNuKb6Lv.js');
+var preference = require('./preference-BdpIXWLP.js');
 
 const typographyDefaultsVariant = {
     action: {
@@ -221,7 +222,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}@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 mdsTextCss = () => `@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}}}: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:" ";--mds-text-transition-duration:var(--duration-200,.2s);--private-text-transition-duration:var(--mds-text-transition-duration);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]){--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));padding-block:calc(var(--spacing,.0025rem)*25);padding-inline:calc(var(--spacing,.0025rem)*100);-webkit-transition-duration:var(--private-text-transition-duration);transition-duration:var(--private-text-transition-duration);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) {
@@ -267,6 +268,15 @@ const MdsText = class {
             this.cssTextAnimationPlaceholderChar = placeholderChar;
         };
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = preference.subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
     componentWillRender() {
         var _a;
         const { tag } = typographyDefaultsVariant[this.typography];
@@ -280,15 +290,15 @@ 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: '86a3d3c07cfc75f8e65c081939b6d1afe1ca07f5', "pref-animation": this.prefAnimation }, index.h(this.tag, { key: '3664cfc90f221a023b5dc5f53e3f14877a6f1b5d', class: "text" }, this.text === undefined || this.text === '' ? index.h("slot", null) : this.text)));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,9 +2,10 @@
 
 var index = require('./index-CNuKb6Lv.js');
 var unit = require('./unit-Cm341q1R.js');
+var preference = require('./preference-BdpIXWLP.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const mdsToastCss = () => `@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-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-width:auto;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-toast-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-toast-width{syntax:"<length>|auto";inherits:false;initial-value:auto}:host{--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a);--mds-toast-width:auto;color:var(--mds-toast-color,rgb(var(--tone-neutral,0 0 0)));display:flex;left:calc(var(--spacing,.0025rem)*0);pointer-events:none;position:fixed;right:calc(var(--spacing,.0025rem)*0)}.dialog{border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)*400);margin-inline:calc(var(--spacing,.0025rem)*400);max-width:100%;padding:calc(var(--spacing,.0025rem)*400);--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));align-items:center;background-color:var(--mds-toast-background,rgb(var(--tone-neutral-02,244 244 244)));-webkit-box-shadow:var(--mds-toast-shadow);box-shadow:var(--mds-toast-shadow);display:inline-flex;pointer-events:none;-webkit-transition-duration:var(--mds-toast-duration,.3s);transition-duration:var(--mds-toast-duration,.3s);transition-property:box-shadow,background-color,color,transform;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));width:var(--mds-toast-width,auto)}:host([visible]:not([visible=false])) .dialog{pointer-events:auto}:host([position^=top]){top:calc(var(--spacing,.0025rem)*0)}:host([position=top-left]){justify-content:flex-start}:host([position=top-center]){justify-content:center}:host([position=top-right]){justify-content:flex-end}:host([position^=bottom]){bottom:calc(var(--spacing,.0025rem)*0)}:host([position=bottom-left]){justify-content:flex-start}:host([position=bottom-center]){justify-content:center}:host([position=bottom-right]){justify-content:flex-end}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*200)}::slotted([slot=icon]){--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));fill:var(--mds-toast-icon-color,rgb(var(--tone-neutral,0 0 0)));flex-shrink:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host([variant=dark]),:host([variant=dark][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral-09,76 76 76));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral-03,233 233 233));--mds-toast-color:rgb(var(--tone-neutral-10,60 60 60));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=error]),:host([variant=error][tone=strong]){--mds-toast-background:rgb(var(--status-error-09,135 0 14));--mds-toast-color:rgb(var(--status-error-02,255 234 231));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=weak]){--mds-toast-background:rgb(var(--status-error-10,115 0 0));--mds-toast-color:rgb(var(--status-error-03,255 217 214));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-error-06,239 108 105))}:host([variant=info]),:host([variant=info][tone=strong]){--mds-toast-background:rgb(var(--status-info-09,0 73 116));--mds-toast-color:rgb(var(--status-info-02,222 242 250));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=weak]){--mds-toast-background:rgb(var(--status-info-10,0 61 103));--mds-toast-color:rgb(var(--status-info-03,198 231 247));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-info-06,0 161 208))}:host([variant=light]),:host([variant=light][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-04,218 218 218))}:host([variant=success]),:host([variant=success][tone=strong]){--mds-toast-background:rgb(var(--status-success-09,0 82 9));--mds-toast-color:rgb(var(--status-success-02,222 244 228));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=weak]){--mds-toast-background:rgb(var(--status-success-10,0 69 0));--mds-toast-color:rgb(var(--status-success-03,196 235 209));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-success-06,0 171 97))}:host([variant=warning]),:host([variant=warning][tone=strong]){--mds-toast-background:rgb(var(--status-warning-09,90 67 0));--mds-toast-color:rgb(var(--status-warning-02,255 237 185));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=weak]){--mds-toast-background:rgb(var(--status-warning-10,77 57 0));--mds-toast-color:rgb(var(--status-warning-03,255 223 129));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-warning-06,190 142 0))}.to-top-center,.to-top-left,.to-top-right{transform:translateY(calc(-1 * calc(var(--spacing,.0025rem) * full) - calc(var(--spacing,.0025rem) * 400)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--mds-toast-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-top-center.dialog--visible,.to-top-left.dialog--visible,.to-top-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)*400));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--duration-500);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.to-bottom-center,.to-bottom-left,.to-bottom-right{transform:translateY(calc(calc(var(--spacing,.0025rem) * full) + calc(var(--spacing,.0025rem) * 200)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--mds-toast-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-bottom-center.dialog--visible,.to-bottom-left.dialog--visible,.to-bottom-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)*400*-1));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--duration-500);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s!important}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-toast-shadow:var(--shadow-outline)!important}:host-context(:root.pref-contrast-more){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}@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!important}}@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-toast-shadow:var(--shadow-outline)!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}}`;
+const mdsToastCss = () => `@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-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-width:auto;--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-toast-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-toast-width{syntax:"<length>|auto";inherits:false;initial-value:auto}:host{--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a);--mds-toast-width:auto;--private-toast-transition-duration:var(--mds-toast-duration,.3s);--private-toast-transition-duration-intro:var(--duration-500,.5s);--private-toast-transition-duration-icon:var(--duration-200,.2s);color:var(--mds-toast-color,rgb(var(--tone-neutral,0 0 0)));display:flex;left:0;pointer-events:none;position:fixed;right:0}.dialog{--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));align-items:center;background-color:var(--mds-toast-background,rgb(var(--tone-neutral-02,244 244 244)));border-radius:var(--radius-xl,20px);-webkit-box-shadow:var(--mds-toast-shadow);box-shadow:var(--mds-toast-shadow);display:inline-flex;gap:calc(var(--spacing,.0025rem)*400);margin-inline:calc(var(--spacing,.0025rem)*400);max-width:100%;padding:calc(var(--spacing,.0025rem)*400);pointer-events:none;-webkit-transition-duration:var(--private-toast-transition-duration);transition-duration:var(--private-toast-transition-duration);transition-property:box-shadow,background-color,color,transform;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));width:var(--mds-toast-width,auto)}:host([visible]:not([visible=false])) .dialog{pointer-events:auto}:host([position^=top]){top:0}:host([position=top-left]){justify-content:flex-start}:host([position=top-center]){justify-content:center}:host([position=top-right]){justify-content:flex-end}:host([position^=bottom]){bottom:0}:host([position=bottom-left]){justify-content:flex-start}:host([position=bottom-center]){justify-content:center}:host([position=bottom-right]){justify-content:flex-end}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*200)}::slotted([slot=icon]){--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));fill:var(--mds-toast-icon-color,rgb(var(--tone-neutral,0 0 0)));flex-shrink:0;-webkit-transition-duration:var(--private-toast-transition-duration-icon);transition-duration:var(--private-toast-transition-duration-icon);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host([variant=dark]),:host([variant=dark][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral-09,76 76 76));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral-03,233 233 233));--mds-toast-color:rgb(var(--tone-neutral-10,60 60 60));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=error]),:host([variant=error][tone=strong]){--mds-toast-background:rgb(var(--status-error-09,135 0 14));--mds-toast-color:rgb(var(--status-error-02,255 234 231));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=weak]){--mds-toast-background:rgb(var(--status-error-10,115 0 0));--mds-toast-color:rgb(var(--status-error-03,255 217 214));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-error-06,239 108 105))}:host([variant=info]),:host([variant=info][tone=strong]){--mds-toast-background:rgb(var(--status-info-09,0 73 116));--mds-toast-color:rgb(var(--status-info-02,222 242 250));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=weak]){--mds-toast-background:rgb(var(--status-info-10,0 61 103));--mds-toast-color:rgb(var(--status-info-03,198 231 247));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-info-06,0 161 208))}:host([variant=light]),:host([variant=light][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-04,218 218 218))}:host([variant=success]),:host([variant=success][tone=strong]){--mds-toast-background:rgb(var(--status-success-09,0 82 9));--mds-toast-color:rgb(var(--status-success-02,222 244 228));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=weak]){--mds-toast-background:rgb(var(--status-success-10,0 69 0));--mds-toast-color:rgb(var(--status-success-03,196 235 209));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-success-06,0 171 97))}:host([variant=warning]),:host([variant=warning][tone=strong]){--mds-toast-background:rgb(var(--status-warning-09,90 67 0));--mds-toast-color:rgb(var(--status-warning-02,255 237 185));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=weak]){--mds-toast-background:rgb(var(--status-warning-10,77 57 0));--mds-toast-color:rgb(var(--status-warning-03,255 223 129));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-warning-06,190 142 0))}.to-top-center,.to-top-left,.to-top-right{transform:translateY(calc(-1 * calc(var(--spacing,.0025rem) * full) - calc(var(--spacing,.0025rem) * 400)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--private-toast-transition-duration,var(--mds-toast-duration,.3s));transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-top-center.dialog--visible,.to-top-left.dialog--visible,.to-top-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)*400));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--private-toast-transition-duration-intro,var(--duration-500));transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.to-bottom-center,.to-bottom-left,.to-bottom-right{transform:translateY(calc(calc(var(--spacing,.0025rem) * full) + calc(var(--spacing,.0025rem) * 200)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--private-toast-transition-duration,var(--mds-toast-duration,.3s));transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-bottom-center.dialog--visible,.to-bottom-left.dialog--visible,.to-bottom-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)*400*-1));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--private-toast-transition-duration-intro,var(--duration-500));transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}:host([pref-animation=reduce]){--private-toast-transition-duration:0s;--private-toast-transition-duration-intro:0s;--private-toast-transition-duration-icon:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-toast-shadow:var(--shadow-outline)!important}:host([pref-contrast=more]){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-toast-transition-duration:0s;--private-toast-transition-duration-intro:0s;--private-toast-transition-duration-icon:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-toast-shadow:var(--shadow-outline)!important}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}}`;
 
 const MdsToast = class {
     constructor(hostRef) {
@@ -30,7 +31,7 @@ const MdsToast = class {
         this.reloadTimeListeners = (visible) => {
             if (typeof window === 'undefined')
                 return;
-            if (!this.duration) {
+            if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
                 return;
             }
             if (!visible) {
@@ -61,10 +62,31 @@ const MdsToast = class {
         const elementStyles = window.getComputedStyle(this.hostElement);
         this.cssDismissAnimationDuration = unit.cssDurationToMilliseconds(elementStyles.getPropertyValue('--mds-tab-duration'));
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = preference.subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = preference.subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = preference.subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = preference.subscribePreference('theme-scheme', (value) => {
+            this.prefThemeScheme = value;
+        });
+    }
+    disconnectedCallback() {
+        var _a, _b, _c, _d;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefContrast) === null || _b === void 0 ? void 0 : _b.call(this);
+        (_c = this.unsubscribePrefTheme) === null || _c === void 0 ? void 0 : _c.call(this);
+        (_d = this.unsubscribePrefThemeScheme) === null || _d === void 0 ? void 0 : _d.call(this);
+    }
     componentWillLoad() {
         this.hasText = this.hostElement.innerHTML !== '';
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
-        if (!this.duration) {
+        if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
             return;
         }
         if (this.visible) {
@@ -81,7 +103,7 @@ const MdsToast = class {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (index.h(index.Host, { key: '07bd21eb409fba3bd390a18915b71142ab101f05' }, index.h("div", { key: '2d24435a16e9e0fc22104f7cc55c3a410a5031af', class: clsx.clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, index.h("slot", { key: '113929b405b215eabbdfc79171555fd58ddce51f', name: "icon" }), this.hasText && (index.h("mds-text", { key: 'c3b763b5a0ea335cbf3451332140bcc12a58c9a8', typography: "caption" }, index.h("slot", { key: 'd86fe90e7aa7f945cf00addc6c7b82dcd32c438c' }))), this.actions && (index.h("div", { key: '42212943d1d4e563e459fdd9868ae116fe39fdb3', class: "actions" }, index.h("slot", { key: 'cf302f49b30627afb5d1c6b1278393292de718ba', name: "action" }))))));
+        return (index.h(index.Host, { key: '46d107363c17135813a545047e6ae735f7dcefa6', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, index.h("div", { key: 'eb0d5703757687387438435fc931b62b1bc913e5', class: clsx.clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, index.h("slot", { key: '27ead3c153f71fa6b6505f6b90cbd612a6ad5ea9', name: "icon" }), this.hasText && (index.h("mds-text", { key: '270d5019769748ab6cbe60f0621884cd5c793e10', typography: "caption" }, index.h("slot", { key: '14be34434c9d2a6c51cf2d2511bbfd721900f386' }))), this.actions && (index.h("div", { key: 'd84eb829e6934b2a10ffc01e4d450f83d02388a9', class: "actions" }, index.h("slot", { key: 'b1a7fd63b939a511f8ef5f793d5f98cd12ad27d3', name: "action" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {