/**
* EntitySummary — a structured label/value fact surface for detail headers
* (record overviews, account facts, run metadata …). Semantic `
` markup:
* each item is a `- ` label and a `
- ` value that accepts arbitrary nodes
* (badges, links, formatted numbers/dates/money).
*
* Domain-neutral: no field names are baked in. Responsive by container query —
* the grid steps from one column up to `columns` as its own panel widens, so a
* summary in a narrow sidebar and one in a wide page share the same component.
*/
import type { ReactNode } from "react";
import { type EntitySummaryColumns, type EntitySummaryDensity, type EntitySummaryLayout } from "./variants.js";
export * from "./variants.js";
export type EntitySummaryItem = {
id: string;
label: ReactNode;
value: ReactNode;
/** Span the full grid width — for long values or free text. */
full?: boolean;
};
export type EntitySummaryProps = {
items: readonly EntitySummaryItem[];
/** Maximum columns at the widest container. Defaults to 2. Ignored for the `inline` ribbon. */
columns?: EntitySummaryColumns;
density?: EntitySummaryDensity;
/**
* `grid` (default) stacks each label over its value in a column grid;
* `inline` packs `label value` pairs into a wrapping ribbon that fills the
* width — for headers of short values where the grid would waste space.
*/
layout?: EntitySummaryLayout;
ariaLabel?: string;
};
export declare function EntitySummary({ items, columns, density, layout, ariaLabel, }: EntitySummaryProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map