/**
 * FieldShell - shared field chrome
 *
 * The FormControl + FormLabel + FormHelperText composition used by the
 * built-in input fields. Exported so custom fields can get chrome identical
 * to the built-ins by composition instead of copy-paste.
 *
 * @example
 * ```tsx
 * export function MyCustomField(props: MyCustomFieldProps) {
 *   return (
 *     <FieldShell label={label} helperText={helperText} error={error} disabled={disabled}>
 *       <MyInput ... />
 *     </FieldShell>
 *   );
 * }
 * ```
 */
export interface FieldShellProps {
    /** Field label (already translated and rendered) */
    label?: React.ReactNode;
    /** Helper text or error message (already translated and rendered) */
    helperText?: React.ReactNode;
    /** Error state (shows error styling on label/helper text) */
    error?: boolean;
    /** Disabled state */
    disabled?: boolean;
    /** Required state (shows the asterisk on the label via FormControl context) */
    required?: boolean;
    /** CSS class name applied to the FormControl */
    className?: string;
    /**
     * Inline styles applied to the FormControl root. Standard CSS semantics
     * (React.CSSProperties, numbers mean px) - the component-library-neutral
     * DSL style is NOT interpreted as MUI sx (where numbers mean theme spacing).
     */
    style?: React.CSSProperties;
    /** Full width (default: true) */
    fullWidth?: boolean;
    /**
     * id of the input element rendered in children - links the label to the
     * input via htmlFor (clicking the label focuses the input; assistive
     * technology associates them)
     */
    inputId?: string;
    /**
     * id applied to the helper text element - reference it from the input's
     * aria-describedby
     */
    helperTextId?: string;
    /** The input element(s) */
    children: React.ReactNode;
}
export declare function FieldShell(props: FieldShellProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=FieldShell.d.ts.map