@awc-ui/core 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/cjs/md-checkbox.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var ripple = require('./ripple-D1lER4P-.js');
 var form = require('./form-Deozatcz.js');
 
@@ -221,7 +221,7 @@ const MdCheckbox = class {
            (tabindex present) widget descendant "even with aria-hidden" — so the
            attribute is dropped entirely, leaving the host non-focusable. */
         const decorative = this.el.getAttribute('aria-hidden') === 'true';
-        return (index.h(index.Host, { key: 'a0d40b9f78fd0156ee6cdec1366112632f167511', class: {
+        return (index.h(index.Host, { key: '6151d70a6d2b1c923477873ef91c0e80d1d165e8', class: {
                 'md-checkbox': true,
                 'md-checkbox--checked': this.checked && !this.indeterminate,
                 'md-checkbox--indeterminate': this.indeterminate,
@@ -231,7 +231,7 @@ const MdCheckbox = class {
                 'md-checkbox--pressed': this.pressed,
                 'md-checkbox--prev-unselected': !this.prevChecked && !this.prevIndeterminate,
                 'md-checkbox--has-support': !!(this.errorText || this.supportingText),
-            }, role: "checkbox", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.errorText || this.supportingText ? `${this.uid}-support` : undefined, "aria-checked": this.ariaCheckedValue, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: decorative ? null : this.disabled ? '-1' : '0', onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '08c18fbbeb24f4b2776e533f9fe5891c7962d68a', class: "md-checkbox__target", part: "target" }, index.h("span", { key: 'bd3d4b8aff21d9574ad129ee875d8b673d7365d9', class: "md-checkbox__ripple-layer", "aria-hidden": "true" }, index.h("md-ripple", { key: 'da2c6869e619d1afa2f209cded502588e5ca2f9a', disabled: isEffectivelyDisabled })), index.h("span", { key: '141b88846ca966456a5d93a71ac8e8c89b638500', class: "md-checkbox__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("span", { key: '97c914aaa946e06275280a1f6022836c42137911', class: "md-checkbox__container", part: "container" }, index.h("span", { key: '2feb4131baf460aef5e0e13e53a1cddc289eadf6', class: "md-checkbox__icon", part: "icon", "aria-hidden": "true" }, index.h("span", { key: '1405ff7289795bf85418a95747e1b2475be9b354', class: "material-symbols-outlined" }, this.indeterminate ? 'remove' : 'check')))), (this.errorText || this.supportingText) && (index.h("span", { key: 'b5cbb3b42837a18b6135dcd5fc10c363badd4636', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: {
+            }, role: "checkbox", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.errorText || this.supportingText ? `${this.uid}-support` : undefined, "aria-checked": this.ariaCheckedValue, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: decorative ? null : this.disabled ? '-1' : '0', onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'e40a207fadba9da13cc242770b5dbf25bd982bf9', class: "md-checkbox__target", part: "target" }, index.h("span", { key: 'e9743a49ac5ad9d09341871d94241a73d9a6f6db', class: "md-checkbox__ripple-layer", "aria-hidden": "true" }, index.h("md-ripple", { key: '6b2b3f16de880e62bd4c7e535972d72b9b852356', disabled: isEffectivelyDisabled })), index.h("span", { key: '083ac5d32a3b61934bf59992dc94d0aecfa4519b', class: "md-checkbox__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("span", { key: '15b739357adfe8b42bbd529ae9c73c07c81be941', class: "md-checkbox__container", part: "container" }, index.h("span", { key: '3af9b1d50202b1e8946fb6c4df12e3dcf4b6f721', class: "md-checkbox__icon", part: "icon", "aria-hidden": "true" }, index.h("span", { key: 'c79042be6891ac7553c93ac2111f52b0ef6a115e', class: "material-symbols-outlined" }, this.indeterminate ? 'remove' : 'check')))), (this.errorText || this.supportingText) && (index.h("span", { key: '72f3b6a14ea4d901ac0ed671d0407860d10777bb', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: {
                 'md-checkbox__support': true,
                 'md-checkbox__support--error': this.error,
             } }, this.errorText || this.supportingText))));

package/dist/cjs/md-chip.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var ripple = require('./ripple-D1lER4P-.js');
 
 const mdChipCss = () => `:host{--_container-color:var(--md-chip-container-color, transparent);--_container-color-selected:var(--md-chip-container-color-selected, var(--md-sys-color-secondary-container));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant));--_label-color-selected:var(--md-chip-label-color-selected, var(--md-sys-color-on-secondary-container));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-primary));--_icon-size:var(--md-chip-icon-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-chip-container-shape, var(--md-sys-shape-corner-small, 8px));--_container-height:var(--md-chip-container-height, 32px);--_outline-color:var(--md-chip-outline-color, var(--md-sys-color-outline));--_outline-width:var(--md-chip-outline-width, 1px);--_state-layer-color:var(--md-chip-state-layer-color, var(--md-sys-color-on-surface));--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-0, none));--_c-main:var(--md-sys-color-primary);--_c-on-main:var(--md-sys-color-on-primary);--_c-container:var(--md-sys-color-secondary-container);--_c-on-container:var(--md-sys-color-on-secondary-container);--_padding-inline:var(--md-sys-spacing-inset-lg, 16px);--_gap:var(--md-sys-spacing-gap-sm, 8px);display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;block-size:max(24px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));padding-inline:var(--_padding-inline);gap:var(--_gap);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_elevation);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);color:var(--_label-color);transition:background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-chip--with-leading-icon){padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-chip--with-trailing-icon){padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-chip--assist){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-primary));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface))}:host(.md-chip--filter){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--input){--_outline-color:var(--md-chip-outline-color, var(--md-sys-color-outline-variant));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--suggestion){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--selected){--_container-color:var(--_container-color-selected);color:var(--_label-color-selected);--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container)}:host(.md-chip--selected) .md-chip__outline{border-color:transparent}:host(.md-chip--elevated){--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-1))}:host(.md-chip--elevated) .md-chip__outline{border-color:transparent}:host(.md-chip--elevated.md-chip--selected){--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-1))}:host(.md-chip--appearance-outlined[color]){--_outline-color:var(--md-chip-outline-color, var(--_c-main));--_label-color:var(--md-chip-label-color, var(--_c-main));--_icon-color:var(--md-chip-icon-color, var(--_c-main));--_state-layer-color:var(--md-chip-state-layer-color, var(--_c-main))}:host(.md-chip--appearance-filled),:host(.md-chip--appearance-elevated){--_container-color:var(--md-chip-container-color, var(--md-sys-color-surface-container-high));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--appearance-filled[color]),:host(.md-chip--appearance-elevated[color]){--_container-color:var(--md-chip-container-color, var(--_c-container));--_label-color:var(--md-chip-label-color, var(--_c-on-container));--_icon-color:var(--md-chip-icon-color, var(--_c-on-container));--_state-layer-color:var(--md-chip-state-layer-color, var(--_c-on-container))}:host(.md-chip--appearance-filled) .md-chip__outline,:host(.md-chip--appearance-elevated) .md-chip__outline{border-color:transparent}:host(.md-chip--selected[color]){--_container-color:var(--_c-container);color:var(--_c-on-container);--_label-color-selected:var(--_c-on-container);--_icon-color:var(--md-chip-icon-color, var(--_c-on-container));--_state-layer-color:var(--_c-on-container)}.md-chip__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}.md-chip__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(:hover) .md-chip__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-chip__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active) .md-chip__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-chip__primary{position:absolute;inset:0;z-index:2;margin:0;padding:0;border:none;background:none;border-radius:inherit;cursor:inherit;-webkit-tap-highlight-color:transparent}.md-chip__primary:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md-chip__label{position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.md-chip__icon,.md-chip__trailing-icon{position:relative;z-index:2;font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;pointer-events:none;flex-shrink:0}slot[name="leading-icon"],slot[name="trailing-icon"]{display:contents}::slotted([slot="leading-icon"]),::slotted([slot="trailing-icon"]){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--_icon-color);fill:currentColor;pointer-events:none;flex-shrink:0;position:relative;z-index:2}.md-chip__checkmark{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);flex-shrink:0}.md-chip__checkmark svg{inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-chip__remove{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-inline-size:18px;min-block-size:18px;padding:0;border:none;background:none;color:var(--_icon-color);cursor:pointer;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:transparent}.md-chip__remove:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:1px}.md-chip__remove svg{inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none}.md-chip__remove:disabled{cursor:default;pointer-events:none}:host(.md-chip--disabled){cursor:default;pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_elevation:var(--md-sys-elevation-0, none) !important}:host(.md-chip--disabled:not(.md-chip--selected):not(.md-chip--elevated)) .md-chip__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled.md-chip--selected){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled.md-chip--elevated:not(.md-chip--selected)){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled:hover) .md-chip__state-layer,:host(.md-chip--disabled:active) .md-chip__state-layer,:host(.md-chip--disabled:focus-visible) .md-chip__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_elevation:var(--md-sys-elevation-0, none) !important}:host([soft-disabled]) .md-chip__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-chip__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.md-chip__outline{border-color:ButtonText}:host(:focus-visible){outline-color:Highlight}.md-chip__primary:focus-visible{outline-color:Highlight}:host(.md-chip--selected){background-color:Highlight;color:HighlightText}:host(.md-chip--disabled){border-color:GrayText;color:GrayText;opacity:1}.md-chip__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
@@ -200,7 +200,7 @@ const MdChip = class {
         // remove button to nest.
         const hostIsButton = this.isInteractiveHost && !showRemove;
         const renderPrimary = this.isInteractiveHost && showRemove;
-        return (index.h(index.Host, { key: 'ac377a67d3c9c5e464f9cc30cada24b9c9f2e848', style: this.colorVars, class: {
+        return (index.h(index.Host, { key: '0a328e2479ae8b551eeb7288192dfb79bf4ee99e', style: this.colorVars, class: {
                 'md-chip': true,
                 [`md-chip--${this.variant}`]: true,
                 'md-chip--selected': this.selected && this.isSelectable,
@@ -214,7 +214,7 @@ const MdChip = class {
                 'md-chip--disabled': isEffectivelyDisabled,
                 'md-chip--with-leading-icon': hasLeadingIcon || showCheckmark,
                 'md-chip--with-trailing-icon': hasTrailingIcon || showRemove,
-            }, role: hostIsButton ? 'button' : 'group', "aria-roledescription": "chip", "aria-pressed": hostIsButton && this.isSelectable ? String(this.selected) : undefined, "aria-label": hostIsButton ? undefined : chipLabel || undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, tabindex: hostIsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("md-ripple", { key: '71ddc00b4e7f72a93b9356f647b3630aa50380a3', disabled: isEffectivelyDisabled }), index.h("span", { key: '6eab2a000c1543bb6957c175cfb33cbb06d3f345', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && index.h("span", { key: 'ee96614931899684057f77b1bed36c315964fdca', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (index.h("span", { key: 'f0743bfa4bc9b7c6cf7d357c000426f1e5f3b108', class: "md-chip__primary", part: "primary", role: "button", tabindex: this.disabled ? '-1' : '0', "aria-labelledby": "md-chip-label-text", "aria-pressed": this.isSelectable ? String(this.selected) : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined })), showCheckmark && (index.h("span", { key: 'c15afa18cc1fa1e956c1dcf3c0806d7b065620b0', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, index.h("svg", { key: '1e7a5eb1ec44df6efd803543e943889bff65e1e8', viewBox: "0 0 18 18", fill: "none" }, index.h("path", { key: '3d36f6406d5bce2e0b7fb71f25b9a6142cc88b3b', d: "M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z", fill: "currentColor" })))), index.h("slot", { key: '9dd3792251fc0f43baa3e3b0787fbbf7967cfc2b', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (index.h("span", { key: '0078163a6741535eef3c413559d8cc9a4b7dbbc2', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), index.h("span", { key: 'bae9ed93b4ba0e8dda2e9d0fbae102405fbdaeae', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, index.h("slot", { key: '9f36d159a093aaa93e3c4867e7bbf7a5543fcebd' }, this.label)), showRemove ? (index.h("button", { class: "md-chip__remove", part: "remove", type: "button", tabindex: this.disabled ? '-1' : '0', "aria-label": chipLabel ? `Remove ${chipLabel}` : 'Remove', disabled: isEffectivelyDisabled, onClick: this.handleRemoveClick, onKeyDown: this.handleRemoveKeyDown }, index.h("slot", { name: "trailing-icon" }, index.h("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z", fill: "currentColor" }))))) : (index.h("slot", { name: "trailing-icon" }, hasTrailingIcon && (index.h("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
+            }, role: hostIsButton ? 'button' : 'group', "aria-roledescription": "chip", "aria-pressed": hostIsButton && this.isSelectable ? String(this.selected) : undefined, "aria-label": hostIsButton ? undefined : chipLabel || undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, tabindex: hostIsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("md-ripple", { key: '73b49904dae32e15bbdb50623494d42bce04d6a7', disabled: isEffectivelyDisabled }), index.h("span", { key: 'cfefcd180227f6386ef4c20a982f8f17c734f307', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && index.h("span", { key: 'e814b0966bc07ecef53daa0b5e12070bc88b56e3', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (index.h("span", { key: 'adaf99f2ca0a22c682aafbcdc2ff32ef90362c6b', class: "md-chip__primary", part: "primary", role: "button", tabindex: this.disabled ? '-1' : '0', "aria-labelledby": "md-chip-label-text", "aria-pressed": this.isSelectable ? String(this.selected) : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined })), showCheckmark && (index.h("span", { key: '4d7ef4295ae72f6a9d623e49c38037a0dc8b08fc', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, index.h("svg", { key: '3b5f9d0d70ca30d56a3d3567e72d77424bc1faec', viewBox: "0 0 18 18", fill: "none" }, index.h("path", { key: 'e49d701bb05de3507af5e1e20bf789d3ffe2737c', d: "M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z", fill: "currentColor" })))), index.h("slot", { key: '3bdfe28e8ab4815fdcd9a0eecb06460882ab3dfe', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (index.h("span", { key: '9ac99981f7593db7923734234489bb983ca11a99', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), index.h("span", { key: 'ab1acdc080116f4d5b2529289b9f8879745b6c14', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, index.h("slot", { key: '90ec6e8a87cc540123f61278df8acb60b761449d' }, this.label)), showRemove ? (index.h("button", { class: "md-chip__remove", part: "remove", type: "button", tabindex: this.disabled ? '-1' : '0', "aria-label": chipLabel ? `Remove ${chipLabel}` : 'Remove', disabled: isEffectivelyDisabled, onClick: this.handleRemoveClick, onKeyDown: this.handleRemoveKeyDown }, index.h("slot", { name: "trailing-icon" }, index.h("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z", fill: "currentColor" }))))) : (index.h("slot", { name: "trailing-icon" }, hasTrailingIcon && (index.h("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/md-color-picker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 
 /**
  * Pure colour-conversion helpers used by md-color-picker.

package/dist/cjs/md-date-picker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var ripple = require('./ripple-D1lER4P-.js');
 var form = require('./form-Deozatcz.js');
 
@@ -2659,7 +2659,7 @@ const MdDatePicker = class {
     render() {
         const panelVisible = this.open || this.panelClosing;
         const panelOpen = this.open && !this.panelClosing;
-        return (index.h(index.Host, { key: '6cbba8cfae9317ef203d515804b15682fc4ac369', class: {
+        return (index.h(index.Host, { key: '32adec3ed4418d1d48c02b0894c17574d38fd146', class: {
                 'md-date-picker': true,
                 [`md-date-picker--${this.variant}`]: true,
                 'md-date-picker--open': panelOpen,

package/dist/cjs/md-dialog.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 
 /**
  * Locale-aware dialog chrome strings used by md-dialog.
@@ -313,13 +313,13 @@ const MdDialog = class {
         // slotted content was provided, which made the slot effectively
         // unreachable.
         const hasHeadline = !!this.headline || this.hasSlottedHeadline;
-        return (index.h(index.Host, { key: '816d6b7b367160e92cfdc538ae9c27e926b34d37', class: {
+        return (index.h(index.Host, { key: 'a7a08aa4537ec3473f7ded83e8a3bccb35db9dc5', class: {
                 'md-dialog': true,
                 'md-dialog--open': this.open,
                 'md-dialog--fullscreen': this.fullscreen,
                 'md-dialog--animating': this.animating,
                 'md-dialog--has-icon': hasIcon,
-            } }, !this.fullscreen && (index.h("div", { key: 'f9b87cd611013b2f035f1b998096bfe269bebd56', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), index.h("div", { key: '75164bab79f10e7e12938a0e7ee47455da863a76', class: "md-dialog__container", part: "container", role: this.fullscreen ? 'dialog' : 'alertdialog', "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-describedby": this.contentId, tabindex: -1, ref: (el) => (this.containerEl = el) }, this.fullscreen && (index.h("div", { key: 'b8c58ea9783e2f2103ed1c397c420e8cde34691e', class: "md-dialog__header", part: "header" }, index.h("button", { key: '3616e77c7a2015676f543f51a50706adf78dd394', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, index.h("svg", { key: '31691834c13bd2d8f1ef5ad0802fc0c60b5cbe6a', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { key: '1bfd05825fb3d3e08ff5a3a0aae5d98d8de691db', d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))), hasHeadline && (index.h("span", { key: 'cd7b7d8a1884ebd528caf9abda698a9200aff1cd', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), index.h("slot", { key: 'f209a51eafecab18cb634e814ad1f451770ff3df', name: "header-action" }))), this.fullscreen && this.headerDivider && (index.h("div", { key: '08f82162a0809fe09d9886dc4c51832e0574d818', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (index.h("div", { key: 'f0a99ab0d57560889f6b89ecce4b10208dd82073', class: "md-dialog__basic-header", part: "header" }, index.h("slot", { key: '3a8586bd79666137f1a7c0e9b86b5e348d39fdbd', name: "icon" }, this.icon && (index.h("span", { key: '71b6db731e3a73da8bbe65cbc27c26005849df33', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (index.h("div", { key: '85ac375f2115a8b61a42589ff2b1b9eab88ecbb2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, index.h("slot", { key: 'da1e42bd66df38cf8fe49f7acb83d69ff55b487c', name: "headline" }, this.headline))))), index.h("div", { key: '6934f1de19d2f15d2f4eba128f179ecc0ef07753', id: this.contentId, class: "md-dialog__content", part: "content" }, index.h("slot", { key: 'c9d669c128d4333081632e067acb5bb77856586e' })), this.divider && (index.h("div", { key: 'a31c0afb54066ddef36841eba4c586cfb5123cb5', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
+            } }, !this.fullscreen && (index.h("div", { key: '38d6f78fe15cfcdf449eb442cf60f62b63399a96', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), index.h("div", { key: '4d5306f139440eb6e8c08e607d1b37470df45c4e', class: "md-dialog__container", part: "container", role: this.fullscreen ? 'dialog' : 'alertdialog', "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-describedby": this.contentId, tabindex: -1, ref: (el) => (this.containerEl = el) }, this.fullscreen && (index.h("div", { key: '59f56a555b1ce523f13e1d1baa01c30b146d3fd4', class: "md-dialog__header", part: "header" }, index.h("button", { key: 'ba66dacb86b0f12b093b390049a985e39b649452', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, index.h("svg", { key: 'd6fbf39a0c9b4041a510f44929a72f178e3f6dcc', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { key: 'a9e24803cbf3303a4f5bdd680de9aceb5d7b471f', d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))), hasHeadline && (index.h("span", { key: '3b5a5914a48a5db0adf4cb0ea559a4b1af939875', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), index.h("slot", { key: '41e617d81a36ea2d5a682c63605cfb093d47a7e6', name: "header-action" }))), this.fullscreen && this.headerDivider && (index.h("div", { key: 'a859f931cc334c3dbe3e9d12c0de3f636928a4fe', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (index.h("div", { key: '4fe1f49e2dd39d1390e9781d623144dee4ccc3ca', class: "md-dialog__basic-header", part: "header" }, index.h("slot", { key: '45e4abee072480b8d8a7cb80c1c848fc6a8cb2ec', name: "icon" }, this.icon && (index.h("span", { key: '4a3cb1428d3876e6fafe69e9592c9a3efae2604e', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (index.h("div", { key: '05f30544f1a0f2486890d747361bd30ab12a7bf2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, index.h("slot", { key: '8ea63db23f32df2f3945a9cb8645fd28f75a34d9', name: "headline" }, this.headline))))), index.h("div", { key: 'e8819873ed88143416717feb133d02896dd10fbc', id: this.contentId, class: "md-dialog__content", part: "content" }, index.h("slot", { key: '26478e466c5fb1162a4a4feb13ca86224c35506a' })), this.divider && (index.h("div", { key: '580b77e97e64d98c16e130253f5e60b4d1922b2f', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-divider.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 
 const mdDividerCss = () => `:host{--_color:var(--md-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_thickness:var(--md-divider-thickness, 1px);--_inset-start:var(--md-divider-inset-start, 16px);--_inset-end:var(--md-divider-inset-end, 16px);display:block;block-size:var(--_thickness);flex-shrink:0;box-sizing:border-box}.md-divider__line{block-size:100%;inline-size:auto;background-color:var(--_color);box-sizing:border-box}:host(.md-divider--inset) .md-divider__line{margin-inline-start:var(--_inset-start);margin-inline-end:var(--_inset-end)}:host(.md-divider--inset-start) .md-divider__line{margin-inline-start:var(--_inset-start);margin-inline-end:0}:host(.md-divider--inset-end) .md-divider__line{margin-inline-start:0;margin-inline-end:var(--_inset-end)}:host(.md-divider--vertical){display:inline-flex;inline-size:var(--_thickness);block-size:auto;min-block-size:1em;align-self:stretch}:host(.md-divider--vertical) .md-divider__line{block-size:auto;inline-size:100%;align-self:stretch}:host(.md-divider--vertical.md-divider--inset) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:var(--_inset-start);margin-block-end:var(--_inset-end)}:host(.md-divider--vertical.md-divider--inset-start) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:var(--_inset-start);margin-block-end:0}:host(.md-divider--vertical.md-divider--inset-end) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:var(--_inset-end)}@media (forced-colors: active){.md-divider__line{background-color:CanvasText}}`;
 
@@ -17,13 +17,13 @@ const MdDivider = class {
         this.vertical = false;
     }
     render() {
-        return (index.h(index.Host, { key: '236e1e4509cb3cb5aa302b659d2394745595483e', class: {
+        return (index.h(index.Host, { key: 'ac4ff97d8cd888c42a726d7d57898576b5d4591f', class: {
                 'md-divider': true,
                 'md-divider--inset': this.inset,
                 'md-divider--inset-start': this.insetStart,
                 'md-divider--inset-end': this.insetEnd,
                 'md-divider--vertical': this.vertical,
-            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, index.h("div", { key: '53484e39e2a192bd2db2b5140738cbd8be516420', class: "md-divider__line", part: "divider" })));
+            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, index.h("div", { key: 'ae92f30866cb2da8675c50a794f8cfd86c08ea63', class: "md-divider__line", part: "divider" })));
     }
 };
 MdDivider.style = mdDividerCss();

package/dist/cjs/md-fab-menu-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var ripple = require('./ripple-D1lER4P-.js');
 
 const mdFabMenuItemCss = () => `:host{--_container-color:var(--md-fab-menu-item-container-color, var(--md-sys-color-primary-container));--_label-color:var(--md-fab-menu-item-label-color, var(--md-sys-color-on-primary-container));--_icon-color:var(--md-fab-menu-item-icon-color, var(--_label-color));--_icon-size:var(--md-fab-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-fab-menu-item-container-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-color:var(--_label-color);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;min-height:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));padding-inline:var(--md-sys-spacing-inset-xl, 24px);gap:var(--md-sys-spacing-gap-sm, 8px);background-color:var(--_container-color);color:var(--_label-color);border-radius:var(--_container-shape);box-shadow:none;font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:background-color 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));-webkit-tap-highlight-color:transparent;white-space:nowrap}:host(.md-fab-menu-item--with-icon){padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.md-fab-menu-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .md-fab-menu-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-fab-menu-item__state-layer,:host(.md-fab-menu-item--roving-focus-visible:not(:focus)) .md-fab-menu-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active) .md-fab-menu-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus:not(:focus-visible)){outline:none}:host(:focus-visible),:host(.md-fab-menu-item--roving-focus-visible:not(:focus)){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px;z-index:1}:host(.md-fab-menu-item--disabled){cursor:default;pointer-events:none;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-fab-menu-item--disabled:hover) .md-fab-menu-item__state-layer,:host(.md-fab-menu-item--disabled:active) .md-fab-menu-item__state-layer,:host(.md-fab-menu-item--disabled:focus-visible) .md-fab-menu-item__state-layer{opacity:0}:host([soft-disabled]) .md-fab-menu-item__state-layer{display:none}.md-fab-menu-item__icon{color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}slot[name="icon"]{display:contents}::slotted([slot="icon"]){color:var(--_icon-color);inline-size:var(--_icon-size);block-size:var(--_icon-size);flex-shrink:0;fill:currentColor}.md-fab-menu-item__label{display:flex;align-items:center;white-space:nowrap}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;font-size:var(--_icon-size, 20px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-fab-menu-item__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}:host(:focus-visible){outline-color:Highlight}:host(.md-fab-menu-item--disabled){border-color:GrayText;color:GrayText;opacity:1}.md-fab-menu-item__state-layer{display:none}.md-fab-menu-item__icon,.md-fab-menu-item__label{color:inherit}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
