material 3.2.5 → 3.2.7

package/dist/elements/timepicker.d.ts

@@ -1,54 +1,14 @@
-/**
- * `<m-timepicker>`: the time picker as a form-associated custom element.
- *
- * The factory renders no field of its own, only its modal dialog, so the
- * element shows nothing until it opens: an app opens it from its own control
- * with `show()` or the `open` attribute (a `<label for>` pointing at it opens
- * it too), and shows the value where it likes. The dialog is a native
- * `<dialog>` in the element's shadow root shown with `showModal()`: the page
- * outside is inert, and focus goes back to whatever opened it.
- *
- * The value is a 24-hour time, `HH:MM`, or `HH:MM:SS` when `step` is under a
- * minute, as on `<input type=time>`; empty is `""`. The dial starts on the
- * value, or on the current time when there is none.
- *
- * The dial edits a draft: `input` is dispatched with `{ value, draftValue }`
- * as it moves, and OK commits it, dispatching `change` with `{ value }` when
- * the time differs and `confirm` with `{ value }` on every OK. Cancel, Escape
- * and the backdrop discard the draft. `open`
- * reflects the dialog's state, as on `<dialog open>`; `open` and `close` are
- * dispatched as it opens and closes (not when the attribute is what changed).
- *
- * `step` is in seconds, as on `<input type=time>`: under a minute it shows
- * seconds and is their step (`secondStep`); from a minute up it is the
- * minute step (`minuteStep`), rounded to whole minutes, which is the finest
- * the dial has. `show-seconds` shows seconds whatever the step, so a 5- or
- * 15-minute step can go with them; the value is then `HH:MM:SS`. `min` and
- * `max` are the factory's `minTime` and `maxTime`. Those four and `name` have
- * no setter: changing one recreates the picker, keeping the value. `disabled` is the factory's: it does not open. The
- * element reports `required` itself, as `valueMissing`.
- *
- * Parts: `time-picker`, `dialog`, `title`, `selectors`, `hours`, `minutes`, `period`, `dial`,
- * `dial-handle`, `actions`, `cancel`, `confirm`, among others.
- *
- * @module elements
- */
 import { type TimePickerComponent, type TimePickerEvents } from "../components/timepicker/types.js";
 import { type DefineOptions, type ElementHost, type ElementInstance } from "./define.js";
-/** The time picker as the element sees it: its value can be empty. */
 export interface TimepickerElementComponent {
     element: HTMLElement;
     picker: TimePickerComponent;
-    /** The committed time, or "" before one is set or confirmed. */
     getValue: () => string;
     setValue: (value: string) => void;
-    /** Opens the dialog, unless the picker is disabled. */
     show: () => void;
-    /** Closes the dialog without committing. */
     close: () => void;
     isOpen: () => boolean;
     required: boolean;
-    /** Subscribes to the time picker's events; `change` and `input` carry the element's possibly empty value. */
     on: <K extends keyof TimePickerEvents>(event: K, handler: TimePickerEvents[K]) => void;
     off: <K extends keyof TimePickerEvents>(event: K, handler: TimePickerEvents[K]) => void;
     destroy: () => void;
@@ -122,7 +82,10 @@ declare const timepickerSpec: {
         };
     };
     model: "value";
