torch-glare 2.5.6 → 2.6.0

package/apps/lib/components/FormBuilder/form-builder.tsx

@@ -1,198 +0,0 @@
-"use client";
-
-import { useForm, type FieldValues } from "react-hook-form";
-
-import { cn } from "../../utils/cn";
-import { Form } from "../Form";
-import { LoadingContext, DirectionContext, FormIdContext } from "./context";
-import { markFieldKind } from "./field-kind";
-import type { FormBuilderRootProps } from "./types";
-import {
-  TextField,
-  EmailField,
-  PasswordField,
-  NumberField,
-  CurrencyField,
-  TextareaField,
-  SelectField,
-  SearchableSelectField,
-  MultiSelectField,
-  CheckboxField,
-  RadioCardsField,
-  RadioListField,
-  CheckboxGroupField,
-  SwitchBoxField,
-  DateField,
-  OtpField,
-  TreeSelectField,
-  SliderField,
-  ColorField,
-  SignatureField,
-  PhoneField,
-  FieldArray,
-  TableField,
-  FileField,
-  RichTextField,
-  CustomField,
-} from "./fields";
-import { SubmitButton } from "./submit";
-
-// ─── Root ────────────────────────────────────────────────────────────────────
-
-function FormBuilderRoot<T extends FieldValues = FieldValues>({
-  children,
-  id,
-  form: formProp,
-  onSubmit,
-  onInvalid,
-  resolver,
-  defaultValues,
-  values,
-  loading = false,
-  fieldDirection,
-  resetOnSuccess,
-  className,
-}: FormBuilderRootProps<T>) {
-  // Hooks can't be conditional, so always create one; `formProp` wins when given
-  // (the caller hoisted `useForm` to share values with something outside the form).
-  const ownForm = useForm<T>({ resolver, defaultValues, values });
-  const form = formProp ?? ownForm;
-  // Don't force a direction — left undefined, FieldSection uses its responsive `flexible`
-  // layout (stacked on small screens, two-column at `lg`). Only a caller-set `fieldDirection`
-  // (e.g. vertical inside a drawer) pins it.
-  const direction = fieldDirection;
-
-  const handleValid = async (v: T) => {
-    await onSubmit(v);
-    if (resetOnSuccess) form.reset();
-  };
-
-  // The `<form>` IS the outermost element — FormBuilder draws no frame of its own. `gap-4` is the
-  // spacing between sections, which is field structure; `@container` scopes any container query a
-  // field wants to the form's own width. Everything that used to wrap this — the page gutters, the
-  // scroll shell, the header, the stepper rail, the summary column — belongs to `FormRenderer`.
-  //
-  // `className` lands here, so a parent still lays the form out (e.g. `flex-1 min-h-0`).
-  return (
-    <FormIdContext.Provider value={id}>
-      <LoadingContext.Provider value={loading}>
-        <DirectionContext.Provider value={direction}>
-          <Form {...form}>
-            <form
-              id={id}
-              className={cn("flex w-full min-w-0 flex-col gap-4 @container", className)}
-              onSubmit={form.handleSubmit(handleValid, onInvalid)}
-            >
-              {children}
-            </form>
-          </Form>
-        </DirectionContext.Provider>
-      </LoadingContext.Provider>
-    </FormIdContext.Provider>
-  );
-}
-
-/**
- * FormBuilder — a compound, composition-based form. Author a form as JSX:
- *
- * ```tsx
- * <FormBuilder onSubmit={fn} resolver={r} defaultValues={d}>
- *   <FormBuilder.Text name="name" label="Name" required />
- *   <FormBuilder.Select name="category" label="Category" options={CATEGORY} />
- * </FormBuilder>
- * ```
- *
- * **FormBuilder is the fields and nothing else** — the `<form>`, its react-hook-form context and
- * the field components. Each field draws its own `FieldSection` row (label, required marker,
- * hint); beyond that FormBuilder draws no frame at all: no titled section cards, no page gutters,
- * no scroll shell, no title header, no stepper rail, no summary column. Rendered bare it fills
- * whatever you put it in, which is what an embedded form — a settings rail, a `DataViews` filter
- * panel — wants.
- *
- * For a real page or drawer form, wrap it in `FormRenderer`, which owns all of that chrome:
- * `display` (page vs drawer), `header`, `actions`, `summary`, `FormRenderer.Section` and the
- * wizard (`FormRenderer.Stepper` + `FormRenderer.Step`).
- *
- * `FormBuilder.Submit` stays here — it is the form's own submit button, wired to the `<form>` by
- * id so it works even when the chrome renders it outside the element.
- */
-export const FormBuilder = Object.assign(FormBuilderRoot, {
-  // fields
-  Text: TextField,
-  Email: EmailField,
-  Password: PasswordField,
-  Number: NumberField,
-  Currency: CurrencyField,
-  Textarea: TextareaField,
-  Select: SelectField,
-  SearchableSelect: SearchableSelectField,
-  MultiSelect: MultiSelectField,
-  Tags: MultiSelectField,
-  RadioList: RadioListField,
-  RadioCards: RadioCardsField,
-  Checkbox: CheckboxField,
-  CheckboxGroup: CheckboxGroupField,
-  SwitchBox: SwitchBoxField,
-  Otp: OtpField,
-  TreeSelect: TreeSelectField,
-  Slider: SliderField,
-  Color: ColorField,
-  Signature: SignatureField,
-  Phone: PhoneField,
-  FieldArray: FieldArray,
-  Table: TableField,
-  Date: DateField,
-  DateRange: (props: Parameters<typeof DateField>[0]) => <DateField {...props} mode="range" />,
-  DateMultiple: (props: Parameters<typeof DateField>[0]) => (
-    <DateField {...props} mode="multiple" />
-  ),
-  DateTime: (props: Parameters<typeof DateField>[0]) => <DateField {...props} timePicker />,
-  File: FileField,
-  Image: (props: Parameters<typeof FileField>[0]) => <FileField {...props} image />,
-  RichText: RichTextField,
-  Custom: CustomField,
-  // the form's own submit button
-  Submit: SubmitButton,
-});
-
-/**
- * What each field produces, for consumers that read a form they did not author.
- *
- * Stamped here rather than on the field definitions because the aliases — `DateRange`, `Tags`,
- * `Image` — only exist in the table above, and a reader checking "is this list complete?" should
- * have one place to look. `Tags` and `MultiSelect` are the same component, so the repeat is
- * harmless.
- */
-(
-  [
-    [FormBuilder.Text, "text"],
-    [FormBuilder.Email, "text"],
-    [FormBuilder.Password, "text"],
-    [FormBuilder.Textarea, "text"],
-    [FormBuilder.Otp, "text"],
-    [FormBuilder.Color, "text"],
-    [FormBuilder.Phone, "text"],
-    [FormBuilder.Number, "number"],
-    [FormBuilder.Currency, "number"],
-    [FormBuilder.Select, "choice"],
-    [FormBuilder.SearchableSelect, "choice"],
-    [FormBuilder.RadioList, "choice"],
-    [FormBuilder.RadioCards, "choice"],
-    [FormBuilder.MultiSelect, "multiChoice"],
-    [FormBuilder.Tags, "multiChoice"],
-    [FormBuilder.CheckboxGroup, "multiChoice"],
-    [FormBuilder.TreeSelect, "multiChoice"],
-    [FormBuilder.Checkbox, "boolean"],
-    [FormBuilder.SwitchBox, "boolean"],
-    [FormBuilder.Date, "date"],
-    [FormBuilder.DateRange, "date"],
-    [FormBuilder.DateTime, "date"],
-    [FormBuilder.DateMultiple, "date"],
-    [FormBuilder.Slider, "slider"],
-    [FormBuilder.Custom, "custom"],
-    [FormBuilder.File, "custom"],
-    [FormBuilder.Image, "custom"],
-    [FormBuilder.Signature, "custom"],
-    [FormBuilder.RichText, "custom"],
-  ] as const
-).forEach(([component, kind]) => markFieldKind(component, kind));