@@ -68,12 +68,12 @@ const MdFabMenuItem = class {
     render() {
         const hasIcon = !!this.icon;
         const effectivelyDisabled = this.isDisabled;
-        return (index.h(index.Host, { key: '776acd92b0443f4617576ce6e628c9700daa1d1f', class: {
+        return (index.h(index.Host, { key: 'e699015c04bd99bff0b6115f748e6f5d3f4aef6a', class: {
                 'md-fab-menu-item': true,
                 'md-fab-menu-item--with-icon': hasIcon || this.hasSlottedIcon,
                 'md-fab-menu-item--disabled': effectivelyDisabled,
                 'md-fab-menu-item--roving-focus-visible': this.rovingFocusVisible,
-            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("md-ripple", { key: '0e1e1379829c42a0730605a6d14ccf082f74bfd7', disabled: effectivelyDisabled }), index.h("span", { key: '83d7dfdc10c6389f9819207f2613519bb0ca118b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("slot", { key: '4f5a17c3fcf744501d82e7942d5b0940a9889247', name: "icon" }, hasIcon && (index.h("span", { key: 'a8e7e1d9025543e67bacfb5b7c8fd8ab4766a657', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), index.h("span", { key: 'e5fc14ba00df55c92acc7ff3d3024ebe9491afd9', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : index.h("slot", null))));
+            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("md-ripple", { key: '66d1d6c5ee657a7c5b2ec5ec3dac1308b6131d1c', disabled: effectivelyDisabled }), index.h("span", { key: '29baf1f4a5381ef65b9d508331ec7ab133dcc21b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("slot", { key: 'b5d40819f7a5ece262ca67095137a109b160b28a', name: "icon" }, hasIcon && (index.h("span", { key: 'ce2dd960172dea53be26ceefdc0aee394ee1f8ae', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), index.h("span", { key: 'f35e75ed18e628c9dfcd972001b79b365e29b7a6', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : index.h("slot", null))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/md-fab-menu.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 
 const mdFabMenuCss = () => `:host{display:none;position:fixed;inset:0;z-index:var(--md-sys-z-index-popup, 1000);pointer-events:none}:host(.md-fab-menu--open),:host(.md-fab-menu--closing){display:block}.md-fab-menu__container{position:fixed;display:flex;align-items:end;pointer-events:auto}:host(.md-fab-menu--up) .md-fab-menu__container{flex-direction:column}:host(.md-fab-menu--up) .md-fab-menu__items{display:flex;flex-direction:column-reverse;align-items:end;gap:var(--md-fab-menu-item-gap, var(--md-sys-spacing-gap-xs, 4px))}:host(.md-fab-menu--down) .md-fab-menu__container{flex-direction:column}:host(.md-fab-menu--down) .md-fab-menu__items{display:flex;flex-direction:column;align-items:end;gap:var(--md-fab-menu-item-gap, var(--md-sys-spacing-gap-xs, 4px))}:host(.md-fab-menu--primary){--md-fab-menu-item-container-color:var(--md-sys-color-primary-container);--md-fab-menu-item-label-color:var(--md-sys-color-on-primary-container)}:host(.md-fab-menu--secondary){--md-fab-menu-item-container-color:var(--md-sys-color-secondary-container);--md-fab-menu-item-label-color:var(--md-sys-color-on-secondary-container)}:host(.md-fab-menu--tertiary){--md-fab-menu-item-container-color:var(--md-sys-color-tertiary-container);--md-fab-menu-item-label-color:var(--md-sys-color-on-tertiary-container)}.md-fab-menu__container{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-fab-menu--up) .md-fab-menu__container{transform-origin:bottom right}:host(.md-fab-menu--down) .md-fab-menu__container{transform-origin:top right}:host(.md-fab-menu--open) .md-fab-menu__container{opacity:1;transform:none}@starting-style{:host(.md-fab-menu--open) .md-fab-menu__container{opacity:0;transform:scaleY(0.8)}}:host(.md-fab-menu--closing) .md-fab-menu__container{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15))}@media (prefers-reduced-motion: reduce){.md-fab-menu__container,:host(.md-fab-menu--open) .md-fab-menu__container,:host(.md-fab-menu--closing) .md-fab-menu__container{transition:none;opacity:1;transform:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
 
@@ -649,13 +649,13 @@ const MdFabMenu = class {
     }
     /* ── Render ───────────────────────────────────────────── */
     render() {
-        return (index.h(index.Host, { key: '7d92976fb9210339e957720b632d35cfdff532fe', class: {
+        return (index.h(index.Host, { key: 'eb38be0588c7ca8b8cca6d04d15e5defd5ab196d', class: {
                 'md-fab-menu': true,
                 'md-fab-menu--open': this.open,
                 'md-fab-menu--closing': this.closing,
                 [`md-fab-menu--${this.variant}`]: true,
                 [`md-fab-menu--${this.effectivePlacement}`]: true,
-            }, role: "menu", id: this.menuId, "aria-label": this.menuLabel, "aria-orientation": "vertical", "aria-hidden": (!this.open && !this.closing) ? 'true' : 'false', onKeyDown: this.handleKeyDown }, index.h("div", { key: 'cc2f3e1a224d69bab705793d8867b4797f342be9', class: "md-fab-menu__container" }, index.h("div", { key: 'd43cb6ca7a3668c12118b6ff830152528d876f28', class: "md-fab-menu__items" }, index.h("slot", { key: '6bbc2be30016796f4498734417bf1b711c76d449' })))));
+            }, role: "menu", id: this.menuId, "aria-label": this.menuLabel, "aria-orientation": "vertical", "aria-hidden": (!this.open && !this.closing) ? 'true' : 'false', onKeyDown: this.handleKeyDown }, index.h("div", { key: 'fb9347312ceb5cd36ad866a7ee2a384de4e6f55c', class: "md-fab-menu__container" }, index.h("div", { key: '1537c4a81d7e70630f327183319fc48cd68e8eff', class: "md-fab-menu__items" }, index.h("slot", { key: '5dc74d72ab07be74ca3ed0a937a5590a3c60b291' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-fab.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var ripple = require('./ripple-D1lER4P-.js');
 
 const mdFabCss = () => `:host{--_container-color:var(--md-fab-container-color, var(--md-sys-color-primary-container));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-primary-container));--_icon-size:var(--md-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px));--_container-elevation:var(--md-sys-elevation-3);--_state-layer-color:var(--_icon-color);--_morph-spatial-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_morph-spatial-easing:var(     --md-sys-motion-spring-spatial-default-easing,     cubic-bezier(0.38, 1.21, 0.22, 1)   );--_morph-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_morph-effects-easing:var(     --md-sys-motion-spring-effects-default-easing,     cubic-bezier(0.34, 0.8, 0.34, 1)   );display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;background-color:var(--_container-color);color:var(--_icon-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);transition:box-shadow 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     background-color 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     border-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     min-width var(--_morph-spatial-duration) var(--_morph-spatial-easing),     padding-inline-start var(--_morph-spatial-duration) var(--_morph-spatial-easing),     padding-inline-end var(--_morph-spatial-duration) var(--_morph-spatial-easing);-webkit-tap-highlight-color:transparent;vertical-align:middle}:host(:not([data-ready])),:host(:not([data-ready])) .md-fab__label{transition:none}:host([data-shape="circle"]){border-radius:50%}:host(.md-fab--standard){--_icon-size:var(--md-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));width:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-fab--medium){--_icon-size:var(--md-fab-icon-size, max(21px, calc(28px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-fab-container-shape, var(--md-sys-shape-corner-extra-large, 28px));width:max(64px, calc(80px + var(--md-sys-density-scale, 0) * 4px));height:max(64px, calc(80px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-fab--large){--_icon-size:var(--md-fab-icon-size, max(27px, calc(36px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-fab-container-shape, var(--md-sys-shape-corner-extra-large, 28px));width:max(80px, calc(96px + var(--md-sys-density-scale, 0) * 4px));height:max(80px, calc(96px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-fab--extended),:host(.md-fab--collapsed){--_icon-size:var(--md-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));width:auto;padding-inline:max(12px, calc(20px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:var(--md-sys-typescale-label-large-line-height, 20px)}:host(.md-fab--extended){min-width:80px}:host(.md-fab--extended.md-fab--with-icon){padding-inline:var(--md-sys-spacing-inset-lg, 16px) 20px}:host(.md-fab--collapsed){min-width:56px}:host(.md-fab--collapsed.md-fab--with-icon){padding-inline:var(--md-sys-spacing-inset-lg, 16px)}:host(.md-fab--surface){--_container-color:var(--md-fab-container-color, var(--md-sys-color-surface-container-high));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-primary))}:host(.md-fab--surface.md-fab--lowered){--_container-color:var(--md-fab-container-color, var(--md-sys-color-surface-container-low))}:host(.md-fab--primary-container){--_container-color:var(--md-fab-container-color, var(--md-sys-color-primary-container));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-primary-container))}:host(.md-fab--secondary-container){--_container-color:var(--md-fab-container-color, var(--md-sys-color-secondary-container));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-secondary-container))}:host(.md-fab--tertiary-container){--_container-color:var(--md-fab-container-color, var(--md-sys-color-tertiary-container));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-tertiary-container))}:host(.md-fab--primary){--_container-color:var(--md-fab-container-color, var(--md-sys-color-primary));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-primary))}:host(.md-fab--secondary){--_container-color:var(--md-fab-container-color, var(--md-sys-color-secondary));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-secondary))}:host(.md-fab--tertiary){--_container-color:var(--md-fab-container-color, var(--md-sys-color-tertiary));--_icon-color:var(--md-fab-icon-color, var(--md-sys-color-on-tertiary))}:host(.md-fab--lowered){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-fab--lowered:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.md-fab--lowered:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-fab--lowered:active){--_container-elevation:var(--md-sys-elevation-1)}:host(:hover){--_container-elevation:var(--md-sys-elevation-4)}:host(:focus-visible){--_container-elevation:var(--md-sys-elevation-3)}:host(:active){--_container-elevation:var(--md-sys-elevation-3)}.md-fab__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .md-fab__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-fab__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}:host(:active) .md-fab__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}:host(.md-fab--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .md-fab__state-layer{display:none}:host(.md-fab--disabled:hover) .md-fab__state-layer,:host(.md-fab--disabled:active) .md-fab__state-layer,:host(.md-fab--disabled:focus-visible) .md-fab__state-layer{opacity:0}.md-fab__icon{color:var(--md-fab-icon-color, inherit);font-size:var(--_icon-size, 24px);width:var(--_icon-size, 24px);height:var(--_icon-size, 24px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([data-icon-morphing]) .md-fab__icon{opacity:0;transform:rotate(-90deg) scale(0.6)}slot[name="icon"]{display:contents}::slotted([slot="icon"]){color:var(--md-fab-icon-color, inherit);width:var(--_icon-size, 24px);height:var(--_icon-size, 24px);display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:opacity 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([data-icon-morphing]) ::slotted([slot="icon"]){opacity:0;transform:rotate(-90deg) scale(0.6)}.md-fab__label{color:var(--md-fab-label-color, inherit);display:flex;align-items:center;white-space:nowrap;overflow:hidden;max-inline-size:var(--_fab-label-w, 240px);opacity:1;transition:max-inline-size var(--_morph-spatial-duration) var(--_morph-spatial-easing),     margin-inline-start var(--_morph-spatial-duration) var(--_morph-spatial-easing),     opacity var(--_morph-effects-duration) var(--_morph-effects-easing)}:host(.md-fab--with-icon) .md-fab__label{margin-inline-start:var(--md-sys-spacing-inset-md, 12px)}:host(.md-fab--collapsed) .md-fab__label{max-inline-size:0;margin-inline-start:0;opacity:0}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-fab__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}:host(:focus-visible){outline-color:Highlight}:host(.md-fab--disabled){border-color:GrayText;color:GrayText;opacity:1}.md-fab__state-layer{display:none}.md-fab__icon,.md-fab__label{color:inherit}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
@@ -133,7 +133,7 @@ const MdFab = class {
         const isExtended = this.extended === undefined ? hasLabel : this.extended;
         const hasIcon = !!this.icon;
         const hasExplicitAriaLabel = this.authoredAccessibleName;
-        return (index.h(index.Host, { key: '9f38d5a63ee3ff8d86b361e83917091a3550a415', class: {
+        return (index.h(index.Host, { key: 'fbd2c3ad0b52387a0560e11b68482fe84468390a', class: {
                 'md-fab': true,
                 [`md-fab--${this.variant}`]: true,
                 // Fixed circular sizes apply only to FABs that never carry a label.
@@ -143,7 +143,7 @@ const MdFab = class {
                 'md-fab--with-icon': hasIcon || this.hasSlottedIcon,
                 'md-fab--lowered': this.lowered,
                 'md-fab--disabled': this.disabled || this.softDisabled,
-            }, role: "button", "aria-label": hasLabel && !hasExplicitAriaLabel ? this.label : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.ripple && index.h("md-ripple", { key: '5a0114263fe2817f3b7466fc4ec757403e31c203', disabled: isEffectivelyDisabled }), index.h("span", { key: 'd4a45e41c4982d48212672e1ae87a3721edaf9b7', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("slot", { key: 'dddb0c1469a57e06af7fc9eea94f4acc5a9f5cf8', name: "icon" }, hasIcon && index.h("span", { key: '47d5415adbdfd8629f6efe67c799a59058496f7e', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && index.h("span", { key: 'b2cf917ff3886b0adfb909ecde641fc1bd0ce1fd', class: "md-fab__label", part: "label", "aria-hidden": !isExtended ? 'true' : undefined }, this.label)));
+            }, role: "button", "aria-label": hasLabel && !hasExplicitAriaLabel ? this.label : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.ripple && index.h("md-ripple", { key: 'cb9339ab1f4517d6f1a20e0ab85e8a776ff02d98', disabled: isEffectivelyDisabled }), index.h("span", { key: '7b75ba2f21d7081da580edd470a7ce8a15781532', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("slot", { key: 'b2918b686e306493fdb0364322a4667934428b03', name: "icon" }, hasIcon && index.h("span", { key: '7a3bc8d8edfc1a1df416e4fc9799a6d3a8c26217', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && index.h("span", { key: '2256df4b1377109e3f4edd843863c4bcaa3cccb4', class: "md-fab__label", part: "label", "aria-hidden": !isExtended ? 'true' : undefined }, this.label)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-line-chart.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var a11y = require('./a11y-BzCCJW-H.js');
 var chart = require('./chart-NwJie-tf.js');
 var rtl = require('./rtl-BEsL8id9.js');
@@ -904,14 +904,14 @@ const MdLineChart = class {
         // While loading, the loader owns the box — an empty-state message under it
         // would just be the wrong answer to "where is my data?".
         const empty = this.series.length === 0 && !this.loading;
-        return (index.h(index.Host, { key: 'd9a1a408606f3561ab600a9e11978ed9f6fb5308', class: {
+        return (index.h(index.Host, { key: '9fdae447c59ed3416a6417db10ffbd0b0d441014', class: {
                 'md-line-chart': true,
                 'md-line-chart--empty': empty,
                 'md-line-chart--loading': this.loading,
                 'md-line-chart--mounted': this.mounted,
                 'md-line-chart--zoom-slider': this.zoomSliderOn,
                 'md-line-chart--zoom-drag': this.zoomInside,
-            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, index.h("header", { key: '7d3982cb8d3a9a69f95554943898a214d221c734', class: "md-line-chart__header", part: "header" }, index.h("slot", { key: 'fc1a089066350f40fa9c30b1984294017cd5dbbb', name: "header" })), index.h("div", { key: 'e4818930f4ba554326a7e7720075fcf211fe17b0', class: "md-line-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (index.h("div", { key: 'd056e1034d7cbf6a61a46256c7f271cb0343ce7b', class: "md-line-chart__empty", part: "empty" }, index.h("slot", { key: 'd3af8ff195e4973432ae6fcf683e96f70bd1ccab', name: "empty" }, this.labelEmpty))), this.loading && (index.h("div", { key: '3b26dd9069ebf17abd58d1c77e14828019e0a4e2', class: "md-line-chart__loading", part: "loading", role: "status" }, index.h("slot", { key: 'd36d29dafcc655bd30d7bcbac13ae6c18a594839', name: "loader" }, index.h("slot", { key: '47153fb58d0e11132e466e724ab587caa576c263', name: "loading" }, index.h("md-progress-indicator", { key: '60c443fa744ac9ab1ef58afad715799059009326', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), index.h("span", { key: '505c3a377627e288969725420ac2db4b7329b57d', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (index.h("div", { key: '8b496a56977f724f86c43167fffa3ff7d07caf75', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), index.h("footer", { key: '83a5255e217e7d74c2707d69d39b25c014ab3d1c', class: "md-line-chart__footer", part: "footer" }, index.h("slot", { key: '9690127eb42f33b825d016f8cd85261cc62a74e7', name: "footer" })), index.h("div", { key: '9d31b766915dbc6031b5e2f43b69b949d45e4f44', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), index.h("div", { key: '2038de7cd5eca21af587cfa14a13edf08a73c750', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, index.h("header", { key: '9e99fad3c7a18d63c5434f06056a69d1e5923fd3', class: "md-line-chart__header", part: "header" }, index.h("slot", { key: 'e232add7130f86efca6101ab2c81b947c9ac03cb', name: "header" })), index.h("div", { key: 'de3dcc52d5966901d605d158d14f6b4ec88b4df4', class: "md-line-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (index.h("div", { key: '2c6b6dc99eac4e51d3dda03c8bb0e1fb2b67100c', class: "md-line-chart__empty", part: "empty" }, index.h("slot", { key: 'cff04093e72a5d90826f725534fa2700bbe65774', name: "empty" }, this.labelEmpty))), this.loading && (index.h("div", { key: '3cc6a9d5e9289b7a92ab86ea19804c6e06b0ade8', class: "md-line-chart__loading", part: "loading", role: "status" }, index.h("slot", { key: 'c049a9258b04247540d9bc535ca62fafd9c62757', name: "loader" }, index.h("slot", { key: '56c043e6d654c7255d0bf0c8c3d7162d8d5da26b', name: "loading" }, index.h("md-progress-indicator", { key: '42aabefb610f3810154695888f95aeb75d2c54e1', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), index.h("span", { key: '34593a490492afb798cbdd580dd1973d7b35a9a9', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (index.h("div", { key: '6339cff744e5b0f8fa00003f7b7f92bca80fe55b', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), index.h("footer", { key: '2352c3298f8edde508e8f28163e47f30132ade34', class: "md-line-chart__footer", part: "footer" }, index.h("slot", { key: '1e4d7f31cfc1a97a06b99b2ea5a856a27dc4e77d', name: "footer" })), index.h("div", { key: '24ceaba1af71bcf7f1de0e8f500a3e4432b8162b', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), index.h("div", { key: 'a4e2038ee145c1b7637b7f0f5a9bbee3f9d18a88', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-list-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 var ripple = require('./ripple-D1lER4P-.js');
 var url = require('./url-DN4qTYib.js');
 
@@ -1044,7 +1044,7 @@ const MdListItem = class {
                 ? 'group'
                 : 'region';
         const panelLabel = panelRole === 'region' ? undefined : this.headlineFullText() || undefined;
-        return (index.h(index.Host, { key: '2b9d333fcd78fa67fa3811c61a02ac01b382363d', class: {
+        return (index.h(index.Host, { key: 'cd61b205cde324e98ca0f95604a62ad00494c7c1', class: {
                 'md-list-item': true,
                 [`md-list-item--${lines}-line`]: true,
                 [`md-list-item--type-${this.type}`]: true,
@@ -1069,7 +1069,7 @@ const MdListItem = class {
                `focus` doesn't bubble, so handleFocus is wired on the primary in
                renderPrimary. The host keeps onFocus for selection / reorderable
                rows, which focus the host directly. */
-            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, index.h("span", { key: 'f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330', class: "md-list-item__row", part: "row" }, isInteractive && index.h("md-ripple", { key: '9c1564542b14116edfcfc5c15606d5d0ee5b4437', disabled: this.isEffectivelyDisabled }), isInteractive && (index.h("span", { key: 'a8c98bdc60fabdfc1bb6e3f8c7812a4721e87cc4', class: "md-list-item__state-layer", part: "state-layer", "aria-hidden": "true" })), hasPrimaryAction && this.renderPrimary(primaryTabIndex), !hasPrimaryAction && this.renderLeading(), !hasPrimaryAction && this.renderContent(), this.renderTrailing()), this.expandable && (index.h("span", { key: '3eda42f27457a61543b6799c13222806f39cfb17', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
+            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, index.h("span", { key: '0af7fb5d7cbcd56393c428bcd3f65793613570a5', class: "md-list-item__row", part: "row" }, isInteractive && index.h("md-ripple", { key: '428ed61997039e15e4e9443a9e323cde9391a041', disabled: this.isEffectivelyDisabled }), isInteractive && (index.h("span", { key: 'ca6f498bd830e3583c5143f87ab3efa14c2ed20b', class: "md-list-item__state-layer", part: "state-layer", "aria-hidden": "true" })), hasPrimaryAction && this.renderPrimary(primaryTabIndex), !hasPrimaryAction && this.renderLeading(), !hasPrimaryAction && this.renderContent(), this.renderTrailing()), this.expandable && (index.h("span", { key: '1301ba374be82875b89e1a47749e1b76e4bc69e2', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
             /* The disclosed panel owns the row's slotted content. When that
                content is flat `md-list-item` rows they render as `listitem`,
                whose only valid axe context is `list` (verified against
@@ -1079,7 +1079,7 @@ const MdListItem = class {
                requires an owned role, so a plain `<div>`/FAQ panel can't trip
                `aria-required-children`. Interleaved dividers are `aria-hidden`
                (see syncExpandedContentDividers) so a `list` owns only its rows. */
-            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, index.h("span", { key: '3c763ff80f6a06f40bfa6ab3c6799fe8362fa626', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, index.h("slot", { key: '78b2439caef1c7f3c5dd0c70b0330ee1d7280405', name: "expanded-content" }))))));
+            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, index.h("span", { key: '08e42531895724ae9de6688667c2bd866627aca3', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, index.h("slot", { key: 'e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f', name: "expanded-content" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-list.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 
 const mdListCss = () => `:host{--_container-color:var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));--_container-shape:var(--md-list-container-shape, 0px);--_padding-block:var(--md-list-padding-block, var(--md-sys-spacing-inset-sm, 8px));--_padding-inline:var(--md-list-padding-inline, 0px);--_segmented-gap:var(--md-list-segmented-gap, 2px);--_drop-placeholder-color:var(--md-list-drop-placeholder-color, color-mix(in srgb, var(--md-sys-color-primary-container, #eaddff) 45%, transparent));--_drop-placeholder-outline-color:var(--md-list-drop-placeholder-outline-color, color-mix(in srgb, var(--md-sys-color-primary, #6750a4) 55%, transparent));--_drop-placeholder-outline-width:var(--md-list-drop-placeholder-outline-width, 2px);--_drop-placeholder-shape:var(--md-list-drop-placeholder-shape, var(--md-sys-shape-corner-large, 16px));--_drop-placeholder-opacity:var(--md-list-drop-placeholder-opacity, 1);display:flex;flex-direction:column;inline-size:100%;background-color:var(--_container-color);color:var(--md-sys-color-on-surface, #1c1b1f);border-radius:var(--_container-shape);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);box-sizing:border-box;overflow:clip}:host(.md-list--standard){--_container-color:var(--md-list-container-color, transparent);--_container-shape:var(--md-list-container-shape, 0px);gap:0;overflow:visible}:host(.md-list--standard) ::slotted(md-list-item){--md-list-item-container-shape:0px;}:host(.md-list--standard) ::slotted(md-list-item:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--standard) ::slotted(md-list-item:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--standard) ::slotted(md-list-item:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented){--_container-color:var(--md-list-container-color, transparent);--_container-shape:var(--md-list-container-shape, 0px);--_padding-inline:var(--md-list-padding-inline, 0px);--_padding-block:var(--md-list-padding-block, 0px);gap:var(--_segmented-gap);overflow:visible}:host(.md-list--segmented) ::slotted(md-list-item){--md-list-item-container-shape:var(--md-sys-shape-corner-extra-small, 4px);}:host(.md-list--segmented) ::slotted(md-list-item:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented) ::slotted(md-list-item:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented) ::slotted(md-list-item:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--single-select),:host(.md-list--multi-select){}:host(:focus){outline:none}:host(.md-list--reordering){position:relative}.md-list__drop-placeholder{position:absolute;inset-inline-start:var(--_padding-inline);inset-inline-end:var(--_padding-inline);inset-block-start:0;box-sizing:border-box;z-index:0;pointer-events:none;border-radius:var(--_drop-placeholder-shape);background-color:var(--_drop-placeholder-color);border:var(--_drop-placeholder-outline-width) dashed var(--_drop-placeholder-outline-color);opacity:var(--_drop-placeholder-opacity);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.md-list__drop-placeholder{transition:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
 
@@ -796,17 +796,17 @@ const MdList = class {
            expandable selection list degrades to `role="list"` (its per-row nested
            listboxes carry the option semantics), so gate the attribute on the role. */
         const ariaMulti = role === 'listbox' && this.selectionMode === 'multi-select' ? 'true' : null;
-        return (index.h(index.Host, { key: 'b276cebae42f64386ad013dc37c0e3926ea00594', class: {
+        return (index.h(index.Host, { key: '8daf2aaad9848b5d58ffbb98f9bb7d8920004f4d', class: {
                 'md-list': true,
                 [`md-list--${this.listStyle}`]: true,
                 [`md-list--${this.selectionMode}`]: this.selectionMode !== 'none',
                 [`md-list--${this.interactionMode}`]: true,
                 'md-list--reorderable': this.reorderable,
                 'md-list--reordering': !!this.dropPlaceholder,
-            }, role: role, "aria-label": this.label || null, "aria-labelledby": this.labelledby || null, "aria-multiselectable": ariaMulti }, this.dropPlaceholder && (index.h("div", { key: '50ef5fcce48b5ab1a53d1bd74d254048c919bba0', class: "md-list__drop-placeholder", part: "drop-placeholder", "aria-hidden": "true", style: {
+            }, role: role, "aria-label": this.label || null, "aria-labelledby": this.labelledby || null, "aria-multiselectable": ariaMulti }, this.dropPlaceholder && (index.h("div", { key: '88a98f3d21f89177d1f7d879fc406fe7e9cbb40c', class: "md-list__drop-placeholder", part: "drop-placeholder", "aria-hidden": "true", style: {
                 transform: `translateY(${this.dropPlaceholder.top}px)`,
                 blockSize: `${this.dropPlaceholder.height}px`,
-            } })), index.h("slot", { key: '3f3144e9735900e8ba29abfd2190b9c8ce585b56' })));
+            } })), index.h("slot", { key: '70452f5305b74576d8eff4ed4471a847fc061773' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-loading-indicator-CmzdcYLR.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-Bm07YAg9.js');
+
+const mdLoadingIndicatorCss = () => `:host{--_color:var(--md-loading-indicator-color, var(--md-sys-color-primary, #6750A4));--_size:var(--md-loading-indicator-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_shape-size:var(--md-loading-indicator-shape-size, calc(var(--_size) * 0.792));--_container-color:var(--md-loading-indicator-container-color, var(--md-sys-color-primary-container, #EADDFF));--_container-shape:var(--md-loading-indicator-container-shape, var(--md-sys-shape-corner-full, 50%));display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);flex-shrink:0;box-sizing:border-box;overflow:hidden}:host(.md-loading-indicator--contained){--_color:var(--md-loading-indicator-color, var(--md-sys-color-on-primary-container, #21005D));background-color:var(--_container-color);border-radius:var(--_container-shape)}.md-loading-indicator__shape{display:block;inline-size:var(--_shape-size);block-size:var(--_shape-size);background-color:var(--_color);will-change:clip-path, transform;animation:md-loading-morph 4.55s infinite}@keyframes md-loading-morph{0%{clip-path:polygon(       50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,       78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,       85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,       78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,       50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,       21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,       14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,       21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%     );transform:rotate(0deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}14.3%{clip-path:polygon(       50% 6.8%, 55.4% 9.1%, 59.8% 13.6%, 64.2% 15.8%, 70% 15.4%, 76.2% 15.9%,       79.9% 20.1%, 80.8% 26.4%, 81.8% 31.6%, 85.8% 35.2%, 90.8% 39.1%, 92.6% 44.4%,       90% 50%, 86.7% 54.8%, 86.4% 59.8%, 88.1% 65.8%, 87.4% 71.6%, 82.7% 75.1%,       76.7% 76.7%, 72.5% 79.4%, 70% 84.6%, 66.4% 89.7%, 60.9% 90.8%, 55.1% 88.4%,       50% 86.8%, 44.9% 88.4%, 39.1% 90.8%, 33.6% 89.7%, 30% 84.6%, 27.5% 79.4%,       23.3% 76.7%, 17.3% 75.1%, 12.6% 71.6%, 11.9% 65.8%, 13.6% 59.8%, 13.3% 54.8%,       10% 50%, 7.4% 44.4%, 9.2% 39.1%, 14.2% 35.2%, 18.2% 31.6%, 19.2% 26.4%,       20.1% 20.1%, 23.8% 15.9%, 30% 15.4%, 35.8% 15.8%, 40.2% 13.6%, 44.6% 9.1%     );transform:rotate(154deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}28.6%{clip-path:polygon(       50% 6.8%, 55.4% 8.9%, 60% 12.7%, 63.9% 16.4%, 67.5% 19.7%, 71.1% 22.5%,       75% 25%, 79.5% 27.4%, 84.4% 30.1%, 89.3% 33.7%, 91.4% 38.9%, 90% 44.7%,       87.6% 50%, 85.4% 54.7%, 83.5% 59%, 82.1% 63.3%, 81.2% 68%, 80.2% 73.2%,       78.9% 78.9%, 76.3% 84.2%, 71% 86.4%, 65% 86.2%, 59.5% 85.5%, 54.6% 84.8%,       50% 84.6%, 45.4% 84.8%, 40.5% 85.5%, 35% 86.2%, 29% 86.4%, 23.7% 84.2%,       21.1% 78.9%, 19.8% 73.2%, 18.8% 68%, 17.9% 63.3%, 16.5% 59%, 14.6% 54.7%,       12.4% 50%, 10% 44.7%, 8.6% 38.9%, 10.7% 33.7%, 15.6% 30.1%, 20.5% 27.4%,       25% 25%, 28.9% 22.5%, 32.5% 19.7%, 36.1% 16.4%, 40% 12.7%, 44.6% 8.9%     );transform:rotate(309deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}42.9%{clip-path:polygon(       50% 5.1%, 55.8% 5.6%, 61.5% 7.3%, 66.6% 9.9%, 71.1% 13.4%, 74.8% 17.6%,       77.6% 22.4%, 79.5% 27.4%, 80.3% 32.5%, 80.1% 37.5%, 79.1% 42.2%, 77.5% 46.4%,       76.4% 50%, 77.5% 53.6%, 79.1% 57.8%, 80.1% 62.5%, 80.3% 67.5%, 79.5% 72.6%,       77.6% 77.6%, 74.8% 82.4%, 71.1% 86.6%, 66.6% 90.1%, 61.5% 92.7%, 55.8% 94.4%,       50% 94.9%, 44.2% 94.4%, 38.5% 92.7%, 33.4% 90.1%, 28.9% 86.6%, 25.2% 82.4%,       22.4% 77.6%, 20.5% 72.6%, 19.7% 67.5%, 19.9% 62.5%, 20.9% 57.8%, 22.5% 53.6%,       23.6% 50%, 22.5% 46.4%, 20.9% 42.2%, 19.9% 37.5%, 19.7% 32.5%, 20.5% 27.4%,       22.4% 22.4%, 25.2% 17.6%, 28.9% 13.4%, 33.4% 9.9%, 38.5% 7.3%, 44.2% 5.6%     );transform:rotate(463deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}57.1%{clip-path:polygon(       50% 3.4%, 55.7% 7.1%, 59.5% 14.5%, 62.8% 19.1%, 68.4% 18.2%, 76.4% 15.7%,       82.9% 17.1%, 84.3% 23.6%, 81.8% 31.6%, 80.9% 37.2%, 85.5% 40.5%, 92.9% 44.3%,       96.6% 50%, 92.9% 55.7%, 85.5% 59.5%, 80.9% 62.8%, 81.8% 68.4%, 84.3% 76.4%,       82.9% 82.9%, 76.4% 84.3%, 68.4% 81.8%, 62.8% 80.9%, 59.5% 85.5%, 55.7% 92.9%,       50% 96.6%, 44.3% 92.9%, 40.5% 85.5%, 37.2% 80.9%, 31.6% 81.8%, 23.6% 84.3%,       17.1% 82.9%, 15.7% 76.4%, 18.2% 68.4%, 19.1% 62.8%, 14.5% 59.5%, 7.1% 55.7%,       3.4% 50%, 7.1% 44.3%, 14.5% 40.5%, 19.1% 37.2%, 18.2% 31.6%, 15.7% 23.6%,       17.1% 17.1%, 23.6% 15.7%, 31.6% 18.2%, 37.2% 19.1%, 40.5% 14.5%, 44.3% 7.1%     );transform:rotate(617deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}71.4%{clip-path:polygon(       50% 18.1%, 54.2% 17.7%, 58.9% 16.8%, 64.3% 15.5%, 70.5% 14.5%, 77% 14.8%,       82.4% 17.6%, 85.2% 23%, 85.5% 29.5%, 84.5% 35.7%, 83.2% 41.1%, 82.3% 45.8%,       81.9% 50%, 82.3% 54.2%, 83.2% 58.9%, 84.5% 64.3%, 85.5% 70.5%, 85.2% 77%,       82.4% 82.4%, 77% 85.2%, 70.5% 85.5%, 64.3% 84.5%, 58.9% 83.2%, 54.2% 82.3%,       50% 81.9%, 45.8% 82.3%, 41.1% 83.2%, 35.7% 84.5%, 29.5% 85.5%, 23% 85.2%,       17.6% 82.4%, 14.8% 77%, 14.5% 70.5%, 15.5% 64.3%, 16.8% 58.9%, 17.7% 54.2%,       18.1% 50%, 17.7% 45.8%, 16.8% 41.1%, 15.5% 35.7%, 14.5% 29.5%, 14.8% 23%,       17.6% 17.6%, 23% 14.8%, 29.5% 14.5%, 35.7% 15.5%, 41.1% 16.8%, 45.8% 17.7%     );transform:rotate(771deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}85.7%{clip-path:polygon(       50% 14.5%, 54.9% 12.8%, 60.3% 11.6%, 66.1% 11.2%, 72% 11.9%, 77.7% 13.9%,       82.5% 17.5%, 86.1% 22.3%, 88.1% 28%, 88.8% 33.9%, 88.4% 39.7%, 87.2% 45.1%,       85.5% 50%, 83.5% 54.4%, 81.3% 58.4%, 79% 62%, 76.5% 65.3%, 73.9% 68.4%,       71.2% 71.2%, 68.4% 73.9%, 65.3% 76.5%, 62% 79%, 58.4% 81.3%, 54.4% 83.5%,       50% 85.5%, 45.1% 87.2%, 39.7% 88.4%, 33.9% 88.8%, 28% 88.1%, 22.3% 86.1%,       17.5% 82.5%, 13.9% 77.7%, 11.9% 72%, 11.2% 66.1%, 11.6% 60.3%, 12.8% 54.9%,       14.5% 50%, 16.5% 45.6%, 18.7% 41.6%, 21% 38%, 23.5% 34.7%, 26.1% 31.6%,       28.8% 28.8%, 31.6% 26.1%, 34.7% 23.5%, 38% 21%, 41.6% 18.7%, 45.6% 16.5%     );transform:rotate(926deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}100%{clip-path:polygon(       50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,       78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,       85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,       78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,       50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,       21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,       14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,       21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%     );transform:rotate(1080deg)}}.md-loading-indicator__sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:var(--_container-shape)}@media (prefers-reduced-motion: reduce){.md-loading-indicator__shape{animation:md-loading-pulse 2s ease-in-out infinite;border-radius:50%;clip-path:none}}@keyframes md-loading-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@media (forced-colors: active){.md-loading-indicator__shape{background-color:CanvasText}:host(.md-loading-indicator--contained){background-color:Canvas;outline:1px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
+
+const MdLoadingIndicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Visual style: uncontained (default) or contained (with background container) */
+        this.variant = 'uncontained';
+        /** Accessible label for screen readers */
+        this.label = 'Loading';
+        /**
+         * Local density rung. Drives the same `--md-sys-density-scale` signal that a
+         * global `data-density` ancestor sets, so a local value simply overrides the
+         * inherited one. 0 = default, -4 = ultra-compact.
+         */
+        this.density = 0;
+    }
+    render() {
+        return (index.h(index.Host, { key: '7283d7970401998bed6a0fba112756031f1ecdee', class: {
+                'md-loading-indicator': true,
+                [`md-loading-indicator--${this.variant}`]: true,
+            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, index.h("span", { key: 'b89f9b6f9eafd337fcf89af79771cee126ea7606', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), index.h("span", { key: '5ff8ac5edfcb49334c22f3ac3b9d9be0edaf7b19', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
+    }
+};
+MdLoadingIndicator.style = mdLoadingIndicatorCss();
+
+exports.MdLoadingIndicator = MdLoadingIndicator;
+//# sourceMappingURL=md-loading-indicator-CmzdcYLR.js.map
+
+//# sourceMappingURL=md-loading-indicator-CmzdcYLR.js.map

package/dist/cjs/md-loading-indicator-CmzdcYLR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-loading-indicator-CmzdcYLR.js","sources":["src/components/md-loading-indicator/md-loading-indicator.css?tag=md-loading-indicator&encapsulation=shadow","src/components/md-loading-indicator/md-loading-indicator.tsx"],"sourcesContent":["/* ==========================================================\n   md-loading-indicator — Material Design 3 Loading Indicator\n   Spec: https://m3.material.io/components/loading-indicator/specs\n   Ref:  material-components-android LoadingIndicatorDrawingDelegate\n\n   A looping shape-morph animation matching the Android M3\n   implementation. Morphs through seven Material shapes:\n     Soft Burst → Cookie 9 → Pentagon → Pill →\n     Sunny → Cookie 4 → Oval → (repeat)\n\n   Timing: 650 ms per shape, 4.55 s full cycle.\n   Rotation: ~154° per shape (1080° / 7), 3 full turns per cycle.\n   Easing: bouncy spring — each segment overshoots its target\n           shape before settling, so the polygon morph and the\n           rotation both gain a tactile \"rubber band\" feel.\n           Curve sits between the project's spring-spatial-default\n           (overshoot 1.21) and spring-spatial-fast (1.67) tokens.\n   Shapes: 48-vertex polygons with Gaussian-smoothed corners\n           matching Android CornerRounding parameters.\n\n   PUBLIC CSS CUSTOM PROPERTIES (override per-instance):\n     --md-loading-indicator-color              Indicator shape color\n     --md-loading-indicator-size               Overall component size (default 48px)\n     --md-loading-indicator-shape-size         Morphing shape size (default 38px)\n     --md-loading-indicator-container-color    Container background (contained variant)\n     --md-loading-indicator-container-shape    Container border radius\n\n   CSS PARTS:\n     shape     The morphing indicator shape\n\n   SLOTS:\n     (none)\n   ========================================================== */\n\n:host {\n  --_color: var(--md-loading-indicator-color, var(--md-sys-color-primary, #6750A4));\n  --_size: var(--md-loading-indicator-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));\n  /* Derived from --_size, NOT sized independently. These are two public hooks\n     over one shape: setting only `--md-loading-indicator-size` used to leave\n     the polygon at its own 38px default, so shrinking the component crammed a\n     38px shape into a smaller container and the morph rendered as a clipped\n     blob. 0.792 is the spec ratio (38/48), so the default is unchanged at\n     density 0 and any override now scales both boxes together. */\n  --_shape-size: var(--md-loading-indicator-shape-size, calc(var(--_size) * 0.792));\n  --_container-color: var(--md-loading-indicator-container-color, var(--md-sys-color-primary-container, #EADDFF));\n  --_container-shape: var(--md-loading-indicator-container-shape, var(--md-sys-shape-corner-full, 50%));\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: var(--_size);\n  block-size: var(--_size);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  /* Belt-and-braces: an explicit shape-size larger than the container would\n     otherwise spill the polygon past the (round) container edge. */\n  overflow: hidden;\n}\n\n/* ==========================================================\n   CONTAINED VARIANT\n   Shape uses on-primary-container; background is primary-container.\n   ========================================================== */\n\n:host(.md-loading-indicator--contained) {\n  --_color: var(--md-loading-indicator-color, var(--md-sys-color-on-primary-container, #21005D));\n\n  background-color: var(--_container-color);\n  border-radius: var(--_container-shape);\n}\n\n/* ==========================================================\n   MORPHING SHAPE\n   48-vertex clip-path polygon animated through 7 Material\n   shapes with Gaussian-smoothed corners. Each shape is\n   approximated by radial sampling at 7.5° intervals then\n   smoothed to match Android CornerRounding values.\n   ========================================================== */\n\n.md-loading-indicator__shape {\n  display: block;\n  inline-size: var(--_shape-size);\n  block-size: var(--_shape-size);\n  background-color: var(--_color);\n  will-change: clip-path, transform;\n  animation: md-loading-morph 4.55s infinite;\n}\n\n@keyframes md-loading-morph {\n  /* ── Shape 1: Soft Burst — 10 rounded bumps ── */\n  0% {\n    clip-path: polygon(\n      50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,\n      78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,\n      85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,\n      78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,\n      50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,\n      21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,\n      14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,\n      21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%\n    );\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 2: Cookie 9 — 9 rounded scallops ── */\n  14.3% {\n    clip-path: polygon(\n      50% 6.8%, 55.4% 9.1%, 59.8% 13.6%, 64.2% 15.8%, 70% 15.4%, 76.2% 15.9%,\n      79.9% 20.1%, 80.8% 26.4%, 81.8% 31.6%, 85.8% 35.2%, 90.8% 39.1%, 92.6% 44.4%,\n      90% 50%, 86.7% 54.8%, 86.4% 59.8%, 88.1% 65.8%, 87.4% 71.6%, 82.7% 75.1%,\n      76.7% 76.7%, 72.5% 79.4%, 70% 84.6%, 66.4% 89.7%, 60.9% 90.8%, 55.1% 88.4%,\n      50% 86.8%, 44.9% 88.4%, 39.1% 90.8%, 33.6% 89.7%, 30% 84.6%, 27.5% 79.4%,\n      23.3% 76.7%, 17.3% 75.1%, 12.6% 71.6%, 11.9% 65.8%, 13.6% 59.8%, 13.3% 54.8%,\n      10% 50%, 7.4% 44.4%, 9.2% 39.1%, 14.2% 35.2%, 18.2% 31.6%, 19.2% 26.4%,\n      20.1% 20.1%, 23.8% 15.9%, 30% 15.4%, 35.8% 15.8%, 40.2% 13.6%, 44.6% 9.1%\n    );\n    transform: rotate(154deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 3: Pentagon — 5 rounded sides (fill ratio 0.80) ── */\n  28.6% {\n    clip-path: polygon(\n      50% 6.8%, 55.4% 8.9%, 60% 12.7%, 63.9% 16.4%, 67.5% 19.7%, 71.1% 22.5%,\n      75% 25%, 79.5% 27.4%, 84.4% 30.1%, 89.3% 33.7%, 91.4% 38.9%, 90% 44.7%,\n      87.6% 50%, 85.4% 54.7%, 83.5% 59%, 82.1% 63.3%, 81.2% 68%, 80.2% 73.2%,\n      78.9% 78.9%, 76.3% 84.2%, 71% 86.4%, 65% 86.2%, 59.5% 85.5%, 54.6% 84.8%,\n      50% 84.6%, 45.4% 84.8%, 40.5% 85.5%, 35% 86.2%, 29% 86.4%, 23.7% 84.2%,\n      21.1% 78.9%, 19.8% 73.2%, 18.8% 68%, 17.9% 63.3%, 16.5% 59%, 14.6% 54.7%,\n      12.4% 50%, 10% 44.7%, 8.6% 38.9%, 10.7% 33.7%, 15.6% 30.1%, 20.5% 27.4%,\n      25% 25%, 28.9% 22.5%, 32.5% 19.7%, 36.1% 16.4%, 40% 12.7%, 44.6% 8.9%\n    );\n    transform: rotate(309deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 4: Pill — capsule with rounded ends ── */\n  42.9% {\n    clip-path: polygon(\n      50% 5.1%, 55.8% 5.6%, 61.5% 7.3%, 66.6% 9.9%, 71.1% 13.4%, 74.8% 17.6%,\n      77.6% 22.4%, 79.5% 27.4%, 80.3% 32.5%, 80.1% 37.5%, 79.1% 42.2%, 77.5% 46.4%,\n      76.4% 50%, 77.5% 53.6%, 79.1% 57.8%, 80.1% 62.5%, 80.3% 67.5%, 79.5% 72.6%,\n      77.6% 77.6%, 74.8% 82.4%, 71.1% 86.6%, 66.6% 90.1%, 61.5% 92.7%, 55.8% 94.4%,\n      50% 94.9%, 44.2% 94.4%, 38.5% 92.7%, 33.4% 90.1%, 28.9% 86.6%, 25.2% 82.4%,\n      22.4% 77.6%, 20.5% 72.6%, 19.7% 67.5%, 19.9% 62.5%, 20.9% 57.8%, 22.5% 53.6%,\n      23.6% 50%, 22.5% 46.4%, 20.9% 42.2%, 19.9% 37.5%, 19.7% 32.5%, 20.5% 27.4%,\n      22.4% 22.4%, 25.2% 17.6%, 28.9% 13.4%, 33.4% 9.9%, 38.5% 7.3%, 44.2% 5.6%\n    );\n    transform: rotate(463deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 5: Sunny — 8 rounded rays ── */\n  57.1% {\n    clip-path: polygon(\n      50% 3.4%, 55.7% 7.1%, 59.5% 14.5%, 62.8% 19.1%, 68.4% 18.2%, 76.4% 15.7%,\n      82.9% 17.1%, 84.3% 23.6%, 81.8% 31.6%, 80.9% 37.2%, 85.5% 40.5%, 92.9% 44.3%,\n      96.6% 50%, 92.9% 55.7%, 85.5% 59.5%, 80.9% 62.8%, 81.8% 68.4%, 84.3% 76.4%,\n      82.9% 82.9%, 76.4% 84.3%, 68.4% 81.8%, 62.8% 80.9%, 59.5% 85.5%, 55.7% 92.9%,\n      50% 96.6%, 44.3% 92.9%, 40.5% 85.5%, 37.2% 80.9%, 31.6% 81.8%, 23.6% 84.3%,\n      17.1% 82.9%, 15.7% 76.4%, 18.2% 68.4%, 19.1% 62.8%, 14.5% 59.5%, 7.1% 55.7%,\n      3.4% 50%, 7.1% 44.3%, 14.5% 40.5%, 19.1% 37.2%, 18.2% 31.6%, 15.7% 23.6%,\n      17.1% 17.1%, 23.6% 15.7%, 31.6% 18.2%, 37.2% 19.1%, 40.5% 14.5%, 44.3% 7.1%\n    );\n    transform: rotate(617deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 6: Cookie 4 — rounded diamond (fill ratio 0.70) ── */\n  71.4% {\n    clip-path: polygon(\n      50% 18.1%, 54.2% 17.7%, 58.9% 16.8%, 64.3% 15.5%, 70.5% 14.5%, 77% 14.8%,\n      82.4% 17.6%, 85.2% 23%, 85.5% 29.5%, 84.5% 35.7%, 83.2% 41.1%, 82.3% 45.8%,\n      81.9% 50%, 82.3% 54.2%, 83.2% 58.9%, 84.5% 64.3%, 85.5% 70.5%, 85.2% 77%,\n      82.4% 82.4%, 77% 85.2%, 70.5% 85.5%, 64.3% 84.5%, 58.9% 83.2%, 54.2% 82.3%,\n      50% 81.9%, 45.8% 82.3%, 41.1% 83.2%, 35.7% 84.5%, 29.5% 85.5%, 23% 85.2%,\n      17.6% 82.4%, 14.8% 77%, 14.5% 70.5%, 15.5% 64.3%, 16.8% 58.9%, 17.7% 54.2%,\n      18.1% 50%, 17.7% 45.8%, 16.8% 41.1%, 15.5% 35.7%, 14.5% 29.5%, 14.8% 23%,\n      17.6% 17.6%, 23% 14.8%, 29.5% 14.5%, 35.7% 15.5%, 41.1% 16.8%, 45.8% 17.7%\n    );\n    transform: rotate(771deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 7: Oval — tilted ellipse (-45°) ── */\n  85.7% {\n    clip-path: polygon(\n      50% 14.5%, 54.9% 12.8%, 60.3% 11.6%, 66.1% 11.2%, 72% 11.9%, 77.7% 13.9%,\n      82.5% 17.5%, 86.1% 22.3%, 88.1% 28%, 88.8% 33.9%, 88.4% 39.7%, 87.2% 45.1%,\n      85.5% 50%, 83.5% 54.4%, 81.3% 58.4%, 79% 62%, 76.5% 65.3%, 73.9% 68.4%,\n      71.2% 71.2%, 68.4% 73.9%, 65.3% 76.5%, 62% 79%, 58.4% 81.3%, 54.4% 83.5%,\n      50% 85.5%, 45.1% 87.2%, 39.7% 88.4%, 33.9% 88.8%, 28% 88.1%, 22.3% 86.1%,\n      17.5% 82.5%, 13.9% 77.7%, 11.9% 72%, 11.2% 66.1%, 11.6% 60.3%, 12.8% 54.9%,\n      14.5% 50%, 16.5% 45.6%, 18.7% 41.6%, 21% 38%, 23.5% 34.7%, 26.1% 31.6%,\n      28.8% 28.8%, 31.6% 26.1%, 34.7% 23.5%, 38% 21%, 41.6% 18.7%, 45.6% 16.5%\n    );\n    transform: rotate(926deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Loop: back to Soft Burst ── */\n  100% {\n    clip-path: polygon(\n      50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,\n      78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,\n      85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,\n      78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,\n      50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,\n      21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,\n      14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,\n      21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%\n    );\n    transform: rotate(1080deg);\n  }\n}\n\n/* ==========================================================\n   VISUALLY HIDDEN (screen-reader-only status text)\n   ========================================================== */\n\n.md-loading-indicator__sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* ==========================================================\n   FOCUS RING\n   Some assistive technologies can programmatically focus\n   progressbar elements. Provide a visible ring when focused.\n   ========================================================== */\n\n:host(:focus-visible) {\n  outline: 3px solid var(--md-sys-color-secondary, #625B71);\n  outline-offset: 2px;\n  border-radius: var(--_container-shape);\n}\n\n/* ==========================================================\n   REDUCED MOTION\n   Replace the complex morph animation with a gentle opacity\n   pulse so the \"loading\" intent is still communicated visually.\n   ========================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .md-loading-indicator__shape {\n    animation: md-loading-pulse 2s ease-in-out infinite;\n    border-radius: 50%;\n    clip-path: none;\n  }\n}\n\n@keyframes md-loading-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.4; }\n}\n\n/* ==========================================================\n   FORCED COLORS (High Contrast)\n   ========================================================== */\n\n@media (forced-colors: active) {\n  .md-loading-indicator__shape {\n    background-color: CanvasText;\n  }\n\n  :host(.md-loading-indicator--contained) {\n    background-color: Canvas;\n    outline: 1px solid CanvasText;\n  }\n}\n\n/* ==========================================================\n   DENSITY (local override)\n   Maps the local `density` prop onto the same --md-sys-density-scale signal a\n   global `data-density` ancestor sets. Declared on :host, so a local rung wins\n   over the inherited global one. Every density-sensitive value in this file\n   derives from that single signal by calc — never add a fixed per-rung ladder.\n   ========================================================== */\n:host([density='-1']) { --md-sys-density-scale: -1; }\n:host([density='-2']) { --md-sys-density-scale: -2; }\n:host([density='-3']) { --md-sys-density-scale: -3; }\n:host([density='-4']) { --md-sys-density-scale: -4; }\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'md-loading-indicator',\n  styleUrl: 'md-loading-indicator.css',\n  shadow: true,\n})\nexport class MdLoadingIndicator {\n  /** Visual style: uncontained (default) or contained (with background container) */\n  @Prop({ reflect: true }) variant: 'uncontained' | 'contained' = 'uncontained';\n\n  /** Accessible label for screen readers */\n  @Prop() label: string = 'Loading';\n\n  /**\n   * Local density rung. Drives the same `--md-sys-density-scale` signal that a\n   * global `data-density` ancestor sets, so a local value simply overrides the\n   * inherited one. 0 = default, -4 = ultra-compact.\n   */\n  @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'md-loading-indicator': true,\n          [`md-loading-indicator--${this.variant}`]: true,\n        }}\n        role=\"progressbar\"\n        aria-label={this.label}\n        aria-live=\"polite\"\n      >\n        <span class=\"md-loading-indicator__shape\" part=\"shape\" aria-hidden=\"true\"></span>\n        <span class=\"md-loading-indicator__sr-only\" role=\"status\">{this.label}</span>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,o0PAAo0P,CAAC;;MCO71P,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAO2B,QAAA,IAAA,CAAA,OAAO,GAAgC,aAAa;;AAGrE,QAAA,IAAA,CAAA,KAAK,GAAW,SAAS;AAEjC;;;;AAIG;AACsB,QAAA,IAAA,CAAA,OAAO,GAA0B,CAAC;AAkB5D;IAhBC,MAAM,GAAA;QACJ,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,IAAI;AAC5B,gBAAA,CAAC,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AAChD,aAAA,EACD,IAAI,EAAC,aAAa,EAAA,YAAA,EACN,IAAI,CAAC,KAAK,eACZ,QAAQ,EAAA,EAElBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAA,CAAQ,EACjFA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACxE;;;;;;;"}

package/dist/cjs/md-loading-indicator.cjs.entry.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var mdLoadingIndicator_entry = require('./md-loading-indicator-CmzdcYLR.js');
+require('./index-Bm07YAg9.js');
+
+
+
+exports.md_loading_indicator = mdLoadingIndicator_entry.MdLoadingIndicator;
+//# sourceMappingURL=md-loading-indicator.entry.cjs.js.map
+
+//# sourceMappingURL=md-loading-indicator.cjs.entry.js.map

package/dist/cjs/md-loading-indicator.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"md-loading-indicator.cjs.entry.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/cjs/md-menu-item-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DlQ_5_Mv.js');
+var index = require('./index-Bm07YAg9.js');
 
 const mdMenuItemGroupCss = () => `:host{display:flex;flex-direction:column}.md-menu-item-group__label{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:var(--md-sys-typescale-label-medium-weight, 500);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--md-sys-color-on-surface-variant, #49454F);padding:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-xs, 4px);user-select:none}.md-menu-item-group__items{display:flex;flex-direction:column}:host(:not(:last-child))::after{content:'';height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0);margin:var(--md-sys-spacing-gap-xs, 4px) 0}:host([data-use-gap]:not(:last-child))::after{display:none}:host([data-variant="standard"][data-use-gap]){background-color:var(--md-sys-color-surface-container-low, #F7F2FA);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([data-variant="vibrant"][data-use-gap]){background-color:var(--md-sys-color-tertiary-container, #FFD8E4);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;