-    methods: readonly ["show", "close"];
+    methods: readonly [
+        "show",
+        "close"
+    ];
     events: {
         change: {
             detail: (payload: unknown) => {
@@ -161,12 +124,9 @@ declare const timepickerSpec: {
 };
 export declare const timepickerElement: import("./define.js").ElementDefinition<TimepickerElementComponent>;
 export type TimepickerSpec = typeof timepickerSpec;
-/** `<m-timepicker>` as a ref or a query returns it. */
 export type TimepickerElement = ElementInstance<TimepickerSpec, TimepickerElementComponent>;
-/** Registers `<m-timepicker>` (or `<prefix-timepicker>`). */
 export declare const defineTimepicker: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-timepicker": TimepickerElement;
     }

package/dist/elements/toolbar.d.ts

@@ -1,28 +1,11 @@
-/**
- * `<m-toolbar>`: M3 Expressive's docked and floating toolbars as a container
- * with slots.
- *
- * Children are the items (`<m-icon-button>`, `<m-button>`, a text field),
- * inside the element with the `toolbar` role: one tab stop, walked with the
- * arrow keys, Home and End. Each item's host takes the tab stop and delegates
- * focus to its control. `slot="fab"` takes a FAB, beside the toolbar and
- * outside its tab stop. `slot="overflow"` takes an `<m-menu>`: the toolbar
- * adds a "more" button and makes it the menu's anchor.
- *
- * `variant`, `orientation`, `placement`, `arrangement`, `fab-position` and
- * `scroll-behavior` are the factory's options; `color` and `flat` (no
- * elevation) change in place. `show()` and `hide()` move the toolbar on and
- * off screen, and `show` and `hide` are dispatched when it does.
- *
- * Parts: `toolbar`, `bar`, `fab`, `overflow`.
- *
- * @module elements
- */
 import type { ToolbarComponent } from "../components/toolbar/types.js";
 import { type Config, type DefineOptions, type ElementInstance } from "./define.js";
 declare const toolbarSpec: {
     name: string;
-    slots: readonly ["fab", "overflow"];
+    slots: readonly [
+        "fab",
+        "overflow"
+    ];
     create: (config: Config) => ToolbarComponent;
     styles: string[];
     hostStyles: string;
@@ -73,7 +56,10 @@ declare const toolbarSpec: {
             update: (c: ToolbarComponent, v: import("./define.js").AttributeValue) => void;
         };
     };
-    methods: readonly ["show", "hide"];
+    methods: readonly [
+        "show",
+        "hide"
+    ];
     events: {
         show: {
             detail: () => null;
@@ -90,12 +76,9 @@ declare const toolbarSpec: {
 };
 export declare const toolbarElement: import("./define.js").ElementDefinition<ToolbarComponent>;
 export type ToolbarSpec = typeof toolbarSpec;
-/** `<m-toolbar>` as a ref or a query returns it. */
 export type ToolbarElement = ElementInstance<ToolbarSpec, ToolbarComponent>;
-/** Registers `<m-toolbar>` (or `<prefix-toolbar>`). */
 export declare const defineToolbar: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-toolbar": ToolbarElement;
     }

package/dist/elements/tooltip.d.ts

@@ -1,29 +1,3 @@
-/**
- * `<m-tooltip>`: a tooltip for another element, in the top layer.
- *
- * The target is the element whose id is the `for` attribute, looked up in
- * the tooltip's own root and then the document, or the element given to the
- * `target` property, which wins over `for`. The text is the `text` attribute,
- * or the element's text when there is none; the factory writes a string, so
- * the text is read rather than slotted. The tooltip shows on hover and focus
- * as the factory does, and `show()`/`hide()` drive it from script;
- * `no-show-on-hover` and `no-show-on-focus` turn either trigger off.
- *
- * The surface stays in the element's shadow root, with its styles, and opens
- * in the top layer (`layer: "top"`). An id reference cannot cross into that
- * root, so the target is described by the host: the target's
- * `aria-describedby` names the host's id (one is given when it has none), and
- * the host carries the text as its `aria-label`, which a description reads
- * whether the tooltip shows or not. The host is `aria-hidden`, so the text is
- * not read a second time as page content. A target in a
- * shadow root below the host's tree is described through
- * `ariaDescribedByElements`; one in a tree above it, which can reference
- * neither, gets the text as its `aria-description`.
- *
- * Parts: `tooltip`, `arrow`.
- *
- * @module elements
- */
 import type { TooltipComponent } from "../components/tooltip/types.js";
 import { type DefineOptions, type ElementInstance } from "./define.js";
 declare const tooltipSpec: {
@@ -73,7 +47,10 @@ declare const tooltipSpec: {
             set: (c: TooltipComponent, v: unknown) => void;
         };
     };
-    methods: readonly ["show", "hide"];
+    methods: readonly [
+        "show",
+        "hide"
+    ];
     config: (host: HTMLElement) => {
         text?: undefined;
     } | {
@@ -84,12 +61,9 @@ declare const tooltipSpec: {
 };
 export declare const tooltipElement: import("./define.js").ElementDefinition<TooltipComponent>;
 export type TooltipSpec = typeof tooltipSpec;
-/** `<m-tooltip>` as a ref or a query returns it. */
 export type TooltipElement = ElementInstance<TooltipSpec, TooltipComponent>;
-/** Registers `<m-tooltip>` (or `<prefix-tooltip>`). */
 export declare const defineTooltip: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-tooltip": TooltipElement;
     }

package/dist/elements/top-app-bar.d.ts

@@ -1,26 +1,11 @@
-/**
- * `<m-top-app-bar>`: the top app bar as a container with slots.
- *
- * Children are the headline, and `headline` its text when there are none;
- * `slot="leading"` takes the navigation icon button and `slot="trailing"` the
- * action icon buttons. `type` is `small`, `center`, `medium` or `large`, as
- * the factory names them.
- *
- * The bar shows its scrolled state once the window scrolls past
- * `scroll-threshold`; `no-scroll` turns that off and `no-compress` keeps a
- * medium or large bar from compressing. `scroll-target` names the id of a
- * scrolling element to follow instead of the window; any other scroller can
- * drive the bar through `setScrollState(scrolled)`.
- *
- * Parts: `top-app-bar`, `leading`, `headline`, `trailing`.
- *
- * @module elements
- */
 import type { TopAppBarComponent } from "../components/top-app-bar/top-app-bar.js";
 import { type Config, type DefineOptions, type ElementInstance } from "./define.js";
 declare const topAppBarSpec: {
     name: string;
-    slots: readonly ["leading", "trailing"];
+    slots: readonly [
+        "leading",
+        "trailing"
+    ];
     create: (config: Config) => TopAppBarComponent;
     styles: string[];
     hostStyles: string;
@@ -53,18 +38,17 @@ declare const topAppBarSpec: {
             update: (c: TopAppBarComponent, v: import("./define.js").AttributeValue) => void;
         };
     };
-    methods: readonly ["setScrollState"];
+    methods: readonly [
+        "setScrollState"
+    ];
     config: (host: HTMLElement) => Config;
     setup: (host: import("./define.js").ElementHost<TopAppBarComponent>, component: TopAppBarComponent) => () => void;
 };
 export declare const topAppBarElement: import("./define.js").ElementDefinition<TopAppBarComponent>;
 export type TopAppBarSpec = typeof topAppBarSpec;
-/** `<m-top-app-bar>` as a ref or a query returns it. */
 export type TopAppBarElement = ElementInstance<TopAppBarSpec, TopAppBarComponent>;
-/** Registers `<m-top-app-bar>` (or `<prefix-top-app-bar>`). */
 export declare const defineTopAppBar: (options?: DefineOptions) => string;
 declare global {
-    /** `document.querySelector("m-…")` and `createElement` return the element's type (the default prefix). */
     interface HTMLElementTagNameMap {
         "m-top-app-bar": TopAppBarElement;
     }

package/dist/index.d.ts

@@ -1,14 +1,3 @@
-/**
- * Main mtrl library exports
- *
- * The root is the components and the few helpers an app configures them with.
- * The rest of core is at its subpath (`material/core/compose`, `material/core/dom`, ...):
- * material 3.0.0 removed it from the root, and scripts/fixtures/root-exports.md
- * says where each name went. The list is pinned by scripts/fixtures/root-exports.json:
- * `bun run root-exports:update`.
- *
- * @packageDocumentation
- */
 export * from "./components/index.js";
 export { setComponentDefaults, getComponentDefaults, setGlobalDefaults, clearGlobalDefaults, schemeToTokens, THEME_ROLES, configureHTML } from "./core/index.js";
 export type { ThemeRole, SchemeRoles, SchemeToTokensOptions, ThemeTokens, ComponentConfigMap, HTMLPolicy, HTMLInput, TrustedHTMLLike } from "./core/index.js";

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material",
-  "version": "3.2.5",
+  "version": "3.2.7",
   "description": "Material Design 3 components for the web: plain JavaScript, web components, and React, Vue, Svelte and Solid components. TypeScript, zero dependencies.",
   "author": "floor",
   "license": "MIT",

package/dist/react/create.d.ts

@@ -1,44 +1,16 @@
-/**
- * React components over the elements.
- *
- * `createComponent` renders the element's tag and keeps React's model:
- * attributes are passed as attributes, so server-rendered markup carries them;
- * live-state properties (`checked`, `value`) are set on the element after each
- * render, and are controlled when given, like React's own inputs; the
- * attribute they shadow is the `default*` prop. Events are typed `on*`
- * callbacks. The element is registered on first mount, never at import.
- *
- * Works the same on React 18 and 19: the component sets properties and
- * attaches listeners itself rather than relying on React 19's custom element
- * support.
- *
- * @module react
- */
 import * as React from "react";
 import type { DefineOptions, ElementEvents, ElementProps, ElementSlotProp } from "../elements/index.js";
 import { type ComponentSpec, type DeclarationSpec, type DefaultProps, type FormProps, type Pascal, type RetiredEvents } from "../elements/adapter.js";
 export { configure } from "../elements/adapter.js";
 export type { DefaultProps, FormProps } from "../elements/adapter.js";
-/** `change` → `onChange`, typed with the element's event. */
 export type EventProps<S> = {
     [K in keyof ElementEvents<S> & string as `on${Pascal<K>}`]?: (event: ElementEvents<S>[K]) => void;
 };
 type BaseProps<S> = ElementProps<S> & DefaultProps<S> & EventProps<S>;
-/**
- * Each named slot as a prop taking nodes (`actions={<Button />}`), rendered
- * into a `<span slot="…">` the adapter owns; a text prop of the same name
- * (`headline`) takes its text or nodes.
- */
 type SlotProps<S> = {
     [K in ElementSlotProp<S>]?: React.ReactNode;
 };
 type OwnProps<S> = Omit<BaseProps<S>, ElementSlotProp<S>> & SlotProps<S>;
-/**
- * `@types/react` 18's `HTMLAttributes` has no `popover` through 18.3.31.
- * `enterKeyHint` joins that interface in 18.3.31; earlier 18 types it on inputs.
- * `nonce` is absent on 18.0.0 and present by 18.0.28.
- * A release that already declares a key keeps its own type.
- */
 type ReactHostGaps = {
     popover?: "" | "auto" | "manual" | "hint";
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
@@ -47,31 +19,17 @@ type ReactHostGaps = {
 type Missing<Base, Extra> = {
     [K in Exclude<keyof Extra, keyof Base>]?: K extends keyof Extra ? Extra[K] : never;
 };
-/** `HTMLAttributes` for the host, plus globals a supported React 18 type omits. */
 export type ReactHostAttributes<E extends HTMLElement = HTMLElement> = React.HTMLAttributes<E> & Missing<React.HTMLAttributes<E>, ReactHostGaps>;
-/**
- * Props of a generated component: the element's own, plus any HTML attribute for the host.
- * `OwnProps` includes the element's `on*` handlers, so those names keep the component's event.
- */
 export type ComponentProps<S> = OwnProps<S> & FormProps<S> & Omit<ReactHostAttributes, keyof OwnProps<S> | RetiredProps<S>> & {
     [K in RetiredProps<S>]?: `${K} was removed in material 3.0.0: use onChange`;
 } & {
     children?: React.ReactNode;
 };
-/** The handler props of events material 3.0.0 removed (`onToggle` on the icon button): refused, see `RetiredEvents`. */
 type RetiredProps<S> = `on${Pascal<RetiredEvents<S>>}`;
-/** A generated component; named so declarations stay short. */
 export type MComponent<S, E extends HTMLElement> = React.ForwardRefExoticComponent<React.PropsWithoutRef<ComponentProps<S>> & React.RefAttributes<E>>;
-/**
- * The React component for an element.
- * @param spec - The element's spec (`switchElement.spec`)
- * @param define - Registers the element and anything it needs (`defineSwitch`)
- */
 export declare const createComponent: <S, E extends HTMLElement>(spec: ComponentSpec, define: (options?: DefineOptions) => string, displayName: string) => MComponent<S, E>;
 export type DeclarationProps<A> = A & Omit<ReactHostAttributes, keyof A> & {
     children?: React.ReactNode;
 };
-/** A generated declaration component. */
 export type MDeclaration<A> = React.ForwardRefExoticComponent<React.PropsWithoutRef<DeclarationProps<A>> & React.RefAttributes<HTMLElement>>;
-/** The React component for a declaration child; its parent registers the tag. */
 export declare const createDeclaration: <A>(spec: DeclarationSpec, displayName: string) => MDeclaration<A>;

package/dist/react/index.d.ts

@@ -1,9 +1,3 @@
-/**
- * React components for the elements. Each renders its `<m-*>` tag, registers
- * it on first mount and loads its CSS.
- *
- * @module react
- */
 export { configure } from "./create.js";
 export type { ComponentProps, DeclarationProps, EventProps, DefaultProps, FormProps, MComponent, MDeclaration } from "./create.js";
 export { Button } from "./button.js";

package/dist/react/jsx.d.ts

@@ -1,22 +1,9 @@
-/**
- * Types the bare `m-*` tags in React's JSX, for the elements used directly
- * rather than through the components. Types only, opt in once: `import type {} from "material/react/jsx";`
- *
- * @module react/jsx
- */
 import type * as React from "react";
 import type { ElementEvents, ElementMarkup } from "../elements/index.js";
 import type { ReactHostAttributes } from "./create.js";
-/**
- * The element's events as React 19 listens to them on a custom element: an
- * `on<event>` prop in lower case gets the element's own event
- * (`onchange={(e) => e.detail.value}`). `onChange` stays React's synthetic
- * event, which has no `detail`; React 18 sets no event props on a custom element.
- */
 type Events<S> = {
     [K in keyof ElementEvents<S> & string as `on${Lowercase<K>}`]?: (event: ElementEvents<S>[K]) => void;
 };
-/** A tag's props: its attributes as markup writes them, its events, and any HTML attribute. */
 type Tag<S, E extends HTMLElement> = Omit<React.DetailedHTMLProps<ReactHostAttributes<E>, E>, keyof ElementMarkup<S> | keyof Events<S>> & ElementMarkup<S> & Events<S>;
 declare module "react" {
     namespace JSX {

package/dist/solid/create.d.ts

@@ -1,48 +1,16 @@
-/**
- * Solid components over the elements.
- *
- * `createComponent` renders the element's tag with `Dynamic`. Attributes are
- * props, rendered as attributes so server markup carries them; live-state
- * properties (`checked`, `value`) are props the component writes to the
- * element whenever they change; the attribute a live property shadows is its
- * `default*` prop. Element events are `on<Event>` callbacks. Props stay
- * reactive: every host attribute is a getter over the component's props. The
- * element registers on mount, never at import.
- *
- * Written without JSX, so it compiles with the rest of the library.
- *
- * When `material/ssr/solid` is loaded, a server render prepends the declarative
- * shadow template. The client renders nothing in its place: the HTML parser
- * has already moved that template into the shadow root. Without the import
- * the markup is unchanged.
- *
- * @module solid
- */
 import { type Component, type JSX } from "solid-js";
 import type { DefineOptions, ElementEvents, ElementProps, ElementSlotProp } from "../elements/index.js";
 import { type ComponentSpec, type DeclarationSpec, type DefaultProps, type FormProps, type Pascal, type RetiredEvents } from "../elements/adapter.js";
 export { configure } from "../elements/adapter.js";
 export type { DefaultProps, FormProps } from "../elements/adapter.js";
-/** `change` → `onChange`, typed with the element's event. */
 export type EventProps<S> = {
     [K in keyof ElementEvents<S> & string as `on${Pascal<K>}`]?: (event: ElementEvents<S>[K]) => void;
 };
 type BaseProps<S> = ElementProps<S> & DefaultProps<S> & FormProps<S> & EventProps<S>;
-/**
- * Each named slot as a prop taking JSX (`actions={<Button />}`), rendered
- * into a `<span slot="…">` the adapter owns; a text prop of the same name
- * (`headline`) takes its text or JSX.
- */
 type SlotProps<S> = {
     [K in ElementSlotProp<S>]?: JSX.Element;
 };
 type OwnProps<S> = Omit<BaseProps<S>, ElementSlotProp<S>> & SlotProps<S>;
-/**
- * Globals solid-js 1.8 leaves off `JSX.HTMLAttributes`: `popover` until 1.8.15,
- * `enterkeyhint` (typed on input and textarea only), and `nonce` (script and style
- * only; on `DOMAttributes` from 1.9). `enterKeyHint` is not a Solid prop name.
- * A release that already declares a key keeps its own type, including `popover`'s boolean.
- */
 type SolidHostGaps = {
     popover?: "" | "auto" | "manual" | "hint";
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
@@ -51,31 +19,15 @@ type SolidHostGaps = {
 type Missing<Base, Extra> = {
     [K in Exclude<keyof Extra, keyof Base>]?: K extends keyof Extra ? Extra[K] : never;
 };
-/** `JSX.HTMLAttributes` for the host, plus globals a supported Solid 1.8 type omits. */
 export type SolidHostAttributes<E extends HTMLElement = HTMLElement> = JSX.HTMLAttributes<E> & Missing<JSX.HTMLAttributes<E>, SolidHostGaps>;
-/**
- * Props of a generated component: the element's own, plus any HTML attribute for the host.
- * `OwnProps` includes the element's `on*` handlers, so those names keep the component's event.
- */
 export type SolidProps<S, E extends HTMLElement> = OwnProps<S> & Omit<SolidHostAttributes, keyof OwnProps<S> | "ref" | RetiredProps<S>> & {
     [K in RetiredProps<S>]?: `${K} was removed in material 3.0.0: use onChange`;
 } & {
     ref?: E | ((element: E) => void);
 };
-/** The handler props of events material 3.0.0 removed (`onToggle` on the icon button): refused, see `RetiredEvents`. */
 type RetiredProps<S> = `on${Pascal<RetiredEvents<S>>}`;
 export type DeclarationProps<A> = A & Omit<SolidHostAttributes, keyof A>;
-/** A generated component. */
 export type MComponent<S, E extends HTMLElement> = Component<SolidProps<S, E>>;
-/** A generated declaration component. */
 export type MDeclaration<A> = Component<DeclarationProps<A>>;
-/**
- * The Solid component for an element.
- * @param spec - The element's spec (`switchElement.spec`)
- * @param define - Registers the element and anything it needs (`defineSwitch`)
- * @param _name - Unused: Solid components have no display name. Kept so every
- *   adapter's generated list has the same shape.
- */
 export declare const createComponent: <S, E extends HTMLElement>(spec: ComponentSpec, define: (options?: DefineOptions) => string, _name?: string) => MComponent<S, E>;
-/** The Solid component for a declaration child; its parent registers the tag. */
 export declare const createDeclaration: <A>(spec: DeclarationSpec, _name?: string) => MDeclaration<A>;

package/dist/solid/index.d.ts

@@ -1,9 +1,3 @@
-/**
- * Solid components for the elements. Each renders its `<m-*>` tag, registers
- * it on mount and loads its CSS.
- *
- * @module solid
- */
 export { configure } from "./create.js";
 export type { SolidProps, DeclarationProps, EventProps, DefaultProps, FormProps, MComponent, MDeclaration } from "./create.js";
 export { Button } from "./button.js";

package/dist/solid/jsx.d.ts

@@ -1,12 +1,5 @@
-/**
- * Types the bare `m-*` tags in Solid's JSX, for the elements used directly
- * rather than through the components. Types only, opt in once: `import type {} from "material/solid/jsx";`
- *
- * @module solid/jsx
- */
 import type { ElementEvents, ElementMarkup, ElementProperties } from "../elements/index.js";
 import type { SolidHostAttributes } from "./create.js";
-/** A tag's props: its attributes as markup writes them, and any HTML attribute. */
 type Tag<S, E extends HTMLElement> = Omit<SolidHostAttributes<E>, keyof ElementMarkup<S>> & ElementMarkup<S>;
 declare module "solid-js" {
     namespace JSX {
@@ -62,7 +55,6 @@ declare module "solid-js" {
             "m-select-option": Tag<typeof import("../elements/select.js").selectOptionDeclaration, HTMLElement>;
             "m-search-suggestion": Tag<typeof import("../elements/search.js").searchSuggestionDeclaration, HTMLElement>;
         }
-        /** `prop:checked`, `prop:value`: the elements' live properties. */
         interface ExplicitProperties {
             "checked": NonNullable<ElementProperties<import("../elements/switch.js").SwitchSpec>["checked"]> | NonNullable<ElementProperties<import("../elements/checkbox.js").CheckboxSpec>["checked"]>;
             "value": NonNullable<ElementProperties<import("../elements/tabs.js").TabsSpec>["value"]> | NonNullable<ElementProperties<import("../elements/progress.js").ProgressSpec>["value"]> | NonNullable<ElementProperties<import("../elements/slider.js").SliderSpec>["value"]> | NonNullable<ElementProperties<import("../elements/text-field.js").TextFieldSpec>["value"]> | NonNullable<ElementProperties<import("../elements/radios.js").RadiosSpec>["value"]> | NonNullable<ElementProperties<import("../elements/navigation-bar.js").NavigationBarSpec>["value"]> | NonNullable<ElementProperties<import("../elements/navigation-rail.js").NavigationRailSpec>["value"]> | NonNullable<ElementProperties<import("../elements/drawer.js").DrawerSpec>["value"]> | NonNullable<ElementProperties<import("../elements/button-group.js").ButtonGroupSpec>["value"]> | NonNullable<ElementProperties<import("../elements/chips.js").ChipsSpec>["value"]> | NonNullable<ElementProperties<import("../elements/list.js").ListSpec>["value"]> | NonNullable<ElementProperties<import("../elements/select.js").SelectSpec>["value"]> | NonNullable<ElementProperties<import("../elements/datepicker.js").DatepickerSpec>["value"]> | NonNullable<ElementProperties<import("../elements/timepicker.js").TimepickerSpec>["value"]> | NonNullable<ElementProperties<import("../elements/search.js").SearchSpec>["value"]>;
@@ -76,7 +68,6 @@ declare module "solid-js" {
             "target": NonNullable<ElementProperties<import("../elements/tooltip.js").TooltipSpec>["target"]>;
             "open": NonNullable<ElementProperties<import("../elements/snackbar.js").SnackbarSpec>["open"]>;
         }
-        /** `on:change` and the other element events. */
         interface CustomEvents {
             "change": ElementEvents<import("../elements/button.js").ButtonSpec>["change"] | ElementEvents<import("../elements/switch.js").SwitchSpec>["change"] | ElementEvents<import("../elements/tabs.js").TabsSpec>["change"] | ElementEvents<import("../elements/icon-button.js").IconButtonSpec>["change"] | ElementEvents<import("../elements/checkbox.js").CheckboxSpec>["change"] | ElementEvents<import("../elements/slider.js").SliderSpec>["change"] | ElementEvents<import("../elements/text-field.js").TextFieldSpec>["change"] | ElementEvents<import("../elements/radios.js").RadiosSpec>["change"] | ElementEvents<import("../elements/navigation-bar.js").NavigationBarSpec>["change"] | ElementEvents<import("../elements/navigation-rail.js").NavigationRailSpec>["change"] | ElementEvents<import("../elements/drawer.js").DrawerSpec>["change"] | ElementEvents<import("../elements/button-group.js").ButtonGroupSpec>["change"] | ElementEvents<import("../elements/chips.js").ChipsSpec>["change"] | ElementEvents<import("../elements/list.js").ListSpec>["change"] | ElementEvents<import("../elements/carousel.js").CarouselSpec>["change"] | ElementEvents<import("../elements/select.js").SelectSpec>["change"] | ElementEvents<import("../elements/datepicker.js").DatepickerSpec>["change"] | ElementEvents<import("../elements/timepicker.js").TimepickerSpec>["change"] | ElementEvents<import("../elements/search.js").SearchSpec>["change"];
             "collapse": ElementEvents<import("../elements/extended-fab.js").ExtendedFabSpec>["collapse"] | ElementEvents<import("../elements/navigation-rail.js").NavigationRailSpec>["collapse"] | ElementEvents<import("../elements/bottom-sheet.js").BottomSheetSpec>["collapse"];

package/dist/ssr/index.d.ts

@@ -1,22 +1,4 @@
-/** true emits an empty attribute; false, null and undefined omit it. Numbers must be finite. */
 export type RenderAttributes = Readonly<Record<string, string | number | boolean | null | undefined>>;
-/**
- * Tag prefix defaults to "m".
- *
- * `styles: "inline"` (the default) writes each root's whole CSS as a `<style>`:
- * styled at first paint in every engine, at two costs. gzip cannot see a
- * repeat further back than its 32 KB window: a select's root is about 44 KB
- * (30 selects measured 141.0 KB gzip against 5.0 KB brotli), and large roots
- * of different types in turn push each other out of it (30 measured 83.9 KB
- * against 8.1 KB). So serve brotli, or use link mode for pages with many
- * selects, or that mix large roots (text fields, dialogs) in turn. And the
- * HTML is 0.5 to 0.9 MB uncompressed for 30 to 44 roots.
- *
- * `styles: "link"` writes `<link>` tags to the stylesheets under `cssBase`
- * (`dist/elements/css`). WebKit paints the roots unstyled until they arrive
- * (about 470 ms with each sheet 300 ms away; a preload does not help);
- * Chromium and Firefox wait for them. Measured on Playwright's engines.
- */
 export type RenderOptions = {
     prefix?: string;
 } & ({
@@ -25,35 +7,4 @@ export type RenderOptions = {
     styles: "link";
     cssBase: string;
 });
-/**
- * Render a registered tag to declarative shadow DOM, synchronously and detached.
- * Children are HTML processed by setHTML/configureHTML. The default policy is
- * identity: this function is NOT a sanitizer. Configure a synchronous sanitizer
- * for untrusted children or HTML-valued attributes. Which attributes take markup
- * is listed in the README under Markup and sanitizing.
- *
- * Each call owns a temporary DOM realm (zero layout, 1024×768 viewport).
- * The published material/ssr entry registers element CSS automatically.
- * Hooks must be synchronous and must not reenter the renderer. Base/theme CSS belongs
- * in the page head. Every shadow root receives its own styles.
- * Specs may opt out with `ssr: false` or a synchronous `(host) => boolean`.
- * An opted-out element emits its authored host and light DOM without a
- * declarative root or shadow styles. Eligible light-DOM descendants still
- * render their own roots. Load material/elements/preupgrade.css in the page to
- * preserve an opted-out host's box until normal browser upgrade. A host this
- * function renders with a shadow root carries `data-mtrl-ssr`. The pre-upgrade
- * sheet's last rule rolls that layer back for the attribute, on the host, its
- * `::before` and `::after`, and its direct children that are not themselves
- * elements waiting to upgrade, so the stylesheet does not style a host the
- * server already rendered or those children.
- * An opted-out host does not carry it, and the link still reserves its box.
- *
- * Carousel and FAB menu opt out; menu and split-button opt out when
- * they declare nested submenus. Async button `showProgress` or card `buttons`
- * global defaults conservatively opt out every element in the call, since
- * those factories can also be created inside other components.
- * Invalid attributes/options, an existing declarative root, ambiguous HTML,
- * excessive nesting, missing CSS, reentrant rendering and failing synchronous
- * hooks still throw: returning markup for those inputs would be incorrect.
- */
 export declare function renderElement(tag: string, attributes?: RenderAttributes, children?: string, options?: RenderOptions): string;

package/dist/ssr/solid.d.ts

@@ -1,5 +1 @@
-/**
- * The identity HTML policy is not a sanitizer; configure a synchronous sanitizer for untrusted markup.
- * @module ssr/solid
- */
 import "./index";

package/dist/ssr/svelte.d.ts

@@ -1,5 +1 @@
-/**
- * The identity HTML policy is not a sanitizer; configure a synchronous sanitizer for untrusted markup.
- * @module ssr/svelte
- */
 import "./index";

package/dist/ssr/vue.d.ts

@@ -1,5 +1 @@
-/**
- * The identity HTML policy is not a sanitizer; configure a synchronous sanitizer for untrusted markup.
- * @module ssr/vue
- */
 import "./index";

package/dist/styles/badge.css

@@ -1,2 +1,2 @@
-/*! material v3.2.5 | MIT */
-@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.badge{.mtrl-badge__wrapper{position:relative;display:inline-flex;flex-shrink:0}.mtrl-badge{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;box-sizing:border-box;overflow:hidden;transition:all 200ms ease;text-overflow:ellipsis}.mtrl-badge--invisible{display:none}.mtrl-badge--small{width:6px;height:6px;min-width:6px;border-radius:var(--mtrl-sys-shape-corner-full, 9999px);font-size:0;padding:0}.mtrl-badge--large{height:16px;min-width:16px;border-radius:var(--mtrl-sys-shape-corner-full, 9999px);padding:0 4px;font-size:11px;line-height:16px;padding-top:.5px}.mtrl-badge--large.mtrl-badge--overflow{min-width:auto;max-width:34px;padding:0 4px}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-right{top:-3px;right:-3px}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-left{top:-3px;left:-3px}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-right{bottom:-3px;right:-3px}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-left{bottom:-3px;left:-3px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-right{top:-8px;right:-8px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-left{top:-8px;left:-8px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-right{bottom:-8px;right:-8px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-left{bottom:-8px;left:-8px}.mtrl-badge--error{background-color:var(--mtrl-sys-color-error);color:var(--mtrl-sys-color-on-error)}.mtrl-badge--primary{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-badge--secondary{background-color:var(--mtrl-sys-color-secondary);color:var(--mtrl-sys-color-on-secondary)}.mtrl-badge--tertiary{background-color:var(--mtrl-sys-color-tertiary);color:var(--mtrl-sys-color-on-tertiary)}.mtrl-badge--success{background-color:var(--mtrl-sys-color-success);color:var(--mtrl-sys-color-on-success)}.mtrl-badge--warning{background-color:var(--mtrl-sys-color-warning);color:var(--mtrl-sys-color-on-warning)}.mtrl-badge--info{background-color:var(--mtrl-sys-color-info);color:var(--mtrl-sys-color-on-info)}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--top-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--top-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--top-right{right:auto;left:-8px}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--top-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--top-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--top-left{left:auto;right:-8px}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--bottom-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--bottom-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--bottom-right{right:auto;left:-8px}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--bottom-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--bottom-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--bottom-left{left:auto;right:-8px}}
+/*! material v3.2.7 | MIT */
+@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.badge{.mtrl-badge__wrapper{position:relative;display:inline-flex;flex-shrink:0}.mtrl-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;box-sizing:border-box;overflow:hidden;transition:all 200ms ease;text-overflow:ellipsis}.mtrl-badge--invisible{display:none}.mtrl-badge--small{width:6px;height:6px;min-width:6px;border-radius:var(--mtrl-sys-shape-corner-full, 9999px);font-size:0;padding:0}.mtrl-badge--large{height:16px;min-width:16px;border-radius:var(--mtrl-sys-shape-corner-full, 9999px);padding:0 4px;font-size:11px;line-height:16px;padding-top:.5px}.mtrl-badge--large.mtrl-badge--overflow{min-width:auto;max-width:34px;padding:0 4px}.mtrl-badge--positioned{position:absolute}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-right{top:0;right:0}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-left{top:0;left:0}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-right{bottom:0;right:0}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-left{bottom:0;left:0}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-right{top:-2px;right:-4px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-left{top:-2px;left:-4px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-right{bottom:-2px;right:-4px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-left{bottom:-2px;left:-4px}.mtrl-badge--error{background-color:var(--mtrl-sys-color-error);color:var(--mtrl-sys-color-on-error)}.mtrl-badge--primary{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-badge--secondary{background-color:var(--mtrl-sys-color-secondary);color:var(--mtrl-sys-color-on-secondary)}.mtrl-badge--tertiary{background-color:var(--mtrl-sys-color-tertiary);color:var(--mtrl-sys-color-on-tertiary)}.mtrl-badge--success{background-color:var(--mtrl-sys-color-success);color:var(--mtrl-sys-color-on-success)}.mtrl-badge--warning{background-color:var(--mtrl-sys-color-warning);color:var(--mtrl-sys-color-on-warning)}.mtrl-badge--info{background-color:var(--mtrl-sys-color-info);color:var(--mtrl-sys-color-on-info)}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-right{right:auto;left:0}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-left{left:auto;right:0}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-right{right:auto;left:0}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-left{left:auto;right:0}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-right{right:auto;left:-4px}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-left{left:auto;right:-4px}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-right{right:auto;left:-4px}:where(.mtrl-rtl) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-left{left:auto;right:-4px}}