import { EventEmitter } from '@angular/core';
import { DocsSearchMetadata } from '../../molecules/docs-search/types';
import { DocsShellMetadata, DocsShellSection } from './types';
import * as i0 from "@angular/core";
/**
 * val-docs-shell
 *
 * A complete documentation shell with sidebar navigation, search, and content area.
 * Use this component as the root layout for documentation pages.
 *
 * @example
 * ```html
 * <val-docs-shell [props]="shellConfig">
 *   <router-outlet></router-outlet>
 * </val-docs-shell>
 * ```
 */
export declare class DocsShellComponent {
    private menuCtrl;
    private docsNav;
    props: DocsShellMetadata;
    navigate: EventEmitter<string[]>;
    private _sectionsState;
    sectionsState: import("@angular/core").Signal<DocsShellSection[]>;
    searchProps: import("@angular/core").Signal<DocsSearchMetadata>;
    ngOnChanges(): void;
    toggleSection(section: DocsShellSection): void;
    closeMenu(): Promise<void>;
    onNavigate(route: string[]): void;
    private buildSearchSections;
    static ɵfac: i0.ɵɵFactoryDeclaration<DocsShellComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DocsShellComponent, "val-docs-shell", never, { "props": { "alias": "props"; "required": false; }; }, { "navigate": "navigate"; }, never, ["*"], true, never>;
}