@gntik-ai/ui 0.5.0 → 0.9.0

package/dist/forms.js

@@ -1,7 +1,9 @@
 'use client';
-import { a as FieldLabel, n as FieldDescription, r as FieldError, t as Field } from "./Field-neBukiNh.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FormProvider, useController, useFormContext } from "react-hook-form";
+import { N as tv, P as cn, a as FieldLabel, c as FieldsetLegend, d as useAnnounce, f as useHasLiveAnnouncer, h as IconButton, m as Button, n as FieldDescription, o as Fieldset, r as FieldError, s as FieldsetDescription, t as Field, u as LiveAnnouncer, w as useI18n } from "./Field-DPYsdteY.js";
+import { createContext, useContext, useId, useLayoutEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, Copy, Plus, Trash2 } from "lucide-react";
+import { FormProvider, get, useController, useFieldArray, useFormContext, useFormState, useWatch } from "react-hook-form";
 //#region src/forms/useFieldProps.ts
 /**
 * Wires one react-hook-form field (through `useController`) into the kit's Field parts.
@@ -39,23 +41,74 @@ function errorMessage(error) {
 	return typeof root?.message === "string" ? root.message : void 0;
 }
 //#endregion
+//#region src/forms/bindings.ts
+/** Maps value/onChange controls to the kit's value/onValueChange API. Changes also touch the field. */
+function toValueProps({ value, onChange, onBlur, ...props }) {
+	return {
+		...props,
+		ref: focusTargetRef(props.ref),
+		value: value ?? null,
+		onValueChange: (next) => {
+			onChange(next);
+			onBlur();
+		}
+	};
+}
+/** Maps value/onChange controls to the kit's checked/onCheckedChange API. */
+function toCheckedProps({ value, onChange, onBlur, ...props }) {
+	return {
+		...props,
+		ref: focusTargetRef(props.ref),
+		checked: !!value,
+		onCheckedChange: (next) => {
+			onChange(next);
+			onBlur();
+		}
+	};
+}
+/** Resolve at focus time: composite controls can mount or change their tabbable child later. */
+function resolveFocusTarget(element) {
+	const enabled = ":not(:disabled):not([aria-disabled=\"true\"])";
+	if (element.matches(`input:not([type="hidden"])${enabled}, button${enabled}, textarea${enabled}, select${enabled}, a[href], [tabindex]${enabled}`)) return element;
+	return element.querySelector(`[tabindex="0"]${enabled}`) ?? element.querySelector(`input:not([type="hidden"])${enabled}, button${enabled}`);
+}
+function focusTargetRef(ref) {
+	return (element) => ref(element ? { focus: () => resolveFocusTarget(element)?.focus() } : null);
+}
+//#endregion
 //#region src/forms/FormField.tsx
