/**
 * Recipe configuration for the Tabs component.
 * Defines the styling variants and base styles using Chakra UI's recipe system.
 *
 * ⚠️  VISUAL TWIN — KEEP IN SYNC WITH `tab-nav.recipe.ts`
 * Tabs and TabNav are intentionally separate components with separate recipes
 * (different semantics: content-panel widget vs. navigation links). They do NOT
 * share a recipe. However, the `line` horizontal variant of Tabs is designed to
 * be visually identical to the `tabs` variant of TabNav. If you change colors,
 * spacing, typography, transitions, or focus styles in one, apply the equivalent
 * change to the other.
 */
export declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "panel" | "list" | "tab" | "panels", {
    variant: {
        line: {};
        pills: {
            tab: {
                borderRadius: "full";
                _selected: {
                    backgroundColor: "primary.3";
                };
            };
        };
    };
    orientation: {
        horizontal: {
            root: {
                flexDirection: "column";
            };
        };
        vertical: {
            root: {
                flexDirection: "row";
            };
            list: {
                flexDirection: "column";
            };
            tab: {
                justifyContent: "flex-start";
            };
        };
    };
    placement: {
        start: {};
        end: {};
    };
    size: {
        sm: {
            tab: {
                "--tabs-font-size": "fontSizes.300";
                "--tabs-padding-top": "spacing.100";
                "--tabs-padding-right": "spacing.300";
                "--tabs-padding-bottom": "spacing.100";
                "--tabs-padding-left": "spacing.300";
            };
        };
        md: {
            tab: {
                "--tabs-font-size": "fontSizes.350";
                "--tabs-padding-top": "spacing.200";
                "--tabs-padding-right": "spacing.400";
                "--tabs-padding-bottom": "spacing.200";
                "--tabs-padding-left": "spacing.400";
            };
        };
        lg: {
            tab: {
                "--tabs-font-size": "fontSizes.400";
                "--tabs-padding-top": "spacing.300";
                "--tabs-padding-right": "spacing.600";
                "--tabs-padding-bottom": "spacing.300";
                "--tabs-padding-left": "spacing.600";
            };
        };
    };
}>;