import { BuildMode } from "../_types";
export type ThemeVarsOptions = {
    /** css cars that going to be used by app @example {p: "--primary" or "primary"} */
    vars?: Record<any, any>;
    /** add special key to vars to seperate them, @example if id=theme then {p: "--primary"} becomes {p: "--theme-primary"} @default "" */
    /** selector to choose the theme css var in vars @default "#" @example <i class="text#p" /> */
    selector?: string | "#";
    /** selector to choose and set important css var in vars @default "!" @example <i class="text!p" /> */
    important?: string | "!";
    /** in case vars have a nested object, what would you like to use in your css to reach that var. avoid using "." as it generates production errors.  @default "-" @example <i class="text!input-p" />*/
    varsObjectConnector?: string;
    /** additional utilities like bg,accent,text */
    utilities?: string[];
    /** if a variable is not found, whole app will be terminated */
    fail_on_var_not_found?: {
        only_in_dev?: false;
    } | true;
};
export default function (mode: BuildMode, options?: ThemeVarsOptions): {
    root: Record<any, any>;
    shortcut: [RegExp, (arr: any, ctx: Readonly<import("unocss").RuleContext<object>>) => string];
} | undefined;