-/**
-* A kit `Field` bound to a react-hook-form field: label, control, description and the field's
-* error message, with `aria-invalid` and `aria-describedby` wired by Base UI's Field.
-*/
-function FormField({ name, label, required, description, className, children, ...options }) {
-	const state = useFieldProps(name, options);
+const FieldEnhancerContext = createContext(void 0);
+const widths = {
+	xs: "max-w-[6.5rem]",
+	sm: "max-w-[13.5rem]",
+	md: "max-w-[20.5rem]",
+	lg: "max-w-[27.5rem]",
+	xl: "max-w-[34.5rem]"
+};
+function FormField(props) {
+	const { name, label, required, description, className, width, control, rules, disabled } = props;
+	const enhanced = useContext(FieldEnhancerContext)?.({ name });
+	const fieldDisabled = enhanced?.disabled ?? disabled;
+	const state = useFieldProps(name, {
+		control,
+		rules,
+		disabled: fieldDisabled
+	});
+	const controlProps = enhanced ? {
+		...state.controlProps,
+		...enhanced
+	} : state.controlProps;
+	const child = props.bind === "value" ? props.children(toValueProps(controlProps), state) : props.bind === "checked" ? props.children(toCheckedProps(controlProps), state) : props.children(controlProps, state);
 	return /* @__PURE__ */ jsxs(Field, {
 		...state.fieldProps,
-		disabled: options.disabled,
-		className,
+		disabled: fieldDisabled,
+		className: width ? cn("w-full", widths[width], className) : className,
 		children: [
 			label && /* @__PURE__ */ jsx(FieldLabel, {
 				required,
 				children: label
 			}),
-			children(state.controlProps, state),
+			child,
 			description && /* @__PURE__ */ jsx(FieldDescription, { children: description }),
 			/* @__PURE__ */ jsx(FieldError, {
 				match: !!state.error,
@@ -68,14 +121,17 @@ function FormField({ name, label, required, description, className, children, ..
 * `<form noValidate>` + `FormProvider`: submits through `handleSubmit`, so a failed submit shows
 * every message and focuses the first invalid field (react-hook-form's `shouldFocusError`).
 */
-function Form({ form, onSubmit, onInvalid, children, ...props }) {
+function Form({ form, onSubmit, onInvalid, enhanceFieldProps, children, ...props }) {
 	return /* @__PURE__ */ jsx(FormProvider, {
 		...form,
-		children: /* @__PURE__ */ jsx("form", {
-			noValidate: true,
-			...props,
-			onSubmit: form.handleSubmit(onSubmit, onInvalid),
-			children
+		children: /* @__PURE__ */ jsx(FieldEnhancerContext.Provider, {
+			value: enhanceFieldProps,
+			children: /* @__PURE__ */ jsx("form", {
+				noValidate: true,
+				...props,
+				onSubmit: form.handleSubmit(onSubmit, onInvalid),
+				children
+			})
 		})
 	});
 }
@@ -125,6 +181,253 @@ function schemaResolver(schema) {
 	};
 }
 //#endregion
-export { Form, FormField, issuesToErrors, schemaResolver, useFieldProps };
+//#region src/forms/field-array.variants.ts
+const fieldArrayVariants = tv({
+	slots: {
+		root: "min-w-0",
+		list: "flex flex-col gap-3",
+		row: "flex min-w-0 gap-3",
+		fields: "flex min-w-0 flex-1 flex-col gap-3",
+		actions: "flex shrink-0 flex-wrap items-start gap-1",
+		footer: "flex flex-wrap items-center gap-3",
+		hint: "text-sm text-muted-foreground",
+		error: "text-sm text-destructive-text"
+	},
+	variants: { layout: {
+		inline: { row: "flex-col sm:flex-row" },
+		card: { row: "flex-col rounded-lg border border-border bg-card p-4" }
+	} },
+	defaultVariants: { layout: "inline" }
+});
+//#endregion
+//#region src/forms/FieldArray.tsx
+/** Repeatable object fields in the optional react-hook-form adapter. */
+function FieldArray(props) {
+	return useHasLiveAnnouncer() ? /* @__PURE__ */ jsx(FieldArrayContent, { ...props }) : /* @__PURE__ */ jsx(LiveAnnouncer, { children: /* @__PURE__ */ jsx(FieldArrayContent, { ...props }) });
+}
+const focusable = "input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])";
+function RowFields({ children, row }) {
+	return children(row);
+}
+function FieldArrayContent({ name, control: controlProp, label, description, rules, children, defaultItem, max, min = 0, emptyState, reorderable = false, duplicable = false, layout = "inline", itemLabel, addLabel, className }) {
+	const context = useFormContext();
+	const control = controlProp ?? context?.control;
+	const minimum = typeof rules?.minLength === "object" ? rules.minLength.value : rules?.minLength;
+	const arrayRules = minimum && minimum > 0 ? {
+		...rules,
+		required: rules?.required ?? {
+			value: true,
+			message: typeof rules?.minLength === "object" ? rules.minLength.message : ""
+		}
+	} : rules;
+	const { fields, append, insert, remove: removeItem, move: moveItem } = useFieldArray({
+		name,
+		control,
+		rules: arrayRules
+	});
+	const path = name;
+	const values = useWatch({
+		control,
+		name: path
+	});
+	const { errors } = useFormState({
+		control,
+		name: path
+	});
+	const arrayError = get(errors, name);
+	const message = arrayError?.root?.message ?? arrayError?.message;
+	const error = typeof message === "string" ? message : void 0;
+	const uid = useId();
+	const descriptionId = `${uid}-description`;
+	const errorId = `${uid}-error`;
+	const { t } = useI18n();
+	const labelFor = (n) => itemLabel?.(n) ?? t("fieldArray.item", { n });
+	const s = fieldArrayVariants({ layout });
+	const announce = useAnnounce();
+	const rows = useRef(/* @__PURE__ */ new Map());
+	const addButton = useRef(null);
+	const pendingFocus = useRef(null);
+	const full = max !== void 0 && fields.length >= max;
+	const announceInsertion = (message) => {
+		const limit = max !== void 0 && fields.length + 1 >= max ? t("fieldArray.limit", { max }) : "";
+		announce([message, limit].filter(Boolean).join(" "));
+	};
+	useLayoutEffect(() => {
+		const pending = pendingFocus.current;
+		if (!pending) return;
+		pendingFocus.current = null;
+		if ("add" in pending) {
+			addButton.current?.focus();
+			return;
+		}
+		const id = "previousIds" in pending ? fields.find((field) => !pending.previousIds.has(field.id))?.id : pending.id;
+		const element = "element" in pending ? pending.element : void 0;
+		(element?.isConnected ? element : id ? rows.current.get(id)?.querySelector(focusable) : null)?.focus();
+	});
+	const add = () => {
+		if (full) {
+			announce(t("fieldArray.limit", { max: max ?? 0 }));
+			return;
+		}
+		pendingFocus.current = { previousIds: new Set(fields.map((field) => field.id)) };
+		append(structuredClone(typeof defaultItem === "function" ? defaultItem() : defaultItem), { shouldFocus: false });
+		announceInsertion(t("fieldArray.added", { item: labelFor(fields.length + 1) }));
+	};
+	const remove = (index) => {
+		if (fields.length <= min) return;
+		const neighbour = fields[index + 1] ?? fields[index - 1];
+		pendingFocus.current = neighbour ? { id: neighbour.id } : { add: true };
+		removeItem(index);
+		announce(t("fieldArray.removed", { item: labelFor(index + 1) }));
+	};
+	const move = (index, delta) => {
+		const destination = index + delta;
+		const field = fields[index];
+		if (!reorderable || !field || !Number.isInteger(delta) || destination < 0 || destination >= fields.length || delta === 0) return;
+		const active = document.activeElement;
+		pendingFocus.current = {
+			id: field.id,
+			element: active instanceof HTMLElement && rows.current.get(field.id)?.contains(active) ? active : void 0
+		};
+		moveItem(index, destination);
+		announce(t("fieldArray.moved", {
+			n: destination + 1,
+			total: fields.length
+		}));
+	};
+	const duplicate = (index) => {
+		if (!duplicable || full) return;
+		const value = values?.[index];
+		if (!value) return;
+		pendingFocus.current = { previousIds: new Set(fields.map((field) => field.id)) };
+		insert(index + 1, structuredClone(value), { shouldFocus: false });
+		announceInsertion(t("fieldArray.duplicated", { item: labelFor(index + 1) }));
+	};
+	return /* @__PURE__ */ jsxs(Fieldset, {
+		"data-field-array": "",
+		className: s.root({ className }),
+		"aria-describedby": [description ? descriptionId : "", error ? errorId : ""].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": !!error || void 0,
+		children: [
+			label && /* @__PURE__ */ jsx(FieldsetLegend, { children: label }),
+			description && /* @__PURE__ */ jsx(FieldsetDescription, {
+				id: descriptionId,
+				children: description
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: s.list(),
+				children: fields.map((field, index) => /* @__PURE__ */ jsxs("div", {
+					className: s.row(),
+					ref: (element) => {
+						if (element) rows.current.set(field.id, element);
+						else rows.current.delete(field.id);
+					},
+					role: "group",
+					"aria-label": labelFor(index + 1),
+					onKeyDown: (event) => {
+						if (event.target instanceof Element && event.target.closest("[data-field-array]") !== event.currentTarget.closest("[data-field-array]")) return;
+						if (reorderable && event.altKey && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
+							event.preventDefault();
+							event.stopPropagation();
+							move(index, event.key === "ArrowUp" ? -1 : 1);
+						}
+					},
+					children: [/* @__PURE__ */ jsx("div", {
+						className: s.fields(),
+						children: /* @__PURE__ */ jsx(RowFields, {
+							row: {
+								index,
+								remove: () => remove(index),
+								move: (delta) => move(index, delta),
+								duplicate: () => duplicate(index),
+								name: (part) => `${name}.${index}.${part}`
+							},
+							children
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: s.actions(),
+						children: [
+							reorderable && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconButton, {
+								icon: ArrowUp,
+								label: t("fieldArray.moveUp", { item: labelFor(index + 1) }),
+								disabled: index === 0,
+								onClick: () => move(index, -1)
+							}), /* @__PURE__ */ jsx(IconButton, {
+								icon: ArrowDown,
+								label: t("fieldArray.moveDown", { item: labelFor(index + 1) }),
+								disabled: index === fields.length - 1,
+								onClick: () => move(index, 1)
+							})] }),
+							duplicable && /* @__PURE__ */ jsx(IconButton, {
+								icon: Copy,
+								label: t("fieldArray.duplicate", { item: labelFor(index + 1) }),
+								disabled: full,
+								onClick: () => duplicate(index)
+							}),
+							/* @__PURE__ */ jsx(IconButton, {
+								icon: Trash2,
+								label: t("fieldArray.remove", { item: labelFor(index + 1) }),
+								disabled: fields.length <= min,
+								onClick: () => remove(index)
+							})
+						]
+					})]
+				}, field.id))
+			}),
+			!fields.length && (emptyState ?? /* @__PURE__ */ jsx("p", {
+				className: s.hint(),
+				children: t("fieldArray.empty")
+			})),
+			/* @__PURE__ */ jsxs("div", {
+				className: s.footer(),
+				children: [/* @__PURE__ */ jsx(Button, {
+					ref: addButton,
+					icon: Plus,
+					variant: "secondary",
+					disabled: full,
+					onClick: add,
+					children: addLabel ?? t("fieldArray.add")
+				}), full && /* @__PURE__ */ jsx("p", {
+					className: s.hint(),
+					children: t("fieldArray.limit", { max: max ?? 0 })
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				className: s.error(),
+				children: error
+			})
+		]
+	});
+}
+//#endregion
+//#region src/forms/FieldArray.doc.ts
+const doc = {
+	name: "FieldArray",
+	group: "Forms",
+	status: "beta",
+	description: "Repeatable arbitrary fields bound to react-hook-form arrays. Import from @gntik-ai/ui/forms only; use within Form or pass control explicitly. Rows expose index, name(field), remove(), duplicate() and move(delta). Add accepts a default object or factory. Optional reorder and duplicate actions preserve row identity, and min/max gate removals and additions. Inline and card layouts support nested arrays, list-level validation, focus restoration and localized announcements. Use ListInput for standalone key/value pairs without a form library; use FieldArray for arbitrary object fields managed by react-hook-form.",
+	primitive: "@base-ui/react/fieldset, @base-ui/react/field, @base-ui/react/button",
+	pattern: "fieldset with named row groups",
+	keyboard: [
+		["Tab / Shift+Tab", "Moves through row fields, row actions and Add in document order"],
+		["Enter / Space on Add", "Appends the default item and focuses its first control"],
+		["Enter / Space on Remove", "Removes the row and focuses the next row, previous row or Add"],
+		["Alt+ArrowUp / Alt+ArrowDown", "With reorderable, moves the row and keeps focus on the same control; stops at either end"],
+		["Enter / Space on Move up / Move down", "Moves the row by one position and preserves focus"],
+		["Enter / Space on Duplicate", "With duplicable, inserts an independent deep copy below and focuses it"]
+	],
+	tokens: [
+		"border",
+		"card",
+		"foreground",
+		"muted-foreground",
+		"destructive-text",
+		"secondary",
+		"focus-ring"
+	]
+};
+//#endregion
+export { FieldArray, Form, FormField, doc as fieldArrayDoc, fieldArrayVariants, issuesToErrors, schemaResolver, toCheckedProps, toValueProps, useFieldProps };
 
 //# sourceMappingURL=forms.js.map

package/dist/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["provider"],"sources":["../src/forms/useFieldProps.ts","../src/forms/FormField.tsx","../src/forms/schemaResolver.ts"],"sourcesContent":["import {\n  useController,\n  useFormContext,\n  type Control,\n  type ControllerFieldState,\n  type ControllerRenderProps,\n  type FieldPath,\n  type FieldValues,\n  type RegisterOptions,\n} from 'react-hook-form';\n\nexport interface UseFieldPropsOptions<TValues extends FieldValues, TName extends FieldPath<TValues>> {\n  /** The form's `control`. Defaults to the nearest `<FormProvider>` / `<Form>`. */\n  control?: Control<TValues>;\n  /** Field-level rules (`required`, `minLength`, `validate`…). Prefer a schema resolver for whole forms. */\n  rules?: Omit<RegisterOptions<TValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;\n  /** Disables the control (and skips its validation). */\n  disabled?: boolean;\n}\n\n/** Props for the kit's `<Field>`: drive its invalid / touched / dirty state from react-hook-form. */\nexport interface FormFieldStateProps {\n  name: string;\n  invalid: boolean;\n  touched: boolean;\n  dirty: boolean;\n}\n\nexport interface UseFieldPropsResult<TValues extends FieldValues, TName extends FieldPath<TValues>> {\n  /** Spread on `<Field>`. Base UI then links the label, description and error to the control. */\n  fieldProps: FormFieldStateProps;\n  /**\n   * Spread on the control (`<Input {...controlProps} />`), or map it (`value` + `onValueChange={controlProps.onChange}`).\n   * `ref` must reach a focusable element so a failed submit can focus the first invalid field.\n   */\n  controlProps: ControllerRenderProps<TValues, TName> & { 'aria-invalid'?: true };\n  /** The current error message, for `<FieldError match={!!error}>{error}</FieldError>`. */\n  error: string | undefined;\n  fieldState: ControllerFieldState;\n}\n\n/**\n * Wires one react-hook-form field (through `useController`) into the kit's Field parts.\n * Works with uncontrolled-looking inputs too: `Input` gets `value` / `onChange` / `onBlur` / `ref`.\n */\nexport function useFieldProps<\n  TValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>(\n  name: TName,\n  { control, rules, disabled }: UseFieldPropsOptions<TValues, TName> = {},\n): UseFieldPropsResult<TValues, TName> {\n  const context = useFormContext<TValues>();\n  const { field, fieldState } = useController<TValues, TName>({\n    name,\n    control: control ?? context?.control,\n    rules,\n    disabled,\n  });\n  const invalid = !!fieldState.error;\n  return {\n    fieldProps: { name, invalid, touched: fieldState.isTouched, dirty: fieldState.isDirty },\n    controlProps: { ...field, 'aria-invalid': invalid || undefined },\n    error: errorMessage(fieldState.error),\n    fieldState,\n  };\n}\n\n/** First message of a field error (also for array / object errors that carry `root`). */\nfunction errorMessage(error: ControllerFieldState['error']): string | undefined {\n  if (!error) return undefined;\n  if (typeof error.message === 'string' && error.message) return error.message;\n  const root = (error as { root?: { message?: unknown } }).root;\n  return typeof root?.message === 'string' ? root.message : undefined;\n}\n","import type { FormHTMLAttributes, ReactNode } from 'react';\nimport type {\n  FieldPath,\n  FieldValues,\n  FormProviderProps,\n  SubmitErrorHandler,\n  SubmitHandler,\n  UseFormReturn,\n} from 'react-hook-form';\nimport { FormProvider } from 'react-hook-form';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '../components/Field';\nimport { useFieldProps, type UseFieldPropsOptions, type UseFieldPropsResult } from './useFieldProps';\n\nexport interface FormFieldProps<\n  TValues extends FieldValues,\n  TName extends FieldPath<TValues>,\n> extends UseFieldPropsOptions<TValues, TName> {\n  name: TName;\n  label?: ReactNode;\n  /** Shows the required marker on the label (validation itself comes from `rules` or the schema). */\n  required?: boolean;\n  description?: ReactNode;\n  className?: string;\n  /** Renders the control: `{(field) => <Input {...field} />}`. Gets the field's state as the second argument. */\n  children: (\n    control: UseFieldPropsResult<TValues, TName>['controlProps'],\n    state: UseFieldPropsResult<TValues, TName>,\n  ) => ReactNode;\n}\n\n/**\n * A kit `Field` bound to a react-hook-form field: label, control, description and the field's\n * error message, with `aria-invalid` and `aria-describedby` wired by Base UI's Field.\n */\nexport function FormField<\n  TValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>({ name, label, required, description, className, children, ...options }: FormFieldProps<TValues, TName>) {\n  const state = useFieldProps<TValues, TName>(name, options);\n  return (\n    <Field {...state.fieldProps} disabled={options.disabled} className={className}>\n      {label && <FieldLabel required={required}>{label}</FieldLabel>}\n      {children(state.controlProps, state)}\n      {description && <FieldDescription>{description}</FieldDescription>}\n      <FieldError match={!!state.error}>{state.error}</FieldError>\n    </Field>\n  );\n}\n\nexport interface FormProps<TValues extends FieldValues, TTransformed = TValues> extends Omit<\n  FormHTMLAttributes<HTMLFormElement>,\n  'onSubmit' | 'onInvalid'\n> {\n  /** The object returned by `useForm()`. */\n  form: UseFormReturn<TValues, unknown, TTransformed>;\n  onSubmit: SubmitHandler<TTransformed>;\n  onInvalid?: SubmitErrorHandler<TValues>;\n  children?: ReactNode;\n}\n\n/**\n * `<form noValidate>` + `FormProvider`: submits through `handleSubmit`, so a failed submit shows\n * every message and focuses the first invalid field (react-hook-form's `shouldFocusError`).\n */\nexport function Form<TValues extends FieldValues, TTransformed = TValues>({\n  form,\n  onSubmit,\n  onInvalid,\n  children,\n  ...props\n}: FormProps<TValues, TTransformed>) {\n  const provider = form as unknown as FormProviderProps<TValues, unknown, TTransformed>;\n  return (\n    <FormProvider {...provider}>\n      <form noValidate {...props} onSubmit={form.handleSubmit(onSubmit, onInvalid)}>\n        {children}\n      </form>\n    </FormProvider>\n  );\n}\n","import type { FieldErrors, FieldValues, Resolver } from 'react-hook-form';\n\n/** One validation issue, as zod (v3 and v4) and other Standard-Schema-style libraries report it. */\nexport interface SchemaIssue {\n  path: ReadonlyArray<PropertyKey | { key: PropertyKey }>;\n  message: string;\n  code?: string;\n}\n\ntype SafeParseResult<Out> =\n  { success: true; data: Out } | { success: false; error: { issues: readonly SchemaIssue[] } };\n\n/** Anything with zod's `safeParseAsync` / `safeParse` shape (a zod schema, or an adapter). */\nexport interface ParseableSchema<Out> {\n  safeParseAsync?: (values: unknown) => Promise<SafeParseResult<Out>>;\n  safeParse?: (values: unknown) => SafeParseResult<Out>;\n}\n\nfunction setPath(target: Record<string, unknown>, path: readonly string[], value: unknown) {\n  let node = target;\n  path.forEach((key, i) => {\n    if (i === path.length - 1) {\n      if (node[key] === undefined) node[key] = value; // first issue per field wins\n      return;\n    }\n    const next = node[key];\n    node[key] = next && typeof next === 'object' ? next : {};\n    node = node[key] as Record<string, unknown>;\n  });\n}\n\n/** Converts schema issues into react-hook-form's nested `errors` object. */\nexport function issuesToErrors<TValues extends FieldValues>(issues: readonly SchemaIssue[]): FieldErrors<TValues> {\n  const errors: Record<string, unknown> = {};\n  for (const issue of issues) {\n    const path = issue.path.map((p) => String(typeof p === 'object' && p !== null ? p.key : p));\n    setPath(errors, path.length ? path : ['root'], { type: issue.code ?? 'validate', message: issue.message });\n  }\n  return errors as FieldErrors<TValues>;\n}\n\n/**\n * A `zodResolver`-compatible resolver with no extra dependency: `useForm({ resolver: schemaResolver(schema) })`.\n * Accepts a zod 3/4 schema (or any object with `safeParseAsync` / `safeParse`). On success the\n * parsed (transformed) data reaches `onSubmit`. `@hookform/resolvers/zod` works the same way with `FormField`.\n */\nexport function schemaResolver<TValues extends FieldValues, TOutput = TValues>(\n  schema: ParseableSchema<TOutput>,\n): Resolver<TValues, unknown, TOutput> {\n  return async (values) => {\n    const result = schema.safeParseAsync ? await schema.safeParseAsync(values) : schema.safeParse?.(values);\n    if (!result) throw new Error('schemaResolver: the schema has neither safeParseAsync nor safeParse');\n    if (result.success) return { values: result.data, errors: {} };\n    return { values: {}, errors: issuesToErrors<TValues>(result.error.issues) };\n  };\n}\n"],"mappings":";;;;;;;;;AA6CA,SAAgB,cAId,MACA,EAAE,SAAS,OAAO,aAAmD,CAAC,GACjC;CACrC,MAAM,UAAU,eAAwB;CACxC,MAAM,EAAE,OAAO,eAAe,cAA8B;EAC1D;EACA,SAAS,WAAW,SAAS;EAC7B;EACA;CACF,CAAC;CACD,MAAM,UAAU,CAAC,CAAC,WAAW;CAC7B,OAAO;EACL,YAAY;GAAE;GAAM;GAAS,SAAS,WAAW;GAAW,OAAO,WAAW;EAAQ;EACtF,cAAc;GAAE,GAAG;GAAO,gBAAgB,WAAW,KAAA;EAAU;EAC/D,OAAO,aAAa,WAAW,KAAK;EACpC;CACF;AACF;;AAGA,SAAS,aAAa,OAA0D;CAC9E,IAAI,CAAC,OAAO,OAAO,KAAA;CACnB,IAAI,OAAO,MAAM,YAAY,YAAY,MAAM,SAAS,OAAO,MAAM;CACrE,MAAM,OAAQ,MAA2C;CACzD,OAAO,OAAO,MAAM,YAAY,WAAW,KAAK,UAAU,KAAA;AAC5D;;;;;;;ACxCA,SAAgB,UAGd,EAAE,MAAM,OAAO,UAAU,aAAa,WAAW,UAAU,GAAG,WAA2C;CACzG,MAAM,QAAQ,cAA8B,MAAM,OAAO;CACzD,OACE,qBAAC,OAAD;EAAO,GAAI,MAAM;EAAY,UAAU,QAAQ;EAAqB;EAApE,UAAA;GACG,SAAS,oBAAC,YAAD;IAAsB;IAAW,UAAA;GAAkB,CAAA;GAC5D,SAAS,MAAM,cAAc,KAAK;GAClC,eAAe,oBAAC,kBAAD,EAAA,UAAmB,YAA8B,CAAA;GACjE,oBAAC,YAAD;IAAY,OAAO,CAAC,CAAC,MAAM;IAAQ,UAAA,MAAM;GAAkB,CAAA;EACtD;;AAEX;;;;;AAiBA,SAAgB,KAA0D,EACxE,MACA,UACA,WACA,UACA,GAAG,SACgC;CAEnC,OACE,oBAAC,cAAD;EAAc,GAAIA;EAChB,UAAA,oBAAC,QAAD;GAAM,YAAA;GAAW,GAAI;GAAO,UAAU,KAAK,aAAa,UAAU,SAAS;GACxE;EACG,CAAA;CACM,CAAA;AAElB;;;AC7DA,SAAS,QAAQ,QAAiC,MAAyB,OAAgB;CACzF,IAAI,OAAO;CACX,KAAK,SAAS,KAAK,MAAM;EACvB,IAAI,MAAM,KAAK,SAAS,GAAG;GACzB,IAAI,KAAK,SAAS,KAAA,GAAW,KAAK,OAAO;GACzC;EACF;EACA,MAAM,OAAO,KAAK;EAClB,KAAK,OAAO,QAAQ,OAAO,SAAS,WAAW,OAAO,CAAC;EACvD,OAAO,KAAK;CACd,CAAC;AACH;;AAGA,SAAgB,eAA4C,QAAsD;CAChH,MAAM,SAAkC,CAAC;CACzC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,OAAO,MAAM,KAAK,KAAK,MAAM,OAAO,OAAO,MAAM,YAAY,MAAM,OAAO,EAAE,MAAM,CAAC,CAAC;EAC1F,QAAQ,QAAQ,KAAK,SAAS,OAAO,CAAC,MAAM,GAAG;GAAE,MAAM,MAAM,QAAQ;GAAY,SAAS,MAAM;EAAQ,CAAC;CAC3G;CACA,OAAO;AACT;;;;;;AAOA,SAAgB,eACd,QACqC;CACrC,OAAO,OAAO,WAAW;EACvB,MAAM,SAAS,OAAO,iBAAiB,MAAM,OAAO,eAAe,MAAM,IAAI,OAAO,YAAY,MAAM;EACtG,IAAI,CAAC,QAAQ,MAAM,IAAI,MAAM,qEAAqE;EAClG,IAAI,OAAO,SAAS,OAAO;GAAE,QAAQ,OAAO;GAAM,QAAQ,CAAC;EAAE;EAC7D,OAAO;GAAE,QAAQ,CAAC;GAAG,QAAQ,eAAwB,OAAO,MAAM,MAAM;EAAE;CAC5E;AACF"}
+{"version":3,"file":"forms.js","names":["provider"],"sources":["../src/forms/useFieldProps.ts","../src/forms/bindings.ts","../src/forms/FormField.tsx","../src/forms/schemaResolver.ts","../src/forms/field-array.variants.ts","../src/forms/FieldArray.tsx","../src/forms/FieldArray.doc.ts"],"sourcesContent":["import {\n  useController,\n  useFormContext,\n  type Control,\n  type ControllerFieldState,\n  type ControllerRenderProps,\n  type FieldPath,\n  type FieldValues,\n  type RegisterOptions,\n} from 'react-hook-form';\n\nexport interface UseFieldPropsOptions<TValues extends FieldValues, TName extends FieldPath<TValues>> {\n  /** The form's `control`. Defaults to the nearest `<FormProvider>` / `<Form>`. */\n  control?: Control<TValues>;\n  /** Field-level rules (`required`, `minLength`, `validate`…). Prefer a schema resolver for whole forms. */\n  rules?: Omit<RegisterOptions<TValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;\n  /** Disables the control (and skips its validation). */\n  disabled?: boolean;\n}\n\n/** Props for the kit's `<Field>`: drive its invalid / touched / dirty state from react-hook-form. */\nexport interface FormFieldStateProps {\n  name: string;\n  invalid: boolean;\n  touched: boolean;\n  dirty: boolean;\n}\n\nexport interface UseFieldPropsResult<TValues extends FieldValues, TName extends FieldPath<TValues>> {\n  /** Spread on `<Field>`. Base UI then links the label, description and error to the control. */\n  fieldProps: FormFieldStateProps;\n  /**\n   * Spread on the control (`<Input {...controlProps} />`), or map it (`value` + `onValueChange={controlProps.onChange}`).\n   * `ref` must reach a focusable element so a failed submit can focus the first invalid field.\n   */\n  controlProps: ControllerRenderProps<TValues, TName> & { 'aria-invalid'?: true };\n  /** The current error message, for `<FieldError match={!!error}>{error}</FieldError>`. */\n  error: string | undefined;\n  fieldState: ControllerFieldState;\n}\n\n/**\n * Wires one react-hook-form field (through `useController`) into the kit's Field parts.\n * Works with uncontrolled-looking inputs too: `Input` gets `value` / `onChange` / `onBlur` / `ref`.\n */\nexport function useFieldProps<\n  TValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>(\n  name: TName,\n  { control, rules, disabled }: UseFieldPropsOptions<TValues, TName> = {},\n): UseFieldPropsResult<TValues, TName> {\n  const context = useFormContext<TValues>();\n  const { field, fieldState } = useController<TValues, TName>({\n    name,\n    control: control ?? context?.control,\n    rules,\n    disabled,\n  });\n  const invalid = !!fieldState.error;\n  return {\n    fieldProps: { name, invalid, touched: fieldState.isTouched, dirty: fieldState.isDirty },\n    controlProps: { ...field, 'aria-invalid': invalid || undefined },\n    error: errorMessage(fieldState.error),\n    fieldState,\n  };\n}\n\n/** First message of a field error (also for array / object errors that carry `root`). */\nfunction errorMessage(error: ControllerFieldState['error']): string | undefined {\n  if (!error) return undefined;\n  if (typeof error.message === 'string' && error.message) return error.message;\n  const root = (error as { root?: { message?: unknown } }).root;\n  return typeof root?.message === 'string' ? root.message : undefined;\n}\n","import type { RefCallback } from 'react';\nimport type { ControllerRenderProps } from 'react-hook-form';\n\n/** The public control props returned by useFieldProps. */\nexport interface BindingControlProps<TValue> {\n  name: string;\n  value: TValue;\n  onChange: ControllerRenderProps['onChange'];\n  onBlur: () => void;\n  ref: ControllerRenderProps['ref'];\n  disabled?: boolean;\n  readOnly?: boolean;\n  'aria-invalid'?: true;\n}\n\nexport interface ValueBindingProps<TValue> {\n  name: string;\n  value: NonNullable<TValue> | null;\n  onValueChange: (value: TValue | null) => void;\n  ref: RefCallback<HTMLElement>;\n  disabled?: boolean;\n  readOnly?: boolean;\n  'aria-invalid'?: true;\n}\n\nexport interface CheckedBindingProps extends Omit<ValueBindingProps<boolean>, 'value' | 'onValueChange'> {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n}\n\n/** Maps value/onChange controls to the kit's value/onValueChange API. Changes also touch the field. */\nexport function toValueProps<TValue>({\n  value,\n  onChange,\n  onBlur,\n  ...props\n}: BindingControlProps<TValue>): ValueBindingProps<TValue> {\n  return {\n    ...props,\n    ref: focusTargetRef(props.ref),\n    value: value ?? null,\n    onValueChange: (next) => {\n      onChange(next);\n      onBlur();\n    },\n  };\n}\n\n/** Maps value/onChange controls to the kit's checked/onCheckedChange API. */\nexport function toCheckedProps<TValue>({\n  value,\n  onChange,\n  onBlur,\n  ...props\n}: BindingControlProps<TValue>): CheckedBindingProps {\n  return {\n    ...props,\n    ref: focusTargetRef(props.ref),\n    checked: !!value,\n    onCheckedChange: (next) => {\n      onChange(next);\n      onBlur();\n    },\n  };\n}\n\n/** Resolve at focus time: composite controls can mount or change their tabbable child later. */\nexport function resolveFocusTarget(element: HTMLElement): HTMLElement | null {\n  const enabled = ':not(:disabled):not([aria-disabled=\"true\"])';\n  if (\n    element.matches(\n      `input:not([type=\"hidden\"])${enabled}, button${enabled}, textarea${enabled}, select${enabled}, a[href], [tabindex]${enabled}`,\n    )\n  )\n    return element;\n  return (\n    element.querySelector<HTMLElement>(`[tabindex=\"0\"]${enabled}`) ??\n    element.querySelector<HTMLElement>(`input:not([type=\"hidden\"])${enabled}, button${enabled}`)\n  );\n}\n\nfunction focusTargetRef(ref: BindingControlProps<unknown>['ref']): RefCallback<HTMLElement> {\n  return (element) => ref(element ? { focus: () => resolveFocusTarget(element)?.focus() } : null);\n}\n","import { createContext, useContext, type FormHTMLAttributes, type ReactNode } from 'react';\nimport type {\n  FieldPath,\n  FieldPathValue,\n  FieldValues,\n  FormProviderProps,\n  SubmitErrorHandler,\n  SubmitHandler,\n  UseFormReturn,\n} from 'react-hook-form';\nimport { FormProvider } from 'react-hook-form';\nimport { cn } from '../utils/cn';\nimport { toValueProps, toCheckedProps, type ValueBindingProps, type CheckedBindingProps } from './bindings';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '../components/Field';\nimport { useFieldProps, type UseFieldPropsOptions, type UseFieldPropsResult } from './useFieldProps';\n\nexport interface EnhancedFieldProps {\n  disabled?: boolean;\n  readOnly?: boolean;\n}\n\nexport type EnhanceFieldProps = (field: { name: string }) => EnhancedFieldProps | undefined;\nconst FieldEnhancerContext = createContext<EnhanceFieldProps | undefined>(undefined);\n\nexport type FormFieldWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nconst widths: Record<FormFieldWidth, string> = {\n  xs: 'max-w-[6.5rem]',\n  sm: 'max-w-[13.5rem]',\n  md: 'max-w-[20.5rem]',\n  lg: 'max-w-[27.5rem]',\n  xl: 'max-w-[34.5rem]',\n};\n\nexport type FormFieldBinding = 'input' | 'value' | 'checked';\n\ntype BoundProps<\n  TValues extends FieldValues,\n  TName extends FieldPath<TValues>,\n  TBind extends FormFieldBinding,\n> = TBind extends 'value'\n  ? ValueBindingProps<FieldPathValue<TValues, TName>>\n  : TBind extends 'checked'\n    ? CheckedBindingProps\n    : UseFieldPropsResult<TValues, TName>['controlProps'];\n\nexport type FormFieldProps<\n  TValues extends FieldValues,\n  TName extends FieldPath<TValues>,\n  TBind extends FormFieldBinding = 'input',\n> = UseFieldPropsOptions<TValues, TName> & {\n  name: TName;\n  label?: ReactNode;\n  /** Shows the required marker (validation comes from rules or the schema). */\n  required?: boolean;\n  description?: ReactNode;\n  className?: string;\n  /** Optional maximum width; unset fills the available width. */\n  width?: FormFieldWidth;\n  children: (control: BoundProps<TValues, TName, TBind>, state: UseFieldPropsResult<TValues, TName>) => ReactNode;\n} & (TBind extends 'input' ? { bind?: 'input' } : { bind: TBind });\n\n/**\n * A kit `Field` bound to a react-hook-form field: label, control, description and the field's\n * error message, with `aria-invalid` and `aria-describedby` wired by Base UI's Field.\n */\nexport function FormField<\n  TValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>(props: FormFieldProps<TValues, TName, 'value'>): ReactNode;\nexport function FormField<\n  TValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>(props: FormFieldProps<TValues, TName, 'checked'>): ReactNode;\nexport function FormField<\n  TValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>(props: FormFieldProps<TValues, TName>): ReactNode;\nexport function FormField<TValues extends FieldValues, TName extends FieldPath<TValues>>(\n  props:\n    | FormFieldProps<TValues, TName>\n    | FormFieldProps<TValues, TName, 'value'>\n    | FormFieldProps<TValues, TName, 'checked'>,\n) {\n  const { name, label, required, description, className, width, control, rules, disabled } = props;\n  const enhance = useContext(FieldEnhancerContext);\n  const enhanced = enhance?.({ name });\n  const fieldDisabled = enhanced?.disabled ?? disabled;\n  const state = useFieldProps<TValues, TName>(name, { control, rules, disabled: fieldDisabled });\n  const controlProps = enhanced ? { ...state.controlProps, ...enhanced } : state.controlProps;\n  const child =\n    props.bind === 'value'\n      ? props.children(toValueProps(controlProps), state)\n      : props.bind === 'checked'\n        ? props.children(toCheckedProps(controlProps), state)\n        : props.children(controlProps, state);\n  return (\n    <Field\n      {...state.fieldProps}\n      disabled={fieldDisabled}\n      className={width ? cn('w-full', widths[width], className) : className}\n    >\n      {label && <FieldLabel required={required}>{label}</FieldLabel>}\n      {child}\n      {description && <FieldDescription>{description}</FieldDescription>}\n      <FieldError match={!!state.error}>{state.error}</FieldError>\n    </Field>\n  );\n}\n\nexport interface FormProps<TValues extends FieldValues, TTransformed = TValues> extends Omit<\n  FormHTMLAttributes<HTMLFormElement>,\n  'onSubmit' | 'onInvalid'\n> {\n  /** The object returned by `useForm()`. */\n  form: UseFormReturn<TValues, unknown, TTransformed>;\n  onSubmit: SubmitHandler<TTransformed>;\n  onInvalid?: SubmitErrorHandler<TValues>;\n  /** Adds form-wide disabled/readOnly props to fields by name. Undefined leaves props unchanged. */\n  enhanceFieldProps?: EnhanceFieldProps;\n  children?: ReactNode;\n}\n\n/**\n * `<form noValidate>` + `FormProvider`: submits through `handleSubmit`, so a failed submit shows\n * every message and focuses the first invalid field (react-hook-form's `shouldFocusError`).\n */\nexport function Form<TValues extends FieldValues, TTransformed = TValues>({\n  form,\n  onSubmit,\n  onInvalid,\n  enhanceFieldProps,\n  children,\n  ...props\n}: FormProps<TValues, TTransformed>) {\n  const provider = form as unknown as FormProviderProps<TValues, unknown, TTransformed>;\n  return (\n    <FormProvider {...provider}>\n      <FieldEnhancerContext.Provider value={enhanceFieldProps}>\n        <form noValidate {...props} onSubmit={form.handleSubmit(onSubmit, onInvalid)}>\n          {children}\n        </form>\n      </FieldEnhancerContext.Provider>\n    </FormProvider>\n  );\n}\n","import type { FieldErrors, FieldValues, Resolver } from 'react-hook-form';\n\n/** One validation issue, as zod (v3 and v4) and other Standard-Schema-style libraries report it. */\nexport interface SchemaIssue {\n  path: ReadonlyArray<PropertyKey | { key: PropertyKey }>;\n  message: string;\n  code?: string;\n}\n\ntype SafeParseResult<Out> =\n  { success: true; data: Out } | { success: false; error: { issues: readonly SchemaIssue[] } };\n\n/** Anything with zod's `safeParseAsync` / `safeParse` shape (a zod schema, or an adapter). */\nexport interface ParseableSchema<Out> {\n  safeParseAsync?: (values: unknown) => Promise<SafeParseResult<Out>>;\n  safeParse?: (values: unknown) => SafeParseResult<Out>;\n}\n\nfunction setPath(target: Record<string, unknown>, path: readonly string[], value: unknown) {\n  let node = target;\n  path.forEach((key, i) => {\n    if (i === path.length - 1) {\n      if (node[key] === undefined) node[key] = value; // first issue per field wins\n      return;\n    }\n    const next = node[key];\n    node[key] = next && typeof next === 'object' ? next : {};\n    node = node[key] as Record<string, unknown>;\n  });\n}\n\n/** Converts schema issues into react-hook-form's nested `errors` object. */\nexport function issuesToErrors<TValues extends FieldValues>(issues: readonly SchemaIssue[]): FieldErrors<TValues> {\n  const errors: Record<string, unknown> = {};\n  for (const issue of issues) {\n    const path = issue.path.map((p) => String(typeof p === 'object' && p !== null ? p.key : p));\n    setPath(errors, path.length ? path : ['root'], { type: issue.code ?? 'validate', message: issue.message });\n  }\n  return errors as FieldErrors<TValues>;\n}\n\n/**\n * A `zodResolver`-compatible resolver with no extra dependency: `useForm({ resolver: schemaResolver(schema) })`.\n * Accepts a zod 3/4 schema (or any object with `safeParseAsync` / `safeParse`). On success the\n * parsed (transformed) data reaches `onSubmit`. `@hookform/resolvers/zod` works the same way with `FormField`.\n */\nexport function schemaResolver<TValues extends FieldValues, TOutput = TValues>(\n  schema: ParseableSchema<TOutput>,\n): Resolver<TValues, unknown, TOutput> {\n  return async (values) => {\n    const result = schema.safeParseAsync ? await schema.safeParseAsync(values) : schema.safeParse?.(values);\n    if (!result) throw new Error('schemaResolver: the schema has neither safeParseAsync nor safeParse');\n    if (result.success) return { values: result.data, errors: {} };\n    return { values: {}, errors: issuesToErrors<TValues>(result.error.issues) };\n  };\n}\n","import { tv } from '../utils/tv';\n\nexport const fieldArrayVariants = tv({\n  slots: {\n    root: 'min-w-0',\n    list: 'flex flex-col gap-3',\n    row: 'flex min-w-0 gap-3',\n    fields: 'flex min-w-0 flex-1 flex-col gap-3',\n    actions: 'flex shrink-0 flex-wrap items-start gap-1',\n    footer: 'flex flex-wrap items-center gap-3',\n    hint: 'text-sm text-muted-foreground',\n    error: 'text-sm text-destructive-text',\n  },\n  variants: {\n    layout: {\n      inline: { row: 'flex-col sm:flex-row' },\n      card: { row: 'flex-col rounded-lg border border-border bg-card p-4' },\n    },\n  },\n  defaultVariants: { layout: 'inline' },\n});\n","import { ArrowDown, ArrowUp, Copy, Plus, Trash2 } from 'lucide-react';\nimport { useId, useLayoutEffect, useRef, type ReactNode } from 'react';\nimport {\n  get,\n  useFieldArray,\n  useFormContext,\n  useFormState,\n  useWatch,\n  type Control,\n  type FieldArray as ArrayItem,\n  type FieldArrayPath,\n  type FieldPath,\n  type FieldValues,\n  type Path,\n  type UseFieldArrayProps,\n} from 'react-hook-form';\nimport { Fieldset, FieldsetDescription, FieldsetLegend } from '../components/Field';\nimport { Button, IconButton } from '../components/Button';\nimport { LiveAnnouncer, useAnnounce, useHasLiveAnnouncer } from '../components/LiveAnnouncer';\nimport { useI18n } from '../i18n';\nimport { fieldArrayVariants } from './field-array.variants';\n\nexport interface FieldArrayRow<TValues extends FieldValues, TName extends FieldArrayPath<TValues>> {\n  index: number;\n  remove(): void;\n  move(delta: number): void;\n  duplicate(): void;\n  name<TField extends Path<ArrayItem<TValues, TName>>>(\n    field: TField,\n  ): `${TName}.${number}.${TField}` & FieldPath<TValues>;\n}\n\nexport interface FieldArrayProps<\n  TValues extends FieldValues,\n  TName extends FieldArrayPath<TValues> = FieldArrayPath<TValues>,\n> {\n  name: TName;\n  control?: Control<TValues>;\n  defaultItem: ArrayItem<TValues, TName> | (() => ArrayItem<TValues, TName>);\n  label?: ReactNode;\n  description?: ReactNode;\n  rules?: UseFieldArrayProps<TValues, TName>['rules'];\n  max?: number;\n  min?: number;\n  emptyState?: ReactNode;\n  reorderable?: boolean;\n  duplicable?: boolean;\n  layout?: 'inline' | 'card';\n  itemLabel?: (n: number) => string;\n  addLabel?: ReactNode;\n  className?: string;\n  children: (row: FieldArrayRow<TValues, TName>) => ReactNode;\n}\n\n/** Repeatable object fields in the optional react-hook-form adapter. */\nexport function FieldArray<\n  TValues extends FieldValues,\n  TName extends FieldArrayPath<TValues> = FieldArrayPath<TValues>,\n>(props: FieldArrayProps<TValues, TName>) {\n  const hasAnnouncer = useHasLiveAnnouncer();\n  return hasAnnouncer ? (\n    <FieldArrayContent {...props} />\n  ) : (\n    <LiveAnnouncer>\n      <FieldArrayContent {...props} />\n    </LiveAnnouncer>\n  );\n}\n\nconst focusable =\n  'input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\ntype PendingFocus = { previousIds: Set<string> } | { id: string; element?: HTMLElement } | { add: true };\n\nfunction RowFields<TValues extends FieldValues, TName extends FieldArrayPath<TValues>>({\n  children,\n  row,\n}: {\n  children: FieldArrayProps<TValues, TName>['children'];\n  row: FieldArrayRow<TValues, TName>;\n}) {\n  return children(row);\n}\n\nfunction FieldArrayContent<TValues extends FieldValues, TName extends FieldArrayPath<TValues>>({\n  name,\n  control: controlProp,\n  label,\n  description,\n  rules,\n  children,\n  defaultItem,\n  max,\n  min = 0,\n  emptyState,\n  reorderable = false,\n  duplicable = false,\n  layout = 'inline',\n  itemLabel,\n  addLabel,\n  className,\n}: FieldArrayProps<TValues, TName>) {\n  const context = useFormContext<TValues>();\n  const control = controlProp ?? context?.control;\n  // RHF skips minLength for an empty array. Preserve its message for that case too.\n  const minimum = typeof rules?.minLength === 'object' ? rules.minLength.value : rules?.minLength;\n  const arrayRules =\n    minimum && minimum > 0\n      ? {\n          ...rules,\n          required: rules?.required ?? {\n            value: true,\n            message: typeof rules?.minLength === 'object' ? rules.minLength.message : '',\n          },\n        }\n      : rules;\n  const {\n    fields,\n    append,\n    insert,\n    remove: removeItem,\n    move: moveItem,\n  } = useFieldArray<TValues, TName>({ name, control, rules: arrayRules });\n  // Every array path is also a field path; RHF's two recursive path types need a bridge.\n  const path = name as string as FieldPath<TValues>;\n  const values = useWatch({ control, name: path });\n  const { errors } = useFormState({ control, name: path });\n  const arrayError = get(errors, name) as { root?: { message?: unknown }; message?: unknown } | undefined;\n  const message = arrayError?.root?.message ?? arrayError?.message;\n  const error = typeof message === 'string' ? message : undefined;\n  const uid = useId();\n  const descriptionId = `${uid}-description`;\n  const errorId = `${uid}-error`;\n  const { t } = useI18n();\n  const labelFor = (n: number) => itemLabel?.(n) ?? t('fieldArray.item', { n });\n  const s = fieldArrayVariants({ layout });\n  const announce = useAnnounce();\n  const rows = useRef(new Map<string, HTMLDivElement>());\n  const addButton = useRef<HTMLButtonElement>(null);\n  const pendingFocus = useRef<PendingFocus | null>(null);\n  const full = max !== undefined && fields.length >= max;\n  const announceInsertion = (message: string) => {\n    const limit = max !== undefined && fields.length + 1 >= max ? t('fieldArray.limit', { max }) : '';\n    announce([message, limit].filter(Boolean).join(' '));\n  };\n  useLayoutEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if ('add' in pending) {\n      addButton.current?.focus();\n      return;\n    }\n    const id = 'previousIds' in pending ? fields.find((field) => !pending.previousIds.has(field.id))?.id : pending.id;\n    const element = 'element' in pending ? pending.element : undefined;\n    (element?.isConnected ? element : id ? rows.current.get(id)?.querySelector<HTMLElement>(focusable) : null)?.focus();\n  });\n  const add = () => {\n    if (full) {\n      announce(t('fieldArray.limit', { max: max ?? 0 }));\n      return;\n    }\n    pendingFocus.current = { previousIds: new Set(fields.map((field) => field.id)) };\n    append(\n      structuredClone(\n        typeof defaultItem === 'function' ? (defaultItem as () => ArrayItem<TValues, TName>)() : defaultItem,\n      ),\n      { shouldFocus: false },\n    );\n    announceInsertion(t('fieldArray.added', { item: labelFor(fields.length + 1) }));\n  };\n  const remove = (index: number) => {\n    if (fields.length <= min) return;\n    const neighbour = fields[index + 1] ?? fields[index - 1];\n    pendingFocus.current = neighbour ? { id: neighbour.id } : { add: true };\n    removeItem(index);\n    announce(t('fieldArray.removed', { item: labelFor(index + 1) }));\n  };\n  const move = (index: number, delta: number) => {\n    const destination = index + delta;\n    const field = fields[index];\n    if (\n      !reorderable ||\n      !field ||\n      !Number.isInteger(delta) ||\n      destination < 0 ||\n      destination >= fields.length ||\n      delta === 0\n    )\n      return;\n    const active = document.activeElement;\n    pendingFocus.current = {\n      id: field.id,\n      element: active instanceof HTMLElement && rows.current.get(field.id)?.contains(active) ? active : undefined,\n    };\n    moveItem(index, destination);\n    announce(t('fieldArray.moved', { n: destination + 1, total: fields.length }));\n  };\n  const duplicate = (index: number) => {\n    if (!duplicable || full) return;\n    const value = (values as ArrayItem<TValues, TName>[] | undefined)?.[index];\n    if (!value) return;\n    pendingFocus.current = { previousIds: new Set(fields.map((field) => field.id)) };\n    insert(index + 1, structuredClone(value), { shouldFocus: false });\n    announceInsertion(t('fieldArray.duplicated', { item: labelFor(index + 1) }));\n  };\n  return (\n    <Fieldset\n      data-field-array=\"\"\n      className={s.root({ className })}\n      aria-describedby={[description ? descriptionId : '', error ? errorId : ''].filter(Boolean).join(' ') || undefined}\n      aria-invalid={!!error || undefined}\n    >\n      {label && <FieldsetLegend>{label}</FieldsetLegend>}\n      {description && <FieldsetDescription id={descriptionId}>{description}</FieldsetDescription>}\n      <div className={s.list()}>\n        {fields.map((field, index) => (\n          <div\n            className={s.row()}\n            key={field.id}\n            ref={(element) => {\n              if (element) rows.current.set(field.id, element);\n              else rows.current.delete(field.id);\n            }}\n            role=\"group\"\n            aria-label={labelFor(index + 1)}\n            onKeyDown={(event) => {\n              if (\n                event.target instanceof Element &&\n                event.target.closest('[data-field-array]') !== event.currentTarget.closest('[data-field-array]')\n              )\n                return;\n              if (reorderable && event.altKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {\n                event.preventDefault();\n                event.stopPropagation();\n                move(index, event.key === 'ArrowUp' ? -1 : 1);\n              }\n            }}\n          >\n            <div className={s.fields()}>\n              <RowFields\n                row={{\n                  index,\n                  remove: () => remove(index),\n                  move: (delta) => move(index, delta),\n                  duplicate: () => duplicate(index),\n                  name: (part) =>\n                    `${name}.${index}.${part}` as `${TName}.${number}.${typeof part}` & FieldPath<TValues>,\n                }}\n              >\n                {children}\n              </RowFields>\n            </div>\n            <div className={s.actions()}>\n              {reorderable && (\n                <>\n                  <IconButton\n                    icon={ArrowUp}\n                    label={t('fieldArray.moveUp', { item: labelFor(index + 1) })}\n                    disabled={index === 0}\n                    onClick={() => move(index, -1)}\n                  />\n                  <IconButton\n                    icon={ArrowDown}\n                    label={t('fieldArray.moveDown', { item: labelFor(index + 1) })}\n                    disabled={index === fields.length - 1}\n                    onClick={() => move(index, 1)}\n                  />\n                </>\n              )}\n              {duplicable && (\n                <IconButton\n                  icon={Copy}\n                  label={t('fieldArray.duplicate', { item: labelFor(index + 1) })}\n                  disabled={full}\n                  onClick={() => duplicate(index)}\n                />\n              )}\n              <IconButton\n                icon={Trash2}\n                label={t('fieldArray.remove', { item: labelFor(index + 1) })}\n                disabled={fields.length <= min}\n                onClick={() => remove(index)}\n              />\n            </div>\n          </div>\n        ))}\n      </div>\n      {!fields.length && (emptyState ?? <p className={s.hint()}>{t('fieldArray.empty')}</p>)}\n      <div className={s.footer()}>\n        <Button ref={addButton} icon={Plus} variant=\"secondary\" disabled={full} onClick={add}>\n          {addLabel ?? t('fieldArray.add')}\n        </Button>\n        {full && <p className={s.hint()}>{t('fieldArray.limit', { max: max ?? 0 })}</p>}\n      </div>\n      {error && (\n        <p id={errorId} className={s.error()}>\n          {error}\n        </p>\n      )}\n    </Fieldset>\n  );\n}\n","import type { ComponentDoc } from '../doc';\n\nexport const doc: ComponentDoc = {\n  name: 'FieldArray',\n  group: 'Forms',\n  status: 'beta',\n  description:\n    'Repeatable arbitrary fields bound to react-hook-form arrays. Import from @gntik-ai/ui/forms only; use within Form or pass control explicitly. Rows expose index, name(field), remove(), duplicate() and move(delta). Add accepts a default object or factory. Optional reorder and duplicate actions preserve row identity, and min/max gate removals and additions. Inline and card layouts support nested arrays, list-level validation, focus restoration and localized announcements. Use ListInput for standalone key/value pairs without a form library; use FieldArray for arbitrary object fields managed by react-hook-form.',\n  primitive: '@base-ui/react/fieldset, @base-ui/react/field, @base-ui/react/button',\n  pattern: 'fieldset with named row groups',\n  keyboard: [\n    ['Tab / Shift+Tab', 'Moves through row fields, row actions and Add in document order'],\n    ['Enter / Space on Add', 'Appends the default item and focuses its first control'],\n    ['Enter / Space on Remove', 'Removes the row and focuses the next row, previous row or Add'],\n    [\n      'Alt+ArrowUp / Alt+ArrowDown',\n      'With reorderable, moves the row and keeps focus on the same control; stops at either end',\n    ],\n    ['Enter / Space on Move up / Move down', 'Moves the row by one position and preserves focus'],\n    ['Enter / Space on Duplicate', 'With duplicable, inserts an independent deep copy below and focuses it'],\n  ],\n  tokens: ['border', 'card', 'foreground', 'muted-foreground', 'destructive-text', 'secondary', 'focus-ring'],\n};\n"],"mappings":"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"}