/**
 * Recipe configuration for the FormField component.
 * Defines the styling variants and base styles using Chakra UI's recipe system.
 */
export declare const formFieldRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "popover" | "input" | "label" | "description" | "error", {
    size: {
        md: {
            root: {
                "--form-field-font-size": "fontSizes.350";
                "--form-field-line-height": "lineHeights.500";
            };
        };
        sm: {
            root: {
                "--form-field-font-size": "fontSizes.300";
                "--form-field-line-height": "lineHeights.450";
            };
        };
    };
    direction: {
        column: {
            root: {
                gridTemplateAreas: "\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n";
            };
            input: {
                mt: "var(--grid-gap)";
            };
            description: {
                mt: "var(--grid-gap)";
            };
            error: {
                mt: "var(--grid-gap)";
            };
        };
        row: {
            root: {
                gridTemplateAreas: "\n\"label input\"\n\"label description\"\n\"label error\"\n";
                gridTemplateColumns: "auto 1fr";
                gridColumnGap: "200";
            };
            description: {
                mt: "var(--grid-gap)";
            };
            error: {
                mt: "var(--grid-gap)";
            };
        };
    };
}>;
