/** * 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