import { PopupModal } from '../../schema/index.ts';
/**
 * One field's own panel: what it says, then how its kind looks.
 *
 * EditingView is the only place this mounts. A canvas click and a row opened
 * from the שדות list both call the same `selectItem`, which sets the column's
 * panel state to `{kind:'field', id}`; EditingView renders this from there,
 * filling the column below the tab rail. One mount means one Escape listener,
 * one scroll lock, and one place a close can come from, rather than two shells
 * racing each other over the same spot.
 *
 * The panel's own heading already names the item's type (see
 * EditorPanelShell's title below), so the first group is titled generically
 * rather than repeating that word.
 */
export declare function FieldPanel({ popup, onChange, itemId, onClose, }: {
    popup: PopupModal;
    onChange: (patch: Partial<PopupModal>) => void;
    /** The item being edited. */
    itemId: string;
    onClose: () => void;
}): import("react").JSX.Element | null;