/**
 * @license
 * Copyright 2023 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement, nothing, TemplateResult } from 'lit';
import { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSeparatorConfig } from './breadcrumb.types.js';
declare const NrBreadcrumbElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement;
/**
 * # Breadcrumb Component
 *
 * Display the current location within a hierarchy and allow navigation back to higher levels.
 * Breadcrumbs show where you are in the site structure and make it easy to navigate up the hierarchy.
 *
 * ## Features
 * - Configurable separator styles (slash, arrow, chevron, etc.)
 * - Support for icons alongside text
 * - Dropdown menus for complex hierarchies
 * - Clickable links with href or custom click handlers
 * - RTL support
 * - Fully accessible with keyboard navigation
 * - Theme-aware styling
 *
 * ## Usage
 * ```html
 * <!-- Basic breadcrumb -->
 * <nr-breadcrumb .items="${[
 *   { title: 'Home', href: '/' },
 *   { title: 'Category', href: '/category' },
 *   { title: 'Product' }
 * ]}"></nr-breadcrumb>
 *
 * <!-- With custom separator -->
 * <nr-breadcrumb
 *   separator=">"
 *   .items="${items}">
 * </nr-breadcrumb>
 *
 * <!-- With icons -->
 * <nr-breadcrumb .items="${[
 *   { title: 'Home', icon: 'home', href: '/' },
 *   { title: 'Settings', icon: 'settings', href: '/settings' },
 *   { title: 'Profile' }
 * ]}"></nr-breadcrumb>
 *
 * <!-- With dropdown menu -->
 * <nr-breadcrumb .items="${[
 *   { title: 'Home', href: '/' },
 *   {
 *     title: 'Products',
 *     menu: [
 *       { label: 'Electronics', href: '/products/electronics' },
 *       { label: 'Clothing', href: '/products/clothing' }
 *     ]
 *   },
 *   { title: 'Current Item' }
 * ]}"></nr-breadcrumb>
 * ```
 *
 * @element nr-breadcrumb
 * @fires nr-breadcrumb-click - Fired when a breadcrumb item is clicked
 *
 * @csspart nav - The root nav element wrapping all breadcrumb items
 * @csspart item - Each li element in the breadcrumb list
 * @csspart link - The anchor or span for a clickable breadcrumb item
 * @csspart text - The span for the last (current) non-clickable breadcrumb item
 * @csspart separator - The span element between breadcrumb items
 * @csspart icon - The icon element rendered alongside a breadcrumb item title
 */
export declare class NrBreadcrumbElement extends NrBreadcrumbElement_base {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    requiredComponents: string[];
    /**
     * Array of breadcrumb items to display
     */
    items: BreadcrumbItem[];
    /**
     * Separator between breadcrumb items
     * Can be a string or one of the predefined separator types
     */
    separator: BreadcrumbSeparator | string;
    /**
     * Custom separator configuration for more control
     */
    separatorConfig?: BreadcrumbSeparatorConfig;
    /**
     * Handle breadcrumb item click
     */
    private handleItemClick;
    /**
     * Handle menu item click
     */
    private handleMenuItemClick;
    /**
     * Render a breadcrumb item icon
     */
    private renderIcon;
    /**
     * Render the separator between breadcrumb items
     */
    private renderSeparator;
    /**
     * Render dropdown menu for an item
     */
    private renderMenu;
    /**
     * Render a single breadcrumb item
     */
    private renderItem;
    render(): typeof nothing | TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nr-breadcrumb': NrBreadcrumbElement;
    }
}
export {};
//# sourceMappingURL=breadcrumb.component.d.ts.map