import type { StyleValue } from "./style_props"; /** * Where a vertical `Step`'s marker sits against its content. * * The marker centres on the content's FIRST ROW — not on the content box, which * can be many lines tall — so the offset is derived from that row's height. */ /** * The marker disc's diameter — and, deliberately, `Checkbox`'s own, because a * toggleable step renders a real `Checkbox` in this slot. 24 in both shapes: a * ring and a box share the leading gutter on `Table` and `Checklist`. * * Every other measurement here derives from it, so this is the one number to * change. */ export declare const NODE = 24; /** The accent ink and the row's own measures are DATA, so they reach the sheet * as properties rather than as inline declarations no consumer can beat. */ export interface StepperStyle extends StyleValue { "--lotics-stepper-color"?: string; "--lotics-stepper-marker-offset"?: string; "--lotics-stepper-gap"?: string; } /** `vRowBox`'s vertical padding — the gap above the content's first row. */ export declare const STEP_ROW_PAD = 2; /** The gap between a vertical step's marker column and its content. Read it with * `STEP_ROW_INSET`, which follows it: the two together are what a reader sees * between a ring and the words it belongs to. */ export declare const STEP_MARKER_GAP = 6; /** The horizontal inset inside a step's row box (its hover/active wash). */ export declare const STEP_ROW_INSET = 10; /** Where a vertical step's TEXT actually begins, from the run's left edge: the * marker, the gap after it, AND the row box's own inset — all three, or a * heading meant to share that edge lands 10px off it. */ export declare const STEP_TEXT_COLUMN: number; /** A single line of `Text size="sm"` (`text.css`), which is what a step's first * row is unless it carries a control — that rung's PROSE leading, not the 20 it * takes at `leading="tight"`, which no `Step` sets. */ export declare const STEP_HEAD_TEXT_LINE = 24; /** Top padding for the spine column so the marker's centre lands on the centre of * a first row `headHeight` tall. Never negative: a row SHORTER than the marker * would otherwise lift the disc out of the step's own bounds. */ export declare function markerTopOffset(headHeight: number): number;