import { LitElement } from 'lit'; /** * Material Design 3 Switch Component * * A switch component following Material Design 3 specifications that allows * users to toggle between on and off states. * * @fires switch-change - Fired when the switch state changes * * @cssprop --md-switch-track-width - Width of the switch track (default: 52px) * @cssprop --md-switch-track-height - Height of the switch track (default: 32px) * @cssprop --md-switch-thumb-size - Size of the switch thumb (default: 24px) * @cssprop --md-sys-color-primary - Primary color for the switch when on * @cssprop --md-sys-color-on-surface - Color for the switch track when off * @cssprop --md-sys-color-outline - Outline color for disabled state * @cssprop --md-sys-color-surface-container-highest - Surface color for disabled state */ export declare class M3Switch extends LitElement { static styles: import("lit").CSSResult; /** * Whether the switch is checked (on) */ checked: boolean; /** * Disables the switch */ disabled: boolean; /** * Name attribute for form submission */ name: string | null; /** * Value attribute for form submission */ value: string | null; /** * Form attribute to associate switch with a form */ form: string | null; /** * ARIA label for accessibility */ ariaLabel: string | null; /** * ARIA labelled by for accessibility */ ariaLabelledBy: string | null; /** * Internal state for pressed/active visual feedback */ private _pressed; /** * Internal state for hover visual feedback */ private _hovered; render(): import("lit").TemplateResult<1>; private _handleClick; private _handleKeyDown; private _handleKeyUp; private _handleMouseEnter; private _handleMouseLeave; private _handleMouseDown; private _handleMouseUp; private _handleInputChange; private _toggle; /** * Focuses the switch */ focus(): void; /** * Removes focus from the switch */ blur(): void; } declare global { interface HTMLElementTagNameMap { 'm3-switch': M3Switch; } } //# sourceMappingURL=m3-switch.d.ts.map