export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "itemText" | "itemControl", {
    variant: {
        solid: {
            itemControl: {
                borderWidth: "2px";
                borderColor: "radio.control.border";
                _hover: {
                    borderColor: "radio.control.border.hover";
                };
                _checked: {
                    bg: "selected.option.bg";
                    color: "white";
                    borderColor: "selected.option.bg";
                    _hover: {
                        bg: "hover";
                        borderColor: "hover";
                    };
                };
                _invalid: {
                    bg: "red.500";
                    borderColor: "red.500";
                };
                _readOnly: {
                    borderColor: "radio.control.border.readOnly";
                    _hover: {
                        borderColor: "radio.control.border.readOnly";
                    };
                    _checked: {
                        bg: "radio.control.border.readOnly";
                        _hover: {
                            bg: "radio.control.border.readOnly";
                        };
                        '& .dot': {
                            bg: "gray.500";
                        };
                    };
                };
            } | undefined;
        };
    };
    size: {
        sm: {
            item: {
                gap: "2";
            };
            itemText: {
                textStyle: "sm";
            };
            itemControl: {
                boxSize: "5";
            } | undefined;
        };
        md: {
            item: {
                gap: "2";
            };
            itemText: {
                textStyle: "md";
            };
            itemControl: {
                boxSize: "5";
            } | undefined;
        };
    };
    orientation: {
        vertical: {
            root: {
                flexDirection: "column";
                alignItems: "flex-start";
                rowGap: "12px";
            };
        };
        horizontal: {
            root: {
                flexDirection: "row";
                alignItems: "center";
                columnGap: "32px";
            };
        };
    };
}>;