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

package/dist/esm/mds-pref-theme.entry.js

@@ -3,6 +3,7 @@ import { c as cssDurationToMilliseconds } from './unit-D8eZRaSQ.js';
 import { m as miBaselineSettings } from './settings-XQgkfNpn.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
 import { i as isSafari } from './browser-Dje8Mggf.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 
 var miBaselineLightMode = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>`;
 
@@ -54,7 +55,7 @@ var localeIt = {
 	systemSettings: systemSettings
 };
 
-const mdsPrefThemeCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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-pref-theme-overlay-fadeout-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-pref-theme-overlay-show-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000);display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}.item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-06,188 143 6))}.item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-06,13 158 224))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}}`;
+const mdsPrefThemeCss = () => `@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-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000)}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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-pref-theme-overlay-fadeout-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-pref-theme-overlay-show-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000);display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}.item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-06,188 143 6))}.item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-06,13 158 224))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}@media (prefers-color-scheme:dark){:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}}`;
 
 const MdsPrefTheme = class {
     constructor(hostRef) {
@@ -204,6 +205,12 @@ const MdsPrefTheme = class {
                     break;
             }
         };
+        this.handleModeClick = (mode) => () => {
+            if (this.overlayShow) {
+                return;
+            }
+            this.changeTheme(mode);
+        };
     }
     /**
      * Updates the component's texts to the locale currently set on the host element.
@@ -240,26 +247,28 @@ const MdsPrefTheme = class {
             this.overlayEl.remove();
         }, cssDurationToMilliseconds(this.cssOverlayFadeoutDuration));
     }
+    connectedCallback() {
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = subscribePreference('theme-scheme', (value) => {
+            this.prefThemeScheme = value;
+        });
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.unsubscribePrefContrast) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefTheme) === null || _b === void 0 ? void 0 : _b.call(this);
+        (_c = this.unsubscribePrefThemeScheme) === null || _c === void 0 ? void 0 : _c.call(this);
+    }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'd39c062c0ddd2b9f321ce4d153613ab35628ba07' }, h("mds-text", { key: '547812a4d5c9e790fdb71e19e39156842a1635e2', class: "info", typography: "caption" }, h("b", { key: '343a8359be692988c9ec734d52246d16950e6185' }, this.t.get('label')), ' ', this.disabled
+        return (h(Host, { key: '7280b0d7c2ad7329e4170fc9a039575086debf30', "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, h("mds-text", { key: 'db45fd3a2e56c6f4cb6e9a8c2f7305aae9ea891e', class: "info", typography: "caption" }, h("b", { key: '2b94106cf9f48d0dd17010d3202d4a115cf98915' }, this.t.get('label')), ' ', this.disabled
             ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true })
-            : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), h("mds-tab", { key: '86baac9e84e019c9367a521fcc6d1a61adbc43ce', fill: true, size: this.size }, h("mds-tab-item", { key: '8c1d7742877300f0efe7c9e93ddb99aa24722cca', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
-                if (this.overlayShow) {
-                    return;
-                }
-                this.changeTheme('light');
-            }, class: "item item--light", icon: miBaselineLightMode }), h("mds-tab-item", { key: '1974867e21420238c2e8000091dd2e5dfaf4d0c1', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
-                if (this.overlayShow) {
-                    return;
-                }
-                this.changeTheme('system');
-            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '1c433c2879c2165b08d896bdb8fff6d7d8fe1b2e', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
-                if (this.overlayShow) {
-                    return;
-                }
-                this.changeTheme('dark');
-            }, class: "item item--dark", icon: this.mode === 'dark' ? miBaselineDarkMode : miOutlineDarkMode }))));
+            : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), h("mds-tab", { key: 'cd9873a00095c71a5ff81f38dae8d685ad37a6f0', fill: true, size: this.size }, h("mds-tab-item", { key: 'a85d3c5f6b9be4adb37638e45a5d75536e3dd442', disabled: this.disabled, selected: this.mode === 'light', onClick: this.handleModeClick('light'), class: "item item--light", icon: miBaselineLightMode }), h("mds-tab-item", { key: '713173f22fceff76de9f6751bd0a753f68aac8c7', disabled: this.disabled, selected: this.mode === 'system', onClick: this.handleModeClick('system'), class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '766dbe686e2fd8609ec3a1a6716d4c428bc1391e', disabled: this.disabled, selected: this.mode === 'dark', onClick: this.handleModeClick('dark'), class: "item item--dark", icon: this.mode === 'dark' ? miBaselineDarkMode : miOutlineDarkMode }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-pref.entry.js

@@ -21,7 +21,7 @@ var localeIt = {
 	reloadPageToSeeChanges: reloadPageToSeeChanges
 };
 
-const mdsPrefCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host(:empty),:host([controller]){display:none}.reload-required{display:grid;gap:calc(var(--spacing,.0025rem)*200)}`;
+const mdsPrefCss = () => `@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host(:empty),:host([controller]){display:none}.reload-required{display:grid;gap:calc(var(--spacing,.0025rem)*200)}`;
 
 const MdsPref = class {
     constructor(hostRef) {
@@ -105,7 +105,7 @@ const MdsPref = class {
         this.removePerfEvents();
     }
     render() {
-        return (h(Host, { key: '9b6e06abc8d530f2e148f4823bb70ace4cfd786b' }, h("slot", { key: '5be136360ee11b12cec8664a1e6c228c924a4123' }), this.showReload && (h("div", { key: 'a10b658b7a064be2b89101422e273402235c92c8', class: "reload-required" }, h("mds-text", { key: 'd66a8213bfc744d590817f72e4ae63e8b3684d40', typography: "caption" }, this.t.get('reloadPageToSeeChanges'))))));
+        return (h(Host, { key: 'fb9caf5c41dde41d29c82cdb48f3d4472dc27719' }, h("slot", { key: 'ce22594b814f4d3e6f26df1aef9b291bcd3f5e21' }), this.showReload && (h("div", { key: 'e155da0815e661dfcd2acbc9b0c96aaa87ca56cb', class: "reload-required" }, h("mds-text", { key: '4ed6190393fc4ff247285e4085d52ace60027c75', typography: "caption" }, this.t.get('reloadPageToSeeChanges'))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-price-table-features-cell.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 import { m as miBaselineCheckCircle } from './check-circle-BFhO-KUe.js';
 import { m as miBaselineHorizontalRule } from './horizontal-rule-BE8xuIpS.js';
 
-const mdsPriceTableFeaturesCellCss = () => `@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-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--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}:host{--mds-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:1px solid var(--mds-price-table-features-cell-border-color,rgb(var(--tone-neutral-08,107 107 107)));display:table-cell;padding:var(--mds-price-table-features-cell-padding,var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)));transition-duration:.2s;transition-property:border-color,transform;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.icon{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));display:flex;fill:var(--icon-fill-color,currentColor);transition-duration:.2s;transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.icon--supported{--icon-fill-color:var(--mds-price-table-features-cell-icon-supported-color,rgb(var(--label-green-06,30 171 82)))}.icon--unsupported{--icon-fill-color:var(--mds-price-table-features-cell-icon-unsupported-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-contrast-more){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}@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]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{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-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}}`;
+const mdsPriceTableFeaturesCellCss = () => `@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-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--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}:host{--mds-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-price-table-features-cell-transition-duration:var(--duration-200,.2s);--private-price-table-features-cell-transition-duration:var(--mds-price-table-features-cell-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:1px solid var(--mds-price-table-features-cell-border-color,rgb(var(--tone-neutral-08,107 107 107)));display:table-cell;padding:var(--mds-price-table-features-cell-padding,var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)));-webkit-transition-duration:var(--private-price-table-features-cell-transition-duration);transition-duration:var(--private-price-table-features-cell-transition-duration);transition-property:border-color,transform;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.icon{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));display:flex;fill:var(--icon-fill-color,currentColor);height:calc(var(--spacing,.0025rem)*600);-webkit-transition-duration:var(--private-price-table-features-cell-transition-duration);transition-duration:var(--private-price-table-features-cell-transition-duration);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:calc(var(--spacing,.0025rem)*600)}.icon--supported{--icon-fill-color:var(--mds-price-table-features-cell-icon-supported-color,rgb(var(--label-green-06,30 171 82)))}.icon--unsupported{--icon-fill-color:var(--mds-price-table-features-cell-icon-unsupported-color,rgb(var(--tone-neutral-06,158 158 158)))}:host([pref-animation=reduce]){--private-price-table-features-cell-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}:host([pref-contrast=more]){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-features-cell-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}}`;
 
 const MdsPriceTableFeaturesCell = class {
     constructor(hostRef) {
@@ -12,8 +13,29 @@ const MdsPriceTableFeaturesCell = class {
          */
         this.type = 'text';
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = 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);
+    }
     render() {
-        return (h(Host, { key: 'c2128e191ac5c1b87f07094c22ec8933b7a21874' }, this.type === 'supported' && (h("i", { key: 'af9fc4de6bdf3698ce80126b5166809920ec209c', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" })), this.type === 'unsupported' && (h("i", { key: 'ca1fd3835fa926af3989f75e79354512d46ae37a', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" })), this.type === 'text' && (h("mds-text", { key: '6ad51db1f44912c8e175edf8530234d947bda5a5', part: "text", typography: "detail" }, h("slot", { key: '856ddd5a1d444fe3127379f2d7b2c2ce1a27c292' }))), this.type === 'custom' && h("slot", { key: '0a206aad7c9d1e7ba0e647db8ebb47a8eef396aa' }), this.type === 'label' && h("slot", { key: '17d326be1ffeb2fb4f0dc832e0233a8cf5fcd197' })));
+        return (h(Host, { key: '0685a3ee7e1b48602dd2fe5de72ab1bfa3911d4e', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, this.type === 'supported' && (h("i", { key: 'fa867367c20a71b03f45b35b45a3e63a9439f55d', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" })), this.type === 'unsupported' && (h("i", { key: '9c02e9b23f20a58074b4f2fbadadb100acdc6ae7', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" })), this.type === 'text' && (h("mds-text", { key: '431f38647428bb78f23a5b4c9b9f1d74a7e0843a', part: "text", typography: "detail" }, h("slot", { key: 'b4e1c215cd40869a188d6ffda706305296130ef1' }))), this.type === 'custom' && h("slot", { key: '7d36a04177fa01a991a7ea41e5ce7edf8679335d' }), this.type === 'label' && h("slot", { key: '05027dbdb0fa2e7a59ca6942e8e38f89375e5819' })));
     }
 };
 MdsPriceTableFeaturesCell.style = mdsPriceTableFeaturesCellCss();

