import * as _angular_core from '@angular/core';

/**
 * Generic list container. Renders `<ul role="list">` with optional
 * borders, dividers between items, and dense (compact) padding. Project
 * `<wr-list-item>` children — they pick up the container's settings
 * through CSS cascade, no DI needed.
 *
 * @example
 * ```html
 * <wr-list bordered dividers>
 *   <wr-list-item>
 *     <wr-icon ngProjectAs="[wrListItemLeading]" name="folder" />
 *     Reports
 *     <span ngProjectAs="[wrListItemTrailing]">12</span>
 *   </wr-list-item>
 *   <wr-list-item interactive (click)="open(item)">
 *     Click anywhere on this row
 *   </wr-list-item>
 * </wr-list>
 * ```
 *
 * @see https://ngwr.dev/components/list
 */
declare class WrList {
    /** Wrap the list in a card-style border + radius. @default false */
    readonly bordered: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Draw a thin divider between items. @default false */
    readonly dividers: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Use compact padding on every item. @default false */
    readonly dense: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Optional accessible label for the list. */
    readonly ariaLabel: _angular_core.InputSignal<string>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrList, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrList, "wr-list", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "dividers": { "alias": "dividers"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * Row inside `<wr-list>`. Three projection slots:
 *
 *  - `[wrListItemLeading]` — icon, avatar, status dot, etc.
 *  - default — main label / body
 *  - `[wrListItemTrailing]` — meta value, action button, chevron
 *
 * Set `interactive` to get hover, cursor, keyboard activation, and the
 * appropriate ARIA role for click handling.
 *
 * @example
 * ```html
 * <wr-list-item>Plain row</wr-list-item>
 *
 * <wr-list-item interactive (click)="onPick(item)">
 *   <wr-icon ngProjectAs="[wrListItemLeading]" name="folder" />
 *   Reports
 *   <span ngProjectAs="[wrListItemTrailing]">12</span>
 * </wr-list-item>
 * ```
 */
declare class WrListItem {
    /** Adds hover / cursor styles + keyboard activation. @default false */
    readonly interactive: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Visual disabled state. Suppresses hover + keyboard activation. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    protected onActivate(event: Event): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrListItem, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrListItem, "wr-list-item", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[wrListItemLeading]", "*", "[wrListItemTrailing]"], true, never>;
}

export { WrList, WrListItem };