export declare const leftPositionVar: `var(--${string})`;
export declare const rightPositionVar: `var(--${string})`;
export declare const outerCell: import("@vanilla-extract/recipes").RuntimeFn<{
    prefixColumn: {
        true: {
            width: "fit-content";
        };
    };
    lineWrap: {
        true: {
            whiteSpace: "normal";
            textOverflow: "initial";
            wordBreak: "normal";
            overflowWrap: "anywhere";
        };
        false: {
            overflow: "hidden";
            whiteSpace: "nowrap";
            textOverflow: "ellipsis";
            maxWidth: "100%";
        };
    };
    fontStyle: {
        text: {
            fontFamily: string;
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            textDecoration: string;
            textTransform: any;
        };
        code: {
            fontFamily: string;
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            textDecoration: string;
            textTransform: any;
        };
        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: {
                [x: string]: {
                    boxShadow: string;
                    backgroundColor: string;
                } | {
                    boxShadow: string;
                    backgroundColor?: undefined;
                } | {
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    right: number;
                    top: number;
                    bottom: number;
                    backgroundColor: string;
                    maxWidth: "100%";
                    borderBottomLeftRadius?: undefined;
                } | {
                    backgroundColor: string;
                    content?: undefined;
                    display?: undefined;
                    position?: undefined;
                    width?: undefined;
                    right?: undefined;
                    top?: undefined;
                    bottom?: undefined;
                    maxWidth?: undefined;
                    borderBottomLeftRadius?: undefined;
                } | {
                    top: string;
                    bottom: string;
                    content?: undefined;
                    display?: undefined;
                    position?: undefined;
                    width?: undefined;
                    right?: undefined;
                    backgroundColor?: undefined;
                    maxWidth?: undefined;
                    borderBottomLeftRadius?: undefined;
                } | {
                    borderBottomLeftRadius: `calc(${string} - ${string})`;
                    content?: undefined;
                    display?: undefined;
                    position?: undefined;
                    width?: undefined;
                    right?: undefined;
                    top?: undefined;
                    bottom?: undefined;
                    backgroundColor?: undefined;
                    maxWidth?: undefined;
                };
                '&:where(:not(:has(~ &)))::after': {
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    right: number;
                    top: number;
                    bottom: number;
                    backgroundColor: string;
                    maxWidth: "100%";
                };
            };
        };
        right: {
            position: "sticky";
            zIndex: 3;
            right: `var(--resizing-rightPosition, var(--${string}))`;
            selectors: {
                [x: string]: {
                    boxShadow: string;
                    backgroundColor: string;
                } | {
                    boxShadow: string;
                    backgroundColor?: undefined;
                } | {
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    left: number;
                    top: number;
                    bottom: number;
                    backgroundColor: string;
                    maxWidth: "100%";
                    borderBottomRightRadius?: undefined;
                } | {
                    backgroundColor: string;
                    content?: undefined;
                    display?: undefined;
                    position?: undefined;
                    width?: undefined;
                    left?: undefined;
                    top?: undefined;
                    bottom?: undefined;
                    maxWidth?: undefined;
                    borderBottomRightRadius?: undefined;
                } | {
                    top: string;
                    bottom: string;
                    content?: undefined;
                    display?: undefined;
                    position?: undefined;
                    width?: undefined;
                    left?: undefined;
                    backgroundColor?: undefined;
                    maxWidth?: undefined;
                    borderBottomRightRadius?: undefined;
                } | {
                    borderBottomRightRadius: `calc(${string} - ${string})`;
                    content?: undefined;
                    display?: undefined;
                    position?: undefined;
                    width?: undefined;
                    left?: undefined;
                    top?: undefined;
                    bottom?: undefined;
                    backgroundColor?: undefined;
                    maxWidth?: undefined;
                };
                '&:where(:not(& + &))::before': {
                    content: "\"\"";
                    display: "block";
                    position: "absolute";
                    width: string;
                    left: number;
                    top: number;
                    bottom: number;
                    backgroundColor: string;
                    maxWidth: "100%";
                };
            };
        };
    };
    background: {
        false: {};
        contained: {
            backgroundColor: string;
        };
        uncontained: {
            backgroundColor: string;
        };
    };
}>;
export declare const innerCell: import("@vanilla-extract/recipes").RuntimeFn<{
    lineWrap: {
        true: {
            whiteSpace: "normal";
            textOverflow: "initial";
            wordBreak: "normal";
            overflowWrap: "anywhere";
        };
        false: {
            overflow: "hidden";
            whiteSpace: "nowrap";
            textOverflow: "ellipsis";
            maxWidth: "100%";
            minWidth: number;
        };
    };
}>;
export declare const activeInteraction: string;