/**
 * Recipes for Nimbus Components
 *
 * IMPORTANT: All recipe keys are prefixed with `nimbus` to avoid naming collisions
 * with Chakra UI's built-in recipes. This ensures that Nimbus's custom variant types
 * are correctly generated and don't conflict with Chakra's default types.
 *
 * Without this prefix, generated TypeScript interfaces (e.g., `ButtonVariant`) would
 * collide with Chakra's defaults, causing incorrect type inference in consumer applications.
 *
 * @example
 * // Correct: Use nimbus prefix
 * nimbusButton: buttonRecipe
 *
 * // Wrong: No prefix causes collision
 * button: buttonRecipe  // ❌ Collides with Chakra's button
 */
export declare const recipes: {
    nimbusAvatar: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            md: {
                width: number;
                height: number;
                textStyle: "sm";
            };
            xs: {
                width: number;
                height: number;
                textStyle: "xs";
            };
            "2xs": {
                width: number;
                height: number;
                textStyle: "xs";
            };
        };
    }>;
    nimbusBadge: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            "2xs": {
                fontSize: "300";
                gap: "100";
                h: "600";
                lineHeight: "350";
                px: "200";
                _icon: {
                    width: "400";
                    height: "400";
                };
            };
            xs: {
                fontSize: "350";
                gap: "100";
                h: "800";
                lineHeight: "400";
                px: "300";
                _icon: {
                    width: "500";
                    height: "500";
                };
            };
            md: {
                fontSize: "400";
                gap: "200";
                h: "1000";
                lineHeight: "500";
                px: "400";
                _icon: {
                    width: "600";
                    height: "600";
                };
            };
        };
    }>;
    nimbusButton: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            "2xs": {
                h: "600";
                minW: "600";
                fontSize: "300";
                fontWeight: "500";
                lineHeight: "400";
                px: "200";
                gap: "100";
                _icon: {
                    width: "400";
                    height: "400";
                };
            };
            xs: {
                h: "800";
                minW: "800";
                fontSize: "350";
                fontWeight: "500";
                lineHeight: "400";
                px: "300";
                gap: "100";
                _icon: {
                    width: "500";
                    height: "500";
                };
            };
            sm: {
                h: "900";
                minW: "900";
                px: "350";
                fontSize: "350";
                lineHeight: "400";
                gap: "200";
                _icon: {
                    width: "500";
                    height: "500";
                };
            };
            md: {
                h: "1000";
                minW: "1000";
                fontSize: "400";
                lineHeight: "500";
                px: "400";
                gap: "200";
                _icon: {
                    width: "600";
                    height: "600";
                };
            };
        };
        variant: {
            solid: {
                bg: "colorPalette.9";
                color: "colorPalette.contrast";
                _hover: {
                    bg: "colorPalette.10";
                };
                _expanded: {
                    bg: "colorPalette.10";
                };
            };
            subtle: {
                bg: "colorPalette.3";
                color: "colorPalette.11";
                _hover: {
                    bg: "colorPalette.4";
                };
                _expanded: {
                    bg: "colorPalette.4";
                };
            };
            outline: {
                borderWidth: "1px";
                borderColor: "colorPalette.7";
                color: "colorPalette.11";
                transitionProperty: "background-color, border-color, color";
                transitionDuration: "moderate";
                _hover: {
                    bg: "colorPalette.3";
                    borderColor: "colorPalette.8";
                };
                _expanded: {
                    bg: "colorPalette.subtle";
                };
            };
            ghost: {
                color: "colorPalette.11";
                _hover: {
                    bg: "colorPalette.4";
                };
                _expanded: {
                    bg: "colorPalette.4";
                };
            };
            link: {
                color: "colorPalette.11";
                _hover: {
                    textDecoration: "underline";
                };
            };
        };
    }>;
    nimbusCode: import('@chakra-ui/react').RecipeDefinition<{
        variant: {
            solid: {
                bg: "colorPalette.4";
                color: "colorPalette.11";
            };
            subtle: {
                bg: "colorPalette.3";
                color: "colorPalette.11";
            };
            outline: {
                color: "colorPalette.fg";
                shadow: "inset 0 0 0px 1px var(--shadow-color)";
                shadowColor: "colorPalette.muted";
            };
            surface: {
                bg: "colorPalette.subtle";
                color: "colorPalette.fg";
                shadow: "inset 0 0 0px 1px var(--shadow-color)";
                shadowColor: "colorPalette.muted";
            };
            plain: {
                color: "colorPalette.fg";
            };
        };
        size: {
            xs: {
                textStyle: "2xs";
                px: "100";
                minH: "400";
            };
            sm: {
                textStyle: "xs";
                px: "150";
                minH: "500";
            };
            md: {
                textStyle: "sm";
                px: "200";
                minH: "600";
            };
            lg: {
                textStyle: "sm";
                px: "250";
                minH: "700";
            };
        };
    }>;
    nimbusGroup: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
    nimbusHeading: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            xs: {
                textStyle: "xs";
            };
            sm: {
                textStyle: "sm";
            };
            md: {
                textStyle: "md";
            };
            lg: {
                textStyle: "lg";
            };
            xl: {
                textStyle: "xl";
            };
            "2xl": {
                textStyle: "2xl";
            };
            "3xl": {
                textStyle: "3xl";
            };
            "4xl": {
                textStyle: "4xl";
            };
            "5xl": {
                textStyle: "5xl";
            };
            "6xl": {
                textStyle: "6xl";
            };
            "7xl": {
                textStyle: "7xl";
            };
        };
    }>;
    nimbusIcon: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            "2xs": {
                boxSize: "600";
            };
            xs: {
                boxSize: "800";
            };
            sm: {
                boxSize: "900";
            };
            md: {
                boxSize: "1000";
            };
            lg: {
                boxSize: "1200";
            };
            xl: {
                boxSize: "1400";
            };
        };
    }>;
    nimbusKbd: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
    nimbusLink: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            xs: {
                fontSize: "300";
                lineHeight: "450";
            };
            sm: {
                fontSize: "350";
                lineHeight: "500";
            };
            md: {
                fontSize: "400";
                lineHeight: "600";
            };
        };
        fontColor: {
            primary: {
                color: "primary";
            };
            inherit: {
                color: "inherit";
            };
        };
    }>;
    nimbusLoadingSpinner: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            "2xs": {
                width: "350";
                height: "350";
            };
            xs: {
                width: "500";
                height: "500";
            };
            sm: {
                width: "600";
                height: "600";
            };
            md: {
                width: "800";
                height: "800";
            };
            lg: {
                width: "1000";
                height: "1000";
            };
        };
        colorPalette: {
            primary: {
                colorPalette: "ctvioletAlpha";
            };
            white: {
                colorPalette: "whiteAlpha";
            };
        };
    }>;
    nimbusPopover: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
    nimbusRadioInput: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "option", {
        orientation: {
            horizontal: {
                root: {
                    flexDirection: "row";
                    gap: "600";
                };
            };
            vertical: {
                root: {
                    flexDirection: "column";
                    alignItems: "flex-start";
                    gap: "400";
                };
            };
        };
    }>;
    nimbusSeparator: import('@chakra-ui/react').RecipeDefinition<{
        orientation: {
            horizontal: {
                width: "100%";
                height: "25";
            };
            vertical: {
                width: "25";
                height: "100%";
            };
        };
    }>;
    nimbusToggleButton: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            "2xs"?: {
                h: "600";
                minW: "600";
                fontSize: "300";
                fontWeight: "500";
                lineHeight: "400";
                px: "200";
                gap: "100";
                _icon: {
                    width: "400";
                    height: "400";
                };
            } | undefined;
            xs?: {
                h: "800";
                minW: "800";
                fontSize: "350";
                fontWeight: "500";
                lineHeight: "400";
                px: "300";
                gap: "100";
                _icon: {
                    width: "500";
                    height: "500";
                };
            } | undefined;
            sm?: {
                h: "900";
                minW: "900";
                px: "350";
                fontSize: "350";
                lineHeight: "400";
                gap: "200";
                _icon: {
                    width: "500";
                    height: "500";
                };
            } | undefined;
            md?: {
                h: "1000";
                minW: "1000";
                fontSize: "400";
                lineHeight: "500";
                px: "400";
                gap: "200";
                _icon: {
                    width: "600";
                    height: "600";
                };
            } | undefined;
        };
        variant: {
            outline: {
                "--button-bg": "transparent";
                "--button-text": "{colors.colorPalette.11}";
                "--border-width": "{sizes.25}";
                "--border-color": "{colors.colorPalette.7}";
                bg: "var(--button-bg)";
                boxShadow: "0 0 0 var(--border-width) var(--border-color)";
                color: "var(--button-text)";
                "&[data-hovered='true']": {
                    "--button-bg": "{colors.colorPalette.2}";
                    "--border-color": "{colors.colorPalette.8}";
                };
                "&[data-selected=true]": {
                    "--button-bg": "{colors.colorPalette.3}";
                    "--border-color": "{colors.colorPalette.8}";
                    _hover: {
                        "--button-bg": "{colors.colorPalette.4}";
                        "--border-color": "{colors.colorPalette.9}";
                    };
                };
            };
            ghost: {
                "--button-text": "{colors.neutral.11}";
                "--button-bg": "transparent";
                color: "var(--button-text)";
                bg: "var(--button-bg)";
                "&[data-hovered='true']": {
                    "--button-bg": "{colors.colorPalette.2}";
                };
                "&[data-selected='true']": {
                    "--button-bg": "{colors.colorPalette.3}";
                    "--button-text": "{colors.colorPalette.11}";
                    "&[data-hovered='true']": {
                        "--button-bg": "{colors.colorPalette.4}";
                    };
                };
            };
        };
    }>;
    nimbusToolbar: import('@chakra-ui/react').RecipeDefinition<{
        size: {
            xs: {
                "--toolbar-spacing": "{spacing.100}";
                "--separator-size": "{sizes.600}";
            };
            md: {
                "--toolbar-spacing": "{spacing.200}";
                "--separator-size": "{sizes.800}";
            };
        };
        orientation: {
            horizontal: {
                "--toolbar-direction": "row";
                "& .nimbus-separator": {
                    height: "var(--separator-size)";
                    mx: "var(--toolbar-spacing)";
                };
            };
            vertical: {
                "--toolbar-direction": "column";
                "& .nimbus-separator": {
                    width: "var(--separator-size)";
                    my: "var(--toolbar-spacing)";
                };
            };
        };
        variant: {
            plain: {};
            outline: {
                boxShadow: "0 0 0 {sizes.25} {colors.neutral.6}";
            };
        };
    }>;
    nimbusTooltip: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
};