@expressivecss/expressive 0.3.0 → 0.5.0

package/dist/types/behaviors/bottomSheets.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Drag-to-dismiss for `dialog.bottom-sheet` / `dialog.bottom`.
+ *
+ * The handle is the top 48dp of the sheet (or an explicit `.handle`).
+ * A downward drag past 96dp, or a flick, closes. Anything else snaps back.
+ * Content below the handle scrolls normally. Light-dismiss on the scrim
+ * stays with {@link Dialogs}.
+ */
+export declare class BottomSheets {
+    private static _drag;
+    static Init(): void;
+    static _onDown(event: PointerEvent): void;
+    static _onMove(event: PointerEvent): void;
+    static _onUp(event: PointerEvent): void;
+    static _onCancel(): void;
+    private static _sheet;
+    private static _inHandle;
+}

package/dist/types/behaviors/sideSheets.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Drag-to-dismiss for side sheets (`dialog.side-sheet` / `.right` / `.left`).
+ *
+ * Grab the header or the inner 24dp edge and drag toward the docked side.
+ * Past 96dp, or a flick, closes. Light-dismiss on the scrim stays with
+ * {@link Dialogs}.
+ */
+export declare class SideSheets {
+    private static _drag;
+    static Init(): void;
+    static _onDown(event: PointerEvent): void;
+    static _onMove(event: PointerEvent): void;
+    static _onUp(event: PointerEvent): void;
+    static _onCancel(): void;
+    private static _sheet;
+    private static _startDocked;
+    private static _inHandle;
+}

package/dist/types/components/autocomplete.d.ts

@@ -1,5 +1,5 @@
-import { Dropdown, DropdownOptions } from './dropdown';
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Menu, MenuOptions } from './menu';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface AutocompleteData {
     /**
      * A primitive value that can be converted to string.
@@ -44,7 +44,7 @@ export interface AutocompleteOptions extends BaseOptions {
      * The height of the Menu which can be set via css-property.
      * @default '300px'
      */
-    maxDropDownHeight: string;
+    maxMenuHeight: string;
     /**
      * Function is called when the input text is altered and data can also be loaded asynchronously.
      * If the results are collected the items in the list can be updated via the function setMenuItems(collectedItems).
@@ -59,10 +59,10 @@ export interface AutocompleteOptions extends BaseOptions {
      */
     allowUnsafeHTML: boolean;
     /**
-     * Pass options object to select dropdown initialization.
+     * Pass options object to select menu initialization.
      * @default {}
      */
-    dropdownOptions: Partial<DropdownOptions>;
+    menuOptions: Partial<MenuOptions>;
     /**
      * Predefined selected values
      */
@@ -80,8 +80,8 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
     private $active;
     private _mousedown;
     container: HTMLElement;
-    /** Instance of the dropdown plugin for this autocomplete. */
-    dropdown: Dropdown;
+    /** Instance of the menu plugin for this autocomplete. */
+    menu: Menu;
     static _keydown: boolean;
     selectedValues: AutocompleteData[];
     menuItems: AutocompleteData[];
@@ -98,7 +98,7 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<AutocompleteOptions>): Autocomplete[];
+    static init(els: InitElements<HTMLInputElement | InitElement>, options?: Partial<AutocompleteOptions>): Autocomplete[];
     static getInstance(el: HTMLElement): Autocomplete;
     /**
      * The three-dot loading indicator, parsed once and cloned thereafter.
@@ -112,8 +112,8 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
     destroy(): void;
     _setupEventHandlers(): void;
     _removeEventHandlers(): void;
-    _setupDropdown(): void;
-    _removeDropdown(): void;
+    _setupMenu(): void;
+    _removeMenu(): void;
     _handleInputBlur: () => void;
     _handleInputKeyup: (e: KeyboardEvent) => void;
     _handleInputFocus: () => void;
@@ -125,8 +125,8 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
     _resetCurrentElementPosition(): void;
     _resetAutocomplete(): void;
     _highlightPartialText(input: string, label: string): string[];
-    _createDropdownItem(entry: AutocompleteData): HTMLLIElement;
-    _renderDropdown(): void;
+    _createMenuItem(entry: AutocompleteData): HTMLLIElement;
+    _renderMenu(): void;
     _setStatusLoading(): void;
     _updateSelectedInfo(): void;
     _refreshInputText(): void;
@@ -143,19 +143,12 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
      * Updates the visible or selectable items shown in the menu.
      * @param menuItems Items to be available.
      * @param selected Selected item ids
-     * @param open Option to conditionally open dropdown
+     * @param open Option to conditionally open menu
      */
     setMenuItems(menuItems: AutocompleteData[], selected?: number[] | string[], open?: boolean): void;
