export declare const styledTab: import("@vanilla-extract/recipes").RuntimeFn<{
    appearance: {
        underlined: {
            borderBottom: "calc(1px + 1px) solid transparent";
            padding: `calc(var(--${string}) + 1px) var(--${string})`;
            ':focus-visible': {
                outlineOffset: "-1px";
            };
        };
        pill: {
            borderRadius: `var(--${string})`;
            color: `var(--${string})`;
            fontWeight: `var(--${string})`;
            padding: `var(--${string}) var(--${string})`;
            selectors: {
                '&+&': {
                    marginLeft: `var(--${string})`;
                };
                '&:not([aria-selected=true]):hover': {
                    backgroundColor: `var(--${string})`;
                };
            };
        };
        minimal: {
            borderBottom: "2px solid transparent";
            padding: "6px 0";
            selectors: {
                '&+&': {
                    marginLeft: `var(--${string})`;
                };
            };
        };
    };
    active: {
        true: {};
    };
}>;
export declare const item: string;
export declare const indication: import("@vanilla-extract/recipes").RuntimeFn<{
    appearance: {
        underlined: {};
        pill: {
            selectors: {
                [x: string]: {
                    backgroundColor: `var(--${string})`;
                };
            };
        };
        minimal: {};
    };
    active: {
        true: {};
    };
}>;
export type TabVariants = NonNullable<Parameters<typeof styledTab>[0]>;
export type TabAppearance = NonNullable<TabVariants['appearance']>;
//# sourceMappingURL=Tab.css.d.ts.map