import type { BlockEditProps, BlockReadProps } from "../types.js";
import type { DataModelData } from "./data-model.config.js";
/**
 * Read-only renderer for a `data-model` block — a dbdiagram / Prisma-style
 * entity-relationship diagram. Each entity is a collapsible card: the header
 * shows the entity name + field count, and expanding it reveals a compact field
 * table (Field · Type · flags) with PK / FK / nullable indicators.
 *
 * INTERACTIVITY (the reason this is a custom block, not a plain table): hovering
 * or clicking a foreign-key field highlights the referenced entity card — it
 * scrolls into view, expands, and gets a temporary accent ring — so a reader can
 * trace a relationship across the whole model. Explicit `relations` (or relations
 * inferred from `fk` fields) render as a labeled connector list below the cards.
 *
 * Every color is theme-aware via Tailwind `dark:` variants or plan CSS vars, so
 * the diagram reads correctly in both the `.dark` plan theme and light mode.
 */
export declare function DataModelRead({ data, blockId, title, summary, }: BlockReadProps<DataModelData>): import("react").JSX.Element;
/**
 * Panel editor for a `data-model` block. A structured form: a list of entities
 * (add/remove), each with a name Input, an optional note, and repeatable field
 * rows (add/remove) carrying name / type / PK checkbox / FK input / nullable
 * checkbox. Relations are derived from `fk` in v1, so the form focuses on the
 * entities + fields. Renders BARE content (no `<section>`); the registry's panel
 * surface supplies the popover chrome.
 */
export declare function DataModelEdit({ data, onChange, editable, }: BlockEditProps<DataModelData>): import("react").JSX.Element;
//# sourceMappingURL=DataModelBlock.d.ts.map