import * as React from "react"; /** Supported layouts for {@link Field}. */ export type FieldOrientation = "vertical" | "horizontal" | "responsive"; /** Supported legend render styles for {@link FieldLegend}. */ export type FieldLegendVariant = "legend" | "label"; /** Shape of error objects accepted by {@link FieldError}. */ export interface FieldErrorItem { /** Human-readable validation error message. @default undefined */ message?: string; } /** * Props for the {@link FieldSet} component. */ export type FieldSetProps = React.ComponentPropsWithoutRef<"fieldset">; /** * Props for the {@link FieldLegend} component. */ export interface FieldLegendProps extends React.ComponentPropsWithoutRef<"legend"> { /** Visual treatment used for the legend content. @default "legend" */ variant?: FieldLegendVariant; } /** * Props for the {@link FieldGroup} component. */ export type FieldGroupProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link Field} component. */ export interface FieldProps extends React.ComponentPropsWithoutRef<"div"> { /** Layout used to arrange labels and controls. @default "vertical" */ orientation?: FieldOrientation; } /** * Props for the {@link FieldContent} component. */ export type FieldContentProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link FieldLabel} component. */ export type FieldLabelProps = React.ComponentPropsWithoutRef<"label">; /** * Props for the {@link FieldTitle} component. */ export type FieldTitleProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link FieldDescription} component. */ export type FieldDescriptionProps = React.ComponentPropsWithoutRef<"p">; /** * Props for the {@link FieldSeparator} component. */ export type FieldSeparatorProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link FieldError} component. */ export interface FieldErrorProps extends React.ComponentPropsWithoutRef<"div"> { /** Validation errors rendered when children are not provided. @default undefined */ errors?: Array; } /** * Groups related controls within a semantic fieldset. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx *
* Preferences *
* ``` * * @see {@link FieldSetProps} for available props */ declare const FieldSet: React.ForwardRefExoticComponent, HTMLFieldSetElement>, "ref"> & React.RefAttributes>; /** * Labels a grouped set of controls within {@link FieldSet}. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * Billing address * ``` * * @see {@link FieldLegendProps} for available props */ declare const FieldLegend: React.ForwardRefExoticComponent>; /** * Stacks multiple field rows under a shared container. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * * * * ``` * * @see {@link FieldGroupProps} for available props */ declare const FieldGroup: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Creates a styled field row for labels, descriptions, and controls. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * ... * ``` * * @see {@link FieldProps} for available props */ declare const Field: React.ForwardRefExoticComponent>; /** * Wraps field controls and supporting content. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * {control} * ``` * * @see {@link FieldContentProps} for available props */ declare const FieldContent: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Renders the label associated with a form control. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `