import { LitElement } from 'lit';
/**
 * @element ui-app-shell
 * @description Application shell layout with header, sidebar, main content, and footer
 *
 * @slot header - Header content
 * @slot sidebar - Sidebar navigation content
 * @slot - Main content (default slot)
 * @slot footer - Footer content
 *
 * @fires sidebar-toggle - Fired when sidebar is toggled (mobile)
 *
 * @example
 * ```html
 * <ui-app-shell sidebar-width="250px">
 *   <div slot="header">Header</div>
 *   <div slot="sidebar">Sidebar Nav</div>
 *   <div>Main Content</div>
 *   <div slot="footer">Footer</div>
 * </ui-app-shell>
 * ```
 */
export declare class UIAppShell extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Sidebar width (CSS value)
     */
    sidebarWidth: string;
    /**
     * Collapsed sidebar width (CSS value)
     */
    sidebarCollapsedWidth: string;
    /**
     * Whether sidebar is collapsed
     */
    sidebarCollapsed: boolean;
    /**
     * Hide sidebar completely
     */
    noSidebar: boolean;
    /**
     * Fixed header that stays on scroll
     */
    fixedHeader: boolean;
    /**
     * Add padding to main content
     */
    padded: boolean;
    /**
     * Constrain content to max width
     */
    constrained: boolean;
    /**
     * Dark mode
     */
    dark: boolean;
    private _sidebarOpen;
    connectedCallback(): void;
    private _toggleSidebar;
    private _closeSidebar;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-app-shell': UIAppShell;
    }
}
//# sourceMappingURL=app-shell.d.ts.map