import "./inline_value.css"; import type * as React from "react"; import type { ReactNode } from "react"; import { useRender } from "@base-ui/react/use-render"; import { type StyleProps } from "./style_props"; interface InlineValueBase extends StyleProps { /** Verbs about THIS value, on its own surface — see `FieldSurface.actions`, the * same slot every editable `Inline*` exposes. */ actions?: ReactNode; testID?: string; ref?: React.Ref; render?: useRender.RenderProp; } /** THE STRING case — the value drawn in the editors' own type. */ interface InlineValueTextProps extends InlineValueBase { /** The value to show. Empty → `placeholder` (default "—"). */ value: string; children?: never; /** Shown when `value` is empty. Default "—". */ placeholder?: string; /** Mute the value — a secondary or derived figure. */ muted?: boolean; /** Horizontal alignment — `right` for a number column. Default `left`. */ align?: "left" | "right"; /** Value weight — `medium` to emphasise a total or headline figure among plain * rows. Default `regular` (reads as an ordinary value, not a heading). */ weight?: "regular" | "medium"; /** The value WRAPS instead of truncating — an address, a bank-account block. * Single-line is the default, because a record's field column reads as a * column only if its rows are one height. */ multiline?: boolean; } /** ANY NODE on the grid — a `DiffValue`, a chip, a pair. */ interface InlineValueNodeProps extends InlineValueBase { children: ReactNode; value?: never; } export type InlineValueProps = InlineValueTextProps | InlineValueNodeProps; /** * A value that is NOT an editor, on the INLINE-CONTROL GRID — the box an * `Inline*` editor draws, minus the editor. Rendered raw beside an editor, a * computed total or a locked value starts at the cell edge rather than on the * control's inset, and the column stops reading as a column. * * Pass `value` for a string and the entry draws it in the editors' own type; pass * `children` for a node. NON-interactive either way — it reads as a plain value, * NOT a disabled input. */ export declare function InlineValue(props: InlineValueProps): React.ReactElement>; export {};