import * as i0 from '@angular/core';
import { OnInit, InputSignal, InputSignalWithTransform, Signal, ModelSignal, OutputEmitterRef } from '@angular/core';

/** Sort direction — three states */
type SortDirection = 'asc' | 'desc' | undefined;
/** Configures the three-state sort cycle */
type SortCycle = SortDirection[];
/** Emitted when sort state changes */
interface SortEvent {
    /** The active column id, or undefined if unsorted */
    active: string | undefined;
    /** The sort direction */
    direction: SortDirection;
}
/**
 * @tokens `--color-foreground`, `--color-muted-foreground`
 */
declare const sortHeaderVariants: (props?: {
    sortable?: boolean;
    active?: boolean;
    disabled?: boolean;
}) => string;
/**
 * @tokens `--color-foreground`, `--color-muted-foreground`
 */
declare const sortIconVariants: (props?: {
    size?: 'sm' | 'md' | 'lg';
    state?: 'asc' | 'desc' | 'unsorted' | 'hidden';
}) => string;

/**
 * Sortable header component — child of [comSort] directive.
 *
 * Apply to table headers, div columns, or any clickable element that should trigger sorting.
 *
 * @tokens `--color-foreground`, `--color-muted-foreground`, `--color-disabled-foreground`
 *
 * @example Basic usage
 * ```html
 * <tr comSort (sortChange)="onSort($event)">
 *   <th comSortHeader="name">Name</th>
 *   <th comSortHeader="age">Age</th>
 * </tr>
 * ```
 *
 * @example Arrow placement
 * ```html
 * <th comSortHeader="name" comSortHeaderArrowPosition="before">Name</th>
 * ```
 */
declare class ComSortHeader implements OnInit {
    private readonly sort;
    private readonly destroyRef;
    private readonly elementRef;
    /** The column id — aliased from the selector */
    readonly id: InputSignal<string>;
    /** Disable sorting for this specific header */
    readonly sortHeaderDisabled: InputSignalWithTransform<boolean, unknown>;
    /** Override parent's sortShowIndicator for this header */
    readonly sortHeaderShowIndicator: InputSignal<boolean | undefined>;
    /** Arrow placement relative to content */
    readonly sortHeaderArrowPosition: InputSignal<'before' | 'after'>;
    /** Whether this header is the currently active sort column */
    readonly isActive: Signal<boolean>;
    /** Current direction if active, undefined otherwise */
    readonly direction: Signal<SortDirection>;
    /** Whether this header is sorted (active + has direction) */
    readonly isSorted: Signal<boolean>;
    /** Whether to show the muted indicator when unsorted */
    readonly showUnsortedIndicator: Signal<boolean>;
    /** Whether sorting is disabled for this header */
    readonly isDisabled: Signal<boolean>;
    /** Role — only set on non-<th> elements (th has implicit columnheader role) */
    readonly hostRole: Signal<'columnheader' | null>;
    /** aria-sort attribute value */
    readonly ariaSort: Signal<'ascending' | 'descending' | 'none'>;
    /** CVA-generated host classes */
    readonly hostClasses: Signal<string>;
    constructor();
    ngOnInit(): void;
    protected onClick(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComSortHeader, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ComSortHeader, "[comSortHeader]", never, { "id": { "alias": "comSortHeader"; "required": true; "isSignal": true; }; "sortHeaderDisabled": { "alias": "sortHeaderDisabled"; "required": false; "isSignal": true; }; "sortHeaderShowIndicator": { "alias": "sortHeaderShowIndicator"; "required": false; "isSignal": true; }; "sortHeaderArrowPosition": { "alias": "comSortHeaderArrowPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * Parent directive that manages sort state for a group of sortable headers.
 *
 * Apply to a container element (e.g., `<tr>`, `<div>`) that contains `[comSortHeader]` children.
 * Children inject this directive via DI and read its signals directly.
 *
 * @tokens `--color-foreground`, `--color-muted-foreground`
 *
 * @example Basic usage
 * ```html
 * <tr comSort (sortChange)="onSort($event)">
 *   <th comSortHeader="name">Name</th>
 *   <th comSortHeader="age">Age</th>
 * </tr>
 * ```
 *
 * @example Two-way binding
 * ```html
 * <tr comSort [(sortActive)]="column" [(sortDirection)]="direction">
 *   <th comSortHeader="name">Name</th>
 * </tr>
 * ```
 */
declare class ComSort {
    /** Currently active sort column id — two-way via model() */
    readonly sortActive: ModelSignal<string | undefined>;
    /** Current sort direction — two-way via model() */
    readonly sortDirection: ModelSignal<SortDirection>;
    /** Disables all sorting in this container */
    readonly sortDisabled: InputSignalWithTransform<boolean, unknown>;
    /** Customize the click cycle (e.g., ['asc', 'desc'] to skip unsorted) */
    readonly sortCycle: InputSignal<SortCycle>;
    /** Show a muted arrow on unsorted headers */
    readonly sortShowIndicator: InputSignalWithTransform<boolean, unknown>;
    /** Emitted when active column or direction changes */
    readonly sortChange: OutputEmitterRef<SortEvent>;
    private readonly headers;
    /** Register a sort header with this parent */
    register(header: ComSortHeader): void;
    /** Deregister a sort header */
    deregister(id: string): void;
    /** Programmatically sort by a column */
    sort(id: string): void;
    /** Returns the next direction in the cycle for a given column */
    getNextDirection(id: string): SortDirection;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComSort, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComSort, "[comSort]", ["comSort"], { "sortActive": { "alias": "sortActive"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; "isSignal": true; }; "sortCycle": { "alias": "sortCycle"; "required": false; "isSignal": true; }; "sortShowIndicator": { "alias": "sortShowIndicator"; "required": false; "isSignal": true; }; }, { "sortActive": "sortActiveChange"; "sortDirection": "sortDirectionChange"; "sortChange": "sortChange"; }, never, never, true, never>;
}

export { ComSort, ComSortHeader, sortHeaderVariants, sortIconVariants };
export type { SortCycle, SortDirection, SortEvent };