import * as React from "react";
import { type FieldArrayPath, type FieldValues } from "react-hook-form";
import type { FormFieldArrayProp } from "../props/components/form.prop.js";
export type { FormFieldArrayProp } from "../props/components/form.prop.js";
/**
 * FormFieldArray — repeating fields (antd `Form.List`) on react-hook-form's `useFieldArray`, so
 * rows keep their identity across insert/remove/move instead of being re-keyed by index.
 *
 * Each row hands back its dotted path prefix; build the child field name from it, which is what
 * makes nested validation messages land on the right row:
 *
 * ```tsx
 * <FormFieldArray<Values, "contacts"> name="contacts">
 *   {({ fields, append, remove }) => (…
 *     <FormFieldControl name={`${row.name}.email`} label={t("contact.email")}>…
 *   )}
 * </FormFieldArray>
 * ```
 *
 * react-hook-form path only — a server-driven `adapter` owns its own collection state.
 */
export declare function FormFieldArray<TFieldValues extends FieldValues, TName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>>({ name, children }: FormFieldArrayProp<TFieldValues, TName>): React.JSX.Element;