declare const dragElevation: `var(--${string})`;
declare const dragOpacity: `var(--${string})`;
declare const dragCursor: `var(--${string})`;
declare const hoverElevation: `var(--${string})`;
declare const selectionOpacity: `var(--${string})`;
declare const selectionTransition: `var(--${string})`;
export declare const surface: import("@vanilla-extract/recipes").RuntimeFn<{
    selected: {
        true: {
            vars: {
                [selectionOpacity]: string;
                [selectionTransition]: string;
            };
        };
        false: {
            vars: {
                [selectionOpacity]: string;
                [selectionTransition]: string;
            };
        };
    };
}>;
export declare const pseudoElement: import("@vanilla-extract/recipes").RuntimeFn<{
    elevation: {
        flat: {
            boxShadow: string;
            vars: {
                [dragElevation]: string;
                [hoverElevation]: string;
            };
        };
        raised: {
            boxShadow: string;
            vars: {
                [dragElevation]: string;
                [hoverElevation]: string;
            };
        };
        floating: {
            boxShadow: string;
            vars: {
                [dragElevation]: string;
                [hoverElevation]: string;
            };
        };
    };
    dragged: {
        true: {
            vars: {
                [dragOpacity]: string;
                [dragCursor]: string;
            };
        };
    };
}>;
export {};