import { LitElement } from 'lit';
export interface AnchorItem {
    id: string;
    label: string;
    href: string;
    level?: number;
}
/**
 * @element ui-anchor-nav
 * @description Table of contents / anchor navigation for documentation pages
 *
 * @slot - Default slot (not used, items provided via property)
 *
 * @fires anchor-click - Fired when an anchor is clicked
 *
 * @example
 * ```html
 * <ui-anchor-nav
 *   .items=${[
 *     { id: 'intro', label: 'Introduction', href: '#intro' },
 *     { id: 'features', label: 'Features', href: '#features', level: 2 }
 *   ]}
 *   smooth
 * ></ui-anchor-nav>
 * ```
 */
export declare class UIAnchorNav extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Array of anchor items
     */
    items: AnchorItem[];
    /**
     * Enable smooth scrolling
     */
    smooth: boolean;
    /**
     * Offset for fixed headers (in pixels)
     */
    offset: number;
    /**
     * Compact spacing
     */
    compact: boolean;
    /**
     * Floating card style
     */
    floating: boolean;
    private _activeId;
    private _observer?;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _setupIntersectionObserver;
    private _updateActiveFromScroll;
    private _handleClick;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-anchor-nav': UIAnchorNav;
    }
}
//# sourceMappingURL=anchor-nav.d.ts.map