import { type StyleRule } from '@vanilla-extract/css';
import { type RuntimeFn } from '@vanilla-extract/recipes';
export declare const leftPositionVar: `var(--${string})`;
export declare const rightPositionVar: `var(--${string})`;
export declare const lineWrapTrue: StyleRule;
export declare const lineWrapFalse: StyleRule;
export declare const outerCell: RuntimeFn<{
    prefixColumn: {
        true: {
            width: "fit-content";
        };
    };
    lineWrap: {
        true: StyleRule;
        false: StyleRule;
    };
    fontStyle: {
        text: {
            fontFamily: string;
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            textDecoration: string;
            textTransform: StyleRule["textTransform"];
        };
        code: {
            fontFamily: string;
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            textDecoration: string;
            textTransform: StyleRule["textTransform"];
        };
        inherit: {};
    };
    rowDensity: {
        customCellRenderer: {
            paddingTop: string;
            paddingRight: string;
            paddingBottom: string;
            paddingLeft: string;
        };
        default: {
            paddingTop: string;
            paddingRight: string;
            paddingBottom: string;
            paddingLeft: string;
            selectors: {
                [x: string]: {
                    paddingLeft: string;
                    paddingTop?: undefined;
                    paddingBottom?: undefined;
                } | {
                    paddingTop: string;
                    paddingBottom: string;
                    paddingLeft?: undefined;
                };
                "&[data-columntype='sparkline']": {
                    paddingTop: string;
                    paddingBottom: string;
                };
            };
        };
        condensed: {
            paddingTop: string;
            paddingRight: string;
            paddingBottom: string;
            paddingLeft: string;
            selectors: {
                [x: string]: {
                    paddingLeft: `calc(${string} + ${string})`;
                    paddingTop?: undefined;
                    paddingBottom?: undefined;
                } | {
                    paddingTop: string;
                    paddingBottom: string;
                    paddingLeft?: undefined;
                };
                "&[data-columntype='sparkline']": {
                    paddingTop: string;
                    paddingBottom: string;
                };
            };
        };
        comfortable: {
            paddingTop: string;
            paddingRight: string;
            paddingBottom: string;
            paddingLeft: string;
            selectors: {
                [x: string]: {
                    paddingLeft: string;
                    paddingTop?: undefined;
                    paddingBottom?: undefined;
                } | {
                    paddingTop: string;
                    paddingBottom: string;
                    paddingLeft?: undefined;
                };
                "&[data-columntype='sparkline']": {
                    paddingTop: string;
                    paddingBottom: string;
                };
            };
        };
    };
    verticalDividers: {
        true: {
            selectors: {
                [x: string]: {
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    left: number;
                    top: string;
                    bottom: string;
                    backgroundColor: string;
                    maxWidth: "100%";
                };
            };
        };
        false: {};
    };
    interactiveRows: {
        false: {};
    };
    pinnedColumn: {
        false: {
            selectors: {
                [x: string]: {
                    content: "unset";
                };
            };
        };
        left: {
            position: "sticky";
            zIndex: 2;
            left: `var(--resizing-leftPosition, var(--${string}))`;
            selectors: {
                "&:where(:not(:has(~ &)))::after": {
                    right: number;
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    top: 0;
                    bottom: 0;
                    backgroundColor: string;
                    maxWidth: "100%";
                };
            };
        };
        right: {
            position: "sticky";
            zIndex: 3;
            right: `var(--resizing-rightPosition, var(--${string}))`;
            selectors: {
                "&:where(:not(& + &))::before": {
                    left: number;
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    top: 0;
                    bottom: 0;
                    backgroundColor: string;
                    maxWidth: "100%";
                };
            };
        };
    };
    background: {
        false: {};
        contained: {
            backgroundColor: string;
        };
        uncontained: {
            backgroundColor: string;
        };
    };
}>;
export declare const innerCell: RuntimeFn<{
    lineWrap: {
        true: string;
        false: string;
    };
}>;
export declare const activeInteraction: string;