import type { StyleValue } from "./style_props";
/** A vertical `Step`'s marker centres on the content's first row, not the whole box, so the offset derives
 *  from that row's height. */
/** `Checkbox`'s diameter too, since a toggleable step renders one here and ring and box share a leading
 *  gutter. Everything else derives from it. */
export declare const NODE = 24;
/** Data, so properties rather than inline declarations no consumer can beat. */
export interface StepperStyle extends StyleValue {
    "--lotics-stepper-color"?: string;
    "--lotics-stepper-marker-offset"?: string;
    "--lotics-stepper-gap"?: string;
    /** The rung of the lead a `mark` step's row starts with, which the node centres on; none centres on one
     *  `sm` line. */
    "--lotics-stepper-lead"?: string;
}
/** The gap above the content's first row. */
export declare const STEP_ROW_PAD = 2;
/** The kit's one mark-to-label gap (`--lotics-lead-gap`); the 6 rung put the rail four pixels off a marked
 *  run's tile. */
export declare const STEP_MARKER_GAP = 10;
/** A bleed, not an inset: the pressed wash extends past the text while the text stays on the column's
 *  edge. */
export declare const STEP_ROW_BLEED = 10;
/** One line of `Text size="sm"` at its prose leading, not the tight 20, which no `Step` sets. */
export declare const STEP_HEAD_TEXT_LINE = 24;
/** Never negative, or a row shorter than the marker lifts the disc out of the step. A `mark` step derives
 *  this in its sheet from `--lotics-stepper-lead`. */
export declare function markerTopOffset(headHeight: number): number;