export type { FeatureItemProp, FeatureListProp, FeatureListProp as FeatureListProps, FeatureStateProp, } from "../../props/components/data-display.prop.js"; import type { FeatureListProp } from "../../props/components/data-display.prop.js"; /** * FeatureList — a list of STATEMENTS, each carrying a leading state glyph: what a plan includes, * what a tier supports, which requirements a submission met. * * ## Why it is not one of the three components it looks like * * - **`ListRow`** is a single-line ENTITY row — a session, a token, a passkey — with entity * padding, a divider between every row and a trailing action slot. A feature line is none of * those: it has no action, it is not a thing you can open, and reading a plan's contents * through a stack of ruled rows makes six facts look like six records. * - **`Timeline`** has the glyph rail, but it is an ORDERED event list: a connector line runs * dot-to-dot and the statuses are `done`/`current`/`pending`, which is time, not inclusion. * - **`Descriptions`** is a term/value grid. A feature line has no value column — the state IS * the value, and it is drawn, not written. * * ## The alignment, which is the actual reason this exists * * The glyph column is one line box tall (`1lh`) and the glyph is centred in it, so it lands on * the FIRST line of a label that wraps to three. That is why the component can be handed a * one-word label and a paragraph and both come out aligned, at any font size and at any density, * with no number in the call site. The shape it replaces reached for `mt-0.5` — 2px, below * `--space-1`, off every scale, and wrong the moment the text beside it changes size. */ export declare function FeatureList({ items, className, ...props }: FeatureListProp): import("react").JSX.Element;