matcha-components 20.56.0 → 20.58.0

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterContentInit, OnDestroy, QueryList, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, AfterViewInit, NgZone, InjectionToken, PipeTransform, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterContentInit, OnDestroy, QueryList, ElementRef, Renderer2, ChangeDetectorRef, AfterViewInit, TemplateRef, NgZone, InjectionToken, PipeTransform, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/forms';
@@ -236,6 +236,7 @@ declare class MatchaButtonComponent implements OnChanges, OnInit {
     sizeMd: string | null;
     sizeLg: string | null;
     sizeXl: string | null;
+    gap: string | number | null;
     color: string | null;
     get colorAttr(): string | null;
     private _basic;
@@ -263,15 +264,17 @@ declare class MatchaButtonComponent implements OnChanges, OnInit {
     private clearConfig;
     private setConfig;
     private setSize;
+    private setGap;
     private setOutline;
     private setPill;
     private setLink;
     private setBasic;
     private setIcon;
+    private updateDividerStyles;
     private addRippleEffect;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaButtonComponent, "[matcha-button]", never, { "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; }; "color": { "alias": "color"; "required": false; }; "basic": { "alias": "basic"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "alpha": { "alias": "alpha"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaButtonComponent, "[matcha-button]", never, { "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; }; "gap": { "alias": "gap"; "required": false; }; "color": { "alias": "color"; "required": false; }; "basic": { "alias": "basic"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "alpha": { "alias": "alpha"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class MatchaCardComponent {
@@ -305,12 +308,13 @@ declare class MatchaDividerComponent {
     gapMd: string | number | null;
     gapLg: string | number | null;
     gapXl: string | number | null;
-    private _vertical;
-    set vertical(value: boolean | string);
-    get vertical(): boolean;
+    private _direction;
+    set direction(value: string);
+    get direction(): string;
+    get directionAttr(): string;
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDividerComponent, "matcha-divider", never, { "gap": { "alias": "gap"; "required": false; }; "gapSm": { "alias": "gap-sm"; "required": false; }; "gapMd": { "alias": "gap-md"; "required": false; }; "gapLg": { "alias": "gap-lg"; "required": false; }; "gapXl": { "alias": "gap-xl"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDividerComponent, "matcha-divider", never, { "gap": { "alias": "gap"; "required": false; }; "gapSm": { "alias": "gap-sm"; "required": false; }; "gapMd": { "alias": "gap-md"; "required": false; }; "gapLg": { "alias": "gap-lg"; "required": false; }; "gapXl": { "alias": "gap-xl"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 interface ILevelClasses {
@@ -319,9 +323,18 @@ interface ILevelClasses {
 declare class MatchaTitleComponent {
     color: null | string;
     size: number | string;
-    loading: boolean;
-    type: 'pill' | 'bullet' | 'icon' | 'none';
-    icon: string;
+    private _loading;
+    get loading(): boolean | string;
+    set loading(v: boolean | string);
+    get loadingAttr(): string | null;
+    private _type;
+    get type(): "pill" | "bullet" | "icon" | "none" | string;
+    set type(v: 'pill' | 'bullet' | 'icon' | 'none' | string);
+    get typeAttr(): string;
+    private _icon;
+    get icon(): string;
+    set icon(v: string);
+    get iconAttr(): string | null;
     iconClick: EventEmitter<object>;
     sizeClasses: ILevelClasses;
     getTypes(): string;
@@ -333,171 +346,112 @@ 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 BreakpointState {
-    matches: boolean;
-    breakpoint: string;
-}
-/**
- * Serviço singleton para observação de breakpoints CSS
- * Funciona tanto no browser quanto no servidor (SSR)
- */
-declare class MatchaBreakpointObserver implements OnDestroy {
-    private platformId;
-    private breakpointSubject;
-    private resizeSubscription;
-    private isBrowser;
-    private currentBreakpoints;
-    constructor(platformId: Object);
+type DrawerMode = 'over' | 'push' | 'side';
+type DrawerPosition = 'start' | 'end';
+declare class MatchaDrawerComponent implements OnInit, OnDestroy {
+    private _elementRef;
+    private _cdr;
+    position: DrawerPosition;
+    private _mode;
+    get mode(): DrawerMode;
+    set mode(value: DrawerMode);
+    disableClose: boolean;
+    autoFocus: boolean;
+    fixedInViewport: boolean;
+    fixedTopGap: number;
+    fixedBottomGap: number;
+    width: string;
+    get drawerWidth(): string;
+    private _opened;
+    get opened(): boolean;
+    set opened(value: boolean);
+    openedChange: EventEmitter<boolean>;
+    openedStart: EventEmitter<void>;
+    closedStart: EventEmitter<void>;
+    modeChange: EventEmitter<DrawerMode>;
+    private _animationSubject;
+    private _animating;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    ngOnInit(): void;
     ngOnDestroy(): void;
+    private _setupAnimationDebounce;
     /**
-     * Observa um breakpoint específico
-     * @param breakpoint - String no formato CSS media query (ex: '(max-width: 768px)')
-     * @returns Observable<BreakpointState>
+     * Toggle o estado do drawer
      */
-    observe(breakpoint: string): Observable<BreakpointState>;
+    toggle(isOpen?: boolean): Promise<void>;
     /**
-     * Verifica se um breakpoint específico está ativo
-     * @param breakpoint - String no formato CSS media query
-     * @returns boolean
+     * Abre o drawer
      */
-    isMatched(breakpoint: string): boolean;
+    open(): Promise<void>;
     /**
-     * Obtém o estado atual do breakpoint
-     * @param breakpoint - String no formato CSS media query
-     * @returns BreakpointState
-     */
-    getState(breakpoint: string): BreakpointState;
-    /**
-     * Observa múltiplos breakpoints simultaneamente
-     * @param breakpoints - Array de strings de breakpoints
-     * @returns Observable<Map<string, boolean>>
+     * Fecha o drawer
      */
-    observeMultiple(breakpoints: string[]): Observable<Map<string, boolean>>;
-    private setupResizeListener;
-    private checkBreakpoint;
+    close(): Promise<void>;
     /**
-     * Método utilitário para criar breakpoints comuns
+     * Getter para saber se está animando
      */
-    static createBreakpoint(width: number, condition?: 'max' | 'min'): string;
+    get animating(): boolean;
     /**
-     * Breakpoints pré-definidos para facilitar o uso
+     * Getter para a largura/altura do drawer
      */
-    static readonly BREAKPOINTS: {
-        readonly XS: "(max-width: 480px)";
-        readonly SM: "(max-width: 768px)";
-        readonly MD: "(max-width: 1024px)";
-        readonly LG: "(max-width: 1200px)";
-        readonly XL: "(max-width: 1440px)";
-        readonly MOBILE: "(max-width: 768px)";
-        readonly TABLET: "(min-width: 769px) and (max-width: 1024px)";
-        readonly DESKTOP: "(min-width: 1025px)";
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaBreakpointObserver, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaBreakpointObserver>;
-}
-
-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;
-    private breakpointObserver;
-    isOpen: boolean;
-    mode: DrawerMode;
-    position: DrawerPosition;
-    width: string;
-    hasBackdrop: boolean;
-    disableClose: boolean;
-    autoCloseOnMobile: boolean;
-    breakpoint: number;
-    elevation: number;
-    hasFooter: boolean;
-    responsiveMode: boolean;
-    mobileMode: DrawerMode;
-    desktopMode: DrawerMode;
-    mobileBreakpoint: number;
-    autoResponsive: 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;
-    private breakpointSubscription?;
-    private currentResponsiveMode;
-    private resizeSubject;
-    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, breakpointObserver: MatchaBreakpointObserver);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private setupResizeObserver;
-    private setupResizeDebounce;
-    private checkScreenSize;
-    private setupResponsiveMode;
-    private updateModeBasedOnScreen;
-    private updateDrawerStateOnResize;
-    private setupSmartInitialState;
-    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;
-    get currentMode(): DrawerMode;
-    get isMobileView(): boolean;
-    get isResponsiveActive(): boolean;
-    get isAutoResponsiveActive(): boolean;
+    get visibility(): string;
     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; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "desktopMode": { "alias": "desktopMode"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "autoResponsive": { "alias": "autoResponsive"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerComponent, "matcha-drawer", never, { "position": { "alias": "position"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "fixedInViewport": { "alias": "fixedInViewport"; "required": false; }; "fixedTopGap": { "alias": "fixedTopGap"; "required": false; }; "fixedBottomGap": { "alias": "fixedBottomGap"; "required": false; }; "width": { "alias": "width"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; }, { "openedChange": "openedChange"; "openedStart": "openedStart"; "closedStart": "closedStart"; "modeChange": "modeChange"; }, never, ["*"], false, never>;
 }
 
 declare class MatchaDrawerContentComponent {
-    padding: string;
-    scrollable: boolean;
-    maxHeight: string;
-    get contentClasses(): string;
-    get maxHeightStyle(): string;
+    _elementRef: ElementRef<HTMLElement>;
+    constructor(_elementRef: ElementRef<HTMLElement>);
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerContentComponent, "matcha-drawer-content", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class MatchaDrawerContainerComponent implements AfterContentInit, OnDestroy {
+    private _cdr;
+    _drawers: QueryList<MatchaDrawerComponent>;
+    _content: MatchaDrawerContentComponent;
+    get hasOpenDrawer(): boolean;
+    /** Backdrop override */
+    _backdropOverride: boolean | null;
+    private _destroyed;
+    private _doCheck;
+    constructor(_cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    /**
+     * Inscreve nos eventos de cada drawer
+     */
+    private _subscribeToDrawerChanges;
+    ngOnDestroy(): void;
+    /**
+     * Fecha todos os drawers que não têm disableClose
+     */
+    onEscape(): void;
+    /**
+     * Valida que não há múltiplos drawers na mesma posição
+     */
+    private _validateDrawers;
+    /**
+     * Atualiza as margens do conteúdo baseado nos drawers abertos
+     */
+    private _updateContentMargins;
+    /**
+     * Obtém a largura do drawer de forma segura
+     */
+    private _getDrawerWidth;
+    /**
+     * Define as margens do conteúdo
+     */
+    private _setContentMargins;
+    /**
+     * Retorna se há um backdrop visível
+     */
+    get _hasBackdrop(): boolean;
+    /**
+     * Fecha o drawer quando o backdrop é clicado
+     */
+    _onBackdropClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerContainerComponent, "matcha-drawer-container", never, {}, {}, ["_content", "_drawers"], ["matcha-drawer", "matcha-drawer-content"], false, never>;
 }
 
 declare class MatchaIconComponent {
@@ -595,21 +549,6 @@ declare class MatchaModalComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaModalComponent, "matcha-modal", never, { "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; }; "class": { "alias": "class"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class MatchaMenuComponent {
-    private _elementRef;
-    private _renderer;
-    isParentMenu: boolean;
-    isOpen: boolean;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    handleOutsideClick(event: Event): void;
-    handleMouseLeave(event: MouseEvent): void;
-    openMenu(): void;
-    closeMenu(): void;
-    toggleMenu(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaMenuComponent, "matcha-menu", ["matchaMenu"], { "isParentMenu": { "alias": "isParentMenu"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
 declare class MatchaToolbarComponent implements OnInit, OnDestroy {
     elevation: number;
     isMobileScreen: boolean;
@@ -650,7 +589,8 @@ declare class MatchaToolbarCustomButtonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaToolbarCustomButtonComponent, "matcha-toolbar-custom-button", never, {}, {}, never, ["*"], false, never>;
 }
 
-declare class MatchaFormFieldComponent {
+declare class MatchaFormFieldComponent implements AfterViewInit {
+    private elementRef;
     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 | undefined | 'tiny' | 'small' | 'medium' | 'large' | 'huge';
     sizeXs: string | null;
@@ -659,6 +599,10 @@ declare class MatchaFormFieldComponent {
     sizeLg: string | null;
     sizeXl: string | null;
     controlDir?: FormControlName;
+    constructor(elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    private generateDataCy;
+    private convertToKebabCase;
     get control(): i3.FormControl<any> | undefined;
     get showError(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaFormFieldComponent, never>;
@@ -1842,20 +1786,6 @@ declare class MatchaSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSelectModule>;
 }
 
-declare class MatchaBadgeDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaBadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaBadgeDirective, "[matcha-badge]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaBadgeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaBadgeModule, [typeof MatchaBadgeDirective], never, [typeof MatchaBadgeDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaBadgeModule>;
-}
-
 declare class MatchaRippleDirective implements OnDestroy {
     private el;
     rippleColor: string;
@@ -1891,20 +1821,6 @@ declare class MatchaHintTextModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaHintTextModule>;
 }
 
-declare class MatchaInputDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaInputDirective, "[matcha-input]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaInputModule, [typeof MatchaInputDirective], never, [typeof MatchaInputDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaInputModule>;
-}
-
 type InputTransformFn = (value: unknown) => string | number;
 type OutputTransformFn = (value: string | number | undefined | null) => unknown;
 type MatchaMaskConfig = {
@@ -2151,58 +2067,12 @@ declare class MatchaInputPhoneModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaInputPhoneModule>;
 }
 
-declare class MatchaMenuTriggerForDirective {
-    private _elementRef;
-    private _renderer;
-    menu: MatchaMenuComponent;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    onClick(event: Event): void;
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaMenuTriggerForDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaMenuTriggerForDirective, "[matchaMenuTriggerFor]", ["matchaMenuTriggerFor"], { "menu": { "alias": "matchaMenuTriggerFor"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class MatchaMenuModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaMenuModule, [typeof MatchaMenuComponent, typeof MatchaMenuTriggerForDirective], [typeof i2.CommonModule], [typeof MatchaMenuComponent, typeof MatchaMenuTriggerForDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaMenuModule>;
-}
-
 declare class MatchaPaginatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPaginatorModule, [typeof MatchaPaginatorComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaPaginatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaPaginatorModule>;
 }
 
-declare class MatchaProgressBarDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaProgressBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaProgressBarDirective, "[matcha-progress-bar]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaProgressBarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaProgressBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaProgressBarModule, [typeof MatchaProgressBarDirective], [typeof i2.CommonModule], [typeof MatchaProgressBarDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaProgressBarModule>;
-}
-
-declare class MatchaSidenavDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSidenavDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSidenavDirective, "[matcha-sidenav]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaSidenavModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSidenavModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSidenavModule, [typeof MatchaSidenavDirective], [typeof i2.CommonModule], [typeof MatchaSidenavDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSidenavModule>;
-}
-
 declare class MatchaSlideToggleModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSlideToggleModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSlideToggleModule, [typeof MatchaSlideToggleComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof MatchaSlideToggleComponent]>;
@@ -2215,34 +2085,6 @@ declare class MatchaSliderModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSliderModule>;
 }
 
-declare class MatchaSnackBarDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSnackBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSnackBarDirective, "[matchaSnackBar]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaSnackBarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSnackBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSnackBarModule, [typeof MatchaSnackBarDirective], [typeof i2.CommonModule], [typeof MatchaSnackBarDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSnackBarModule>;
-}
-
-declare class MatchaSortHeaderDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSortHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSortHeaderDirective, "[matchaSortHeader]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaSortHeaderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSortHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSortHeaderModule, [typeof MatchaSortHeaderDirective], [typeof i2.CommonModule], [typeof MatchaSortHeaderDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSortHeaderModule>;
-}
-
 declare class MatchaSpinModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSpinModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSpinModule, [typeof MatchaSpinComponent], [typeof i2.CommonModule], [typeof MatchaSpinComponent]>;
@@ -2277,20 +2119,6 @@ declare class MatchaStepperModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaStepperModule>;
 }
 
-declare class MatchaTableDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaTableDirective, "[matchaTable]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaTableModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaTableModule, [typeof MatchaTableDirective], [typeof i2.CommonModule], [typeof MatchaTableDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaTableModule>;
-}
-
 declare class MatchaTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTabsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaTabsModule, [typeof MatchaTabsComponent, typeof MatchaTabItemComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaTabsComponent, typeof MatchaTabItemComponent]>;
@@ -2351,7 +2179,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 MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaInputPhoneModule, 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 MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule, typeof MatchaMaskModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaInputPhoneModule, 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 MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule, typeof MatchaMaskModule]>;
+    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 MatchaSelectModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputPhoneModule, typeof MatchaMasonryModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaRippleModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule, typeof MatchaMaskModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputPhoneModule, typeof MatchaMasonryModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaRippleModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule, typeof MatchaMaskModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaComponentsModule>;
 }
 
@@ -2530,6 +2358,69 @@ declare class MatchaModalService {
     static ɵprov: i0.ɵɵInjectableDeclaration<MatchaModalService>;
 }
 
+interface BreakpointState {
+    matches: boolean;
+    breakpoint: string;
+}
+/**
+ * Serviço singleton para observação de breakpoints CSS
+ * Funciona tanto no browser quanto no servidor (SSR)
+ */
+declare class MatchaBreakpointObserver implements OnDestroy {
+    private platformId;
+    private breakpointSubject;
+    private resizeSubscription;
+    private isBrowser;
+    private currentBreakpoints;
+    constructor(platformId: Object);
+    ngOnDestroy(): void;
+    /**
+     * Observa um breakpoint específico
+     * @param breakpoint - String no formato CSS media query (ex: '(max-width: 768px)')
+     * @returns Observable<BreakpointState>
+     */
+    observe(breakpoint: string): Observable<BreakpointState>;
+    /**
+     * Verifica se um breakpoint específico está ativo
+     * @param breakpoint - String no formato CSS media query
+     * @returns boolean
+     */
+    isMatched(breakpoint: string): boolean;
+    /**
+     * Obtém o estado atual do breakpoint
+     * @param breakpoint - String no formato CSS media query
+     * @returns BreakpointState
+     */
+    getState(breakpoint: string): BreakpointState;
+    /**
+     * Observa múltiplos breakpoints simultaneamente
+     * @param breakpoints - Array de strings de breakpoints
+     * @returns Observable<Map<string, boolean>>
+     */
+    observeMultiple(breakpoints: string[]): Observable<Map<string, boolean>>;
+    private setupResizeListener;
+    private checkBreakpoint;
+    /**
+     * Método utilitário para criar breakpoints comuns
+     */
+    static createBreakpoint(width: number, condition?: 'max' | 'min'): string;
+    /**
+     * Breakpoints pré-definidos para facilitar o uso
+     */
+    static readonly BREAKPOINTS: {
+        readonly XS: "(max-width: 480px)";
+        readonly SM: "(max-width: 768px)";
+        readonly MD: "(max-width: 1024px)";
+        readonly LG: "(max-width: 1200px)";
+        readonly XL: "(max-width: 1440px)";
+        readonly MOBILE: "(max-width: 768px)";
+        readonly TABLET: "(min-width: 769px) and (max-width: 1024px)";
+        readonly DESKTOP: "(min-width: 1025px)";
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaBreakpointObserver, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaBreakpointObserver>;
+}
+
 declare class StepContentDirective {
     template: TemplateRef<any>;
     step: string;
@@ -2538,5 +2429,5 @@ declare class StepContentDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepContentDirective, "[step]", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MaskExpression, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, 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, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, 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, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
-export type { BreakpointState, DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, InputTransformFn, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaMaskConfig, MatchaMaskOptions, MatchaOptionParent, ModalComponent, OutputTransformFn, PageEvent, PanelPlacement, PanelPosition, SliderOptions, TabChangeEvent };
+export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MaskExpression, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
+export type { BreakpointState, DrawerMode, DrawerPosition, ILevelClasses, InputTransformFn, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaMaskConfig, MatchaMaskOptions, MatchaOptionParent, ModalComponent, OutputTransformFn, PageEvent, PanelPlacement, PanelPosition, SliderOptions, TabChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "20.56.0",
+  "version": "20.58.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"