material 3.2.6 → 3.2.7

package/dist/elements/icon-button.d.ts

@@ -1,23 +1,3 @@
-/**
- * `<m-icon-button>`: the icon button as a custom element. It has no text, so
- * `aria-label` is its accessible name.
- *
- * With `toggle`, the `selected` attribute is the default state and the
- * `selected` property the live one: the attribute moves the state until the
- * user or script changes it. A click dispatches `change` with `{ selected, value }`
- * from the host, as `<m-switch>` and `<m-checkbox>` do. The `toggle` event
- * 0.10 dispatched beside it, which clashed with the native ToggleEvent, is
- * gone in material 3.0.0.
- * `type="submit"` and `type="reset"` act on the host's form.
- *
- * Parts: `icon-button`, `icon`, `ripple`.
- *
- * The host carries `data-mtrl-icon-button` whenever it is connected: its
- * prefix-independent marker, which another element's `::slotted()` rules can
- * match where they cannot spell the tag (`ElementSpec.marker`).
- *
- * @module elements
- */
 import type { IconButtonComponent } from "../components/icon-button/types.js";
 import { type DefineOptions, type ElementInstance } from "./define.js";
 declare const iconButtonSpec: {
@@ -52,13 +32,11 @@ declare const iconButtonSpec: {
             config: string;
             update: (c: IconButtonComponent, v: import("./define.js").AttributeValue) => undefined;
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. */
         icon: {
             type: "string";
             config: string;
             update: (c: IconButtonComponent, v: import("./define.js").AttributeValue) => undefined;
         };
-        /** Markup (HTML), shown while `toggle` and `selected`. Not sanitized by default: see Markup and sanitizing. */
         "selected-icon": {
             type: "string";
             config: string;
@@ -95,7 +73,11 @@ declare const iconButtonSpec: {
             config: string;
         };
     };
-    methods: readonly ["select", "deselect", "toggleSelected"];
+    methods: readonly [
+        "select",
+        "deselect",
+        "toggleSelected"
+    ];
     model: "selected";
     events: {
         change: {
@@ -110,12 +92,9 @@ declare const iconButtonSpec: {
 };
 export declare const iconButtonElement: import("./define.js").ElementDefinition<IconButtonComponent>;
 export type IconButtonSpec = typeof iconButtonSpec;
-/** `<m-icon-button>` as a ref or a query returns it. */
 export type IconButtonElement = ElementInstance<IconButtonSpec, IconButtonComponent>;
-/** Registers `<m-icon-button>` (or `<prefix-icon-button>`). */
 export declare const defineIconButton: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-icon-button": IconButtonElement;
     }

package/dist/elements/index.d.ts

@@ -1,13 +1,3 @@
-/**
- * The web component layer: each component as a custom element.
- *
- * Importing registers nothing and touches no DOM, so this module is safe on a
- * server. In the browser, import the CSS (`material/elements/css` or one
- * component's `material/elements/css/<name>`), then call a `define*` function or
- * `defineAll()`.
- *
- * @module elements
- */
 import type { DefineOptions } from "./define.js";
 export { defineElement, DEFAULT_PREFIX, SHADOW_BASE_STYLES } from "./define.js";
 export type { DefineOptions, ElementSpec, ElementDefinition, ElementComponent, ElementHost, ElementInstance, ElementAttributes, ElementProperties, ElementSlotText, ElementSlots, ElementSlotProp, ElementMarkup, ElementEvents, ElementMethods, ElementProps, AttributeSpec, AttributeType, PropertySpec, EventSpec, SlotSpec, FormSpec, } from "./define.js";
@@ -88,10 +78,6 @@ export { timepickerElement, defineTimepicker } from "./timepicker.js";
 export type { TimepickerSpec, TimepickerElement, TimepickerElementComponent } from "./timepicker.js";
 export { searchElement, searchSuggestionDeclaration, defineSearch } from "./search.js";
 export type { SearchSpec, SearchElement, SearchSuggestionAttributes, SearchElementComponent, SearchElementEvents } from "./search.js";
-/**
- * Every element, by name. Framework adapters are generated from this list and
- * name `<key>Element` and `define<Key>` after each key, so keys are camelCase.
- */
 export declare const elements: {
     readonly button: import("./define.js").ElementDefinition<import("../index.js").ButtonComponent>;
     readonly switch: import("./define.js").ElementDefinition<import("../index.js").SwitchComponent>;
@@ -131,7 +117,6 @@ export declare const elements: {
     readonly timepicker: import("./define.js").ElementDefinition<import("./timepicker.js").TimepickerElementComponent>;
     readonly search: import("./define.js").ElementDefinition<import("./search.js").SearchElementComponent>;
 };
-/** Declaration children, which render nothing and are read by their parent. */
 export declare const declarations: {
     readonly tab: {
         readonly name: "tab";
@@ -457,5 +442,4 @@ export declare const declarations: {
         };
     };
 };
-/** Registers every element. */
 export declare const defineAll: (options?: DefineOptions) => void;

package/dist/elements/list.d.ts

@@ -1,27 +1,3 @@
-/**
- * `<m-list>` with `<m-list-item>` children.
- *
- * Each `<m-list-item>` declares one row: its text (or `headline`) is the
- * headline, with `overline`, `supporting-text`, a leading icon, avatar or
- * image, a trailing icon or text, `value`, `disabled` and `selected`. An item
- * with `kind="divider"` or `kind="subheader"` declares the list's structure
- * instead. The list reads them into the factory's config and updates in place
- * when they change; the children stay where the framework put them.
- *
- * `variant` is the factory's style: `standard` (the default) or `segmented`.
- *
- * `selection` is the factory's mode: `single` (the default), `multiple`, or
- * `none` (rows are not interactive). `value` on `<m-list>` and the items'
- * `selected` are the default selection, which moves the live one until the
- * user or script changes it; the `value` property is the live selection (the
- * first selected value, as on a native `<select multiple>`) and `values` all
- * of it. A click or Enter on a row dispatches `activate` with its value, then
- * `change` when the selection moved.
- *
- * Parts: `list`, `content`, `item`, `action`, `text`, `headline`, `supporting`.
- *
- * @module elements
- */
 import type { ListComponent, ListItem } from "../components/list/types.js";
 import { type Config, type DefineOptions, type ElementAttributes, type ElementHost, type ElementInstance } from "./define.js";
 declare const listSpec: {
@@ -87,12 +63,7 @@ declare const listSpec: {
 };
 export declare const listElement: import("./define.js").ElementDefinition<ListComponent<ListItem>>;
 export type ListSpec = typeof listSpec;
-/** `<m-list>` as a ref or a query returns it. */
 export type ListElement = ElementInstance<ListSpec, ListComponent<ListItem>>;
-/**
- * `<m-list-item>` declares one row and renders nothing. Its text content is
- * the headline unless `headline` is set.
- */
 export declare const listItemDeclaration: {
     readonly name: "list-item";
     readonly attributes: {
@@ -108,18 +79,15 @@ export declare const listItemDeclaration: {
         readonly "supporting-text": {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. */
         readonly "leading-icon": {
             readonly type: "string";
         };
-        /** Markup (HTML), not a person's name or an image URL. Not sanitized by default: see Markup and sanitizing. */
         readonly "leading-avatar": {
             readonly type: "string";
         };
         readonly "leading-image": {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. */
         readonly "trailing-icon": {
             readonly type: "string";
         };
@@ -141,10 +109,8 @@ export declare const listItemDeclaration: {
     };
 };
 export type ListItemAttributes = ElementAttributes<typeof listItemDeclaration>;
-/** Registers `<m-list>` and `<m-list-item>` (or with another prefix). */
 export declare const defineList: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-list": ListElement;
         "m-list-item": HTMLElement & ListItemAttributes;

package/dist/elements/loading-indicator.d.ts

@@ -1,12 +1,3 @@
-/**
- * `<m-loading-indicator>`: the expressive loading indicator as a custom
- * element. It animates from connection; a `value` from 0 to 1 makes it
- * determinate. `aria-label` names what is loading.
- *
- * Parts: `loading-indicator`, `canvas`.
- *
- * @module elements
- */
 import type { LoadingIndicatorComponent } from "../components/loading-indicator/types.js";
 import { type DefineOptions, type ElementInstance } from "./define.js";
 declare const loadingIndicatorSpec: {
@@ -35,16 +26,16 @@ declare const loadingIndicatorSpec: {
             update: (c: LoadingIndicatorComponent, v: import("./define.js").AttributeValue) => undefined;
         };
     };
-    methods: readonly ["start", "stop"];
+    methods: readonly [
+        "start",
+        "stop"
+    ];
 };
 export declare const loadingIndicatorElement: import("./define.js").ElementDefinition<LoadingIndicatorComponent>;
 export type LoadingIndicatorSpec = typeof loadingIndicatorSpec;
-/** `<m-loading-indicator>` as a ref or a query returns it. */
 export type LoadingIndicatorElement = ElementInstance<LoadingIndicatorSpec, LoadingIndicatorComponent>;
-/** Registers `<m-loading-indicator>` (or `<prefix-loading-indicator>`). */
 export declare const defineLoadingIndicator: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-loading-indicator": LoadingIndicatorElement;
     }

package/dist/elements/menu.d.ts

@@ -1,50 +1,10 @@
-/**
- * `<m-menu>` with `<m-menu-item>` children.
- *
- * Each `<m-menu-item>` declares one item: its text (or `label`), `value`,
- * `icon`, `shortcut`, `supporting-text` and `disabled`; `divider` makes it a
- * divider instead and `gap` a gap between groups (separate surfaces in the
- * vertical menu), and `<m-menu-item>` children inside it are its submenu.
- * The menu reads them into the factory's items and updates in place when they
- * change; the children stay where the framework put them.
- *
- * The menu opens against an anchor: `anchor` is the id of an element in the
- * menu's own root, then the document's, and the `anchor` property an element
- * (or an id). The anchor opens and closes the menu by pointer and key, as the
- * factory's opener does. The surface stays in the element's shadow root and
- * is shown in the top layer (the factory's `layer: "top"`), so it keeps its
- * styles and is above everything on the page.
- *
- * `open` is state, not a value, as on `<details>`: the attribute reflects
- * whether the menu is open, setting or removing it opens or closes it, and
- * the user closing the menu removes it. `show()`, `hide()` and `toggle()` do
- * the same. `open` and `close` are dispatched as it opens and closes, by
- * those methods, the anchor or the user (not when the attribute or the
- * property is what changed: that is applied at once, and quietly, as on the
- * other elements), and `select` with the item's value when one is chosen.
- * There is no two-way binding: an app that keeps `open` in its state follows
- * the `close` event. `no-close-on-select` keeps the menu open when an item is
- * chosen, and `color="vibrant"` is the vertical menu's vibrant colours.
- *
- * Parts: `menu`, `list`, `item`, `item-content`, `item-text`.
- *
- * @module elements
- */
 import type { MenuComponent, MenuContent } from "../components/menu/types.js";
 import { type Config, type DefineOptions, type ElementAttributes, type ElementInstance } from "./define.js";
-/** The menu, with the methods the element adds to it. */
 export type MenuElementComponent = MenuComponent & {
-    /** Opens the menu. */
     show: () => void;
-    /** Closes the menu. */
     hide: () => void;
 };
-/** An anchor as a property takes it: an element, or an id. */
 export type MenuAnchor = HTMLElement | string | null;
-/**
- * The items `<tag>` children declare, with their own `<tag>` children as a
- * submenu. Shared by the elements whose menu takes items (`<m-split-button>`).
- */
 export declare const declaredMenuItems: (parent: Element, tag: string) => MenuContent[];
 declare const menuSpec: {
     name: string;
@@ -104,7 +64,11 @@ declare const menuSpec: {
             config: string;
         };
     };
-    methods: readonly ["show", "hide", "toggle"];
+    methods: readonly [
+        "show",
+        "hide",
+        "toggle"
+    ];
     events: {
         open: {
             detail: () => {};
@@ -126,13 +90,7 @@ declare const menuSpec: {
 };
 export declare const menuElement: import("./define.js").ElementDefinition<MenuElementComponent>;
 export type MenuSpec = typeof menuSpec;
-/** `<m-menu>` as a ref or a query returns it. */
 export type MenuElement = ElementInstance<MenuSpec, MenuElementComponent>;
-/**
- * `<m-menu-item>` declares one item and renders nothing. Its text is the
- * label unless `label` is set; `<m-menu-item>` children are its submenu.
- * Shared with `<m-split-button>`.
- */
 export declare const menuItemDeclaration: {
     readonly name: "menu-item";
     readonly attributes: {
@@ -142,7 +100,6 @@ export declare const menuItemDeclaration: {
         readonly label: {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. */
         readonly icon: {
             readonly type: "string";
         };
@@ -164,12 +121,9 @@ export declare const menuItemDeclaration: {
     };
 };
 export type MenuItemAttributes = ElementAttributes<typeof menuItemDeclaration>;
-/** Registers `<m-menu-item>`, before the elements that read it. */
 export declare const defineMenuItem: (options?: DefineOptions) => void;
-/** Registers `<m-menu>` and `<m-menu-item>` (or with another prefix). */
 export declare const defineMenu: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-menu": MenuElement;
         "m-menu-item": HTMLElement & MenuItemAttributes;

package/dist/elements/navigation-bar.d.ts

@@ -1,23 +1,3 @@
-/**
- * `<m-navigation-bar>` with `<m-navigation-bar-item>` children: the M3
- * Expressive navigation bar.
- *
- * Each `<m-navigation-bar-item>` declares one destination, as the rail's items
- * do: `value`, `icon`, `selected-icon`, `badge` (empty: the dot), `badge-label`,
- * `href`, `disabled`, and its text as the label. An item with `href` renders as
- * a link and keeps native navigation. `value` on the bar is the default
- * destination, which moves the live one until the user or script changes it;
- * the `value` property is the live one, and `change` carries it.
- *
- * `item-layout` is `auto` (the default: icon above the label, beside it once
- * the bar is 600px wide), `vertical` or `horizontal`. `hide-on-scroll` hides
- * the bar while the window scrolls down and shows it on the way back up;
- * `visibility` reports each change. A change to either recreates the bar.
- *
- * Parts: `navigation-bar`, `items`, `item`, `content`, `indicator`, `icon`, `label`.
- *
- * @module elements
- */
 import type { NavigationBarComponent } from "../components/navigation-bar/types.js";
 import { type Config, type DefineOptions, type ElementAttributes, type ElementHost, type ElementInstance } from "./define.js";
 declare const navigationBarSpec: {
@@ -53,7 +33,10 @@ declare const navigationBarSpec: {
             set: (c: NavigationBarComponent, v: unknown) => undefined;
         };
     };
-    methods: readonly ["hide", "show"];
+    methods: readonly [
+        "hide",
+        "show"
+    ];
     model: "value";
     events: {
         change: {
@@ -74,12 +57,7 @@ declare const navigationBarSpec: {
 };
 export declare const navigationBarElement: import("./define.js").ElementDefinition<NavigationBarComponent>;
 export type NavigationBarSpec = typeof navigationBarSpec;
-/** `<m-navigation-bar>` as a ref or a query returns it. */
 export type NavigationBarElement = ElementInstance<NavigationBarSpec, NavigationBarComponent>;
-/**
- * `<m-navigation-bar-item>` declares one destination and renders nothing.
- * Its text content is the label unless `label` is set; `icon` is required.
- */
 export declare const navigationBarItemDeclaration: {
     readonly name: "navigation-bar-item";
     readonly attributes: {
@@ -89,11 +67,9 @@ export declare const navigationBarItemDeclaration: {
         readonly label: {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. */
         readonly icon: {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. Shown while this destination is active. */
         readonly "selected-icon": {
             readonly type: "string";
         };
@@ -112,7 +88,6 @@ export declare const navigationBarItemDeclaration: {
     };
 };
 export type NavigationBarItemAttributes = ElementAttributes<typeof navigationBarItemDeclaration>;
-/** Registers `<m-navigation-bar>` and `<m-navigation-bar-item>` (or with another prefix). */
 export declare const defineNavigationBar: (options?: DefineOptions) => string;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/elements/navigation-rail.d.ts

@@ -1,45 +1,11 @@
-/**
- * `<m-navigation-rail>` with `<m-navigation-rail-item>` children: the
- * standard (in-page) navigation rail.
- *
- * Each `<m-navigation-rail-item>` declares one destination (`value`, `icon`,
- * `selected-icon`, `badge`, `badge-label`, `href`, `disabled`, and its text as
- * the label). An item with `href` renders as a link and keeps native
- * navigation. The rail reads them into the factory's config and updates in
- * place when they change; the children stay where the framework put them.
- * `value` on the rail is the default destination, which moves the live one
- * until the user or script changes it; the `value` property is the live one.
- *
- * `expanded` reflects the rail's state, as `open` does on `<details>`: the
- * menu button sets and removes it. `expand` and `collapse` are dispatched as
- * the user or a method changes it (not when the attribute is what changed);
- * they are state, not the model, so the `value` attribute still moves a rail
- * that was only expanded. `no-ripple` drops the items' ripple (a change
- * recreates the rail). `no-toggle` drops the menu button, and an
- * element with `slot="header"` (a FAB) goes below it. `layout="modal"` is the
- * modal layout: the expanded rail is a native `<dialog>` in the element's
- * shadow root, shown with `showModal()` in the top layer, the page outside
- * inert and the scrim its `::backdrop`; collapsed, it is hidden. Escape and a
- * click on the backdrop collapse it.
- *
- * Parts: `navigation-rail`, `header`, `toggle`, `items`, `item`, `content`, `indicator`, `icon`,
- * `label`.
- *
- * @module elements
- */
 import type { NavigationRailComponent, NavigationRailItemConfig } from "../components/navigation-rail/types.js";
 import { type Config, type DefineOptions, type ElementAttributes, type ElementHost, type ElementInstance } from "./define.js";
-/**
- * The declared destinations, `active` as given; the navigation bar reads its
- * items the same way. The factory throws on an item
- * without a label or an icon and on a repeated id, which a framework can
- * render on the way to a complete item: such an item is left out until it is
- * complete.
- */
 export declare const declaredItems: (host: HTMLElement, active: string | null) => NavigationRailItemConfig[];
 declare const navigationRailSpec: {
     name: string;
-    slots: readonly ["header"];
+    slots: readonly [
+        "header"
+    ];
     create: (config: Config) => NavigationRailComponent;
     styles: string[];
     hostStyles: string;
@@ -79,12 +45,10 @@ declare const navigationRailSpec: {
             type: "string";
             config: string;
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. Shown while the rail is collapsed. */
         "expand-icon": {
             type: "string";
             config: string;
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. Shown while the rail is expanded. */
         "collapse-icon": {
             type: "string";
             config: string;
@@ -101,7 +65,11 @@ declare const navigationRailSpec: {
             set: (c: NavigationRailComponent, v: unknown) => undefined;
         };
     };
-    methods: readonly ["expand", "collapse", "toggle"];
+    methods: readonly [
+        "expand",
+        "collapse",
+        "toggle"
+    ];
     model: "value";
     events: {
         change: {
@@ -126,12 +94,7 @@ declare const navigationRailSpec: {
 };
 export declare const navigationRailElement: import("./define.js").ElementDefinition<NavigationRailComponent>;
 export type NavigationRailSpec = typeof navigationRailSpec;
-/** `<m-navigation-rail>` as a ref or a query returns it. */
 export type NavigationRailElement = ElementInstance<NavigationRailSpec, NavigationRailComponent>;
-/**
- * `<m-navigation-rail-item>` declares one destination and renders nothing.
- * Its text content is the label unless `label` is set; `icon` is required.
- */
 export declare const navigationRailItemDeclaration: {
     readonly name: "navigation-rail-item";
     readonly attributes: {
@@ -141,11 +104,9 @@ export declare const navigationRailItemDeclaration: {
         readonly label: {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. */
         readonly icon: {
             readonly type: "string";
         };
-        /** Markup (HTML). Not sanitized by default: see Markup and sanitizing. Shown while this destination is active. */
         readonly "selected-icon": {
             readonly type: "string";
         };
@@ -164,10 +125,8 @@ export declare const navigationRailItemDeclaration: {
     };
 };
 export type NavigationRailItemAttributes = ElementAttributes<typeof navigationRailItemDeclaration>;
-/** Registers `<m-navigation-rail>` and `<m-navigation-rail-item>` (or with another prefix). */
 export declare const defineNavigationRail: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-navigation-rail": NavigationRailElement;
         "m-navigation-rail-item": HTMLElement & NavigationRailItemAttributes;

package/dist/elements/preupgrade/badge.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-badge:not(:defined){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle;overflow:hidden;height:16px;min-width:16px;max-width:34px;padding:0 4px;border-radius:var(--mtrl-sys-shape-corner-full, 9999px);font-weight:500;font-size:11px;line-height:16px;background-color:var(--mtrl-sys-color-error);color:var(--mtrl-sys-color-on-error)}m-badge:not(:defined)[color=primary]{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}m-badge:not(:defined)[color=secondary]{background-color:var(--mtrl-sys-color-secondary);color:var(--mtrl-sys-color-on-secondary)}m-badge:not(:defined)[color=tertiary]{background-color:var(--mtrl-sys-color-tertiary);color:var(--mtrl-sys-color-on-tertiary)}m-badge:not(:defined)[color=success]{background-color:var(--mtrl-sys-color-success);color:var(--mtrl-sys-color-on-success)}m-badge:not(:defined)[color=warning]{background-color:var(--mtrl-sys-color-warning);color:var(--mtrl-sys-color-on-warning)}m-badge:not(:defined)[color=info]{background-color:var(--mtrl-sys-color-info);color:var(--mtrl-sys-color-on-info)}m-badge:not(:defined):empty[label]:not([label=""])::before{content:attr(label)}m-badge:not(:defined):not([variant=small]):is(:empty:not([label]),[label=""],[label="0"]){width:0;height:0;min-width:0;max-width:none;padding:0;font-size:0;background-color:rgba(0,0,0,0)}m-badge:not(:defined)[variant=small]{width:6px;height:6px;min-width:6px;max-width:none;padding:0;font-size:0}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/bottom-app-bar.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-bottom-app-bar:not(:defined){position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:4px;box-sizing:border-box;height:80px;padding:12px 16px 12px 4px;background-color:var(--mtrl-sys-color-surface-container)}m-bottom-app-bar:not(:defined)>[slot=fab]{margin-left:auto}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/bottom-sheet.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-bottom-sheet:not(:defined){display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/button-group.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-button-group:not(:defined){display:inline-flex;vertical-align:baseline;gap:12px;white-space:nowrap}m-button-group:not(:defined)::before{width:0;height:32px;margin-inline-end:-12px;align-self:flex-start}m-button-group:not(:defined):has(>[icon]:empty:first-child){align-items:center}m-button-group:not(:defined):has(>[icon]:empty:first-child)::before{content:""}m-button-group:not(:defined)[size=xs]{gap:18px}m-button-group:not(:defined):is([size=m],[size=l],[size=xl]){gap:8px}m-button-group:not(:defined)[density=comfortable]>*{height:36px}m-button-group:not(:defined)[density=compact]>*{height:32px}m-button-group:not(:defined)[size=xs]>*{height:32px;padding:0 13px}m-button-group:not(:defined)[size=xs][density=comfortable]>*{height:28px}m-button-group:not(:defined)[size=xs][density=compact]>*{height:24px}m-button-group:not(:defined)[size=xs]::before{height:26px;margin-inline-end:-18px}m-button-group:not(:defined)[size=m]>*{height:56px;padding:0 25px;font-size:16px;line-height:24px;letter-spacing:.15px}m-button-group:not(:defined)[size=m][density=comfortable]>*{height:52px}m-button-group:not(:defined)[size=m][density=compact]>*{height:48px}m-button-group:not(:defined)[size=m]::before{height:40px}m-button-group:not(:defined)[size=l]>*{height:96px;padding:0 50px;font-size:24px;line-height:32px}m-button-group:not(:defined)[size=l][density=comfortable]>*{height:92px}m-button-group:not(:defined)[size=l][density=compact]>*{height:88px}m-button-group:not(:defined)[size=l]::before{height:64px}m-button-group:not(:defined)[size=xl]>*{height:136px;padding:0 67px;font-size:32px;line-height:40px}m-button-group:not(:defined)[size=xl][density=comfortable]>*{height:132px}m-button-group:not(:defined)[size=xl][density=compact]>*{height:128px}m-button-group:not(:defined)[size=xl]::before{height:88px}m-button-group:not(:defined):is([size=m],[size=l],[size=xl])::before{margin-inline-end:-8px}m-button-group:not(:defined):is([size=l],[size=xl])>*{letter-spacing:0;font-weight:400}m-button-group:not(:defined)[density=comfortable]::before{margin-block-start:-2px}m-button-group:not(:defined)[density=compact]::before{margin-block-start:-4px}m-button-group:not(:defined)>*{visibility:hidden;display:inline-flex;align-items:center;flex:none;min-width:58px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);height:40px;padding:0 17px;font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}m-button-group:not(:defined)>*[icon]:empty{min-width:0;padding:0;aspect-ratio:1}m-button-group:not(:defined)[kind=connected]{gap:2px}m-button-group:not(:defined)[kind=connected]::before{margin-inline-end:-2px}m-button-group:not(:defined):is(:not([size]),[size=xs],[size=s])[kind=connected]>*{min-width:48px}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/button.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-button:not(:defined){display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;box-sizing:border-box;min-width:58px;white-space:nowrap;background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary);height:40px;padding:0 16px;gap:8px;border-radius:20px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}m-button:not(:defined)[icon]::before{width:20px;height:20px}m-button:not(:defined)[size=xs]{height:32px;padding:0 12px;gap:4px;border-radius:16px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}m-button:not(:defined)[size=xs][icon]::before{width:20px;height:20px}m-button:not(:defined)[size=s]{height:40px;padding:0 16px;gap:8px;border-radius:20px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}m-button:not(:defined)[size=s][icon]::before{width:20px;height:20px}m-button:not(:defined)[size=m]{height:56px;padding:0 24px;gap:8px;border-radius:28px;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.15px;font-weight:500}m-button:not(:defined)[size=m][icon]::before{width:24px;height:24px}m-button:not(:defined)[size=l]{height:96px;padding:0 48px;gap:12px;border-radius:48px;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:24px;line-height:32px;letter-spacing:0;font-weight:400}m-button:not(:defined)[size=l][icon]::before{width:32px;height:32px}m-button:not(:defined)[size=xl]{height:136px;padding:0 64px;gap:16px;border-radius:68px;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:32px;line-height:40px;letter-spacing:0;font-weight:400}m-button:not(:defined)[size=xl][icon]::before{width:40px;height:40px}m-button:not(:defined)[variant=filled]{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}m-button:not(:defined)[variant=elevated]{background-color:var(--mtrl-sys-color-surface-container-low);color:var(--mtrl-sys-color-primary)}m-button:not(:defined)[variant=tonal]{background-color:var(--mtrl-sys-color-secondary-container);color:var(--mtrl-sys-color-on-secondary-container)}m-button:not(:defined)[variant=outlined]{background-color:rgba(0,0,0,0);color:var(--mtrl-sys-color-on-surface-variant)}m-button:not(:defined)[variant=text]{background-color:rgba(0,0,0,0);color:var(--mtrl-sys-color-primary)}m-button:not(:defined)[variant=outlined]{border:1px solid var(--mtrl-sys-color-outline-variant)}m-button:not(:defined)[variant=text]{padding:0 12px}m-button:not(:defined)[icon]::before{content:"";flex:none}m-button:not(:defined)[icon]:not([size]),m-button:not(:defined)[icon][size=s]{padding-inline-start:12px}m-button:not(:defined)[variant=text][icon]:not([size]),m-button:not(:defined)[variant=text][icon][size=xs],m-button:not(:defined)[variant=text][icon][size=s]{padding-inline:12px 16px}m-button:not(:defined)[variant=text][icon][size=m]{padding:0 24px}m-button:not(:defined)[variant=text][icon][size=l]{padding:0 48px}m-button:not(:defined)[variant=text][icon][size=xl]{padding:0 64px}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/card.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-card:not(:defined){display:flex;flex-direction:column;box-sizing:border-box;padding:16px;border-radius:var(--mtrl-sys-shape-corner-medium, 12px);background-color:var(--mtrl-sys-color-surface-container-low);color:var(--mtrl-sys-color-on-surface);font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400}m-card:not(:defined)[variant=filled]{background-color:var(--mtrl-sys-color-surface-container-highest)}m-card:not(:defined)[variant=outlined]{border:1px solid var(--mtrl-sys-color-outline-variant);background-color:var(--mtrl-sys-color-surface)}m-card:not(:defined)[headline]::before{content:attr(headline);order:-2;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400}m-card:not(:defined)[subhead]::after{content:attr(subhead);order:-1;color:var(--mtrl-sys-color-on-surface-variant)}m-card:not(:defined)[headline]:not([subhead])::before,m-card:not(:defined)[subhead]::after{margin-bottom:16px}m-card:not(:defined)>[slot=headline]{order:-2;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400}m-card:not(:defined)>[slot=subhead]{order:-1;color:var(--mtrl-sys-color-on-surface-variant)}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/carousel.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-carousel:not(:defined){display:block}m-carousel:not(:defined)>*{visibility:hidden;display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/checkbox.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-checkbox:not(:defined){display:inline-flex;align-items:center;box-sizing:border-box;min-height:48px;padding:4px 0;color:var(--mtrl-sys-color-on-surface);font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400}m-checkbox:not(:defined)::before{content:"";flex:none;box-sizing:border-box;width:18px;height:18px;margin-inline-end:12px;border:2px solid var(--mtrl-sys-color-on-surface-variant);border-radius:2px}m-checkbox:not(:defined)[checked]::before{border-color:var(--mtrl-sys-color-primary);background-color:var(--mtrl-sys-color-primary)}m-checkbox:not(:defined)[label-position=start]::before{order:1;margin-inline:12px 0}m-checkbox:not(:defined):empty:is(:not([label]),[label=""]){min-width:48px;justify-content:center}m-checkbox:not(:defined):empty:is(:not([label]),[label=""])::before{margin-inline:0}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/chips.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-chips:not(:defined){display:flex;flex-wrap:wrap;gap:8px}m-chips:not(:defined)[vertical]{flex-direction:column;align-items:flex-start}m-chips:not(:defined)[scrollable]{flex-wrap:nowrap;overflow:hidden}m-chips:not(:defined)>*{visibility:hidden;display:inline-flex;align-items:center;box-sizing:border-box;height:32px;padding:0 16px;white-space:nowrap;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/datepicker.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-datepicker:not(:defined){display:inline-flex;box-sizing:border-box;width:280px;vertical-align:baseline;white-space:nowrap}m-datepicker:not(:defined)::before{content:attr(label) " ";white-space:pre;display:inline-block;width:100%;padding-bottom:80px;color:var(--mtrl-sys-color-on-surface);font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:12px;line-height:16px;letter-spacing:.4px;font-weight:400}m-datepicker:not(:defined)>*{display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/dialog.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-dialog:not(:defined){display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/divider.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-divider:not(:defined){display:block;height:1px;overflow:hidden;color:rgba(0,0,0,0);background-color:var(--mtrl-sys-color-outline-variant)}m-divider:not(:defined)[orientation=vertical]{display:inline-block;align-self:stretch;width:1px;height:auto}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/drawer.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-drawer:not(:defined){display:block;flex-shrink:0;padding:12px 0}m-drawer:not(:defined)[open]{background-color:var(--mtrl-sys-color-surface)}m-drawer:not(:defined)>*{visibility:hidden;display:block;height:56px;overflow:hidden}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/extended-fab.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-extended-fab:not(:defined){display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;background-color:var(--mtrl-sys-color-primary-container);color:var(--mtrl-sys-color-on-primary-container);height:56px;min-width:56px;padding:0 16px;gap:8px;border-radius:var(--mtrl-sys-shape-corner-large, 16px);font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.15px;font-weight:500}m-extended-fab:not(:defined)[icon]::before{width:24px;height:24px}m-extended-fab:not(:defined)[icon]::before{content:"";flex:none}m-extended-fab:not(:defined)[icon-position=end]::before{order:1}m-extended-fab:not(:defined)[size=medium]{height:80px;min-width:80px;padding:0 26px;gap:16px;border-radius:var(--mtrl-sys-shape-corner-large-increased, 20px);font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400}m-extended-fab:not(:defined)[size=medium][icon]::before{width:28px;height:28px}m-extended-fab:not(:defined)[size=large]{height:96px;min-width:96px;padding:0 28px;gap:20px;border-radius:var(--mtrl-sys-shape-corner-extra-large, 28px);font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:24px;line-height:32px;letter-spacing:0;font-weight:400}m-extended-fab:not(:defined)[size=large][icon]::before{width:32px;height:32px}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/fab-menu.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-fab-menu:not(:defined){display:inline-block;vertical-align:middle;box-sizing:border-box;overflow:hidden;background-color:var(--mtrl-sys-color-primary-container);width:56px;height:56px;border-radius:var(--mtrl-sys-shape-corner-large, 16px)}m-fab-menu:not(:defined)[size=default]{width:56px;height:56px;border-radius:var(--mtrl-sys-shape-corner-large, 16px)}m-fab-menu:not(:defined)[size=medium]{width:80px;height:80px;border-radius:var(--mtrl-sys-shape-corner-large-increased, 20px)}m-fab-menu:not(:defined)[size=large]{width:96px;height:96px;border-radius:var(--mtrl-sys-shape-corner-extra-large, 28px)}m-fab-menu:not(:defined)[color=secondary]{background-color:var(--mtrl-sys-color-secondary-container)}m-fab-menu:not(:defined)[color=tertiary]{background-color:var(--mtrl-sys-color-tertiary-container)}m-fab-menu:not(:defined)>*{visibility:hidden;display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/fab.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-fab:not(:defined){display:inline-block;vertical-align:middle;box-sizing:border-box;overflow:hidden;color:rgba(0,0,0,0);background-color:var(--mtrl-sys-color-primary-container);width:56px;height:56px;border-radius:var(--mtrl-sys-shape-corner-large, 16px)}m-fab:not(:defined)[size=default]{width:56px;height:56px;border-radius:var(--mtrl-sys-shape-corner-large, 16px)}m-fab:not(:defined)[size=medium]{width:80px;height:80px;border-radius:var(--mtrl-sys-shape-corner-large-increased, 20px)}m-fab:not(:defined)[size=large]{width:96px;height:96px;border-radius:var(--mtrl-sys-shape-corner-extra-large, 28px)}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/icon-button.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-icon-button:not(:defined){display:inline-block;vertical-align:middle;box-sizing:border-box;overflow:hidden;color:rgba(0,0,0,0);height:40px;width:40px;border-radius:20px}m-icon-button:not(:defined)[size=xs]{height:32px;width:32px;border-radius:16px}m-icon-button:not(:defined)[size=xs][width=narrow]{height:32px;width:28px;border-radius:16px}m-icon-button:not(:defined)[size=xs][width=wide]{height:32px;width:40px;border-radius:16px}m-icon-button:not(:defined)[width=narrow]{height:40px;width:32px;border-radius:20px}m-icon-button:not(:defined)[width=wide]{height:40px;width:52px;border-radius:20px}m-icon-button:not(:defined)[size=m]{height:56px;width:56px;border-radius:28px}m-icon-button:not(:defined)[size=m][width=narrow]{height:56px;width:48px;border-radius:28px}m-icon-button:not(:defined)[size=m][width=wide]{height:56px;width:72px;border-radius:28px}m-icon-button:not(:defined)[size=l]{height:96px;width:96px;border-radius:48px}m-icon-button:not(:defined)[size=l][width=narrow]{height:96px;width:64px;border-radius:48px}m-icon-button:not(:defined)[size=l][width=wide]{height:96px;width:128px;border-radius:48px}m-icon-button:not(:defined)[size=xl]{height:136px;width:136px;border-radius:68px}m-icon-button:not(:defined)[size=xl][width=narrow]{height:136px;width:104px;border-radius:68px}m-icon-button:not(:defined)[size=xl][width=wide]{height:136px;width:184px;border-radius:68px}m-icon-button:not(:defined)[variant=filled]{background-color:var(--mtrl-sys-color-primary)}m-icon-button:not(:defined)[variant=tonal]{background-color:var(--mtrl-sys-color-secondary-container)}m-icon-button:not(:defined)[variant=outlined]{border:1px solid var(--mtrl-sys-color-outline-variant)}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/list.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-list:not(:defined){display:block;padding:8px 0;background-color:var(--mtrl-sys-color-surface);border-radius:var(--mtrl-list-item-shape-outer, var(--mtrl-sys-shape-corner-large, 16px))}m-list:not(:defined)>*{visibility:hidden;display:block;height:56px;overflow:hidden}m-list:not(:defined)>*[supporting-text],m-list:not(:defined)>*[overline]{height:72px}m-list:not(:defined)>*[kind=divider]{height:1px}m-list:not(:defined)>*[kind=subheader]{height:auto;padding:16px 16px 8px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/loading-indicator.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-loading-indicator:not(:defined){display:inline-flex;vertical-align:middle;width:48px;height:48px;overflow:hidden;color:rgba(0,0,0,0)}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/menu.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-menu:not(:defined){display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/navigation-bar.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-navigation-bar:not(:defined){display:block;box-sizing:border-box;block-size:calc(64px + env(safe-area-inset-bottom, 0px));background:var(--mtrl-sys-color-surface-container)}m-navigation-bar:not(:defined)>*{visibility:hidden;display:none}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}

package/dist/elements/preupgrade/navigation-rail.css

@@ -1,2 +1,2 @@
-/*! material v3.2.6 | MIT */
+/*! material v3.2.7 | MIT */
 @layer mtrl.preupgrade{m-navigation-rail:not(:defined){display:block;box-sizing:border-box;padding:132px 0 16px;background:linear-gradient(var(--mtrl-sys-color-surface), var(--mtrl-sys-color-surface)) no-repeat 0 0/96px 100%}m-navigation-rail:not(:defined)>*{visibility:hidden;display:block;height:64px;overflow:hidden}m-navigation-rail:not(:defined)>*+*{margin-top:4px}[data-mtrl-ssr]:not(:defined):not(#\0),[data-mtrl-ssr]:not(:defined):not(#\0)::before,[data-mtrl-ssr]:not(:defined):not(#\0)::after,[data-mtrl-ssr]:not(:defined):not(#\0) > :defined{all:revert-layer}}