package/dist/esm/mds-price-table-features-row.entry.js

@@ -1,11 +1,33 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 
-const mdsPriceTableFeaturesRowCss = () => `@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-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-features-cell:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-price-table-features-row-background{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-features-row-background,transparent);color:var(--mds-price-table-features-row-color,rgb(var(--tone-neutral-04,218 218 218)));display:table-row;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host-context(:not(.safari)):host(:hover){--mds-price-table-features-row-background:var(--mds-price-table-features-row-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-price-table-features-row-color:var(--mds-price-table-features-row-color-hover,rgb(var(--tone-neutral-01,255 255 255)))}:host-context(:not(.safari)):host(:hover)>::slotted(mds-price-table-features-cell){--mds-price-table-features-cell-icon-supported-color:var(--mds-price-table-features-cell-icon-supported-color-hover,rgb(var(--label-green-06,30 171 82)));--mds-price-table-features-cell-icon-unsupported-color:var(--mds-price-table-features-cell-icon-unsupported-color-hover,rgb(var(--tone-neutral-06,158 158 158)))}:host>::slotted([type=label]){padding-left:0}:host-context(:not(.safari)):host(:hover)>::slotted([type=label]){-webkit-transform:translate(calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*200))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}@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-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}}@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-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}}`;
+const mdsPriceTableFeaturesRowCss = () => `@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-price-table-features-row-background:#0000;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-price-table-features-cell:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-price-table-features-row-background{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-price-table-features-row-background:#0000;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-transition-duration:var(--duration-200,.2s);--private-price-table-features-row-transition-duration:var(--mds-price-table-features-row-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-features-row-background,#0000);color:var(--mds-price-table-features-row-color,rgb(var(--tone-neutral-04,218 218 218)));display:table-row;-webkit-transition-duration:var(--private-price-table-features-row-transition-duration);transition-duration:var(--private-price-table-features-row-transition-duration);transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host(:hover){--mds-price-table-features-row-background:var(--mds-price-table-features-row-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-price-table-features-row-color:var(--mds-price-table-features-row-color-hover,rgb(var(--tone-neutral-01,255 255 255)))}:host(:hover)>::slotted(mds-price-table-features-cell){--mds-price-table-features-cell-icon-supported-color:var(--mds-price-table-features-cell-icon-supported-color-hover,rgb(var(--label-green-06,30 171 82)));--mds-price-table-features-cell-icon-unsupported-color:var(--mds-price-table-features-cell-icon-unsupported-color-hover,rgb(var(--tone-neutral-06,158 158 158)))}:host>::slotted([type=label]){padding-left:0}:host(:hover)>::slotted([type=label]){-webkit-transform:translate(calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*200))}:host([pref-animation=reduce]){--private-price-table-features-row-transition-duration:0s}:host([pref-contrast=more]){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-features-row-transition-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}}`;
 
 const MdsPriceTableFeaturesRow = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = 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);
