import { LitElement } from 'lit';
/**
 * List item component for use inside ui-list
 *
 * @slot - Default slot for item text
 * @slot prefix - Prefix content (icon, avatar)
 * @slot suffix - Suffix content (badge, action button)
 *
 * @fires item-click - Dispatched when the item is clicked (if interactive)
 *
 * @property {string} href - Makes the item a navigation link
 * @property {boolean} disabled - Whether the item is disabled
 * @property {boolean} selected - Whether the item is selected
 * @property {string} description - Optional secondary description text
 *
 * @csspart item - The list item container
 * @csspart prefix - The prefix slot wrapper
 * @csspart content - The text content wrapper
 * @csspart text - The primary text
 * @csspart description - The description text
 * @csspart suffix - The suffix slot wrapper
 */
export declare class UIListItem extends LitElement {
    static styles: import("lit").CSSResult;
    href: string;
    disabled: boolean;
    selected: boolean;
    description: string;
    private itemId;
    private handleClick;
    private handleKeyDown;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Structured list component
 *
 * @slot - Default slot for ui-list-item elements
 *
 * @property {string} variant - Visual variant: simple, bordered, divided
 * @property {boolean} interactive - Whether items are clickable/hoverable
 * @property {string} size - Item size: sm, md, lg
 *
 * @csspart list - The list container
 */
export declare class UIList extends LitElement {
    static styles: import("lit").CSSResult;
    variant: 'simple' | 'bordered' | 'divided';
    interactive: boolean;
    size: 'sm' | 'md' | 'lg';
    private listId;
    private handleKeyDown;
    private getItems;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-list-item': UIListItem;
        'ui-list': UIList;
    }
}
//# sourceMappingURL=list.d.ts.map