@materializecss/materialize 2.1.1 → 2.2.1

package/dist/js/materialize.d.ts

@@ -1,14 +1,14 @@
 /**
  * Base options for component initialization.
  */
-interface BaseOptions {
+interface BaseOptions$1 {
 }
 type MElement = HTMLElement | Element;
 type InitElements<T extends MElement> = NodeListOf<T> | HTMLCollectionOf<T>;
-type ComponentConstructor<T extends Component<O>, O extends BaseOptions> = {
+type ComponentConstructor<T extends Component<O>, O extends BaseOptions$1> = {
     new (el: HTMLElement, options: Partial<O>): T;
 };
-type ComponentType<C extends Component<O>, O extends BaseOptions> = ComponentConstructor<C, O> & typeof Component<O>;
+type ComponentType<C extends Component<O>, O extends BaseOptions$1> = ComponentConstructor<C, O> & typeof Component<O>;
 interface I18nOptions {
     cancel: string;
     clear: string;
@@ -22,7 +22,7 @@ interface Openable {
 /**
  * Base class implementation for Materialize components.
  */
-declare class Component<O extends BaseOptions> {
+declare class Component<O extends BaseOptions$1> {
     /**
      * The DOM element the plugin was initialized with.
      */
@@ -41,37 +41,37 @@ declare class Component<O extends BaseOptions> {
      * @param options Component options.
      * @param classDef Class definition.
      */
-    protected static init<I extends HTMLElement, O extends BaseOptions, C extends Component<O>>(el: I, options: O, classDef: ComponentType<C, O>): C;
+    protected static init<I extends HTMLElement, O extends BaseOptions$1, C extends Component<O>>(el: I, options: O, classDef: ComponentType<C, O>): C;
     /**
      * Initializes component instances.
      * @param els HTML elements.
      * @param options Component options.
      * @param classDef Class definition.
      */
-    protected static init<I extends MElement, O extends BaseOptions, C extends Component<O>>(els: InitElements<I>, options: Partial<O>, classDef: ComponentType<C, O>): C[];
+    protected static init<I extends MElement, O extends BaseOptions$1, C extends Component<O>>(els: InitElements<I>, options: Partial<O>, classDef: ComponentType<C, O>): C[];
     /**
      * Initializes component instances.
      * @param els HTML elements.
      * @param options Component options.
      * @param classDef Class definition.
      */
-    protected static init<I extends MElement, O extends BaseOptions, C extends Component<O>>(els: I | InitElements<I>, options: Partial<O>, classDef: ComponentType<C, O>): C | C[];
+    protected static init<I extends MElement, O extends BaseOptions$1, C extends Component<O>>(els: I | InitElements<I>, options: Partial<O>, classDef: ComponentType<C, O>): C | C[];
     /**
      * @returns default options for component instance.
      */
-    static get defaults(): BaseOptions;
+    static get defaults(): BaseOptions$1;
     /**
      * Retrieves component instance for the given element.
      * @param el Associated HTML Element.
      */
-    static getInstance(el: HTMLElement): Component<BaseOptions>;
+    static getInstance(el: HTMLElement): Component<BaseOptions$1>;
     /**
      * Destroy plugin instance and teardown.
      */
     destroy(): void;
 }
 
-interface DropdownOptions extends BaseOptions {
+interface DropdownOptions extends BaseOptions$1 {
     /**
      * Defines the edge the menu is aligned to.
      * @default 'left'
@@ -156,8 +156,8 @@ declare class Dropdown extends Component<DropdownOptions> implements Openable {
     isTouchMoving: boolean;
     /** The index of the item focused. */
     focusedIndex: number;
-    filterQuery: any[];
-    filterTimeout: NodeJS.Timeout;
+    filterQuery: string[];
+    filterTimeout: NodeJS.Timeout | number;
     constructor(el: HTMLElement, options: Partial<DropdownOptions>);
     static get defaults(): DropdownOptions;
     /**
@@ -179,16 +179,17 @@ declare class Dropdown extends Component<DropdownOptions> implements Openable {
     _setupTemporaryEventHandlers(): void;
     _removeTemporaryEventHandlers(): void;
     _handleClick: (e: MouseEvent) => void;
-    _handleMouseEnter: () => void;
+    _handleMouseEnter: (e: any) => void;
     _handleMouseLeave: (e: MouseEvent) => void;
     _handleDocumentClick: (e: MouseEvent) => void;
     _handleTriggerKeydown: (e: KeyboardEvent) => void;
     _handleDocumentTouchmove: (e: TouchEvent) => void;
     _handleDropdownClick: (e: MouseEvent) => void;
     _handleDropdownKeydown: (e: KeyboardEvent) => void;
-    _handleWindowResize: (e: Event) => void;
+    _handleWindowResize: () => void;
     _resetFilterQuery: () => void;
     _resetDropdownStyles(): void;
+    _resetDropdownPositioningStyles(): void;
     _moveDropdown(containerEl?: HTMLElement): void;
     _makeDropdownFocusable(): void;
     _focusFocusedItem(): void;
@@ -238,7 +239,7 @@ interface AutocompleteData {
      */
     description?: string;
 }
-interface AutocompleteOptions extends BaseOptions {
+interface AutocompleteOptions extends BaseOptions$1 {
     /**
      * Data object defining autocomplete options with
      * optional icon strings.
@@ -320,7 +321,9 @@ declare class Autocomplete extends Component<AutocompleteOptions> {
     _setupDropdown(): void;
     _removeDropdown(): void;
     _handleInputBlur: () => void;
-    _handleInputKeyupAndFocus: (e: KeyboardEvent) => void;
+    _handleInputKeyup: (e: KeyboardEvent) => void;
+    _handleInputFocus: () => void;
+    _inputChangeDetection: (value: string) => void;
     _handleInputKeydown: (e: KeyboardEvent) => void;
     _handleInputClick: () => void;
     _handleContainerMousedownAndTouchstart: () => void;
@@ -359,12 +362,12 @@ declare class Autocomplete extends Component<AutocompleteOptions> {
     selectOption(id: number | string): void;
 }
 
-interface FloatingActionButtonOptions extends BaseOptions {
+interface FloatingActionButtonOptions extends BaseOptions$1 {
     /**
      * Direction FAB menu opens.
      * @default "top"
      */
-    direction: "top" | "right" | "bottom" | "left";
+    direction: 'top' | 'right' | 'bottom' | 'left';
     /**
      * true: FAB menu appears on hover, false: FAB menu appears on click.
      * @default true
@@ -423,11 +426,56 @@ declare class FloatingActionButton extends Component<FloatingActionButtonOptions
     _animateInToolbar(): void;
 }
 
-declare class Cards {
-    static Init(): void;
+interface CardsOptions extends BaseOptions$1 {
+    onOpen: (el: Element) => void;
+    onClose: (el: Element) => void;
+    inDuration: number;
+    outDuration: number;
+}
+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>);
+    static get defaults(): CardsOptions;
+    /**
+     * Initializes instance of Cards.
+     * @param el HTML element.
+     * @param options Component options.
+     */
+    static init(el: HTMLElement, options?: Partial<CardsOptions>): Cards;
+    /**
+     * Initializes instances of Cards.
+     * @param els HTML elements.
+     * @param options Component options.
+     */
+    static init(els: InitElements<MElement>, options?: Partial<CardsOptions>): Cards[];
+    static getInstance(el: HTMLElement): Cards;
+    /**
+     * {@inheritDoc}
+     */
+    destroy(): void;
+    _setupEventHandlers: () => void;
+    _removeEventHandlers: () => void;
+    _handleClickInteraction: () => void;
+    _handleKeypressEvent: (e: KeyboardEvent) => void;
+    _handleRevealEvent: () => void;
+    _setupRevealCloseEventHandlers: () => void;
+    _removeRevealCloseEventHandlers: () => void;
+    _handleKeypressCloseEvent: (e: KeyboardEvent) => void;
+    /**
+     * Show card reveal.
+     */
+    open: () => void;
+    /**
+     * Hide card reveal.
+     */
+    close: () => void;
 }
 
-interface CarouselOptions extends BaseOptions {
+interface CarouselOptions extends BaseOptions$1 {
     /**
      * Transition duration in milliseconds.
      * @default 200
@@ -485,15 +533,15 @@ declare class Carousel extends Component<CarouselOptions> {
     offset: number;
     target: number;
     images: HTMLElement[];
-    itemWidth: any;
-    itemHeight: any;
+    itemWidth: number;
+    itemHeight: number;
     dim: number;
-    _indicators: any;
+    _indicators: HTMLUListElement;
     count: number;
     xform: string;
     verticalDragged: boolean;
-    reference: any;
-    referenceY: any;
+    reference: number;
+    referenceY: number;
     velocity: number;
     frame: number;
     timestamp: number;
@@ -501,9 +549,9 @@ declare class Carousel extends Component<CarouselOptions> {
     amplitude: number;
     /** The index of the center carousel item. */
     center: number;
-    imageHeight: any;
-    scrollingTimeout: any;
-    oneTimeCallback: any;
+    imageHeight: number;
+    scrollingTimeout: number | NodeJS.Timeout;
+    oneTimeCallback: (current: Element, dragged: boolean) => void | null;
     constructor(el: HTMLElement, options: Partial<CarouselOptions>);
     static get defaults(): CarouselOptions;
     /**
@@ -528,6 +576,8 @@ declare class Carousel extends Component<CarouselOptions> {
     _handleCarouselRelease: (e: MouseEvent | TouchEvent) => boolean;
     _handleCarouselClick: (e: MouseEvent | TouchEvent) => boolean;
     _handleIndicatorClick: (e: Event) => void;
+    _handleIndicatorKeyPress: (e: KeyboardEvent) => void;
+    _handleIndicatorInteraction: (e: Event) => void;
     _handleResize: () => void;
     _setCarouselHeight(imageOnly?: boolean): void;
     _xpos(e: MouseEvent | TouchEvent): number;
@@ -537,7 +587,7 @@ declare class Carousel extends Component<CarouselOptions> {
     _autoScroll: () => void;
     _scroll(x?: number): void;
     _updateItemStyle(el: HTMLElement, opacity: number, zIndex: number, transform: string): void;
-    _cycleTo(n: number, callback?: CarouselOptions["onCycleTo"]): void;
+    _cycleTo(n: number, callback?: CarouselOptions['onCycleTo']): void;
     /**
      * Move carousel to next slide or go forward a given amount of slides.
      * @param n How many times the carousel slides.
@@ -553,42 +603,7 @@ declare class Carousel extends Component<CarouselOptions> {
      * @param n Index of slide.
      * @param callback "onCycleTo" optional callback.
      */
-    set(n: number, callback?: CarouselOptions["onCycleTo"]): void;
-}
-
-interface CharacterCounterOptions extends BaseOptions {
-}
-type InputElement = HTMLInputElement | HTMLTextAreaElement;
-declare class CharacterCounter extends Component<{}> {
-    el: InputElement;
-    /** Stores the reference to the counter HTML element. */
-    counterEl: HTMLSpanElement;
-    /** Specifies whether the input is valid or not. */
-    isInvalid: boolean;
-    /** Specifies whether the input text has valid length or not. */
-    isValidLength: boolean;
-    constructor(el: HTMLInputElement | HTMLTextAreaElement, options: Partial<CharacterCounterOptions>);
-    static get defaults(): CharacterCounterOptions;
-    /**
-     * Initializes instance of CharacterCounter.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: InputElement, options?: Partial<CharacterCounterOptions>): CharacterCounter;
-    /**
-     * Initializes instances of CharacterCounter.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<InputElement | MElement>, options?: Partial<CharacterCounterOptions>): CharacterCounter[];
-    static getInstance(el: InputElement): CharacterCounter;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _setupCounter(): void;
-    _removeCounter(): void;
-    updateCounter: () => void;
-    _validateInput(): void;
+    set(n: number, callback?: CarouselOptions['onCycleTo']): void;
 }
 
 interface ChipData {
@@ -605,7 +620,7 @@ interface ChipData {
      */
     image?: string;
 }
-interface ChipsOptions extends BaseOptions {
+interface ChipsOptions extends BaseOptions$1 {
     /**
      * Set the chip data.
      * @default []
@@ -641,6 +656,11 @@ interface ChipsOptions extends BaseOptions {
      * @default 'material-icons'
      */
     closeIconClass: string;
+    /**
+     *  Specifies option to render user input field
+     *  @default false;
+     */
+    allowUserInput: boolean;
     /**
      * Callback for chip add.
      * @default null
@@ -665,7 +685,7 @@ declare class Chips extends Component<ChipsOptions> {
     /** Autocomplete instance, if any. */
     autocomplete: Autocomplete;
     _input: HTMLInputElement;
-    _label: any;
+    _label: HTMLLabelElement;
     _chips: HTMLElement[];
     static _keydown: boolean;
     private _selectedChip;
@@ -676,7 +696,7 @@ declare class Chips extends Component<ChipsOptions> {
      * @param el HTML element.
      * @param options Component options.
      */
-    static init(el: InitElements<MElement>, options?: Partial<ChipsOptions>): Chips;
+    static init(el: HTMLElement, options?: Partial<ChipsOptions>): Chips;
     /**
      * Initializes instances of Chips.
      * @param els HTML elements.
@@ -690,7 +710,7 @@ declare class Chips extends Component<ChipsOptions> {
     _removeEventHandlers(): void;
     _handleChipClick: (e: MouseEvent) => void;
     static _handleChipsKeydown(e: KeyboardEvent): void;
-    static _handleChipsKeyup(e: Event): void;
+    static _handleChipsKeyup(): void;
     static _handleChipsBlur(e: Event): void;
     _handleInputFocus: () => void;
     _handleInputBlur: () => void;
@@ -720,7 +740,7 @@ declare class Chips extends Component<ChipsOptions> {
     static Init(): void;
 }
 
-interface CollapsibleOptions extends BaseOptions {
+interface CollapsibleOptions extends BaseOptions$1 {
     /**
      * If accordion versus collapsible.
      * @default true
@@ -794,127 +814,6 @@ declare class Collapsible extends Component<CollapsibleOptions> {
     close: (index: number) => void;
 }
 
-interface ModalOptions extends BaseOptions {
-    /**
-     * Opacity of the modal overlay.
-     * @default 0.5
-     */
-    opacity: number;
-    /**
-     * Transition in duration in milliseconds.
-     * @default 250
-     */
-    inDuration: number;
-    /**
-     * Transition out duration in milliseconds.
-     * @default 250
-     */
-    outDuration: number;
-    /**
-     * Prevent page from scrolling while modal is open.
-     * @default true
-     */
-    preventScrolling: boolean;
-    /**
-     * Callback function called before modal is opened.
-     * @default null
-     */
-    onOpenStart: (this: Modal, el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is opened.
-     * @default null
-     */
-    onOpenEnd: (this: Modal, el: HTMLElement) => void;
-    /**
-     * Callback function called before modal is closed.
-     * @default null
-     */
-    onCloseStart: (el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is closed.
-     * @default null
-     */
-    onCloseEnd: (el: HTMLElement) => void;
-    /**
-     * Allow modal to be dismissed by keyboard or overlay click.
-     * @default true
-     */
-    dismissible: boolean;
-    /**
-     * Starting top offset.
-     * @default '4%'
-     */
-    startingTop: string;
-    /**
-     * Ending top offset.
-     * @default '10%'
-     */
-    endingTop: string;
-}
-declare class Modal extends Component<ModalOptions> {
-    static _modalsOpen: number;
-    static _count: number;
-    /**
-     * ID of the modal element.
-     */
-    id: string;
-    /**
-     * If the modal is open.
-     */
-    isOpen: boolean;
-    private _openingTrigger;
-    private _overlay;
-    private _nthModalOpened;
-    constructor(el: HTMLElement, options: Partial<ModalOptions>);
-    static get defaults(): {
-        opacity: number;
-        inDuration: number;
-        outDuration: number;
-        onOpenStart: any;
-        onOpenEnd: any;
-        onCloseStart: any;
-        onCloseEnd: any;
-        preventScrolling: boolean;
-        dismissible: boolean;
-        startingTop: string;
-        endingTop: string;
-    };
-    /**
-     * Initializes instance of Modal.
-     * @param el HTML element.
-     * @param options Component options.
-     * @returns {Modal}
-     */
-    static init(el: HTMLElement, options?: Partial<ModalOptions>): Modal;
-    /**
-     * Initializes instances of Modal.
-     * @param els HTML elements.
-     * @param options Component options.
-     * @returns {Modal[]}
-     */
-    static init(els: InitElements<MElement>, options?: Partial<ModalOptions>): Modal[];
-    static getInstance(el: HTMLElement): Modal;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleTriggerClick: (e: MouseEvent) => void;
-    _handleOverlayClick: () => void;
-    _handleModalCloseClick: (e: MouseEvent) => void;
-    _handleKeydown: (e: KeyboardEvent) => void;
-    _handleFocus: (e: FocusEvent) => void;
-    _animateIn(): void;
-    _animateOut(): void;
-    /**
-     * Open modal.
-     */
-    open: (trigger?: HTMLElement) => Modal;
-    /**
-     * Close modal.
-     */
-    close: () => this;
-    static create(children?: string): string;
-}
-
 interface DateI18nOptions extends I18nOptions {
     previousMonth: string;
     nextMonth: string;
@@ -924,12 +823,7 @@ interface DateI18nOptions extends I18nOptions {
     weekdaysShort: string[];
     weekdaysAbbrev: string[];
 }
-interface DatepickerOptions extends BaseOptions {
-    /**
-     * Automatically close picker when date is selected.
-     * @default false
-     */
-    autoClose: boolean;
+interface DatepickerOptions extends BaseOptions$1 {
     /**
      * The date output format for the input field value
      * or a function taking the date and outputting the
@@ -942,16 +836,36 @@ interface DatepickerOptions extends BaseOptions {
      * @default null
      */
     parse: ((value: string, format: string) => Date) | null;
+    /**
+     * The initial condition if the datepicker is based on date range.
+     * @default false
+     */
+    isDateRange: boolean;
+    /**
+     * The initial condition if the datepicker is based on multiple date selection.
+     * @default false
+     */
+    isMultipleSelection: boolean;
     /**
      * The initial date to view when first opened.
      * @default null
      */
     defaultDate: Date | null;
+    /**
+     * The initial end date to view when first opened.
+     * @default null
+     */
+    defaultEndDate: Date | null;
     /**
      * Make the `defaultDate` the initial selected value.
      * @default false
      */
     setDefaultDate: boolean;
+    /**
+     * Make the `defaultEndDate` the initial selected value.
+     * @default false
+     */
+    setDefaultEndDate: boolean;
     /**
      * Prevent selection of any date on the weekend.
      * @default false
@@ -1030,40 +944,32 @@ interface DatepickerOptions extends BaseOptions {
      * @default null
      */
     onSelect: ((selectedDate: Date) => void) | null;
-    /**
-     * Callback function when Datepicker is opened.
-     * @default null
-     */
-    onOpen: (() => void) | null;
     /**
      * Callback function when Datepicker is closed.
      * @default null
      */
-    onClose: (() => void) | null;
     /**
      * Callback function when Datepicker HTML is refreshed.
      * @default null
      */
     onDraw: (() => void) | null;
     /** Field used for internal calculations DO NOT CHANGE IT */
-    minYear?: any;
+    minYear?: number;
     /** Field used for internal calculations DO NOT CHANGE IT */
-    maxYear?: any;
+    maxYear?: number;
     /** Field used for internal calculations DO NOT CHANGE IT */
-    minMonth?: any;
+    minMonth?: number;
     /** Field used for internal calculations DO NOT CHANGE IT */
-    maxMonth?: any;
+    maxMonth?: number;
     /** Field used for internal calculations DO NOT CHANGE IT */
-    startRange?: any;
+    startRange?: Date;
     /** Field used for internal calculations DO NOT CHANGE IT */
-    endRange?: any;
+    endRange?: Date;
 }
 declare class Datepicker extends Component<DatepickerOptions> {
     el: HTMLInputElement;
     id: string;
-    /** If the picker is open. */
-    isOpen: boolean;
-    modal: Modal;
+    multiple: boolean;
     calendarEl: HTMLElement;
     /** CLEAR button instance. */
     clearBtn: HTMLElement;
@@ -1073,10 +979,17 @@ declare class Datepicker extends Component<DatepickerOptions> {
     modalEl: HTMLElement;
     yearTextEl: HTMLElement;
     dateTextEl: HTMLElement;
+    endDateEl: HTMLInputElement;
+    dateEls: HTMLInputElement[];
     /** The selected Date. */
     date: Date;
-    formats: any;
-    calendars: any;
+    endDate: null | Date;
+    dates: Date[];
+    formats: object;
+    calendars: [{
+        month: number;
+        year: number;
+    }];
     private _y;
     private _m;
     static _template: string;
@@ -1096,30 +1009,68 @@ declare class Datepicker extends Component<DatepickerOptions> {
     static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<DatepickerOptions>): Datepicker[];
     static _isDate(obj: any): boolean;
     static _isWeekend(date: any): boolean;
+    /**
+     * @deprecated as this function has no effect without any return statement or global parameter setter.
+     */
     static _setToStartOfDay(date: any): void;
     static _getDaysInMonth(year: any, month: any): number;
     static _isLeapYear(year: any): boolean;
     static _compareDates(a: any, b: any): boolean;
+    static _compareWithinRange(day: Date, date: Date, dateEnd: Date): boolean;
+    static _comparePastDate(a: Date, b: Date): boolean;
     static getInstance(el: HTMLElement): Datepicker;
     destroy(): void;
     destroySelects(): void;
     _insertHTMLIntoDOM(): void;
-    _setupModal(): void;
     /**
-     * Gets a string representation of the selected date.
+     * Gets a string representation of the given date.
      */
-    toString(format?: string | ((d: Date) => string)): string;
+    toString(date?: Date, format?: string | ((d: Date) => string)): string;
+    /**
+     * Returns the formatted date.
+     */
+    formatDate(date: Date, format: string): string;
+    /**
+     * Sets date from input field.
+     */
+    setDateFromInput(el: HTMLInputElement): void;
     /**
      * Set a date on the datepicker.
      * @param date Date to set on the datepicker.
      * @param preventOnSelect Undocumented as of 5 March 2018.
+     * @param isEndDate
+     * @param fromUserInput
+     */
+    setDate(date?: Date, preventOnSelect?: boolean, isEndDate?: boolean, fromUserInput?: boolean): void;
+    validateDate(date: Date): void | Date;
+    /**
+     * Set a single date on the datepicker.
+     * @param date Date to set on the datepicker.
+     * @param isEndDate
+     */
+    setSingleDate(date: Date, isEndDate: boolean): void;
+    /**
+     * Set a multi date on the datepicker.
+     * @param date Date to set on the datepicker.
+     */
+    setMultiDate(date: Date): void;
+    /**
+     * Sets the data-date attribute on the date input field
+     */
+    setDataDate(el: any, date: any): void;
+    /**
+     * Sets dates on the input values.
+     */
+    setInputValues(): void;
+    setMultipleSelectionInputValues(): void;
+    /**
+     * Sets given date as the input value on the given element.
      */
-    setDate(date?: Date | string, preventOnSelect?: boolean): void;
+    setInputValue(el: any, date: any): void;
     /**
-     * Sets current date as the input value.
+     * Renders the date in the modal head section.
      */
-    setInputValue(): void;
-    _renderDateDisplay(): void;
+    _renderDateDisplay(date: Date, endDate?: Date): void;
     /**
      * Change date view to a specific date on the datepicker.
      * @param date Date to show on the datepicker.
@@ -1136,44 +1087,29 @@ declare class Datepicker extends Component<DatepickerOptions> {
     renderHead(opts: any): string;
     renderBody(rows: any): string;
     renderTitle(instance: any, c: any, year: any, month: any, refYear: any, randId: any): string;
-    draw(force?: boolean): void;
+    draw(): void;
     _setupEventHandlers(): void;
     _setupVariables(): void;
     _removeEventHandlers(): void;
-    _handleInputClick: () => void;
+    _handleInputClick: (e: any) => void;
     _handleInputKeydown: (e: KeyboardEvent) => void;
     _handleCalendarClick: (e: any) => void;
+    _handleDateRangeCalendarClick: (date: Date) => void;
     _handleClearClick: () => void;
+    _clearDates: () => void;
     _handleMonthChange: (e: any) => void;
     _handleYearChange: (e: any) => void;
     gotoMonth(month: any): void;
     gotoYear(year: any): void;
     _handleInputChange: (e: Event) => void;
     renderDayName(opts: any, day: any, abbr?: boolean): any;
+    createDateInput(): HTMLInputElement;
     _finishSelection: () => void;
-    /**
-     * Open datepicker.
-     */
-    open: () => this;
-    /**
-     * Close datepicker.
-     */
-    close: () => this;
-}
-
-declare class Forms {
-    /**
-     * Resizes the given TextArea after updating the
-     *  value content dynamically.
-     * @param textarea TextArea to be resized
-     */
-    static textareaAutoResize(textarea: HTMLTextAreaElement): void;
-    static Init(): void;
-    static InitTextarea(textarea: HTMLTextAreaElement): void;
-    static InitFileInputPath(fileInput: HTMLInputElement): void;
+    open(): this;
+    close(): this;
 }
 
-interface MaterialboxOptions extends BaseOptions {
+interface MaterialboxOptions extends BaseOptions$1 {
     /**
      * Transition in duration in milliseconds.
      * @default 275
@@ -1246,6 +1182,8 @@ declare class Materialbox extends Component<MaterialboxOptions> {
     private _setupEventHandlers;
     private _removeEventHandlers;
     private _handleMaterialboxClick;
+    private _handleMaterialboxKeypress;
+    private _handleMaterialboxToggle;
     private _handleWindowScroll;
     private _handleWindowResize;
     private _handleWindowEscape;
@@ -1268,46 +1206,200 @@ declare class Materialbox extends Component<MaterialboxOptions> {
     close: () => void;
 }
 
-interface ParallaxOptions extends BaseOptions {
-    /**
-     * The minimum width of the screen, in pixels, where the parallax functionality starts working.
-     * @default 0
-     */
-    responsiveThreshold: number;
+interface ModalOptions extends BaseOptions$1 {
+    opacity: number;
+    inDuration: number;
+    outDuration: number;
+    preventScrolling: boolean;
+    onOpenStart: (this: Modal, el: HTMLElement) => void;
+    onOpenEnd: (this: Modal, el: HTMLElement) => void;
+    onCloseStart: (el: HTMLElement) => void;
+    onCloseEnd: (el: HTMLElement) => void;
+    dismissible: boolean;
+    startingTop: string;
+    endingTop: string;
 }
-declare class Parallax extends Component<ParallaxOptions> {
-    private _enabled;
-    private _img;
-    static _parallaxes: Parallax[];
-    static _handleScrollThrottled: () => any;
-    static _handleWindowResizeThrottled: () => any;
-    constructor(el: HTMLElement, options: Partial<ParallaxOptions>);
-    static get defaults(): ParallaxOptions;
-    /**
-     * Initializes instance of Parallax.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<ParallaxOptions>): Parallax;
-    /**
-     * Initializes instances of Parallax.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<ParallaxOptions>): Parallax[];
-    static getInstance(el: HTMLElement): Parallax;
+declare class Modal extends Component<ModalOptions> {
+    #private;
+    constructor(el: HTMLElement, options: Partial<ModalOptions>);
+    static get defaults(): {
+        opacity: number;
+        inDuration: number;
+        outDuration: number;
+        onOpenStart: any;
+        onOpenEnd: any;
+        onCloseStart: any;
+        onCloseEnd: any;
+        preventScrolling: boolean;
+        dismissible: boolean;
+        startingTop: string;
+        endingTop: string;
+    };
+    static init(el: HTMLElement, options?: Partial<ModalOptions>): Modal;
+    static init(els: InitElements<MElement>, options?: Partial<ModalOptions>): Modal[];
+    static getInstance(el: HTMLElement): Modal;
     destroy(): void;
-    static _handleScroll(): void;
-    static _handleWindowResize(): void;
     _setupEventHandlers(): void;
     _removeEventHandlers(): void;
-    _setupStyles(): void;
-    _handleImageLoad: () => void;
+    _handleTriggerClick(): void;
+    _handleOverlayClick(): void;
+    _handleModalCloseClick(): void;
+    _handleKeydown(): void;
+    _handleFocus(): void;
+    open(): this;
+    close(): this;
+    static create(config: any): string | HTMLDialogElement;
+}
+
+declare class Edges {
+    top: boolean;
+    right: boolean;
+    bottom: boolean;
+    left: boolean;
+}
+
+declare class Bounding {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+
+/**
+ * Class with utilitary functions for global usage.
+ */
+declare class Utils {
+    /** Specifies wether tab is pressed or not. */
+    static tabPressed: boolean;
+    /** Specifies wether there is a key pressed. */
+    static keyDown: boolean;
+    /**
+     * Key maps.
+     */
+    static keys: {
+        TAB: string[];
+        ENTER: string[];
+        ESC: string[];
+        BACKSPACE: string[];
+        ARROW_UP: string[];
+        ARROW_DOWN: string[];
+        ARROW_LEFT: string[];
+        ARROW_RIGHT: string[];
+        DELETE: string[];
+    };
+    /**
+     * Detects when a key is pressed.
+     * @param e Event instance.
+     */
+    static docHandleKeydown(e: KeyboardEvent): void;
+    /**
+     * Detects when a key is released.
+     * @param e Event instance.
+     */
+    static docHandleKeyup(e: KeyboardEvent): void;
+    /**
+     * Detects when document is focused.
+     * @param e Event instance.
+     */
+    static docHandleFocus(e: FocusEvent): void;
+    /**
+     * Detects when document is not focused.
+     * @param e Event instance.
+     */
+    static docHandleBlur(e: FocusEvent): void;
+    /**
+     * Generates a unique string identifier.
+     */
+    static guid(): string;
+    /**
+     * Checks for exceeded edges
+     * @param container Container element.
+     * @param bounding Bounding rect.
+     * @param offset Element offset.
+     */
+    static checkWithinContainer(container: HTMLElement, bounding: Bounding, offset: number): Edges;
+    /**
+     * Checks if element can be aligned in multiple directions.
+     * @param el Element to be inspected.
+     * @param container Container element.
+     * @param bounding Bounding rect.
+     * @param offset Element offset.
+     */
+    static checkPossibleAlignments(el: HTMLElement, container: HTMLElement, bounding: Bounding, offset: number): {
+        top: boolean;
+        right: boolean;
+        bottom: boolean;
+        left: boolean;
+        spaceOnTop: number;
+        spaceOnRight: number;
+        spaceOnBottom: number;
+        spaceOnLeft: number;
+    };
+    /**
+     * Retrieves target element id from trigger.
+     * @param trigger Trigger element.
+     */
+    static getIdFromTrigger(trigger: HTMLElement): string;
+    /**
+     * Retrieves document scroll postion from top.
+     */
+    static getDocumentScrollTop(): number;
+    /**
+     * Retrieves document scroll postion from left.
+     */
+    static getDocumentScrollLeft(): number;
+    /**
+     * Fires the given function after a certain ammount of time.
+     * @param func Function to be fired.
+     * @param wait Wait time.
+     * @param options Additional options.
+     */
+    static throttle(func: (Function: object) => void, wait: number, options?: Partial<{
+        leading: boolean;
+        trailing: boolean;
+    }>): (...args: any[]) => any;
+}
+
+interface ParallaxOptions extends BaseOptions$1 {
+    /**
+     * The minimum width of the screen, in pixels, where the parallax functionality starts working.
+     * @default 0
+     */
+    responsiveThreshold: number;
+}
+declare class Parallax extends Component<ParallaxOptions> {
+    private _enabled;
+    private _img;
+    static _parallaxes: Parallax[];
+    static _handleScrollThrottled: () => Utils;
+    static _handleWindowResizeThrottled: () => Utils;
+    constructor(el: HTMLElement, options: Partial<ParallaxOptions>);
+    static get defaults(): ParallaxOptions;
+    /**
+     * Initializes instance of Parallax.
+     * @param el HTML element.
+     * @param options Component options.
+     */
+    static init(el: HTMLElement, options?: Partial<ParallaxOptions>): Parallax;
+    /**
+     * Initializes instances of Parallax.
+     * @param els HTML elements.
+     * @param options Component options.
+     */
+    static init(els: InitElements<MElement>, options?: Partial<ParallaxOptions>): Parallax[];
+    static getInstance(el: HTMLElement): Parallax;
+    destroy(): void;
+    static _handleScroll(): void;
+    static _handleWindowResize(): void;
+    _setupEventHandlers(): void;
+    _removeEventHandlers(): void;
+    _setupStyles(): void;
+    _handleImageLoad: () => void;
     private _offset;
     _updateParallax(): void;
 }
 
-interface PushpinOptions extends BaseOptions {
+interface PushpinOptions extends BaseOptions$1 {
     /**
      * The distance in pixels from the top of the page where
      * the element becomes fixed.
@@ -1330,11 +1422,11 @@ interface PushpinOptions extends BaseOptions {
      * You are provided with a position string.
      * @default null
      */
-    onPositionChange: (position: "pinned" | "pin-top" | "pin-bottom") => void;
+    onPositionChange: (position: 'pinned' | 'pin-top' | 'pin-bottom') => void;
 }
 declare class Pushpin extends Component<PushpinOptions> {
-    static _pushpins: any[];
-    originalOffset: any;
+    static _pushpins: Pushpin[];
+    originalOffset: number;
     constructor(el: HTMLElement, options: Partial<PushpinOptions>);
     static get defaults(): PushpinOptions;
     /**
@@ -1358,7 +1450,7 @@ declare class Pushpin extends Component<PushpinOptions> {
     _removePinClasses(): void;
 }
 
-interface ScrollSpyOptions extends BaseOptions {
+interface ScrollSpyOptions extends BaseOptions$1 {
     /**
      * Throttle of scroll handler.
      * @default 100
@@ -1379,16 +1471,32 @@ interface ScrollSpyOptions extends BaseOptions {
      * @default id => 'a[href="#' + id + '"]'
      */
     getActiveElement: (id: string) => string;
+    /**
+     * Used to keep last top element active even if
+     * scrollbar goes outside of scrollspy elements.
+     *
+     * If there is no last top element,
+     * then the active one will be the first element.
+     *
+     * @default false
+     */
+    keepTopElementActive: boolean;
+    /**
+     * Used to set scroll animation duration in milliseconds.
+     * @default null (browser's native animation implementation/duration)
+     */
+    animationDuration: number | null;
 }
 declare class ScrollSpy extends Component<ScrollSpyOptions> {
     static _elements: ScrollSpy[];
     static _count: number;
     static _increment: number;
-    tickId: number;
-    id: any;
     static _elementsInView: ScrollSpy[];
-    static _visibleElements: any[];
+    static _visibleElements: HTMLElement[];
     static _ticks: number;
+    static _keptTopActiveElement: HTMLElement | null;
+    private tickId;
+    private id;
     constructor(el: HTMLElement, options: Partial<ScrollSpyOptions>);
     static get defaults(): ScrollSpyOptions;
     /**
@@ -1417,9 +1525,12 @@ declare class ScrollSpy extends Component<ScrollSpyOptions> {
     static _findElements(top: number, right: number, bottom: number, left: number): ScrollSpy[];
     _enter(): void;
     _exit(): void;
+    private _resetKeptTopActiveElementIfNeeded;
+    private static _getDistanceToViewport;
+    private static _smoothScrollIntoView;
 }
 
-interface FormSelectOptions extends BaseOptions {
+interface FormSelectOptions extends BaseOptions$1 {
     /**
      * Classes to be added to the select wrapper element.
      * @default ""
@@ -1493,7 +1604,7 @@ declare class FormSelect extends Component<FormSelectOptions> {
     getSelectedValues(): string[];
 }
 
-interface SidenavOptions extends BaseOptions {
+interface SidenavOptions extends BaseOptions$1 {
     /**
      * Side of screen on which Sidenav appears.
      * @default 'left'
@@ -1588,12 +1699,14 @@ declare class Sidenav extends Component<SidenavOptions> implements Openable {
     private _handleDragTargetDrag;
     private _handleDragTargetRelease;
     private _handleCloseDrag;
+    private _calculateDelta;
     private _handleCloseRelease;
     private _handleCloseTriggerClick;
     private _handleWindowResize;
     private _setupClasses;
     private _removeClasses;
     private _setupFixed;
+    private _isDraggable;
     private _isCurrentlyFixed;
     private _createDragTarget;
     private _preventBodyScrolling;
@@ -1612,110 +1725,11 @@ declare class Sidenav extends Component<SidenavOptions> implements Openable {
     private _animateSidenavOut;
     private _animateOverlayIn;
     private _animateOverlayOut;
+    private _setAriaHidden;
+    private _setTabIndex;
 }
 
-interface SliderOptions extends BaseOptions {
-    /**
-     * Set to false to hide slide indicators.
-     * @default true
-     */
-    indicators: boolean;
-    /**
-     * Set height of slider.
-     * @default 400
-     */
-    height: number;
-    /**
-     * Set the duration of the transition animation in ms.
-     * @default 500
-     */
-    duration: number;
-    /**
-     * Set the duration between transitions in ms.
-     * @default 6000
-     */
-    interval: number;
-    /**
-     * If slider should pause when keyboard focus is received.
-     * @default true
-     */
-    pauseOnFocus: boolean;
-    /**
-     * If slider should pause when is hovered by a pointer.
-     * @default true
-     */
-    pauseOnHover: boolean;
-    /**
-     * Optional function used to generate ARIA label to indicators (for accessibility purposes).
-     * @param index Current index, starting from "1".
-     * @param current A which indicates whether it is the current element or not
-     * @returns a string to be used as label indicator.
-     * @default null
-     */
-    indicatorLabelFunc: (index: number, current: boolean) => string;
-}
-declare class Slider extends Component<SliderOptions> {
-    /** Index of current slide. */
-    activeIndex: number;
-    interval: string | number | NodeJS.Timeout;
-    eventPause: boolean;
-    _slider: HTMLUListElement;
-    _slides: HTMLLIElement[];
-    _activeSlide: HTMLLIElement;
-    _indicators: HTMLLIElement[];
-    _hovered: boolean;
-    _focused: boolean;
-    _focusCurrent: boolean;
-    _sliderId: string;
-    constructor(el: HTMLElement, options: Partial<SliderOptions>);
-    static get defaults(): SliderOptions;
-    /**
-     * Initializes instance of Slider.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<SliderOptions>): Slider;
-    /**
-     * Initializes instances of Slider.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<SliderOptions>): Slider[];
-    static getInstance(el: HTMLElement): Slider;
-    destroy(): void;
-    private _setupEventHandlers;
-    private _removeEventHandlers;
-    private _handleIndicatorClick;
-    private _handleAutoPauseHover;
-    private _handleAutoPauseFocus;
-    private _handleAutoStartHover;
-    private _handleAutoStartFocus;
-    private _handleInterval;
-    private _animateSlide;
-    private _setSliderHeight;
-    private _setupIndicators;
-    private _removeIndicators;
-    set(index: number): void;
-    _pause(fromEvent: boolean): void;
-    /**
-     * Pause slider autoslide.
-     */
-    pause: () => void;
-    /**
-     * Start slider autoslide.
-     */
-    start: () => void;
-    /**
-     * Move to next slider.
-     */
-    next: () => void;
-    /**
-     * Move to prev slider.
-     */
-    prev: () => void;
-}
-
-interface TabsOptions extends BaseOptions {
+interface TabsOptions extends BaseOptions$1 {
     /**
      * Transition duration in milliseconds.
      * @default 300
@@ -1745,9 +1759,9 @@ declare class Tabs extends Component<TabsOptions> {
     _indicator: HTMLLIElement;
     _tabWidth: number;
     _tabsWidth: number;
-    _tabsCarousel: any;
-    _activeTabLink: any;
-    _content: any;
+    _tabsCarousel: Carousel;
+    _activeTabLink: HTMLAnchorElement;
+    _content: HTMLElement;
     constructor(el: HTMLElement, options: Partial<TabsOptions>);
     static get defaults(): TabsOptions;
     /**
@@ -1794,7 +1808,7 @@ declare class Tabs extends Component<TabsOptions> {
     select(tabId: string): void;
 }
 
-interface TapTargetOptions extends BaseOptions {
+interface TapTargetOptions extends BaseOptions$1 {
     /**
      * Callback function called when Tap Target is opened.
      * @default null
@@ -1811,8 +1825,8 @@ declare class TapTarget extends Component<TapTargetOptions> implements Openable
      * If the tap target is open.
      */
     isOpen: boolean;
+    static _taptargets: TapTarget[];
     private wrapper;
-    private _origin;
     private originEl;
     private waveEl;
     private contentEl;
@@ -1835,10 +1849,10 @@ declare class TapTarget extends Component<TapTargetOptions> implements Openable
     _setupEventHandlers(): void;
     _removeEventHandlers(): void;
     _handleThrottledResize: () => void;
-    _handleTargetClick: () => void;
-    _handleOriginClick: () => void;
+    _handleKeyboardInteraction: (e: KeyboardEvent) => void;
+    _handleTargetToggle: () => void;
     _handleResize: () => void;
-    _handleDocumentClick: (e: MouseEvent | TouchEvent) => void;
+    _handleDocumentClick: (e: MouseEvent | TouchEvent | KeyboardEvent) => void;
     _setup(): void;
     private _offset;
     _calculatePositioning(): void;
@@ -1852,8 +1866,8 @@ declare class TapTarget extends Component<TapTargetOptions> implements Openable
     close: () => void;
 }
 
-type Views = "hours" | "minutes";
-interface TimepickerOptions extends BaseOptions {
+type Views = 'hours' | 'minutes';
+interface TimepickerOptions extends BaseOptions$1 {
     /**
      * Dial radius.
      * @default 135
@@ -1904,11 +1918,6 @@ interface TimepickerOptions extends BaseOptions {
      * Internationalization options.
      */
     i18n: Partial<I18nOptions>;
-    /**
-     * Automatically close picker when minute is selected.
-     * @default false;
-     */
-    autoClose: boolean;
     /**
      * Use 12 hour AM/PM clock instead of 24 hour clock.
      * @default true
@@ -1919,26 +1928,6 @@ interface TimepickerOptions extends BaseOptions {
      * @default true
      */
     vibrate: boolean;
-    /**
-     * Callback function called before modal is opened.
-     * @default null
-     */
-    onOpenStart: (el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is opened.
-     * @default null
-     */
-    onOpenEnd: (el: HTMLElement) => void;
-    /**
-     * Callback function called before modal is closed.
-     * @default null
-     */
-    onCloseStart: (el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is closed.
-     * @default null
-     */
-    onCloseEnd: (el: HTMLElement) => void;
     /**
      * Callback function when a time is selected.
      * @default null
@@ -1952,10 +1941,9 @@ type Point = {
 declare class Timepicker extends Component<TimepickerOptions> {
     el: HTMLInputElement;
     id: string;
-    modal: Modal;
     modalEl: HTMLElement;
-    plate: any;
-    digitalClock: any;
+    plate: HTMLElement;
+    digitalClock: HTMLElement;
     inputHours: HTMLInputElement;
     inputMinutes: HTMLInputElement;
     x0: number;
@@ -1968,24 +1956,22 @@ declare class Timepicker extends Component<TimepickerOptions> {
      * @default 'hours'
      */
     currentView: Views;
-    hand: any;
+    hand: SVGElement;
     minutesView: HTMLElement;
-    hours: any;
-    minutes: any;
+    hours: number;
+    minutes: number;
     /** The selected time. */
     time: string;
     /**
      * If the time is AM or PM on twelve-hour clock.
      * @default 'PM'
      */
-    amOrPm: "AM" | "PM";
+    amOrPm: 'AM' | 'PM';
     static _template: any;
-    /** If the picker is open. */
-    isOpen: boolean;
     /** Vibrate device when dragging clock hand. */
-    vibrate: "vibrate" | "webkitVibrate" | null;
+    vibrate: 'vibrate' | 'webkitVibrate' | null;
     _canvas: HTMLElement;
-    hoursView: any;
+    hoursView: HTMLElement;
     spanAmPm: HTMLSpanElement;
     footer: HTMLElement;
     private _amBtn;
@@ -1994,8 +1980,7 @@ declare class Timepicker extends Component<TimepickerOptions> {
     bearing: Element;
     g: Element;
     toggleViewTimer: string | number | NodeJS.Timeout;
-    canvas: any;
-    vibrateTimer: any;
+    vibrateTimer: NodeJS.Timeout | number;
     constructor(el: HTMLInputElement, options: Partial<TimepickerOptions>);
     static get defaults(): TimepickerOptions;
     /**
@@ -2011,7 +1996,7 @@ declare class Timepicker extends Component<TimepickerOptions> {
      */
     static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<TimepickerOptions>): Timepicker[];
     static _addLeadingZero(num: number): string;
-    static _createSVGEl(name: string): Element;
+    static _createSVGEl(name: string): SVGElement;
     static _Pos(e: TouchEvent | MouseEvent): Point;
     static getInstance(el: HTMLElement): Timepicker;
     destroy(): void;
@@ -2024,13 +2009,13 @@ declare class Timepicker extends Component<TimepickerOptions> {
     _handleDocumentClickMove: (e: any) => void;
     _handleDocumentClickEnd: (e: any) => void;
     _insertHTMLIntoDOM(): void;
-    _setupModal(): void;
     _setupVariables(): void;
     private _createButton;
     _pickerSetup(): void;
     _clockSetup(): void;
     _buildSVGClock(): void;
     _buildHoursView(): void;
+    _buildHoursTick(i: number, radian: number, radius: number): void;
     _buildMinutesView(): void;
     _handleAmPmClick: (e: any) => void;
     _updateAmPmView(): void;
@@ -2038,174 +2023,80 @@ declare class Timepicker extends Component<TimepickerOptions> {
     /**
      * Show hours or minutes view on timepicker.
      * @param view The name of the view you want to switch to, 'hours' or 'minutes'.
+     * @param delay
      */
     showView: (view: Views, delay?: number) => void;
     resetClock(delay: any): void;
     _inputFromTextField: () => void;
     drawClockFromTimeInput(value: any, isHours: any): void;
     setHand(x: any, y: any, roundBy5?: boolean): void;
+    setClockAttributes(radian: number, radius: number): void;
+    formatHours(): void;
+    formatMinutes(): void;
+    setHoursDefault(): void;
+    done: (e?: any, clearValue?: any) => any;
+    clear: () => void;
+    open(): this;
+    close(): this;
+}
+
+type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
+interface TooltipOptions extends BaseOptions$1 {
     /**
-     * Open timepicker.
+     * Delay time before tooltip disappears.
+     * @default 200
      */
-    open: () => void;
+    exitDelay: number;
     /**
-     * Close timepicker.
+     * Delay time before tooltip appears.
+     * @default 0
      */
-    close: () => void;
-    done: (e?: any, clearValue?: any) => void;
-    clear: () => void;
-}
-
-interface ToastOptions extends BaseOptions {
+    enterDelay: number;
     /**
-     * The content of the Toast.
+     * Element Id for the tooltip.
      * @default ""
      */
-    text: string;
+    tooltipId?: string;
     /**
-     * Element Id for the tooltip.
+     * Text string for the tooltip.
      * @default ""
      */
-    toastId?: string;
+    text: string;
     /**
-     * Length in ms the Toast stays before dismissal.
-     * @default 4000
+     * Set distance tooltip appears away from its activator
+     * excluding transitionMovement.
+     * @default 5
      */
-    displayLength: number;
+    margin: number;
     /**
-     * Transition in duration in milliseconds.
+     * Enter transition duration.
      * @default 300
      */
     inDuration: number;
     /**
-     * Transition out duration in milliseconds.
-     * @default 375
+     * Opacity of the tooltip.
+     * @default 1
      */
-    outDuration: number;
+    opacity: number;
     /**
-     * Classes to be added to the toast element.
-     * @default ""
+     * Exit transition duration.
+     * @default 250
      */
-    classes: string;
+    outDuration: number;
     /**
-     * Callback function called when toast is dismissed.
-     * @default null
+     * Set the direction of the tooltip.
+     * @default 'bottom'
      */
-    completeCallback: () => void;
+    position: TooltipPosition;
     /**
-     * The percentage of the toast's width it takes fora drag
-     * to dismiss a Toast.
-     * @default 0.8
+     * Amount in px that the tooltip moves during its transition.
+     * @default 10
      */
-    activationPercent: number;
+    transitionMovement: number;
 }
-declare class Toast {
-    /** The toast element. */
-    el: HTMLElement;
+declare class Tooltip extends Component<TooltipOptions> {
     /**
-     * The remaining amount of time in ms that the toast
-     * will stay before dismissal.
-     */
-    timeRemaining: number;
-    /**
-     * Describes the current pan state of the Toast.
-     */
-    panning: boolean;
-    options: ToastOptions;
-    message: string;
-    counterInterval: NodeJS.Timeout;
-    wasSwiped: boolean;
-    startingXPos: number;
-    xPos: number;
-    time: number;
-    deltaX: number;
-    velocityX: number;
-    static _toasts: Toast[];
-    static _container: any;
-    static _draggedToast: Toast;
-    constructor(options: Partial<ToastOptions>);
-    static get defaults(): ToastOptions;
-    static getInstance(el: HTMLElement): Toast;
-    static _createContainer(): void;
-    static _removeContainer(): void;
-    static _onDragStart(e: TouchEvent | MouseEvent): void;
-    static _onDragMove(e: TouchEvent | MouseEvent): void;
-    static _onDragEnd(): void;
-    static _xPos(e: TouchEvent | MouseEvent): number;
-    /**
-     * dismiss all toasts.
-     */
-    static dismissAll(): void;
-    _createToast(): HTMLElement;
-    _animateIn(): void;
-    /**
-     * Create setInterval which automatically removes toast when timeRemaining >= 0
-     * has been reached.
-     */
-    _setTimer(): void;
-    /**
-     * Dismiss toast with animation.
-     */
-    dismiss(): void;
-}
-
-type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
-interface TooltipOptions extends BaseOptions {
-    /**
-     * Delay time before tooltip disappears.
-     * @default 200
-     */
-    exitDelay: number;
-    /**
-     * Delay time before tooltip appears.
-     * @default 0
-     */
-    enterDelay: number;
-    /**
-     * Element Id for the tooltip.
-     * @default ""
-     */
-    tooltipId?: string;
-    /**
-     * Text string for the tooltip.
-     * @default ""
-     */
-    text: string;
-    /**
-     * Set distance tooltip appears away from its activator
-     * excluding transitionMovement.
-     * @default 5
-     */
-    margin: number;
-    /**
-     * Enter transition duration.
-     * @default 300
-     */
-    inDuration: number;
-    /**
-     * Opacity of the tooltip.
-     * @default 1
-     */
-    opacity: number;
-    /**
-     * Exit transition duration.
-     * @default 250
-     */
-    outDuration: number;
-    /**
-     * Set the direction of the tooltip.
-     * @default 'bottom'
-     */
-    position: TooltipPosition;
-    /**
-     * Amount in px that the tooltip moves during its transition.
-     * @default 10
-     */
-    transitionMovement: number;
-}
-declare class Tooltip extends Component<TooltipOptions> {
-    /**
-     * If tooltip is open.
+     * If tooltip is open.
      */
     isOpen: boolean;
     /**
@@ -2266,6 +2157,253 @@ declare class Tooltip extends Component<TooltipOptions> {
     _getAttributeOptions(): Partial<TooltipOptions>;
 }
 
+interface BaseOptions {
+}
+type InputElement = HTMLInputElement | HTMLTextAreaElement;
+declare class CharacterCounter extends Component<object> {
+    el: InputElement;
+    /** Stores the reference to the counter HTML element. */
+    counterEl: HTMLSpanElement;
+    /** Specifies whether the input is valid or not. */
+    isInvalid: boolean;
+    /** Specifies whether the input text has valid length or not. */
+    isValidLength: boolean;
+    constructor(el: HTMLInputElement | HTMLTextAreaElement, options: Partial<BaseOptions>);
+    static get defaults(): BaseOptions;
+    /**
+     * Initializes instance of CharacterCounter.
+     * @param el HTML element.
+     * @param options Component options.
+     */
+    static init(el: InputElement, options?: Partial<BaseOptions>): CharacterCounter;
+    /**
+     * Initializes instances of CharacterCounter.
+     * @param els HTML elements.
+     * @param options Component options.
+     */
+    static init(els: InitElements<InputElement | MElement>, options?: Partial<BaseOptions>): CharacterCounter[];
+    static getInstance(el: InputElement): CharacterCounter;
+    destroy(): void;
+    _setupEventHandlers(): void;
+    _removeEventHandlers(): void;
+    _setupCounter(): void;
+    _removeCounter(): void;
+    updateCounter: () => void;
+    _validateInput(): void;
+}
+
+declare class Forms {
+    /**
+     * Checks if the label has validation and apply
+     * the correct class and styles
+     * @param textfield
+     */
+    static validateField(textfield: HTMLInputElement): void;
+    /**
+     * Resizes the given TextArea after updating the
+     *  value content dynamically.
+     * @param e EventTarget
+     */
+    static textareaAutoResize(e: EventTarget): void;
+    static Init(): void;
+    static InitTextarea(textarea: HTMLTextAreaElement): void;
+    static InitFileInputPath(fileInput: HTMLInputElement): void;
+}
+
+interface SliderOptions extends BaseOptions$1 {
+    /**
+     * Set to false to hide slide indicators.
+     * @default true
+     */
+    indicators: boolean;
+    /**
+     * Set height of slider.
+     * @default 400
+     */
+    height: number;
+    /**
+     * Set the duration of the transition animation in ms.
+     * @default 500
+     */
+    duration: number;
+    /**
+     * Set the duration between transitions in ms.
+     * @default 6000
+     */
+    interval: number;
+    /**
+     * If slider should pause when keyboard focus is received.
+     * @default true
+     */
+    pauseOnFocus: boolean;
+    /**
+     * If slider should pause when is hovered by a pointer.
+     * @default true
+     */
+    pauseOnHover: boolean;
+    /**
+     * Optional function used to generate ARIA label to indicators (for accessibility purposes).
+     * @param index Current index, starting from "1".
+     * @param current A which indicates whether it is the current element or not
+     * @returns a string to be used as label indicator.
+     * @default null
+     */
+    indicatorLabelFunc: (index: number, current: boolean) => string;
+}
+declare class Slider extends Component<SliderOptions> {
+    /** Index of current slide. */
+    activeIndex: number;
+    interval: string | number | NodeJS.Timeout;
+    eventPause: boolean;
+    _slider: HTMLUListElement;
+    _slides: HTMLLIElement[];
+    _activeSlide: HTMLLIElement;
+    _indicators: HTMLLIElement[];
+    _hovered: boolean;
+    _focused: boolean;
+    _focusCurrent: boolean;
+    _sliderId: string;
+    constructor(el: HTMLElement, options: Partial<SliderOptions>);
+    static get defaults(): SliderOptions;
+    /**
+     * Initializes instance of Slider.
+     * @param el HTML element.
+     * @param options Component options.
+     */
+    static init(el: HTMLElement, options?: Partial<SliderOptions>): Slider;
+    /**
+     * Initializes instances of Slider.
+     * @param els HTML elements.
+     * @param options Component options.
+     */
+    static init(els: InitElements<MElement>, options?: Partial<SliderOptions>): Slider[];
+    static getInstance(el: HTMLElement): Slider;
+    destroy(): void;
+    private _setupEventHandlers;
+    private _removeEventHandlers;
+    private _handleIndicatorClick;
+    private _handleAutoPauseHover;
+    private _handleAutoPauseFocus;
+    private _handleAutoStartHover;
+    private _handleAutoStartFocus;
+    private _handleInterval;
+    private _animateSlide;
+    private _setSliderHeight;
+    private _setupIndicators;
+    private _removeIndicators;
+    set(index: number): void;
+    _pause(fromEvent: boolean): void;
+    /**
+     * Pause slider autoslide.
+     */
+    pause: () => void;
+    /**
+     * Start slider autoslide.
+     */
+    start: () => void;
+    /**
+     * Move to next slider.
+     */
+    next: () => void;
+    /**
+     * Move to prev slider.
+     */
+    prev: () => void;
+}
+
+interface ToastOptions extends BaseOptions$1 {
+    /**
+     * The content of the Toast.
+     * @default ""
+     */
+    text: string;
+    /**
+     * Element Id for the tooltip.
+     * @default ""
+     */
+    toastId?: string;
+    /**
+     * Length in ms the Toast stays before dismissal.
+     * @default 4000
+     */
+    displayLength: number;
+    /**
+     * Transition in duration in milliseconds.
+     * @default 300
+     */
+    inDuration: number;
+    /**
+     * Transition out duration in milliseconds.
+     * @default 375
+     */
+    outDuration: number;
+    /**
+     * Classes to be added to the toast element.
+     * @default ""
+     */
+    classes: string;
+    /**
+     * Callback function called when toast is dismissed.
+     * @default null
+     */
+    completeCallback: () => void;
+    /**
+     * The percentage of the toast's width it takes fora drag
+     * to dismiss a Toast.
+     * @default 0.8
+     */
+    activationPercent: number;
+}
+declare class Toast {
+    /** The toast element. */
+    el: HTMLElement;
+    /**
+     * The remaining amount of time in ms that the toast
+     * will stay before dismissal.
+     */
+    timeRemaining: number;
+    /**
+     * Describes the current pan state of the Toast.
+     */
+    panning: boolean;
+    options: ToastOptions;
+    message: string;
+    counterInterval: NodeJS.Timeout | number;
+    wasSwiped: boolean;
+    startingXPos: number;
+    xPos: number;
+    time: number;
+    deltaX: number;
+    velocityX: number;
+    static _toasts: Toast[];
+    static _container: HTMLElement;
+    static _draggedToast: Toast;
+    constructor(options: Partial<ToastOptions>);
+    static get defaults(): ToastOptions;
+    static getInstance(el: HTMLElement): Toast;
+    static _createContainer(): void;
+    static _removeContainer(): void;
+    static _onDragStart(e: TouchEvent | MouseEvent): void;
+    static _onDragMove(e: TouchEvent | MouseEvent): void;
+    static _onDragEnd(): void;
+    static _xPos(e: TouchEvent | MouseEvent): number;
+    /**
+     * dismiss all toasts.
+     */
+    static dismissAll(): void;
+    _createToast(): HTMLElement;
+    _animateIn(): void;
+    /**
+     * Create setInterval which automatically removes toast when timeRemaining >= 0
+     * has been reached.
+     */
+    _setTimer(): void;
+    /**
+     * Dismiss toast with animation.
+     */
+    dismiss(): void;
+}
+
 type RGBColor = {
     r: number;
     g: number;
@@ -2281,7 +2419,7 @@ declare class Waves {
     static Init(): void;
 }
 
-interface RangeOptions extends BaseOptions {
+interface RangeOptions extends BaseOptions$1 {
 }
 declare class Range extends Component<RangeOptions> {
     el: HTMLInputElement;
@@ -2321,13 +2459,33 @@ declare class Range extends Component<RangeOptions> {
     static Init(): void;
 }
 
-declare const version = "2.1.1";
-declare const Grid: (children?: any) => string;
-declare function Button(children?: any): string;
+declare const version = "2.2.1";
+interface AutoInitOptions {
+    Autocomplete?: Partial<AutocompleteOptions>;
+    Cards?: Partial<CardsOptions>;
+    Carousel?: Partial<CarouselOptions>;
+    Chips?: Partial<ChipsOptions>;
+    Collapsible?: Partial<CollapsibleOptions>;
+    Datepicker?: Partial<DatepickerOptions>;
+    Dropdown?: Partial<DropdownOptions>;
+    Materialbox?: Partial<MaterialboxOptions>;
+    Modal?: Partial<ModalOptions>;
+    Parallax?: Partial<ParallaxOptions>;
+    Pushpin?: Partial<PushpinOptions>;
+    ScrollSpy?: Partial<ScrollSpyOptions>;
+    FormSelect?: Partial<FormSelectOptions>;
+    Sidenav?: Partial<SidenavOptions>;
+    Tabs?: Partial<TabsOptions>;
+    TapTarget?: Partial<TapTargetOptions>;
+    Timepicker?: Partial<TimepickerOptions>;
+    Tooltip?: Partial<TooltipOptions>;
+    FloatingActionButton?: Partial<FloatingActionButtonOptions>;
+}
 /**
  * Automatically initialize components.
  * @param context Root element to initialize. Defaults to `document.body`.
+ * @param options Options for each component.
  */
-declare function AutoInit(context?: HTMLElement): void;
+declare function AutoInit(context?: HTMLElement, options?: Partial<AutoInitOptions>): void;
 
-export { AutoInit, Autocomplete, Button, Cards, Carousel, CharacterCounter, Chips, Collapsible, Datepicker, Dropdown, FloatingActionButton, FormSelect, Forms, Grid, Materialbox, Modal, Parallax, Pushpin, Range, ScrollSpy, Sidenav, Slider, Tabs, TapTarget, Timepicker, Toast, Tooltip, Waves, version };
+export { AutoInit, type AutoInitOptions, Autocomplete, Cards, Carousel, CharacterCounter, Chips, Collapsible, Datepicker, Dropdown, FloatingActionButton, FormSelect, Forms, Materialbox, Modal, Parallax, Pushpin, Range, ScrollSpy, Sidenav, Slider, Tabs, TapTarget, Timepicker, Toast, Tooltip, Waves, version };