import { ResizeController } from '@lit-labs/observers/resize-controller.js';
import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
import { Focusable } from '../../utils/focusable.js';
import { RovingTabindexController } from '../../utils/reactive-controllers/roving-tabindex.js';
import { LuzmoTopNavItem } from './top-nav-item.js';
declare const LuzmoTopNav_base: typeof Focusable & {
    new (...args: any[]): import("../../index.js").SizedElementInterface;
    prototype: import("../../index.js").SizedElementInterface;
};
/**
 * @element luzmo-top-nav
 *
 * @slot - Navigation items to display in the top nav
 *
 * @fires change - The selected navigation item has changed.
 */
export declare class LuzmoTopNav extends LuzmoTopNav_base {
    static get styles(): CSSResultArray;
    label: string;
    quiet: boolean;
    selected: string;
    selectionIndicatorStyle: string;
    shouldAnimate: boolean;
    private slotEl;
    private listEl;
    private set items(value);
    private get items();
    private _items;
    constructor();
    protected resizeController: ResizeController<void>;
    rovingTabindexController: RovingTabindexController<LuzmoTopNavItem>;
    get focusElement(): LuzmoTopNavItem | this;
    protected render(): TemplateResult;
    protected willUpdate(changes: PropertyValues): void;
    protected firstUpdated(changes: PropertyValues): void;
    private onClick;
    private onKeyDown;
    private selectTarget;
    private onSlotChange;
    private updateCheckedState;
    private updateSelectionIndicator;
    connectedCallback(): void;
    disconnectedCallback(): void;
}
export {};