+    }
     componentWillRender() {
         this.horizontalCells = this.host.querySelectorAll('mds-price-table-features-cell');
         this.cellPercWidth = Number(100 / this.horizontalCells.length).toFixed(4) + '%';
@@ -14,7 +36,7 @@ const MdsPriceTableFeaturesRow = class {
         });
     }
     render() {
-        return (h(Host, { key: '49b215263ed6aad599fcf7371fc88091febf16de' }, h("slot", { key: 'edbfb6111c9363ecf3510f29a3d2ce137e303472' })));
+        return (h(Host, { key: 'aa643a67f90377589c46362cad147ea0133bc36a', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, h("slot", { key: '8aa2a7633dc5196acd823229e3ba1b6cb1103345' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-price-table-features.entry.js

@@ -1,13 +1,35 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 
-const mdsPriceTableFeaturesCss = () => `@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-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%}.table-wrapper{scroll-margin-inline:calc(var(--spacing,.0025rem)*600);width:100%}table{border-collapse:collapse;min-width:100%;table-layout:fixed}header{border-bottom:1px solid var(--mds-price-table-features-border-color,rgb(var(--tone-neutral-06,158 158 158)));padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) 0}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}: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 --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-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}}`;
+const mdsPriceTableFeaturesCss = () => `@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-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-ease:initial}}}:host{--mds-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--mds-price-table-features-transition-duration:var(--duration-200,.2s);--private-price-table-features-transition-duration:var(--mds-price-table-features-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;-webkit-transition-duration:var(--private-price-table-features-transition-duration);transition-duration:var(--private-price-table-features-transition-duration);transition-property:border-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%}.table-wrapper{scroll-margin-inline:calc(var(--spacing,.0025rem)*600);width:100%}table{border-collapse:collapse;min-width:100%;table-layout:fixed}header{border-bottom:1px solid var(--mds-price-table-features-border-color,rgb(var(--tone-neutral-06,158 158 158)));padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) 0}:host([pref-animation=reduce]){--private-price-table-features-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}:host([pref-contrast=more]){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}: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 --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-features-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}}`;
 
 const MdsPriceTableFeatures = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = 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);
+    }
     render() {
-        return (h(Host, { key: 'e7f9344d10b9d60dc268381a74eccf8514b3c398' }, h("div", { key: '5b705f564d319faeac9d4eb622e462eabeee7031', class: "table-wrapper" }, this.label && (h("header", { key: '5f84a45d54385488a527afc523448756624170f9', part: "header" }, h("mds-text", { key: '7316e7c2d5793513f582643b76974c266faedc10', typography: "detail" }, h("b", { key: 'baa6b6737d4cdd98c8405d3eb4421a1fb0b1b518' }, this.label)))), h("table", { key: 'f20e7627f4e4770b1e4bd475a945acc111e5ce8a' }, h("tbody", { key: '6f4d54def644b954a56e8a7ada75ca913f65a837' }, h("slot", { key: '2b96abcc2dc865bd55ec953d429f345d89904dc7' }))))));
+        return (h(Host, { key: '8e62f7d1059d8019a154f056af2ab80f01180948', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, h("div", { key: 'f5549dee3de6907b99053dede90e44d1ede4e716', class: "table-wrapper" }, this.label && (h("header", { key: 'de99381048be9911fa2ae6c0f6b653b9798dd294', part: "header" }, h("mds-text", { key: 'd858f7e01d9f8703ac074a7975095a0c2663e5ef', typography: "detail" }, h("b", { key: '34030d403e10d06b1f4426e239844fcdd8e62266' }, this.label)))), h("table", { key: '21984eaac54df90380f4ea1ffd4e7ceb3b4fc5bc' }, h("tbody", { key: 'b79a8e3d5e54d4627909e1136dcfe83147419316' }, h("slot", { key: 'a6f87f4b2e3ad4a8b19a9cdd7f56c5b9f9e3ba14' }))))));
     }
 };
 MdsPriceTableFeatures.style = mdsPriceTableFeaturesCss();

package/dist/esm/mds-price-table-header.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsPriceTableHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-list:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(auto-fit,minmax(1px,1fr))}`;
+const mdsPriceTableHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-list:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(auto-fit,minmax(1px,1fr))}`;
 
 const MdsPriceTableHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'b882376c905d6e22fddcc441877d7b2ffd2eda12' }, h("slot", { key: 'cc100d18a2026ea3223fefb6207969e8e2ac46ab' })));