-    /**
-     * Sets selected values.
-     * @deprecated @see https://github.com/materializecss/materialize/issues/552
-     * @param entries
-     */
-    setValues(entries: AutocompleteData[]): void;
     /**
      * Select a specific autocomplete option via id-property.
      * @param id The id of a data-entry.
      */
     selectOption(id: number | string): void;
-    selectOptions(ids: []): void;
 }

package/dist/types/components/buttons.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement, Openable } from "../core/component";
+import { Component, BaseOptions, InitElements, InitElement, Openable } from "../core/component";
 export interface FloatingActionButtonOptions extends BaseOptions {
     /**
      * Direction FAB menu opens.
@@ -30,7 +30,7 @@ export declare class FloatingActionButton extends Component<FloatingActionButton
     constructor(el: HTMLElement, options: Partial<FloatingActionButtonOptions>);
     static get defaults(): FloatingActionButtonOptions;
     static init(el: HTMLElement, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton;
-    static init(els: InitElements<MElement>, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton[];
+    static init(els: InitElements<InitElement>, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton[];
     static getInstance(el: HTMLElement): FloatingActionButton;
     destroy(): void;
     /**

package/dist/types/components/cards.d.ts

@@ -1,9 +1,7 @@
-import { Component, BaseOptions, InitElements, MElement, Openable } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';
 export interface CardsOptions extends BaseOptions {
     onOpen: (el: Element) => void;
     onClose: (el: Element) => void;
-    inDuration: number;
-    outDuration: number;
 }
 /**
  * What counts as a card.
@@ -13,11 +11,10 @@ export interface CardsOptions extends BaseOptions {
  * actually initializes, so the AutoInit entry was dead while `Cards.Init()`
  * quietly did the work through the selector below.
  */
-export declare const CARDS_SELECTOR = ".card, article:has(> aside), article:has(.card-reveal)";
+export declare const CARDS_SELECTOR = "article:has(> aside)";
 export declare class Cards extends Component<CardsOptions> implements Openable {
     isOpen: boolean;
     private readonly cardReveal;
-    private readonly initialOverflow;
     private _activators;
     private cardRevealClose;
     constructor(el: HTMLElement, options: Partial<CardsOptions>);
@@ -33,7 +30,7 @@ export declare class Cards extends Component<CardsOptions> implements Openable {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<CardsOptions>): Cards[];
+    static init(els: InitElements<InitElement>, options?: Partial<CardsOptions>): Cards[];
     static getInstance(el: HTMLElement): Cards;
     /**
      * {@inheritDoc}

package/dist/types/components/carousel.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface CarouselOptions extends BaseOptions {
     /**
      * Transition duration in milliseconds (coverflow). Snap mode uses CSS.
@@ -27,7 +27,7 @@ export interface CarouselOptions extends BaseOptions {
     numVisible: number;
     /**
      * Linear snap track instead of 3D coverflow.
-     * Also implied by `.flat` / `.carousel-slider`.
+     * Also implied by `.flat`.
      * @default false
      */
     fullWidth: boolean;
@@ -86,7 +86,7 @@ export declare class Carousel extends Component<CarouselOptions> {
     constructor(el: HTMLElement, options: Partial<CarouselOptions>);
     static get defaults(): CarouselOptions;
     static init(el: HTMLElement, options?: Partial<CarouselOptions>): Carousel;
-    static init(els: InitElements<MElement>, options?: Partial<CarouselOptions>): Carousel[];
+    static init(els: InitElements<InitElement>, options?: Partial<CarouselOptions>): Carousel[];
     static getInstance(el: HTMLElement): Carousel;
     destroy(): void;
     private _collectItems;

package/dist/types/components/characterCounter.d.ts

@@ -1,8 +1,6 @@
-import { Component, InitElements, MElement } from '../core/component';
-export interface BaseOptions {
-}
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 type InputElement = HTMLInputElement | HTMLTextAreaElement;
-export declare class CharacterCounter extends Component<object> {
+export declare class CharacterCounter extends Component<BaseOptions> {
     el: InputElement;
     /** Stores the reference to the counter HTML element. */
     counterEl: HTMLSpanElement;
@@ -23,7 +21,7 @@ export declare class CharacterCounter extends Component<object> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<InputElement | MElement>, options?: Partial<BaseOptions>): CharacterCounter[];
+    static init(els: InitElements<InputElement | InitElement>, options?: Partial<BaseOptions>): CharacterCounter[];
     static getInstance(el: InputElement): CharacterCounter;
     destroy(): void;
     _setupEventHandlers(): void;

package/dist/types/components/chips.d.ts

@@ -1,5 +1,5 @@
 import { Autocomplete, AutocompleteOptions } from './autocomplete';
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface ChipData {
     /**
      * Unique identifier.
@@ -96,7 +96,7 @@ export declare class Chips extends Component<ChipsOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<ChipsOptions>): Chips[];
+    static init(els: InitElements<InitElement>, options?: Partial<ChipsOptions>): Chips[];
     static getInstance(el: HTMLElement): Chips;
     getData(): ChipData[];
     destroy(): void;

package/dist/types/components/datepicker.d.ts

@@ -1,4 +1,4 @@
-import { BaseOptions, Component, I18nOptions, InitElements, MElement } from '../core/component';
+import { BaseOptions, Component, I18nOptions, InitElements, InitElement } from '../core/component';
 export interface DateI18nOptions extends I18nOptions {
     previousMonth: string;
     nextMonth: string;
@@ -142,10 +142,6 @@ export interface DatepickerOptions extends BaseOptions {
      * @default null
      */
     onSelect: ((selectedDate: Date) => void) | null;
-    /**
-     * Callback function when Datepicker is closed.
-     * @default null
-     */
     /**
      * Callback function when Datepicker HTML is refreshed.
      * @default null
@@ -234,7 +230,7 @@ export declare class Datepicker extends Component<DatepickerOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<DatepickerOptions>): Datepicker[];
+    static init(els: InitElements<HTMLInputElement | InitElement>, options?: Partial<DatepickerOptions>): Datepicker[];
     /**
      * Escape a value for interpolation into the calendar markup.
      *
@@ -392,6 +388,4 @@ export declare class Datepicker extends Component<DatepickerOptions> {
     _finishSelection: () => void;
     _confirm: () => void;
     _cancel: () => void;
-    open(): this;
-    close(): this;
 }

package/dist/types/components/index.d.ts

@@ -4,20 +4,17 @@ export { Cards } from './cards';
 export { Carousel } from './carousel';
 export { CharacterCounter } from './characterCounter';
 export { Chips } from './chips';
-export { Collapsible } from './collapsible';
 export { Datepicker } from './datepicker';
-export { Dropdown } from './dropdown';
+export { Menu } from './menu';
 export { Lightbox } from './lightbox';
-export { Modal } from './modal';
 export { Parallax } from './parallax';
-export { Pushpin } from './pushpin';
 export { Range } from './range';
 export { ScrollSpy } from './scrollspy';
 export { FormSelect } from './select';
 export { Sidenav } from './sidenav';
+export { NavigationRail } from './navigationRail';
 export { Slider } from './slider';
 export { Tabs } from './tabs';
-export { TapTarget } from './tapTarget';
 export { Timepicker } from './timepicker';
-export { Toast } from './toasts';
+export { Snackbar } from './snackbar';
 export { Tooltip } from './tooltip';

package/dist/types/components/lightbox.d.ts

@@ -1,4 +1,4 @@
-import { BaseOptions, Component, InitElements, MElement } from '../core/component';
+import { BaseOptions, Component, InitElements, InitElement } from '../core/component';
 export interface LightboxOptions extends BaseOptions {
     /**
      * Transition in duration in milliseconds.
@@ -66,7 +66,7 @@ export declare class Lightbox extends Component<LightboxOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<LightboxOptions>): Lightbox[];
+    static init(els: InitElements<InitElement>, options?: Partial<LightboxOptions>): Lightbox[];
     static getInstance(el: HTMLElement): Lightbox;
     destroy(): void;
     private _setupEventHandlers;

package/dist/types/components/{dropdown.d.ts → menu.d.ts}

@@ -1,37 +1,38 @@
-import { Component, BaseOptions, InitElements, MElement, Openable } from '../core/component';
-export interface DropdownOptions extends BaseOptions {
+import { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';
+export interface MenuOptions extends BaseOptions {
     /**
      * Defines the edge the menu is aligned to.
      * @default 'left'
      */
     alignment: 'left' | 'right';
     /**
-     * If true, automatically focus dropdown el for keyboard.
+     * If true, automatically focus menu el for keyboard.
      * @default true
      */
     autoFocus: boolean;
     /**
-     * If true, constrainWidth to the size of the dropdown activator.
+     * If true, constrainWidth to the size of the menu activator.
      * @default true
      */
     constrainWidth: boolean;
     /**
-     * Provide an element that will be the bounding container of the dropdown.
+     * Provide an element that will be the bounding container of the menu.
      * @default null
      */
     container: Element;
     /**
-     * If false, the dropdown will show below the trigger.
-     * @default true
+     * If false, the menu will show below the trigger.
+     * That is the M3 placement. Pass `true` to cover the trigger.
+     * @default false
      */
     coverTrigger: boolean;
     /**
-     * If true, close dropdown on item click.
+     * If true, close menu on item click.
      * @default true
      */
     closeOnClick: boolean;
     /**
-     * If true, the dropdown will open on hover.
+     * If true, the menu will open on hover.
      * @default false
      */
     hover: boolean;
@@ -46,22 +47,22 @@ export interface DropdownOptions extends BaseOptions {
      */
     outDuration: number;
     /**
-     * Function called when dropdown starts entering.
+     * Function called when menu starts entering.
      * @default null
      */
     onOpenStart: (el: HTMLElement) => void;
     /**
-     * Function called when dropdown finishes entering.
+     * Function called when menu finishes entering.
      * @default null
      */
     onOpenEnd: (el: HTMLElement) => void;
     /**
-     * Function called when dropdown starts exiting.
+     * Function called when menu starts exiting.
      * @default null
      */
     onCloseStart: (el: HTMLElement) => void;
     /**
-     * Function called when dropdown finishes exiting.
+     * Function called when menu finishes exiting.
      * @default null
      */
     onCloseEnd: (el: HTMLElement) => void;
@@ -71,36 +72,36 @@ export interface DropdownOptions extends BaseOptions {
      */
     onItemClick: (el: HTMLLIElement) => void;
 }
-export declare class Dropdown extends Component<DropdownOptions> implements Openable {
-    static _dropdowns: Dropdown[];
-    /** ID of the dropdown element. */
+export declare class Menu extends Component<MenuOptions> implements Openable {
+    static _menus: Menu[];
+    /** ID of the menu element. */
     id: string;
-    /** The DOM element of the dropdown. */
-    dropdownEl: HTMLElement;
-    /** If the dropdown is open. */
+    /** The DOM element of the menu. */
+    menuEl: HTMLElement;
+    /** If the menu is open. */
     isOpen: boolean;
-    /** If the dropdown content is scrollable. */
+    /** If the menu content is scrollable. */
     isScrollable: boolean;
     isTouchMoving: boolean;
     /** The index of the item focused. */
     focusedIndex: number;
     filterQuery: string[];
     filterTimeout: ReturnType<typeof setTimeout>;
-    constructor(el: HTMLElement, options: Partial<DropdownOptions>);
-    static get defaults(): DropdownOptions;
+    constructor(el: HTMLElement, options: Partial<MenuOptions>);
+    static get defaults(): MenuOptions;
     /**
-     * Initializes instance of Dropdown.
+     * Initializes instance of Menu.
      * @param el HTML element.
      * @param options Component options.
      */
-    static init(el: HTMLElement, options?: Partial<DropdownOptions>): Dropdown;
+    static init(el: HTMLElement, options?: Partial<MenuOptions>): Menu;
     /**
-     * Initializes instances of Dropdown.
+     * Initializes instances of Menu.
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<DropdownOptions>): Dropdown[];
-    static getInstance(el: HTMLElement): Dropdown;
+    static init(els: InitElements<InitElement>, options?: Partial<MenuOptions>): Menu[];
+    static getInstance(el: HTMLElement): Menu;
     destroy(): void;
     _setupEventHandlers(): void;
     _removeEventHandlers(): void;
@@ -112,16 +113,25 @@ export declare class Dropdown extends Component<DropdownOptions> implements Open
     _handleDocumentClick: (e: MouseEvent) => void;
     _handleTriggerKeydown: (e: KeyboardEvent) => void;
     _handleDocumentTouchmove: (e: TouchEvent) => void;
-    _handleDropdownClick: (e: MouseEvent) => void;
-    _handleDropdownKeydown: (e: KeyboardEvent) => void;
+    _handleMenuClick: (e: MouseEvent) => void;
+    private _isSubmenuTriggerClick;
+    private _setupSubmenus;
+    private _toggleSubmenu;
+    private _syncSubmenuAria;
+    private _handleSubmenuAlign;
+    private _alignSubmenu;
+    private _closeSubmenus;
+    private _containingSubmenu;
+    private _focusedRow;
+    _handleMenuKeydown: (e: KeyboardEvent) => void;
     _handleWindowResize: () => void;
     _resetFilterQuery: () => void;
-    _resetDropdownStyles(): void;
-    _resetDropdownPositioningStyles(): void;
-    _moveDropdownToElement(containerEl?: HTMLElement): void;
-    _makeDropdownFocusable(): void;
+    _resetMenuStyles(): void;
+    _resetMenuPositioningStyles(): void;
+    _moveMenuToElement(containerEl?: HTMLElement): void;
+    _makeMenuFocusable(): void;
     _focusFocusedItem(): void;
-    _getDropdownPosition(closestOverflowParent: HTMLElement): {
+    _getMenuPosition(closestOverflowParent: HTMLElement): {
         x: number;
         y: number;
         verticalAlignment: string;
@@ -132,17 +142,17 @@ export declare class Dropdown extends Component<DropdownOptions> implements Open
     _animateIn(): void;
     _animateOut(): void;
     private _getClosestAncestor;
-    _placeDropdown(): void;
+    _placeMenu(): void;
     /**
-     * Open dropdown.
+     * Open menu.
      */
     open: () => void;
     /**
-     * Close dropdown.
+     * Close menu.
      */
     close: () => void;
     /**
-     * While dropdown is open, you can recalculate its dimensions if its contents have changed.
+     * While menu is open, you can recalculate its dimensions if its contents have changed.
      */
     recalculateDimensions: () => void;
 }

package/dist/types/components/navigationRail.d.ts

@@ -0,0 +1,53 @@
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
+export interface NavigationRailOptions extends BaseOptions {
+    /**
+     * Called before the rail expands.
+     */
+    onOpenStart: (el: HTMLElement) => void;
+    /**
+     * Called after the rail expands.
+     */
+    onOpenEnd: (el: HTMLElement) => void;
+    /**
+     * Called before the rail collapses.
+     */
+    onCloseStart: (el: HTMLElement) => void;
+    /**
+     * Called after the rail collapses.
+     */
+    onCloseEnd: (el: HTMLElement) => void;
+}
+/**
+ * Navigation rail. Layout is CSS (collapsed / .expanded). This class
+ * toggles that class from the menu button, closes a compact overlay on
+ * Escape or a scrim tap, and keeps aria-expanded in sync.
+ */
+export declare class NavigationRail extends Component<NavigationRailOptions> {
+    isExpanded: boolean;
+    private _toggle;
+    private _mql;
+    constructor(el: HTMLElement, options: Partial<NavigationRailOptions>);
+    static get defaults(): NavigationRailOptions;
+    static init(el: HTMLElement, options?: Partial<NavigationRailOptions>): NavigationRail;
+    static init(els: InitElements<InitElement>, options?: Partial<NavigationRailOptions>): NavigationRail[];
+    static getInstance(el: HTMLElement): NavigationRail;
+    destroy(): void;
+    /**
+     * Expands the rail. On compact windows the overlay (scrim) is CSS.
+     */
+    expand: () => void;
+    /**
+     * Collapses the rail.
+     */
+    collapse: () => void;
+    /**
+     * Toggles expanded / collapsed.
+     */
+    toggle: () => void;
+    private _findToggle;
+    private _isCompact;
+    private _isModal;
+    private _sync;
+    private _onClick;
+    private _onKeyDown;
+}

package/dist/types/components/parallax.d.ts

@@ -1,11 +1,5 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface ParallaxOptions extends BaseOptions {
-    /**
-     * @deprecated Motion is CSS (`animation-timeline: view()`). This value
-     * is accepted so existing AutoInit calls keep compiling, and is ignored.
-     * @default 0
-     */
-    responsiveThreshold: number;
 }
 /**
  * Parallax. The effect is CSS (see components/_parallax.scss). This class
@@ -16,7 +10,7 @@ export declare class Parallax extends Component<ParallaxOptions> {
     constructor(el: HTMLElement, options: Partial<ParallaxOptions>);
     static get defaults(): ParallaxOptions;
     static init(el: HTMLElement, options?: Partial<ParallaxOptions>): Parallax;
-    static init(els: InitElements<MElement>, options?: Partial<ParallaxOptions>): Parallax[];
+    static init(els: InitElements<InitElement>, options?: Partial<ParallaxOptions>): Parallax[];
     static getInstance(el: HTMLElement): Parallax;
     destroy(): void;
 }

package/dist/types/components/range.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface RangeOptions extends BaseOptions {
 }
 export declare class Range extends Component<RangeOptions> {
@@ -19,7 +19,7 @@ export declare class Range extends Component<RangeOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<RangeOptions>): Range[];
+    static init(els: InitElements<HTMLInputElement | InitElement>, options?: Partial<RangeOptions>): Range[];
     static getInstance(el: HTMLInputElement): Range;
     destroy(): void;
     _setupEventHandlers(): void;
@@ -32,6 +32,9 @@ export declare class Range extends Component<RangeOptions> {
     _setupThumb(): void;
     _removeThumb(): void;
     _isVertical(): boolean;
+    _host(): HTMLElement | null;
+    _clampDual(): void;
+    _fraction(el: HTMLInputElement): number;
     _sync(): void;
     /**
      * Initializes every range input in the current document.

package/dist/types/components/registry.d.ts

@@ -9,7 +9,7 @@ import * as Components from './index';
  * ./index.ts) - not four hand-synchronized edits that fail silently when one
  * is forgotten.
  *
- * A component that should only ever be constructed explicitly (Toast,
+ * A component that should only ever be constructed explicitly (Snackbar,
  * CharacterCounter, Range, ...) simply stays out of this table.
  */
 export declare const AUTO_INIT_COMPONENTS: {
@@ -29,34 +29,22 @@ export declare const AUTO_INIT_COMPONENTS: {
         component: typeof Components.Chips;
         selector: string;
     };
-    Collapsible: {
-        component: typeof Components.Collapsible;
-        selector: string;
-    };
     Datepicker: {
         component: typeof Components.Datepicker;
         selector: string;
     };
-    Dropdown: {
-        component: typeof Components.Dropdown;
+    Menu: {
+        component: typeof Components.Menu;
         selector: string;
     };
     Lightbox: {
         component: typeof Components.Lightbox;
         selector: string;
     };
-    Modal: {
-        component: typeof Components.Modal;
-        selector: string;
-    };
     Parallax: {
         component: typeof Components.Parallax;
         selector: string;
     };
-    Pushpin: {
-        component: typeof Components.Pushpin;
-        selector: string;
-    };
     ScrollSpy: {
         component: typeof Components.ScrollSpy;
         selector: string;
@@ -69,12 +57,12 @@ export declare const AUTO_INIT_COMPONENTS: {
         component: typeof Components.Sidenav;
         selector: string;
     };
-    Tabs: {
-        component: typeof Components.Tabs;
+    NavigationRail: {
+        component: typeof Components.NavigationRail;
         selector: string;
     };
-    TapTarget: {
-        component: typeof Components.TapTarget;
+    Tabs: {
+        component: typeof Components.Tabs;
         selector: string;
     };
     Timepicker: {