import type { CSSResultGroup } from 'lit';
import DSAIcon from '../icon/icon';
import DSAVisuallyHidden from '../visually-hidden/visually-hidden';
import { ShoelaceElement } from '../../internal/shoelace-element';
import type { DSAStepStatus } from './step.utils';
/**
 * @summary Step defines an element within a stepper.
 * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/stepper/step/web-MXXcUIK4
 *
 * @dependency dsa-icon
 * @dependency dsa-visually-hidden
 *
 * @slot title - The step's title. Alternatively, you can use the `title` attribute.
 * @slot tooltip - The tooltip slot allows additional information to be passed along the title.
 * @slot content - The step's content. Alternatively, you can use the `content` attribute.
 *
 */
export default class DSAStep extends ShoelaceElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'dsa-icon': typeof DSAIcon;
        'dsa-visually-hidden': typeof DSAVisuallyHidden;
    };
    private readonly hasSlotController;
    private readonly localize;
    /** @internal */
    button: HTMLButtonElement | HTMLLinkElement;
    /** The step's status. There can only be one active step's state inside a stepper.
     * The `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.
     */
    status: DSAStepStatus;
    /** The step's title. If you need to display HTML, use the `title` slot instead. */
    stepTitle: string;
    /** The step's content. If you need to display HTML, use the `content` slot instead. */
    content: string;
    /** Sets the step's index */
    index?: number;
    /** When set to true, put the step in vertical mode */
    vertical: boolean;
    /** When set to true, makes the step clickable */
    clickable: boolean;
    /** When set, the step will be rendered as an `<a>` with this `href`. */
    href: string;
    /** Tells the browser where to open the link. Only used when `href` is present. */
    target: '_blank' | '_parent' | '_self' | '_top';
    /**
     * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the
     * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a
     * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by
     * setting the attribute to an empty string or a value of your choice, respectively.
     */
    rel: string;
    /** Simulates a click on the step. */
    click(): void;
    /** Sets focus on the step. */
    focus(options?: FocusOptions): void;
    /** Removes focus from the step. */
    blur(): void;
    connectedCallback(): void;
    private getTag;
    private getStepLabel;
    render(): import("lit").TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-step': DSAStep;
    }
}