import { LitElement } from 'lit';
export interface SidebarItem {
    id: string;
    label: string;
    icon?: string;
    href?: string;
    badge?: string | number;
    children?: SidebarItem[];
    expanded?: boolean;
    disabled?: boolean;
}
/**
 * @element ui-sidebar-nav
 * @description Sidebar navigation with collapsible groups and nested items
 *
 * @slot - Default slot (not used, items provided via property)
 * @slot header - Optional sidebar header
 * @slot footer - Optional sidebar footer
 *
 * @fires item-click - Fired when a navigation item is clicked
 * @fires item-expand - Fired when a collapsible item is expanded/collapsed
 *
 * @example
 * ```html
 * <ui-sidebar-nav
 *   .items=${navItems}
 *   .activeId=${'dashboard'}
 * ></ui-sidebar-nav>
 * ```
 */
export declare class UISidebarNav extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Array of navigation items
     */
    items: SidebarItem[];
    /**
     * ID of the active item
     */
    activeId?: string;
    /**
     * Compact mode (icons only)
     */
    compact: boolean;
    /**
     * Dark mode
     */
    dark: boolean;
    private _expandedItems;
    private _handleItemClick;
    private _renderIcon;
    private _renderItem;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-sidebar-nav': UISidebarNav;
    }
}
//# sourceMappingURL=sidebar-nav.d.ts.map