export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "control", {
    size: {
        sm: {
            root: {
                gap: "2";
            };
            label: {
                textStyle: "sm";
            };
            control: {
                boxSize: "5";
                borderRadius: "sm";
            } | undefined;
        };
        md: {
            root: {
                gap: "2";
            };
            label: {
                textStyle: "md";
            };
            control: {
                boxSize: "5";
                borderRadius: "sm";
            } | undefined;
        };
    };
    variant: {
        solid: {
            control: {
                borderColor: "checkbox.control.border";
                _hover: {
                    borderColor: "checkbox.control.border.hover";
                };
                _readOnly: {
                    borderColor: "checkbox.control.border.readOnly";
                    _hover: {
                        borderColor: "checkbox.control.border.readOnly";
                    };
                    '&:is([data-state=checked], [data-state=indeterminate])': {
                        bg: "checkbox.control.border.readOnly";
                        color: "gray.500";
                        _hover: {
                            bg: "checkbox.control.border.readOnly";
                        };
                    };
                };
                '&:is([data-state=checked], [data-state=indeterminate])': {
                    bg: "selected.option.bg";
                    color: "white";
                    borderColor: "selected.option.bg";
                    _hover: {
                        bg: "hover";
                        borderColor: "hover";
                    };
                };
            } | undefined;
        };
    };
}>;