/**
 * Field Row Component
 * Renders multiple compact fields in a single row for dense Figma-like layouts
 * Uses ant-d Space.Compact for tight grouping of related fields
 * Used by GenericComponentEditor when fields have matching compactRow values
 */
import type { FieldMetadata } from '../../../editor/schema/FieldMetadata';
export interface FieldRowField {
    name: string;
    metadata: FieldMetadata;
    value: any;
}
export interface FieldRowProps {
    /** Row label (optional) */
    label?: string;
    /** Row icon (optional) */
    icon?: string;
    /** Fields to render in this row */
    fields: FieldRowField[];
    /** Change handler - called with field name and new value */
    onChange: (fieldName: string, value: any) => void;
    /** Commit handler - called with field name and final value */
    onCommit: (fieldName: string, value: any) => void;
    /** Whether to disable all fields */
    disabled?: boolean;
    /** Help text shown as tooltip */
    helpText?: string;
}
/**
 * FieldRow renders a horizontal row of compact fields using Space.Compact.
 * Each field shows an icon or single letter label with its input in tight grouping.
 */
export declare function FieldRow({ label, icon, fields, onChange, onCommit, disabled, helpText, }: FieldRowProps): import("react/jsx-runtime").JSX.Element;
/**
 * Group fields by their compactRow property
 * Returns an array of [rowName, fields[]] tuples
 */
export declare function groupFieldsByCompactRow(fields: Record<string, FieldMetadata>, values: Record<string, any>): {
    row: string | null;
    fields: FieldRowField[];
}[];
//# sourceMappingURL=FieldRow.d.ts.map