import { CSSProperties, FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
import { FieldSize } from '../inputs/field-styles';
export interface FormControlProps {
    children?: ReactNode;
    error?: boolean;
    disabled?: boolean;
    required?: boolean;
    size?: FieldSize;
    fullWidth?: boolean;
    /** Accepted for API parity; the design always renders outlined. */
    variant?: string;
    className?: string;
    style?: CSSProperties;
    sx?: unknown;
    id?: string;
    /** Forwarded to the container element (focus/blur bubble from inner controls) — e.g. clear a
     * validation error on focus, validate on blur, without a separate wrapper element. */
    onFocus?: FocusEventHandler<HTMLDivElement>;
    onBlur?: FocusEventHandler<HTMLDivElement>;
    onClick?: MouseEventHandler<HTMLDivElement>;
}
/**
 * Form-field context provider + positioned container (replaces MUI `FormControl`). Tracks
 * focus/filled state so `StyledInputLabel` can float and `StyledFormHelperText` can colour itself;
 * `StyledSelect` reports its state into this context. Public props preserved (DEC-003). TASK-401.
 */
export declare const StyledFormControl: ({ children, error, disabled, required, size, fullWidth, className, style, sx, id, onFocus, onBlur, onClick, }: FormControlProps) => JSX.Element;