/**
 * Recipe configuration for the TabNav component.
 * Defines the styling variants and base styles using Chakra UI's recipe system.
 *
 * Renders navigation semantics (`<nav>` + `<a>`) with visual styling that
 * matches the Tabs `line` (horizontal underline) variant.
 *
 * ⚠️  VISUAL TWIN — KEEP IN SYNC WITH `tabs.recipe.ts`
 * TabNav and Tabs are intentionally separate components with separate recipes
 * (different semantics: navigation links vs. content-panel widget). They do NOT
 * share a recipe. However, the `tabs` variant of TabNav is designed to be
 * visually identical to the `line` horizontal variant of Tabs. If you change
 * colors, spacing, typography, transitions, or focus styles in one, apply the
 * equivalent change to the other.
 */
export declare const tabNavSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item", {
    variant: {
        tabs: {
            root: {
                boxShadow: "0 1px 0 0 {colors.neutral.6}";
            };
            item: {
                color: "neutral.12";
                cursor: "pointer";
                fontWeight: "500";
                textDecoration: "none";
                transition: "all 150ms ease";
                boxShadow: "0 2px 0 0 transparent";
                focusVisibleRing: "outside";
                _hover: {
                    color: "primary.11";
                };
                '&[aria-current="page"]': {
                    color: "primary.9";
                    boxShadow: "0 2px 0 0 {colors.primary.9}";
                };
                _disabled: {
                    layerStyle: "disabled";
                };
            };
        };
    };
    size: {
        sm: {
            item: {
                "--tab-nav-font-size": "fontSizes.300";
                "--tab-nav-padding-top": "spacing.100";
                "--tab-nav-padding-right": "spacing.300";
                "--tab-nav-padding-bottom": "spacing.100";
                "--tab-nav-padding-left": "spacing.300";
            };
        };
        md: {
            item: {
                "--tab-nav-font-size": "fontSizes.350";
                "--tab-nav-padding-top": "spacing.200";
                "--tab-nav-padding-right": "spacing.400";
                "--tab-nav-padding-bottom": "spacing.200";
                "--tab-nav-padding-left": "spacing.400";
            };
        };
        lg: {
            item: {
                "--tab-nav-font-size": "fontSizes.400";
                "--tab-nav-padding-top": "spacing.300";
                "--tab-nav-padding-right": "spacing.600";
                "--tab-nav-padding-bottom": "spacing.300";
                "--tab-nav-padding-left": "spacing.600";
            };
        };
    };
}>;