import { LitElement } from 'lit';

/**
 * Props interface for AgTimeline component
 */
export interface AgTimelineProps {
    /** Orientation of the timeline */
    orientation?: 'horizontal' | 'vertical';
    /** Visual variant for styling connectors and markers */
    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'monochrome' | '';
    /** Whether to use compact spacing */
    compact?: boolean;
    /** ARIA label for the timeline */
    ariaLabel?: string | null;
}
/** Alias required for SDUI codegen discovery (glob: Timeline/core/_*.ts → looks for TimelineProps) */
export interface TimelineProps extends AgTimelineProps {
}
/**
 * AgTimeline - A semantic timeline component for displaying chronological events
 *
 * @element ag-timeline
 *
 * @slot - Default slot for ag-timeline-item elements
 *
 * @csspart ag-timeline-container - The main timeline container (ul element)
 *
 * @cssprop --ag-timeline-connector-color - Color of connector lines (default: var(--ag-border))
 * @cssprop --ag-timeline-connector-width - Width of connector lines (default: 2px)
 * @cssprop --ag-timeline-vertical-spacing - Spacing between timeline items in vertical orientation (default: var(--ag-space-4))
 */
export declare class AgTimeline extends LitElement implements AgTimelineProps {
    orientation: 'horizontal' | 'vertical';
    variant: 'primary' | 'success' | 'warning' | 'danger' | 'monochrome' | '';
    compact: boolean;
    ariaLabel: string | null;
    constructor();
    static styles: import('lit').CSSResult;
    updated(changedProperties: Map<PropertyKey, unknown>): void;
    private _updateChildItems;
    render(): import('lit').TemplateResult<1>;
}
/**
 * Props interface for AgTimelineItem component
 */
export interface AgTimelineItemProps {
    /** Inherited from parent timeline */
    orientation?: 'horizontal' | 'vertical';
    /** Inherited from parent timeline */
    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'monochrome' | '';
    /** ARIA label for the marker icon */
    markerAriaLabel?: string;
}
/**
 * AgTimelineItem - Individual item within a timeline
 *
 * @element ag-timeline-item
 *
 * @slot ag-start - Content positioned at the start (e.g., date/label)
 * @slot ag-marker - Content for the center marker (e.g., icon)
 * @slot ag-end - Content positioned at the end (e.g., description)
 *
 * @csspart ag-item-container - The main item container (li element)
 * @csspart ag-start - The start content wrapper
 * @csspart ag-marker - The marker wrapper
 * @csspart ag-end - The end content wrapper
 * @csspart ag-connector - The connector line element
 *
 * @cssprop --ag-timeline-start-align - Vertical alignment of start content (default: start)
 * @cssprop --ag-timeline-end-align - Vertical alignment of end content (default: start)
 */
export declare class AgTimelineItem extends LitElement {
    orientation: 'horizontal' | 'vertical';
    variant: 'primary' | 'success' | 'warning' | 'danger' | 'monochrome' | '';
    markerAriaLabel: string | null;
    first: boolean;
    last: boolean;
    constructor();
    static styles: import('lit').CSSResult;
    render(): import('lit').TemplateResult<1>;
}
//# sourceMappingURL=_Timeline.d.ts.map