+        return (h(Host, { key: '0d876dc90072b896419158ba31b1f52e935b4aa6' }, h("slot", { key: 'db1c232ed329a09b1c1365d8d4aa2cd1c4352382' })));
     }
 };
 MdsPriceTableHeader.style = mdsPriceTableHeaderCss();

package/dist/esm/mds-price-table-list-item.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 import { m as miBaselineCheckCircle } from './check-circle-BFhO-KUe.js';
 import { m as miBaselineHorizontalRule } from './horizontal-rule-BE8xuIpS.js';
 
-const mdsPriceTableListItemCss = () => `@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-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));--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}:host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.text{flex-grow:1}.icon-container{flex-shrink:0}.icon{display:flex;height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));fill:var(--mds-price-table-list-item-unsupported-icon-color,rgb(var(--tone-neutral-05,197 197 197)));-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:fill;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([supported]:not([supported=false])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color,rgb(var(--label-green-06,30 171 82)))}@property --tw-ease{syntax:"*";inherits:false}`;
+const mdsPriceTableListItemCss = () => `@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-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));--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}:host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.text{flex-grow:1}.icon-container{flex-shrink:0}.icon{display:flex;--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));fill:var(--mds-price-table-list-item-unsupported-icon-color,rgb(var(--tone-neutral-05,197 197 197)));height:calc(var(--spacing,.0025rem)*600);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:fill;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:calc(var(--spacing,.0025rem)*600)}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([supported]:not([supported=false])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color,rgb(var(--label-green-06,30 171 82)))}@property --tw-ease{syntax:"*";inherits:false}`;
 
 const MdsPriceTableListItem = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const MdsPriceTableListItem = class {
         this.typography = 'detail';
     }
     render() {
-        return (h(Host, { key: '10cdc06ed8d528e21a4d5c9d40752e61e5a670a0', slot: "item" }, h("mds-text", { key: '93487f55363206856aa655044df9b4190b486a77', class: "icon-container", typography: this.typography }, this.supported ? (h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })) : (h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" }))), h("mds-text", { key: '8e91a53122918c3629d7d2db466f66e8f0a2d838', class: "text", typography: this.typography }, h("slot", { key: '9d6d6071ca509914c1b6f467b6cda11d4eb51fec' }))));
+        return (h(Host, { key: '9a74af393bc74c765497cf213e572a4bb1f85bc3', slot: "item" }, h("mds-text", { key: 'f96de44e9d6c686f51f13cb461e0bacaef9f4077', class: "icon-container", typography: this.typography }, this.supported ? (h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })) : (h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" }))), h("mds-text", { key: 'd232620f35303d3b4200cd89f7028b9a6073d69f', class: "text", typography: this.typography }, h("slot", { key: 'b9b38a813b5f7666040552b480c4081b1823a47b' }))));
     }
 };
 MdsPriceTableListItem.style = mdsPriceTableListItemCss();

package/dist/esm/mds-price-table-list.entry.js

@@ -1,17 +1,39 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 
-const mdsPriceTableListCss = () => `@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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-separator:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--label-green-10,12 68 33));display:grid;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.separator{--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-list-separator-color,rgb(var(--tone-neutral-03,233 233 233)/.5));transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.header,.main{display:grid}.main{gap:calc(var(--spacing,.0025rem)*300)}.footer{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .separator{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;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]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .separator{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-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}`;
+const mdsPriceTableListCss = () => `@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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-separator:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--mds-price-table-list-transition-duration:var(--duration-200,.2s);--private-price-table-list-transition-duration:var(--mds-price-table-list-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--label-green-10,12 68 33));border-radius:var(--radius-xl,20px);display:grid;gap:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*600);-webkit-transition-duration:var(--private-price-table-list-transition-duration);transition-duration:var(--private-price-table-list-transition-duration);transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.separator{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-list-separator-color,rgb(var(--tone-neutral-03,233 233 233)/.5));-webkit-transition-duration:var(--private-price-table-list-transition-duration);transition-duration:var(--private-price-table-list-transition-duration);transition-property:background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.header,.main{display:grid}.main{gap:calc(var(--spacing,.0025rem)*300)}.footer{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host([pref-animation=reduce]){--private-price-table-list-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host([pref-contrast=more]){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;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-price-table-list-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsPriceTableList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = 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.hasItems =
             this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (h(Host, { key: 'bb6d784c26371390055494e96fb4194f6525113f' }, h("div", { key: '4158b4739e07535d56db97ff286f6c6339da5f76', class: "header", part: "header" }, h("slot", { key: 'bccecac7c5f63db407b2658e6a9d5ef1eb2f5468', name: "header" })), this.hasItems && h("mds-separator", { key: '2822bfea0edcf58ea26f5ac8f3b2c4f0751f0318', class: "separator" }), this.hasItems && (h("main", { key: '32c5d76670faf634a9d386a78e2e201c16b270b2', class: "main", part: "content" }, h("slot", { key: 'd3c61f5f594a1e4e323e86ecded79587deb875ae', name: "item" }))), h("div", { key: '422d6ac5f00182b404b32fd7adf7bf9214e5bedd', class: "footer", part: "footer" }, h("slot", { key: '74fdaaf493a48a6251f4ca7d38abea6e560d201b', name: "price" }), h("slot", { key: 'eff0dfa6116d33f667f342ccd79b9bff13364511', name: "action" }))));
+        return (h(Host, { key: 'e7dea8205b847700337422933069730885cebcfe', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, h("div", { key: '8652686305e3eec80ffc95c86d6fae8472d3bdf0', class: "header", part: "header" }, h("slot", { key: '05dbf39029dc681ce1dfe7842c7fea92959a1112', name: "header" })), this.hasItems && h("mds-separator", { key: '88a2d6d76477d31551968b938801d2ab8dfece12', class: "separator" }), this.hasItems && (h("main", { key: '260a30a69cd000ec83e5bae13fffdb1d1933389b', class: "main", part: "content" }, h("slot", { key: '251f8f9f6aa1b53d77cbb3b63285edc8afe49c6c', name: "item" }))), h("div", { key: 'd46082dd8a242025c895dd9255e6079f5baf17c8', class: "footer", part: "footer" }, h("slot", { key: '7b7320bb4b89c31e566517ce280d877b0976d4cc', name: "price" }), h("slot", { key: 'fec836e98ecdb4f0be4bc8265cd8d65241e2a14f', name: "action" }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/mds-price-table.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsPriceTableCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-price-table-features,mds-price-table-header,mds-price-table-list):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*600)}`;
+const mdsPriceTableCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-price-table-features,mds-price-table-header,mds-price-table-list):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*600)}`;
 
 const MdsPriceTable = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '4a7524eda2d51d229b579063684f617d686bca52' }, h("slot", { key: 'c6eeb79e4b5439383b992832d6e346221a8ee067' })));
+        return (h(Host, { key: 'baecd51ddff0ed0b1479c17c87537eeeeffab1a5' }, h("slot", { key: '69d9c761c54799ffbac258ce299878b825af12ba' })));
     }
 };
 MdsPriceTable.style = mdsPriceTableCss();

package/dist/esm/mds-progress_2.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { r as removeAttributesIf, i as ifAttribute } from './aria-CSCy6TMW.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 
-const mdsProgressCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-radius:var(--radius-lg,16px);--mds-progress-thickness:var(--height-200);--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-progress-duration{syntax:"<time>";inherits:false;initial-value:.75s}:host{--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-thickness:var(--height-200);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-progress-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;height:var(--mds-progress-thickness,var(--height-200));min-height:var(--mds-progress-thickness,var(--height-200));min-width:var(--mds-progress-thickness,var(--height-200));overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;width:100%}:host([direction=vertical]){flex-direction:column;height:unset;min-height:var(--mds-progress-thickness,var(--height-200));width:var(--mds-progress-thickness,var(--height-200))}:host([direction=radial]){aspect-ratio:1;background-color:#0000;height:auto}:host([direction=radial]) mds-radial-progress{width:inherit}.progress{--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));background-color:var(--mds-progress-color,rgb(var(--variant-primary-03,211 226 255)));border-radius:inherit;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));corner-shape:inherit;-webkit-transition-duration:var(--mds-progress-duration,.75s);transition-duration:var(--mds-progress-duration,.75s);transition-property:background-color,flex-grow,-ms-flex-positive}:host([variant=dark]){--mds-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-progress-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]){--mds-progress-color:rgb(var(--tone-neutral,0 0 0));--mds-progress-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=error]){--mds-progress-color:rgb(var(--status-error-05,250 165 160));--mds-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-progress-color:rgb(var(--status-success-05,107 206 147));--mds-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-progress-color:rgb(var(--status-info-05,112 198 234));--mds-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=ai]){--mds-progress-color:rgb(var(--variant-ai-05,202 174 251));--mds-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([size=sm]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*200)}:host([size=md]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*600)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .progress{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}:host-context(:root.pref-contrast-more){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .progress{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]))),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}}`;
+const mdsProgressCss = () => `@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-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-radius:var(--radius-lg,16px);--mds-progress-thickness:var(--height-200);--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-progress-duration{syntax:"<time>";inherits:false;initial-value:.75s}:host{--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--private-progress-duration:var(--mds-progress-duration,.75s);--mds-progress-transition-duration:var(--duration-300,.3s);--private-progress-transition-duration:var(--mds-progress-transition-duration);--mds-progress-thickness:var(--height-200);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-progress-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;height:var(--mds-progress-thickness,var(--height-200));min-height:var(--mds-progress-thickness,var(--height-200));min-width:var(--mds-progress-thickness,var(--height-200));overflow:hidden;position:relative;-webkit-transition-duration:var(--private-progress-transition-duration);transition-duration:var(--private-progress-transition-duration);transition-property:background-color;width:100%}:host([direction=vertical]){flex-direction:column;height:unset;min-height:var(--mds-progress-thickness,var(--height-200));width:var(--mds-progress-thickness,var(--height-200))}:host([direction=radial]){aspect-ratio:1;background-color:#0000;height:auto}:host([direction=radial]) mds-radial-progress{width:inherit}.progress{--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));background-color:var(--mds-progress-color,rgb(var(--variant-primary-03,211 226 255)));border-radius:inherit;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));corner-shape:inherit;-webkit-transition-duration:var(--private-progress-duration);transition-duration:var(--private-progress-duration);transition-property:background-color,flex-grow,-ms-flex-positive}:host([variant=dark]){--mds-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-progress-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]){--mds-progress-color:rgb(var(--tone-neutral,0 0 0));--mds-progress-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=error]){--mds-progress-color:rgb(var(--status-error-05,250 165 160));--mds-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-progress-color:rgb(var(--status-success-05,107 206 147));--mds-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-progress-color:rgb(var(--status-info-05,112 198 234));--mds-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=ai]){--mds-progress-color:rgb(var(--variant-ai-05,202 174 251));--mds-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([size=sm]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*200)}:host([size=md]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*600)}:host([pref-animation=reduce]){--private-progress-duration:0s;--private-progress-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}:host([pref-contrast=more]),:host([pref-contrast=more]):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-progress-duration:0s;--private-progress-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]),:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}}`;
 
 const MdsProgress = class {
     constructor(hostRef) {
@@ -32,6 +33,27 @@ const MdsProgress = class {
          */
         this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = 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.stepsList = this.steps.split(',');
         this.setProgress(this.progress);
@@ -60,7 +82,7 @@ const MdsProgress = class {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (h(Host, { key: '55ba8cb650c555ca15fd05464edfed54eb419787', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '0ab0f8e5741890ca0270ee8b3e898cfa6b128966', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar", "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, this.direction === 'radial' ? (h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } }))));
     }
@@ -76,7 +98,7 @@ const MdsProgress = class {
 };
 MdsProgress.style = mdsProgressCss();
 
-const mdsRadialProgressCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-radial-progress:0%}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):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-radial-progress{syntax:"<length-percentage>";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:"%";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color) var(--mds-radial-progress,0),transparent 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}`;
+const mdsRadialProgressCss = () => `@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-radial-progress:0%}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):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-radial-progress{syntax:"<length-percentage>";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:"%";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color) var(--mds-radial-progress,0),#0000 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}`;
 
 const MdsRadialProgress = class {
     constructor(hostRef) {
@@ -147,7 +169,7 @@ const MdsRadialProgress = class {
     render() {
         const progressVar = `${(this.animatedProgress * 100).toFixed(2)}%`;
         const progressText = this.progressPercentage(this.clampProgress(this.progress));
-        return (h(Host, { key: '68c58b94fb1a5b12e843323d1d497a33a2e91e8f', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: '0d8b174656f21146ac18a0c613ecc9482262b205', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: 'd17e55a7ba548f7e603f717a828907a873eaa4d6', class: "icon", name: this.icon, part: "icon" }), h("div", { key: 'c4f2d539d974d3a63ec73381d60abc9afc9be8e7', class: "value-container__text" }, h("mds-text", { key: 'c40e43da4bb6d581569cb515c30dd8554a8bfcd2', class: "value", typography: this.typography }, progressText)))));
+        return (h(Host, { key: '83881b4057b76db8a56eff2185522ab7394f11aa', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: 'f21da1d993decfa5cd242186559f2c25c0209030', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: '1f53b8c170ae2657ae097e4207e32b75ce91cf91', class: "icon", name: this.icon, part: "icon" }), h("div", { key: '7f5b4e719ccb8c484c633b2cfc07cb02f90b14f0', class: "value-container__text" }, h("mds-text", { key: '2a379a399770d3a0dac5dc5bf88fcda83ff9ad43', class: "value", typography: this.typography }, progressText)))));
     }
     static get watchers() { return {
         "progress": [{