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

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) {
@@ -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: '7e29aed526c49ac9021de41ccaaf4e2479df7f2f' }, index.h("div", { key: 'dae1ff46dad9f3733c0d4e5b3922c0ceef60e397', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '97c5ef324b98a0ff0d8be1ee1fe8e1ae2b42792c', class: clsx.clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, index.h("slot", { key: '6dbbeed8c36f9ecb347db140c1a8cdb7c792601a', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (index.h("div", { key: 'fac215ed7d4ed631f6df92b212406298088fe906', class: clsx.clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, index.h("div", { key: '6c33bb5c57b4fd2ae6d15eda97d6b353cfb6ad67', class: "batch-actions", part: "batch-actions" }, index.h("div", { key: 'bc10432ff603a335021116fe16a1937288892c5b', class: "batch-actions-header" }, index.h("mds-text", { key: 'b804e56fc035ddb65da640124612b345bf76c300', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), index.h("mds-badge", { key: '5f0322a4ef1252b237850c596f23c6453b984a8d', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), index.h("slot", { key: '977eb1424d5d37b9a429369c43c97b45f8e5f249', name: "batch-action" }))))));
+        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];
@@ -288,7 +298,7 @@ const MdsText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b6ca00bf5570b74f3d21ef1fac4066cae4c6e555' }, index.h(this.tag, { key: 'c7fb89120d1fba7a558e6ee13a4c627e2e024a34', class: "text" }, this.text === undefined || this.text === '' ? index.h("slot", null) : this.text)));
+        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) {
@@ -61,6 +62,27 @@ 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;
@@ -81,7 +103,7 @@ const MdsToast = class {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (index.h(index.Host, { key: 'f862380888df39c981d61fb122c4812c63c5509f' }, index.h("div", { key: '8e06caaed76364c1c62cea33f1a05b617dd0b0a4', class: clsx.clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, index.h("slot", { key: '2fb9869a252c87b601209a03928add41fccbc976', name: "icon" }), this.hasText && (index.h("mds-text", { key: '04c0b0e46ae6b486f68b2c8e0c3e6aed59fd7804', typography: "caption" }, index.h("slot", { key: 'cc1911a261d3040f6dd69b1980d24432f895f7d8' }))), this.actions && (index.h("div", { key: 'd4c1cebeecbbdfcf68fe41d2a9497c97c4354cc0', class: "actions" }, index.h("slot", { key: 'db67e0a9556c15885a5857c74286f18a361baa4e', 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 {

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

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-CNuKb6Lv.js');
-var floatingController = require('./floating-controller-DA8xyqCa.js');
+var floatingController = require('./floating-controller-CXEVR1wX.js');
+var preference = require('./preference-BdpIXWLP.js');
 require('./floating-ui.dom-DW-02Mib.js');
 require('./unit-Cm341q1R.js');
 require('./aria-BbJUuU9_.js');
@@ -11,7 +12,7 @@ var arrowSvg = `<svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.
 </svg>
 `;
 
-const mdsTooltipCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-duration:.5s;--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)*100);--mds-tooltip-transform-from:scale(.9) translateY(-3%);--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);--tw-duration:initial;--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-tooltip-delay{syntax:"<time>";inherits:false;initial-value:1s}@property --mds-tooltip-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-tooltip-transform-from{syntax:"<transform-function>";inherits:false;initial-value:scale(.9)}@property --mds-tooltip-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(1)translate(0)}:host{--mds-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a) drop-shadow(0 0 1px #0000001a);--mds-tooltip-duration:.5s;--mds-tooltip-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)*100);--mds-tooltip-transform-from:scale(.9) translateY(calc(var(--spacing,.0025rem)*400*-1));--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);background-color:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));border-radius:.25rem;box-sizing:border-box;display:grid;filter:var(--mds-tooltip-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);max-width:calc(var(--spacing,.0025rem)*6400);opacity:0;padding-block:calc(var(--spacing,.0025rem)*100);padding-inline:calc(var(--spacing,.0025rem)*200);pointer-events:none;position:fixed;-webkit-transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transition-delay:0s;-webkit-transition-duration:var(--mds-tooltip-duration,.5s);transition-duration:var(--mds-tooltip-duration,.5s);transition-property:opacity,transform,transform-origin;-webkit-transition-timing-function:var(--mds-tooltip-ease);transition-timing-function:var(--mds-tooltip-ease);width:fit-content;z-index:var(--mds-tooltip-z-index,var(--magma-tooltip-z-index,4000))}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}:host([visible]:not([visible=false])){opacity:1;pointer-events:auto;-webkit-transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));-webkit-transition-delay:var(--mds-tooltip-delay,1s);transition-delay:var(--mds-tooltip-delay,1s)}.text{display:inline-flex;padding:var(--mds-tooltip-dot-padding,calc(var(--spacing,.0025rem)*100))}.arrow{--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;fill:var(--mds-tooltip-arrow-background,var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:-9px;transition-duration:.3s;transition-property:fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));z-index:-1}::slotted(*){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-tooltip-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}@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]))){--mds-tooltip-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-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}`;
+const mdsTooltipCss = () => `@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-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-duration:.5s;--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)*100);--mds-tooltip-transform-from:scale(.9) translateY(-3%);--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);--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-tooltip-delay{syntax:"<time>";inherits:false;initial-value:1s}@property --mds-tooltip-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-tooltip-transform-from{syntax:"<transform-function>";inherits:false;initial-value:scale(.9)}@property --mds-tooltip-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(1)translate(0)}:host{--mds-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a) drop-shadow(0 0 1px #0000001a);--mds-tooltip-duration:.5s;--private-tooltip-duration:var(--mds-tooltip-duration,.5s);--mds-tooltip-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)*100);--mds-tooltip-transform-from:scale(.9) translateY(calc(var(--spacing,.0025rem)*400*-1));--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);background-color:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));border-radius:.25rem;box-sizing:border-box;display:grid;filter:var(--mds-tooltip-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);max-width:calc(var(--spacing,.0025rem)*6400);opacity:0;padding-block:calc(var(--spacing,.0025rem)*100);padding-inline:calc(var(--spacing,.0025rem)*200);pointer-events:none;position:fixed;-webkit-transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transition-delay:0s;-webkit-transition-duration:var(--private-tooltip-duration);transition-duration:var(--private-tooltip-duration);transition-property:opacity,transform,transform-origin;-webkit-transition-timing-function:var(--mds-tooltip-ease);transition-timing-function:var(--mds-tooltip-ease);width:fit-content;z-index:var(--mds-tooltip-z-index,var(--magma-tooltip-z-index,4000))}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}:host([visible]:not([visible=false])){opacity:1;pointer-events:auto;-webkit-transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));-webkit-transition-delay:var(--mds-tooltip-delay,1s);transition-delay:var(--mds-tooltip-delay,1s)}.text{display:inline-flex;padding:var(--mds-tooltip-dot-padding,calc(var(--spacing,.0025rem)*100))}.arrow{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;fill:var(--mds-tooltip-arrow-background,var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:-9px;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));z-index:-1}::slotted(*){position:relative;z-index:10}:host([pref-animation=reduce]){--private-tooltip-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host([pref-contrast=more]){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-tooltip-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}`;
 
 const MdsTooltip = class {
     constructor(hostRef) {
@@ -19,15 +20,15 @@ const MdsTooltip = class {
         /**
          * @internal
          */
-        this.arrow = true;
+        this.hideArrow = false;
         /**
          * @internal
          */
         this.arrowPadding = 4;
         /**
-         * If set, the component will be placed automatically near it's caller.
+         * If set, the component will not be placed automatically near it's caller.
          */
-        this.autoPlacement = true;
+        this.disableAutoPlacement = false;
         /**
          * Specifies the placement of the component if no space is available where it is placed.
          */
@@ -45,9 +46,9 @@ const MdsTooltip = class {
          */
         this.typography = 'tip';
         /**
-         * If set, the component will be kept inside the viewport.
+         * If set, the component will not be kept inside the viewport.
          */
-        this.shift = true;
+        this.disableShift = false;
         /**
          * Sets a safe area distance between the tooltip and the viewport.
          */
@@ -64,10 +65,10 @@ const MdsTooltip = class {
             this.visible = visibility;
         };
     }
-    arrowChanged() {
+    hideArrowChanged() {
         this.floatingController.updatePosition();
     }
-    autoPlacementChanged() {
+    disableAutoPlacementChanged() {
         this.floatingController.updatePosition();
     }
     flipChanged() {
@@ -79,7 +80,7 @@ const MdsTooltip = class {
     placementChanged() {
         this.floatingController.updatePosition();
     }
-    shiftChanged() {
+    disableShiftChanged() {
         this.floatingController.updatePosition();
     }
     shiftPaddingChanged() {
@@ -104,6 +105,20 @@ const MdsTooltip = class {
         this.caller.addEventListener('mouseleave', this.handleVisibility.bind(this, false));
         this.caller.addEventListener('mouseenter', this.handleVisibility.bind(this, true));
     }
+    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;
+        });
+    }
     componentDidLoad() {
         var _a;
         const arrow = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.arrow');
@@ -111,18 +126,23 @@ const MdsTooltip = class {
         this.targetChanged();
     }
     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);
         this.floatingController.dismiss();
     }
     render() {
-        return (index.h(index.Host, { key: '3e87a5065fb0785a6c108b47b0508a20b2fcf3d0' }, index.h("div", { key: '224497f15c7616211c3d7a5eede797bb31f1f022', class: "arrow", innerHTML: arrowSvg }), index.h("mds-text", { key: '711e915a632bfcacb16dc1a598d6d817520de363', class: "text", typography: this.typography, part: "text" }, index.h("slot", { key: 'efad82b8107bf54e566a9c631b536219ba264462' }))));
+        return (index.h(index.Host, { key: 'd71141bf2839b6ab6fef43754887ea0a0098d709', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, index.h("div", { key: 'd7a256833a2102a5eb58bcf9b51c445a1a969000', class: "arrow", innerHTML: arrowSvg }), index.h("mds-text", { key: '19a0295a047e2a48ddbf52636fb81f6304891e43', class: "text", typography: this.typography, part: "text" }, index.h("slot", { key: '82bfa0ae911e8633ed3295b4f57d348ca357009e' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "arrow": [{
-                "arrowChanged": 0
+        "hideArrow": [{
+                "hideArrowChanged": 0
             }],
-        "autoPlacement": [{
-                "autoPlacementChanged": 0
+        "disableAutoPlacement": [{
+                "disableAutoPlacementChanged": 0
             }],
         "flip": [{
                 "flipChanged": 0
@@ -133,8 +153,8 @@ const MdsTooltip = class {
         "placement": [{
                 "placementChanged": 0
             }],
-        "shift": [{
-                "shiftChanged": 0
+        "disableShift": [{
+                "disableShiftChanged": 0
             }],
         "shiftPadding": [{
                 "shiftPaddingChanged": 0