export declare const vrResizeHandleContainerOverrides: {
    [x: string]: {
        transform?: undefined;
        content?: undefined;
        position?: undefined;
        bottom?: undefined;
        top?: undefined;
        borderRadius: number;
        height: string;
        width: string;
        left: number;
        transition: string;
        backgroundColor: string;
        marginInline: string;
        zIndex: number;
        pointerEvents?: undefined;
    } | {
        height?: undefined;
        borderRadius?: undefined;
        transition?: undefined;
        marginInline?: undefined;
        zIndex?: undefined;
        content: string;
        position: "absolute";
        top: number;
        bottom: number;
        left: string;
        transform: string;
        width: string;
        backgroundColor: string;
        pointerEvents: "none";
    } | {
        left?: undefined;
        height?: undefined;
        width?: undefined;
        transform?: undefined;
        content?: undefined;
        position?: undefined;
        bottom?: undefined;
        top?: undefined;
        borderRadius?: undefined;
        transition?: undefined;
        marginInline?: undefined;
        zIndex?: undefined;
        pointerEvents?: undefined;
        backgroundColor: string;
    };
};
export declare const vrResizeHandleFocusOverrides: {
    backgroundColor: string;
    width: string;
};
export declare const resizeSeparatorStyles: {
    backgroundColor: string;
    border: "none";
    borderRadius: string;
    cursor: "col-resize";
    height: string;
    left: "3px";
    margin: number;
    padding: number;
    touchAction: "none";
    transition: `height ${string} ${string}`;
    width: "2px";
    selectors: {
        [x: string]: {
            left?: undefined;
            height?: undefined;
            backgroundColor?: undefined;
            boxShadow?: undefined;
            transform?: undefined;
            content?: undefined;
            position?: undefined;
            top?: undefined;
            display?: undefined;
            cursor?: undefined;
            borderRadius?: undefined;
            width: "100%";
            userSelect?: undefined;
        } | {
            left?: undefined;
            height?: undefined;
            backgroundColor?: undefined;
            boxShadow?: undefined;
            transform?: undefined;
            content?: undefined;
            position?: undefined;
            top?: undefined;
            display?: undefined;
            cursor?: undefined;
            borderRadius?: undefined;
            width: "2px";
            userSelect?: undefined;
        } | {
            left?: undefined;
            boxShadow?: undefined;
            width?: undefined;
            transform?: undefined;
            content?: undefined;
            position?: undefined;
            top?: undefined;
            display?: undefined;
            cursor?: undefined;
            borderRadius?: undefined;
            height: string;
            backgroundColor: string;
            userSelect?: undefined;
        } | {
            backgroundColor?: undefined;
            boxShadow?: undefined;
            cursor?: undefined;
            borderRadius?: undefined;
            content: "\"\"";
            display: "block";
            height: "100%";
            left: "50%";
            position: "absolute";
            top: number;
            transform: "translateX(-50%)";
            userSelect: "none";
            width: "100%";
        } | {
            left?: undefined;
            transform?: undefined;
            content?: undefined;
            position?: undefined;
            top?: undefined;
            display?: undefined;
            userSelect?: undefined;
            width: string;
            height: "100%";
            borderRadius: number;
            backgroundColor: "transparent";
            cursor: "ew-resize";
            boxShadow: "none";
        } | {
            left?: undefined;
            boxShadow?: undefined;
            transform?: undefined;
            content?: undefined;
            position?: undefined;
            top?: undefined;
            display?: undefined;
            cursor?: undefined;
            borderRadius?: undefined;
            userSelect?: undefined;
            width: string;
            height: "100%";
            backgroundColor: "transparent";
        };
        '&:focus-visible': {
            width: "100%";
        };
        '&:hover&:focus-visible': {
            width: "2px";
        };
        '&:focus-visible, &:hover': {
            height: string;
            backgroundColor: string;
        };
        '&:after': {
            content: "\"\"";
            display: "block";
            height: "100%";
            left: "50%";
            position: "absolute";
            top: number;
            transform: "translateX(-50%)";
            userSelect: "none";
            width: "100%";
        };
    };
};
//# sourceMappingURL=resize-styles.d.ts.map