import type { IElementRef, OnCreate, OnDestroy } from '@melodicdev/core';
export type SidebarPosition = 'left' | 'right';
/**
 * ml-app-shell - Application shell layout component
 *
 * Provides a sidebar + header + content area layout using CSS Grid.
 *
 * @example
 * ```html
 * <ml-app-shell>
 *   <ml-sidebar slot="sidebar">...</ml-sidebar>
 *   <div slot="header">Page Header</div>
 *   <main>Content</main>
 * </ml-app-shell>
 * ```
 *
 * @slot sidebar - Sidebar navigation area (full height)
 * @slot header - Top header bar in the main area
 * @slot default - Main content area (scrolls independently)
 */
export declare class AppShellComponent implements IElementRef, OnCreate, OnDestroy {
    elementRef: HTMLElement;
    /** Position of the sidebar: 'left' or 'right' */
    'sidebar-position': SidebarPosition;
    /** Whether the sidebar is collapsed */
    'sidebar-collapsed': boolean;
    /** Whether the header is fixed/sticky */
    'header-fixed': boolean;
    /** Whether the viewport is mobile-sized (<768px) */
    mobile: boolean;
    /** Whether the mobile sidebar drawer is open */
    mobileOpen: boolean;
    /** Media query for responsive behavior */
    private _mediaQuery;
    private readonly _handleMediaChange;
    onCreate(): void;
    onDestroy(): void;
    /** Toggle mobile sidebar drawer */
    toggleMobileSidebar: () => void;
    /** Close mobile sidebar */
    closeMobileSidebar: () => void;
    private onMediaChange;
}
//# sourceMappingURL=app-shell.component.d.ts.map