matcha-components 20.9.0 → 20.13.0

package/index.d.ts

@@ -1,32 +1,64 @@
 import * as i0 from '@angular/core';
-import { OnInit, EventEmitter, AfterContentInit, QueryList, OnDestroy, ElementRef, OnChanges, SimpleChanges, Renderer2, ChangeDetectorRef, AfterViewInit, TemplateRef, NgZone, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterContentInit, OnDestroy, QueryList, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, AfterViewInit, NgZone, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/forms';
 import { FormControlName, ControlValueAccessor, NgControl } from '@angular/forms';
 import * as i2 from '@angular/common';
 
-declare class MatchaAccordionItemComponent implements OnInit {
+/**
+ * Interface que deve ser implementada por componentes que querem usar matcha-option como filho
+ *
+ * Permite que matcha-option seja usado em diferentes contextos:
+ * - matcha-autocomplete
+ * - matcha-select
+ * - matcha-menu
+ * - etc.
+ */
+interface MatchaOptionParent {
+    /**
+     * Método chamado quando uma opção é selecionada
+     * @param option - A instância do MatchaOptionComponent selecionado
+     */
+    selectOption(option: any): void;
+}
+/**
+ * Token de injeção para MatchaOptionParent
+ * Usado para injetar o componente pai no matcha-option
+ */
+declare const MATCHA_OPTION_PARENT: unique symbol;
+
+declare class MatchaAccordionItemComponent implements OnInit, OnChanges {
     private _stretch;
     private _isOpen;
     set stretch(value: boolean | string);
     get stretch(): boolean;
+    get stretchClass(): boolean;
+    private _clickableHeader;
+    set clickableHeader(value: boolean | string);
+    get clickableHeader(): boolean;
     set isOpen(value: boolean | string);
     get isOpen(): boolean;
+    get isOpenClass(): boolean;
     opened: EventEmitter<boolean>;
+    toggleRequested: EventEmitter<void>;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     toggleAccordion(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAccordionItemComponent, "matcha-accordion-item", never, { "stretch": { "alias": "stretch"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "opened": "opened"; }, never, ["matcha-accordion-header", "matcha-accordion-content", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAccordionItemComponent, "matcha-accordion-item", never, { "stretch": { "alias": "stretch"; "required": false; }; "clickableHeader": { "alias": "clickableHeader"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "opened": "opened"; "toggleRequested": "toggleRequested"; }, never, ["matcha-accordion-header", "matcha-accordion-content", "*"], false, never>;
 }
 
-declare class MatchaAccordionComponent implements AfterContentInit {
+declare class MatchaAccordionComponent implements AfterContentInit, OnDestroy {
     private _multiple;
     set multiple(value: boolean | string);
     get multiple(): boolean;
     openedChange: EventEmitter<boolean>;
     items: QueryList<MatchaAccordionItemComponent>;
+    private subscriptions;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private setupItems;
     toggleItem(selectedItem: MatchaAccordionItemComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAccordionComponent, "matcha-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; }, { "openedChange": "openedChange"; }, ["items"], ["*"], false, never>;
@@ -252,9 +284,11 @@ declare class MatchaCardComponent {
     private _alpha;
     get alpha(): boolean | string;
     set alpha(v: boolean | string);
+    get alphaAttr(): string | null;
     private _tint;
     get tint(): boolean | string;
     set tint(v: boolean | string);
+    get tintAttr(): string | null;
     private _loading;
     get loading(): boolean | string;
     set loading(v: boolean | string);
@@ -298,6 +332,92 @@ declare class MatchaTitleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTitleComponent, "matcha-title", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "iconClick": "iconClick"; }, never, ["*"], false, never>;
 }
 
+interface DrawerItem {
+    id: string;
+    label: string;
+    icon?: string;
+    route?: string;
+    action?: () => void;
+    badge?: string | number;
+    disabled?: boolean;
+    divider?: boolean;
+}
+interface DrawerSection {
+    id: string;
+    title?: string;
+    items: DrawerItem[];
+    position: 'top' | 'bottom';
+    divider?: boolean;
+}
+type DrawerMode = 'push' | 'overlay';
+type DrawerPosition = 'left' | 'right';
+declare class MatchaDrawerComponent implements OnInit, OnDestroy {
+    private elementRef;
+    private renderer;
+    private cdr;
+    isOpen: boolean;
+    mode: DrawerMode;
+    position: DrawerPosition;
+    width: string;
+    hasBackdrop: boolean;
+    disableClose: boolean;
+    autoCloseOnMobile: boolean;
+    breakpoint: number;
+    elevation: number;
+    hasFooter: boolean;
+    isOpenChange: EventEmitter<boolean>;
+    drawerToggle: EventEmitter<void>;
+    drawerOpened: EventEmitter<void>;
+    drawerClosed: EventEmitter<void>;
+    drawerContent: TemplateRef<any>;
+    get drawerClasses(): string;
+    get drawerWidth(): string;
+    get drawerHeight(): string;
+    private resizeObserver;
+    private isMobile;
+    private bodyScrollLocked;
+    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupResizeObserver;
+    private checkScreenSize;
+    private setupBodyScrollLock;
+    private lockBodyScroll;
+    private unlockBodyScroll;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    onBackdropClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    getDrawerTransform(): string;
+    get animationState(): "open" | "closed";
+    get isOverlayMode(): boolean;
+    get isPushMode(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerComponent, "matcha-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "width": { "alias": "width"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "autoCloseOnMobile": { "alias": "autoCloseOnMobile"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "hasFooter": { "alias": "hasFooter"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "drawerToggle": "drawerToggle"; "drawerOpened": "drawerOpened"; "drawerClosed": "drawerClosed"; }, never, ["[drawer-header]", "[drawer-content]", "*", "[drawer-footer]"], false, never>;
+}
+
+declare class MatchaDrawerContainerComponent implements OnInit, OnDestroy {
+    hasBackdrop: boolean;
+    autoFocus: boolean;
+    drawer: MatchaDrawerComponent;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupDrawerEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerContainerComponent, "matcha-drawer-container", never, { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; }, {}, ["drawer"], ["*"], false, never>;
+}
+
+declare class MatchaDrawerContentComponent {
+    padding: string;
+    scrollable: boolean;
+    maxHeight: string;
+    get contentClasses(): string;
+    get maxHeightStyle(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerContentComponent, "matcha-drawer-content", never, { "padding": { "alias": "padding"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
 declare class MatchaIconComponent {
     name: string | undefined | null;
     size: string | undefined | null;
@@ -409,7 +529,9 @@ declare class MatchaMenuComponent {
 }
 
 declare class MatchaToolbarComponent implements OnInit, OnDestroy {
+    elevation: number;
     isMobileScreen: boolean;
+    get elevationClass(): string;
     private readonly mobileBreakpoint;
     private resizeTimeout;
     ngOnInit(): void;
@@ -417,7 +539,7 @@ declare class MatchaToolbarComponent implements OnInit, OnDestroy {
     private checkScreenWidth;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaToolbarComponent, "matcha-toolbar", never, {}, {}, never, ["matcha-toolbar-main-button", "matcha-toolbar-custom-button", "matcha-title", "search-form", "matcha-toolbar-button", "matcha-toolbar-content", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaToolbarComponent, "matcha-toolbar", never, { "elevation": { "alias": "elevation"; "required": false; }; }, {}, never, ["matcha-toolbar-main-button", "matcha-toolbar-custom-button", "matcha-title", "search-form", "matcha-toolbar-button", "matcha-toolbar-content", "*"], false, never>;
 }
 
 declare class MatchaToolbarButtonComponent {
@@ -448,7 +570,7 @@ declare class MatchaToolbarCustomButtonComponent {
 
 declare class MatchaFormFieldComponent {
     color: 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'primary' | 'accent' | 'warn' | 'brown' | 'grey' | 'blue-grey' | 'primary' | 'accent' | 'warn';
-    size: string | null;
+    size: string | null | undefined | 'tiny' | 'small' | 'medium' | 'large' | 'huge';
     sizeXs: string | null;
     sizeSm: string | null;
     sizeMd: string | null;
@@ -458,7 +580,7 @@ declare class MatchaFormFieldComponent {
     get control(): i3.FormControl<any> | undefined;
     get showError(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaFormFieldComponent, "matcha-form-field", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; }, {}, ["controlDir"], ["matcha-label", "*", "matcha-error", "matcha-autocomplete"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaFormFieldComponent, "matcha-form-field", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; }, {}, ["controlDir"], ["matcha-label", "*", "matcha-error", "matcha-autocomplete", "matcha-hint-text"], false, never>;
 }
 
 declare class MatchaLabelComponent {
@@ -476,11 +598,11 @@ declare class MatchaCheckboxComponent implements ControlValueAccessor {
     color: string;
     indeterminate: boolean;
     private _disabled;
-    set disabled(value: boolean | string);
     get disabled(): boolean;
-    get checked(): boolean;
-    set checked(value: boolean);
+    set disabled(value: boolean | string);
     private _checked;
+    get checked(): boolean;
+    set checked(value: boolean | string);
     checkedChange: EventEmitter<{
         checked: boolean;
     }>;
@@ -550,11 +672,14 @@ declare class MatchaSpinComponent {
 declare class MatchaSpinnerComponent {
     private _elementRef;
     private _renderer;
-    private _progress;
+    private _progressValue;
     set progress(value: string | number);
     get progress(): string | number;
+    get _progress(): string | number;
     color: string;
+    get _color(): string;
     size: string | null;
+    get hostSize(): string | null;
     sizeXs: string | null;
     sizeSm: string | null;
     sizeMd: string | null;
@@ -574,8 +699,8 @@ declare class MatchaSpinnerComponent {
 }
 
 declare class MatchaHintTextComponent {
-    type: 'error' | 'warning' | 'info' | 'success';
-    size: 'tiny' | 'medium';
+    type: string;
+    size: string;
     get iconName(): string;
     get iconColor(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaHintTextComponent, never>;
@@ -594,54 +719,6 @@ declare class MatchaSkeletonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSkeletonComponent, "matcha-skeleton", never, { "amount": { "alias": "amount"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "height": { "alias": "height"; "required": false; }; "model": { "alias": "model"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class MatchaOptionService {
-    private _optionsSubject;
-    options$: rxjs.Observable<MatchaOptionComponent[]>;
-    private _activeOptionSubject;
-    activeOption$: rxjs.Observable<number>;
-    private _canShowOptionsSubject;
-    canShowOptions$: rxjs.Observable<boolean>;
-    private _selectedOptionSubject;
-    selectedOption$: rxjs.Observable<string>;
-    constructor();
-    setSelectedOption(selectedOption: string): void;
-    getCanShowOptions(): boolean;
-    setCanShowOptions(canShowOptions: boolean): void;
-    updateOptions(options: MatchaOptionComponent[]): void;
-    updateActiveOption(activeOption: number): void;
-    resetActiveOption(): void;
-    removeActiveOption(): void;
-    changeActiveOption(stepsToMove: number): void;
-    selectActiveOption(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaOptionService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaOptionService>;
-}
-
-declare class MatchaOptionComponent {
-    private changeDetectorRef;
-    private matchaOptionService;
-    value: any;
-    isOptionActive: boolean;
-    constructor(changeDetectorRef: ChangeDetectorRef, matchaOptionService: MatchaOptionService);
-    selectOption(): void;
-    setIsOptionActive(isOptionActive: boolean, isMouseEvent: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaOptionComponent, "matcha-option", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class MatchaAutocompleteComponent implements AfterContentInit {
-    private changeDetectorRef;
-    private matchaOptionService;
-    options: QueryList<MatchaOptionComponent>;
-    isDisplayAutocomplete: boolean;
-    activeOption: number;
-    constructor(changeDetectorRef: ChangeDetectorRef, matchaOptionService: MatchaOptionService);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAutocompleteComponent, "matcha-autocomplete", never, {}, {}, ["options"], ["*"], false, never>;
-}
-
 declare class MatchaSlideToggleComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
     private elementRef;
     color: string;
@@ -962,6 +1039,196 @@ declare class MatchaAvatarComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAvatarComponent, "matcha-avatar", never, { "src": { "alias": "src"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+declare class MatchaOptionComponent {
+    private parent;
+    private elRef;
+    value: any;
+    disabled: boolean;
+    selected: boolean;
+    optionClick: EventEmitter<any>;
+    optionSelect: EventEmitter<MatchaOptionComponent>;
+    constructor(parent: MatchaOptionParent | null, elRef: ElementRef);
+    onClick(): void;
+    private findParentAndSelect;
+    onKeydown(ev: KeyboardEvent): void;
+    get nativeElement(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaOptionComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaOptionComponent, "matcha-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "optionClick": "optionClick"; "optionSelect": "optionSelect"; }, never, ["*"], false, never>;
+}
+
+interface PanelPosition {
+    top: number;
+    left: number;
+    width: number;
+    maxHeight?: number;
+}
+type PanelPlacement = 'bottom' | 'top' | 'auto';
+declare class MatchaPanelComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
+    private elRef;
+    private cdr;
+    placement: PanelPlacement;
+    maxHeight: number;
+    minWidth: number;
+    offset: number;
+    triggerElement?: HTMLElement;
+    open: boolean;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    panelRef?: ElementRef<HTMLElement>;
+    panelStyle: {
+        [key: string]: any;
+    };
+    private destroy$;
+    private scrollListener?;
+    private resizeListener?;
+    constructor(elRef: ElementRef, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Anexa o painel a um elemento trigger
+     */
+    attachTo(trigger: HTMLElement): void;
+    ngAfterViewInit(): void;
+    /**
+     * Lifecycle hook para detectar mudanças no triggerElement
+     */
+    ngOnChanges(): void;
+    /**
+     * Abre o painel
+     */
+    openPanel(): void;
+    /**
+     * Fecha o painel
+     */
+    closePanel(): void;
+    /**
+     * Alterna o estado do painel
+     */
+    togglePanel(): void;
+    /**
+     * Atualiza a posição do painel (simplificado para absolute)
+     */
+    updatePosition(): void;
+    /**
+     * Calcula a posição ideal do painel (simplificado para absolute)
+     */
+    private calculatePosition;
+    /**
+     * Configura listeners para scroll e resize
+     */
+    private setupListeners;
+    /**
+     * Remove listeners
+     */
+    private cleanupListeners;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaPanelComponent, "matcha-panel", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "triggerElement": { "alias": "triggerElement"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["*"], false, never>;
+}
+
+declare class MatchaAutocompleteComponent implements AfterContentInit, AfterViewInit, MatchaOptionParent {
+    elRef: ElementRef;
+    private renderer;
+    private cdr;
+    options: QueryList<MatchaOptionComponent>;
+    panel: MatchaPanelComponent;
+    private selectedValue;
+    placement: 'bottom' | 'top' | 'auto';
+    maxHeight: number;
+    minWidth: number;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    open: boolean;
+    triggerElement?: HTMLElement;
+    private activeIndex;
+    constructor(elRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    attachTo(input: HTMLElement): void;
+    openPanel(): void;
+    closePanel(): void;
+    togglePanel(): void;
+    resetActive(): void;
+    private updateSelectedStates;
+    highlightNext(): void;
+    highlightPrevious(): void;
+    private scrollToActive;
+    selectActive(): void;
+    selectOption(option: MatchaOptionComponent): void;
+    getSelectedValue(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAutocompleteComponent, "matcha-autocomplete", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, ["options"], ["*"], false, never>;
+}
+
+interface PageEvent {
+    /** The current page index. */
+    pageIndex: number;
+    /** Index of the page that was selected previously. */
+    previousPageIndex?: number;
+    /** The current page size. */
+    pageSize: number;
+    /** The current total number of items being paged. */
+    length: number;
+}
+
+/**
+ * Service to internationalize the paginator component.
+ * Based on Angular Material's MatPaginatorIntl
+ */
+declare class MatchaPaginatorIntl {
+    /** Stream to emit from when labels are changed. Used by the paginator to update the labels. */
+    readonly changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A label for the button that moves to the first page. */
+    firstPageLabel: string;
+    /** A label for the button that moves to the last page. */
+    lastPageLabel: string;
+    /**
+     * A label for the range of items within the current page and the length of the whole list.
+     */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaPaginatorIntl>;
+}
+
+declare class MatchaPaginatorComponent implements OnDestroy {
+    _intl: MatchaPaginatorIntl;
+    private _changeDetectorRef;
+    pageIndex: number;
+    length: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    /** Color theme for active page button. Defaults to 'accent' */
+    color: string;
+    page: EventEmitter<PageEvent>;
+    private _intlChanges;
+    constructor(_intl: MatchaPaginatorIntl, _changeDetectorRef: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    get currentPage(): number;
+    get totalPages(): number;
+    get hasPreviousPage(): boolean;
+    get hasNextPage(): boolean;
+    get displayPages(): (number | string)[];
+    trackByPage(index: number, item: number | string): number | string;
+    /** Check if item is a number (for template use only) */
+    typeof(value: any): string;
+    /** Navigate to previous page */
+    previousPage(): void;
+    /** Navigate to next page */
+    nextPage(): void;
+    /** Navigate to specific page */
+    goToPage(page: number): void;
+    /** Handle page size change */
+    onPageSizeChange(event: Event): void;
+    private changePage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaPaginatorComponent, "matcha-paginator", never, { "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
+}
+
 declare class MatchaTooltipDirective {
     private el;
     private renderer;
@@ -1098,30 +1365,38 @@ declare class MatchaOverflowDraggableComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaOverflowDraggableComponent, "matcha-overflow-draggable", never, { "dragRef": { "alias": "dragRef"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
+declare class MatchaAutocompleteTriggerDirective implements AfterViewInit, OnDestroy {
+    private el;
+    panel: MatchaAutocompleteComponent;
+    private subs;
+    constructor(el: ElementRef<HTMLInputElement>);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private writeValueToInput;
+    onClick(): void;
+    onFocus(): void;
+    onInput(e: Event): void;
+    onKeydown(ev: KeyboardEvent): void;
+    onDocClick(ev: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaAutocompleteTriggerDirective, "[matchaAutocomplete]", never, { "panel": { "alias": "matchaAutocomplete"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 declare class MatchaOptionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaOptionModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaOptionModule, [typeof MatchaOptionComponent], [typeof i2.CommonModule], [typeof MatchaOptionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaOptionModule>;
 }
 
-declare class MatchaAutocompleteDirective {
-    private ngControl;
-    private _elementRef;
-    private matchaOptionService;
-    matchaAutocomplete: MatchaAutocompleteComponent;
-    displayAutocomplete(): void;
-    hideAutocomplete(): void;
-    onArrowDown(event: KeyboardEvent): void;
-    constructor(ngControl: NgControl, _elementRef: ElementRef<HTMLInputElement>, matchaOptionService: MatchaOptionService);
-    ngOnInit(): void;
-    private _updateInputValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaAutocompleteDirective, "[matchaAutocomplete]", never, { "matchaAutocomplete": { "alias": "matchaAutocomplete"; "required": false; }; }, {}, never, never, false, never>;
+declare class MatchaPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPanelModule, [typeof MatchaPanelComponent], [typeof i2.CommonModule], [typeof MatchaPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaPanelModule>;
 }
 
 declare class MatchaAutocompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAutocompleteModule, [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof MatchaOptionModule], [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAutocompleteModule, [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteTriggerDirective], [typeof i2.CommonModule, typeof MatchaOptionModule, typeof MatchaPanelModule], [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteTriggerDirective, typeof MatchaOptionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaAutocompleteModule>;
 }
 
@@ -1182,20 +1457,6 @@ declare class MatchaChipsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaChipsModule>;
 }
 
-declare class MatchaDatepickerDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDatepickerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDatepickerDirective, "[matcha-datepicker]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaDatepickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDatepickerModule, [typeof MatchaDatepickerDirective], never, [typeof MatchaDatepickerDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDatepickerModule>;
-}
-
 declare class MatchaHintTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaHintTextModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaHintTextModule, [typeof MatchaHintTextComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaHintTextComponent]>;
@@ -1234,17 +1495,9 @@ declare class MatchaMenuModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaMenuModule>;
 }
 
-declare class MatchaPaginatorDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaPaginatorDirective, "[matchaPaginator]", never, {}, {}, never, never, false, never>;
-}
-
 declare class MatchaPaginatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPaginatorModule, [typeof MatchaPaginatorDirective], [typeof i2.CommonModule], [typeof MatchaPaginatorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPaginatorModule, [typeof MatchaPaginatorComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaPaginatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaPaginatorModule>;
 }
 
@@ -1262,20 +1515,6 @@ declare class MatchaProgressBarModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaProgressBarModule>;
 }
 
-declare class MatchaSelectDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSelectDirective, "[matcha-select]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSelectModule, [typeof MatchaSelectDirective], [typeof i2.CommonModule], [typeof MatchaSelectDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSelectModule>;
-}
-
 declare class MatchaSidenavDirective {
     private _elementRef;
     private _renderer;
@@ -1426,6 +1665,12 @@ declare class MatchaPageLayoutModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaPageLayoutModule>;
 }
 
+declare class MatchaDrawerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDrawerModule, [typeof MatchaDrawerComponent, typeof MatchaDrawerContainerComponent, typeof MatchaDrawerContentComponent], [typeof i2.CommonModule, typeof MatchaButtonModule], [typeof MatchaDrawerComponent, typeof MatchaDrawerContainerComponent, typeof MatchaDrawerContentComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDrawerModule>;
+}
+
 declare class MatchaAvatarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAvatarModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAvatarModule, [typeof MatchaAvatarComponent], [typeof i2.CommonModule], [typeof MatchaAvatarComponent]>;
@@ -1434,7 +1679,7 @@ declare class MatchaAvatarModule {
 
 declare class MatchaComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaComponentsModule, [typeof MatchaOverflowDraggableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof MatchaAccordionModule, typeof MatchaOptionModule, typeof MatchaAutocompleteModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, typeof MatchaDatepickerModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSelectModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, typeof MatchaDatepickerModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaOptionModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSelectModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaComponentsModule, [typeof MatchaOverflowDraggableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaDrawerModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule, typeof MatchaDrawerModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaComponentsModule>;
 }
 
@@ -1551,5 +1796,5 @@ declare class StepContentDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepContentDirective, "[step]", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOptionService, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
-export type { ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, ModalComponent };
+export { MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
+export type { DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PageEvent, PanelPlacement, PanelPosition };