package/apps/lib/components/FormBuilder/index.ts

@@ -1,31 +0,0 @@
-export { FormBuilder } from "./form-builder";
-export { fieldKindOf, markFieldKind } from "./field-kind";
-export { RichTextField } from "../TextEditor/RichTextField";
-export type { FieldDirection, CellMode } from "./context";
-export type {
-  BaseFieldProps,
-  FieldKind,
-  OptionItem,
-  SelectFieldProps,
-  SearchableSelectFieldProps,
-  OptionsFieldProps,
-  CurrencyFieldProps,
-  FileFieldProps,
-  CustomFieldProps,
-  DateFieldProps,
-  OtpFieldProps,
-  RadioCardOption,
-  RadioCardsFieldProps,
-  SwitchBoxFieldProps,
-  CheckboxFieldProps,
-  TreeSelectFieldProps,
-  PasswordFieldProps,
-  SliderFieldProps,
-  ColorFieldProps,
-  SignatureFieldProps,
-  PhoneFieldProps,
-  FieldArrayProps,
-  TableColumn,
-  TableFieldProps,
-  FormBuilderRootProps,
-} from "./types";

package/apps/lib/components/FormBuilder/numberFormat.ts

@@ -1,16 +0,0 @@
-const nf = new Intl.NumberFormat("en-US", { maximumFractionDigits: 20 });
-
-/** Format a number with thousands separators (e.g. 1299 → "1,299"). Blank for empty. */
-export function formatNumber(value: unknown): string {
-  if (value == null || value === "") return "";
-  const n = typeof value === "number" ? value : Number(String(value).replace(/,/g, ""));
-  return Number.isNaN(n) ? "" : nf.format(n);
-}
-
-/** Parse a possibly comma-formatted string to a number (or undefined when blank). */
-export function parseNumber(raw: string): number | undefined {
-  const cleaned = raw.replace(/,/g, "").trim();
-  if (cleaned === "" || cleaned === "-" || cleaned === ".") return undefined;
-  const n = Number(cleaned);
-  return Number.isNaN(n) ? undefined : n;
-}

