import { LitElement } from 'lit'; export interface NavItem { id: string; label: string; href?: string; icon?: string; children?: NavItem[]; badge?: string | number; disabled?: boolean; } export interface UserInfo { name: string; email: string; avatar?: string; role?: string; } /** * Application header component with navigation, search, notifications, and user menu * * @slot logo - Logo or brand content (left side) * @slot nav - Custom navigation content (center) * @slot actions - Action buttons before user menu (right side) * @slot user-menu - Custom user menu content * @slot mobile-menu - Custom mobile menu content * * @event nav-click - Dispatched when a navigation item is clicked * @event user-action - Dispatched when a user menu action is clicked * @event search - Dispatched when search is triggered * @event notification-click - Dispatched when a notification is clicked * * @cssprop --header-height - Height of the header (default: 64px) * @cssprop --header-bg - Background color (default: white) * @cssprop --header-border - Border color (default: #e5e7eb) * @cssprop --header-shadow - Box shadow for sticky header * @cssprop --header-mobile-breakpoint - Mobile breakpoint (default: 768px) */ export declare class UIAppHeader extends LitElement { static styles: import("lit").CSSResult; navItems: NavItem[]; user: UserInfo | null; sticky: boolean; fixed: boolean; shadow: boolean; dark: boolean; showSearch: boolean; showNotifications: boolean; notificationCount: number; activeNav: string; private mobileOpen; private openSubmenu; private userMenuOpen; private clickOutsideListener; connectedCallback(): void; disconnectedCallback(): void; private handleNavClick; private handleUserAction; private handleSearch; private handleNotification; private toggleMobileMenu; private renderNavItem; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'ui-app-header': UIAppHeader; } } //# sourceMappingURL=app-header.d.ts.map