import { CSSResultGroup, LitElement, TemplateResult } from "lit";
import "../icon/bl-icon";
import { BaklavaIcon } from "../icon/icon-list";
export type StepperItemVariant = "default" | "active" | "success" | "error";
export type StepperType = "dot" | "number" | "icon";
export type StepperDirection = "horizontal" | "vertical";
/**
 * @tag bl-stepper-item
 * @summary Baklava Stepper Item component for individual steps in a stepper
 *
 * @slot default - Step content (title and description)
 */
export default class BlStepperItem extends LitElement {
    static get styles(): CSSResultGroup;
    /**
     * @internal
     */
    static get shadowRootOptions(): {
        delegatesFocus: boolean;
        mode: ShadowRootMode;
        slotAssignment?: SlotAssignmentMode | undefined;
        customElements?: CustomElementRegistry | undefined;
    };
    /**
     * Defines stepper item's id
     */
    id: string;
    /**
     * Defines stepper item's status
     */
    variant: StepperItemVariant;
    /**
     * Internal variant state that includes hover
     * @internal
     */
    private _internalVariant;
    /**
     * Defines stepper item's interaction
     */
    disabled: boolean;
    /**
     * If stepper type is icon, it should be rendered on stepper items
     */
    icon: BaklavaIcon;
    /**
     * Defines stepper item's main title
     */
    title: string;
    /**
     * Defines stepper item's description
     */
    description: string;
    /**
     * Internal state to show leading connector (line before the step)
     * @internal
     */
    showLeadingConnector: boolean;
    /**
     * Internal state to show trailing connector (line after the step)
     * @internal
     */
    showTrailingConnector: boolean;
    /**
     * Internal state to track stepper type from parent
     * @internal
     */
    stepperType: StepperType;
    /**
     * Internal state to track stepper direction from parent
     * @internal
     */
    direction: StepperDirection;
    /**
     * Internal state to track stepper usage from parent
     * @internal
     */
    stepUsage: "clickable" | "non-clickable";
    /**
     * Fires when stepper item is clicked
     */
    private onItemClick;
    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
    private get isClickable();
    /**
     * @internal
     */
    get stepNumber(): number;
    /**
     * @internal
     */
    get shouldShowIcon(): boolean;
    /**
     * @internal
     */
    get iconName(): BaklavaIcon;
    private handleClick;
    private handleKeyDown;
    private handleMouseEnter;
    private handleMouseLeave;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        "bl-stepper-item": BlStepperItem;
    }
}
//# sourceMappingURL=bl-stepper-item.d.ts.map