package/apps/lib/components/FormBuilder/submit.tsx

@@ -1,67 +0,0 @@
-"use client";
-
-import { ReactNode } from "react";
-
-import { cn } from "../../utils/cn";
-import { Button } from "../Button";
-import { useFormId, useLoading } from "./context";
-
-export interface SubmitButtonProps {
-  children?: ReactNode;
-  className?: string;
-  loadingText?: ReactNode;
-  /**
-   * The form to submit, by `id`. Defaults to the enclosing FormBuilder's own form id (via
-   * context), so a bare `<FormBuilder.Submit>` works even in a header / action bar rendered
-   * **outside** the `<form>` element. Set it explicitly only to target a different form.
-   */
-  form?: string;
-  /**
-   * LOCAL PATCH (Contact Center): upstream removed this in 2.5.5, leaving no way to
-   * disable a Save. Re-apply after any `npx torch-glare update`.
-   *
-   * Disable the button while leaving the form readable.
-   *
-   * Used by permission gating: someone with read access should still SEE a
-   * record, so a Save they may not use is disabled rather than removed --
-   * a missing button looks broken, a disabled one says "not yours to change".
-   * The server refuses the write either way.
-   */
-  disabled?: boolean;
-}
-
-/** `FormBuilder.Submit` — a loading-aware submit button, hidden in view mode. */
-export function SubmitButton({
-  children,
-  className,
-  loadingText,
-  form,
-  disabled,
-}: SubmitButtonProps) {
-  const loading = useLoading();
-  const ctxFormId = useFormId();
-
-  return (
-    <Button
-      type="submit"
-      // Defaults to the enclosing form's id, so a Save in the header (outside the `<form>`)
-      // still submits it via native form-association.
-      form={form ?? ctxFormId}
-      // The blue fill, because Save is the form's primary action and a primary action is blue.
-      // Deliberately not a prop: a form has one primary action, and letting each caller pick a
-      // variant is how the rule stops being a rule.
-      variant="BluColStyle"
-      is_loading={loading}
-      // LOCAL PATCH (Contact Center) -- see `disabled` in SubmitButtonProps.
-      disabled={disabled}
-      // `w-fit` because the FormBuilder root is a flex COLUMN: a direct child with `width: auto`
-      // inherits `align-items: stretch` and spans the whole form. Sections want that (SectionBlock
-      // sets its own `w-full`); a Save button does not. `w-fit` rather than `self-start` so the
-      // header action bar — a row with `items-center` — is untouched at every button size.
-      // Merged through `cn` so a caller can still opt into `className="w-full"` in a narrow drawer.
-      className={cn("w-fit", className)}
-    >
-      {loading ? (loadingText ?? children ?? "Saving…") : (children ?? "Save")}
-    </Button>
-  );
-}

package/apps/lib/components/FormBuilder/types.ts

@@ -1,316 +0,0 @@
-import { ReactNode } from "react";
-import type {
-  ControllerRenderProps,
-  ControllerFieldState,
-  DefaultValues,
-  FieldErrors,
-  FieldValues,
-  Resolver,
-  UseFormReturn,
-} from "react-hook-form";
-import type { FieldDirection } from "./context";
-import type { SectionColor } from "../SectionBlock";
-
-/**
- * What shape of value a field produces, stamped on each `FormBuilder.*` field component.
- *
- * This is for consumers that have to interpret a form they did not author — `DataViews.Filters`
- * reads it to decide whether a child's value becomes a list, a numeric range or a date range. It
- * describes the field, not any one consumer's use of it.
- *
- * Read it with `fieldKindOf(element)` rather than comparing `element.type` against an imported
- * component: identity comparison breaks across duplicated module instances and stops matching
- * after a hot reload.
- */
-export type FieldKind =
-  /** A string value — `Text`, `Textarea`, `Email`, `Password`, `Color`, `Phone`, `Otp`. */
-  | "text"
-  /** A number — `Number`, `Currency`. */
-  | "number"
-  /** One of a supplied list — `Select`, `SearchableSelect`, `RadioList`, `RadioCards`. */
-  | "choice"
-  /** Several of a supplied list — `MultiSelect`, `Tags`, `CheckboxGroup`, `TreeSelect`. */
-  | "multiChoice"
-  /** A boolean — `Checkbox`, `SwitchBox`. */
-  | "boolean"
-  /** A date or date range — `Date`, `DateRange`, `DateTime`, `DateMultiple`. */
-  | "date"
-  /** Two numbers when `range`, otherwise one — `Slider`. */
-  | "slider"
-  /** Whatever the caller renders — `Custom`, `File`, `Image`, `Signature`, `RichText`. */
-  | "custom";
-
-/** Props shared by every `FormBuilder.*` field. `name` is the RHF path. */
-/**
- * One alert under a field. Mirrors `FieldHint`'s own props so the design system stays the single
- * source of truth for how each state looks.
- */
-export interface FieldHintSpec {
-  label: ReactNode;
-  state?: "info" | "warning" | "error" | "success";
-  icon?: ReactNode;
-}
-
-export interface BaseFieldProps {
-  name: string;
-  label?: ReactNode;
-  placeholder?: string;
-  description?: ReactNode;
-  required?: boolean;
-  disabled?: boolean;
-  hidden?: boolean;
-  /** Span the full section width. */
-  fullWidth?: boolean;
-  /**
-   * Alerts stacked under the field. The validation error, when there is one, always renders first —
-   * it is the actionable message — and these follow in order. Ignored in `bare` mode (a
-   * `FormBuilder.Table` cell), where errors surface as a tooltip to keep the row one line tall.
-   */
-  hints?: FieldHintSpec[];
-}
-
-export interface OptionItem {
-  label: string;
-  value: string;
-  icon?: ReactNode;
-  /** Secondary row label — shown by `FormBuilder.RadioList` / `.CheckboxGroup`. */
-  description?: string;
-}
-
-/** `FormBuilder.Select` / `.SearchableSelect` — supports async option loading. */
-/** `FormBuilder.Select` — the plain `Select` dropdown. */
-export interface SelectFieldProps extends BaseFieldProps {
-  options: OptionItem[];
-}
-
-/**
- * `FormBuilder.SearchableSelect` — the `SearchableSelect` combobox: a search box with
- * client-side filtering, or server-side search + infinite scroll via the async props.
- */
-export interface SearchableSelectFieldProps extends SelectFieldProps {
-  /** Filter `options` locally (default). Set false for server-side search. */
-  filterClientSide?: boolean;
-  /** Debounced as the user types — refetch your data here. */
-  onSearchChange?: (query: string) => void;
-  /** Called when the list bottom scrolls into view and `hasMore && !loading`. */
-  onLoadMore?: () => void;
-  hasMore?: boolean;
-  loading?: boolean;
-}
-
-/** `FormBuilder.MultiSelect` / `.Tags`, `.Radio`. */
-export interface OptionsFieldProps extends BaseFieldProps {
-  options: OptionItem[];
-  /**
-   * LOCAL PATCH (Contact Center): `MultiSelect`/`Tags` only — let the user type a value that is
-   * not in `options` and have it become a badge. Pass `options={[]}` for a pure free-text list.
-   */
-  creatable?: boolean;
-}
-
-/** `FormBuilder.Currency`. */
-export interface CurrencyFieldProps extends BaseFieldProps {
-  currencySymbol?: ReactNode;
-}
-
-/** `FormBuilder.File` / `.Image`. */
-export interface FileFieldProps extends BaseFieldProps {
-  accept?: string;
-  multiple?: boolean;
-}
-
-/** `FormBuilder.Custom` — bring your own control, keeping the FieldSection + validation wiring. */
-export interface CustomFieldProps extends BaseFieldProps {
-  render: (args: {
-    field: ControllerRenderProps<FieldValues, string>;
-    fieldState: ControllerFieldState;
-  }) => ReactNode;
-}
-
-/** `FormBuilder.Date` / `.DateRange` / `.DateMultiple` / `.DateTime`. */
-export interface DateFieldProps extends BaseFieldProps {
-  mode?: "single" | "multiple" | "range";
-  timePicker?: boolean;
-  /** Display format, e.g. "yyyy/MM/dd" (DatePicker default). */
-  dateFormat?: string;
-}
-
-/** `FormBuilder.Otp` — code input; value is a string of `length` digits. */
-export interface OtpFieldProps extends BaseFieldProps {
-  /** Number of digit slots (default 6). */
-  length?: number;
-}
-
-/** `FormBuilder.SwitchBox` — a switch inside a `#f9f9f9` field box. */
-export interface SwitchBoxFieldProps extends BaseFieldProps {
-  /** Text shown inside the box, left of the divider (the design's "Sub-Field-Header"). */
-  subLabel?: string;
-}
-
-/** `FormBuilder.Checkbox` — a single boolean checkbox with an optional inline label. */
-export interface CheckboxFieldProps extends BaseFieldProps {
-  /** Text shown inline next to the checkbox (in addition to the field `label`). */
-  subLabel?: string;
-}
-
-/** One option for `FormBuilder.RadioCards`. */
-export interface RadioCardOption {
-  label: ReactNode;
-  value: string;
-  description?: ReactNode;
-  disabled?: boolean;
-}
-
-/** `FormBuilder.RadioCards` — radio options rendered as cards. */
-export interface RadioCardsFieldProps extends BaseFieldProps {
-  options: RadioCardOption[];
-}
-
-/** `FormBuilder.TreeSelect` (SearchableTree) — hierarchical single-select; value = node id. */
-export interface TreeSelectFieldProps<T = unknown> extends BaseFieldProps {
-  nodes: T[];
-  getNodeId: (node: T) => string;
-  getNodeLabel: (node: T) => ReactNode;
-  /** Nested data: expose each node's children. */
-  getNodeChildren?: (node: T) => T[] | undefined;
-  /** Flat data: the key on each node pointing at its parent's id. */
-  parentIdKey?: string;
-  /** Allow selecting branch (folder) nodes too. */
-  selectableFolders?: boolean;
-}
-
-/** `FormBuilder.Password` — optionally show a strength meter. */
-export interface PasswordFieldProps extends BaseFieldProps {
-  strengthMeter?: boolean;
-}
-
-/** `FormBuilder.Slider` — numeric slider; value `number` (or `[number, number]` with `range`). */
-export interface SliderFieldProps extends BaseFieldProps {
-  min?: number;
-  max?: number;
-  step?: number;
-  /** Two thumbs — value becomes `[number, number]`. */
-  range?: boolean;
-  /** Appended to the value readout, e.g. `"%"` → `50%`. */
-  suffix?: string;
-}
-
-/** `FormBuilder.Color` — color picker; value hex `string`. */
-export interface ColorFieldProps extends BaseFieldProps {
-  presets?: string[];
-  /** Enable the opacity slider and `#rrggbbaa` output (default true). */
-  alpha?: boolean;
-}
-
-/** `FormBuilder.Phone` — country dial-code + number; value `string`. */
-export interface PhoneFieldProps extends BaseFieldProps {
-  defaultCountry?: string;
-}
-
-/** `FormBuilder.Signature` — freehand signature pad; value is a PNG data-URL `string`. */
-export interface SignatureFieldProps extends BaseFieldProps {
-  /** Stroke color (default `#111827`). */
-  penColor?: string;
-}
-
-/** `FormBuilder.FieldArray` — a repeating list of sub-fields (RHF `useFieldArray`). */
-export interface FieldArrayProps {
-  name: string;
-  label?: ReactNode;
-  description?: ReactNode;
-  hidden?: boolean;
-  addLabel?: ReactNode;
-  /** Value for a newly-added row. */
-  defaultItem?: Record<string, unknown>;
-  /** Render a row's sub-fields; use names like `${rowName}.field`. */
-  children: (rowName: string, index: number, remove: () => void) => ReactNode;
-}
-
-/** One column of `FormBuilder.Table`. `cell` renders any `FormBuilder.*` field for a row. */
-export interface TableColumn {
-  header: ReactNode;
-  /** Fixed column width in px (otherwise the column sizes to content). */
-  width?: number;
-  align?: "start" | "center" | "end";
-  /**
-   * The row-object key this column edits. Set it to make the column header **sortable** — a
-   * sort toggle appears and clicking it reorders the rows by this key (asc/desc). Omit for
-   * non-sortable columns.
-   */
-  sortKey?: string;
-  /**
-   * Render the cell's field. `rowName` is the array path for this row (e.g. `lines.0`), so name
-   * sub-fields `${rowName}.<key>`. The field renders "bare" (control only, error as a tooltip).
-   */
-  cell: (rowName: string, index: number) => ReactNode;
-}
-
-/**
- * `FormBuilder.Table` — an editable table field (built on RHF `useFieldArray`). Each row is a
- * record; each column cell is any `FormBuilder.*` field. Supports per-row checkbox selection
- * (+ select-all + bulk delete), drag-drop reordering, and add/remove rows. Renders inside a
- * `SectionBlock`, so place it as a top-level child (not inside a `FormRenderer.Section`).
- */
-export interface TableFieldProps {
-  name: string;
-  /** SectionBlock title. */
-  title?: ReactNode;
-  /** SectionBlock color badge (default `"Blue"`). */
-  color?: SectionColor;
-  icon?: ReactNode;
-  description?: ReactNode;
-  hidden?: boolean;
-  columns: TableColumn[];
-  /** Value for a newly-added row. */
-  defaultItem?: Record<string, unknown>;
-  addLabel?: ReactNode;
-  /** Per-row checkboxes + select-all + bulk delete (default `true`). */
-  selectable?: boolean;
-  /** Drag-drop row reordering (default `true`). */
-  reorderable?: boolean;
-}
-
-/** Root `<FormBuilder>` props. */
-export interface FormBuilderRootProps<T extends FieldValues = FieldValues> {
-  children: ReactNode;
-  /** `id` on the underlying `<form>` — lets an outside button submit it via `form={id}`. */
-  id?: string;
-  /**
-   * An existing react-hook-form instance. Pass one when something **outside** the
-   * form needs the same values — e.g. a `FormSummary` rendered beside it:
-   *
-   * ```tsx
-   * const form = useForm({ resolver, defaultValues })
-   * <FormBuilder form={form} …>…</FormBuilder>
-   * <FormSummary form={form}>…</FormSummary>
-   * ```
-   *
-   * When omitted, FormBuilder creates its own from `resolver`/`defaultValues`/`values`.
-   */
-  form?: UseFormReturn<T>;
-  onSubmit: (values: T) => void | Promise<void>;
-  onInvalid?: (errors: FieldErrors<T>) => void;
-  /** RHF resolver — e.g. `zodResolver(schema)`. Library stays validation-agnostic. */
-  resolver?: Resolver<T>;
-  defaultValues?: DefaultValues<T>;
-  /** Controlled values for edit — the form re-syncs when this changes. */
-  values?: T;
-  /** Loading flag — Submit shows a spinner and inputs disable. */
-  loading?: boolean;
-  /**
-   * Field row direction. Unset means `"flexible"` — stacked, then label-beside-control once the
-   * field row passes the container `md` breakpoint. `FormRenderer` pins `"vertical"` in a drawer;
-   * pass `"flexible"` there to get the responsive layout back.
-   */
-  fieldDirection?: FieldDirection;
-  /** Reset to defaults after a successful submit. */
-  resetOnSuccess?: boolean;
-  /**
-   * Lands on the `<form>` element itself — FormBuilder renders nothing around it. Use it to let
-   * the form fill its parent (e.g. `"flex-1 min-h-0"` inside a flex column that has a height).
-   *
-   * There is no `layout` prop: the fields always fill their container. The page framing that
-   * used to live here — the 1100px cap and 48px gutters — belongs to `FormRenderer`.
-   */
-  className?: string;
-}