import type { I18n } from "vue-i18n";
import { StorageValue } from "../types/store";
declare type ColorTheme = "dark" | "light" | "auto";
declare class ColorMode {
    protected mode: StorageValue<ColorTheme>;
    readonly modes: string[];
    private readonly prefersDark;
    load(): Promise<void>;
    change(mode: ColorTheme): void;
    autoCheck(query?: MediaQueryListEvent): void;
    get get(): Promise<ColorTheme>;
    set state(mode: ColorTheme);
}
declare class Language {
    constructor(i18n: I18n);
    readonly i18n: I18n;
    private readonly lang;
    load(): Promise<void>;
    get(): Promise<string>;
    set(lang: string): Promise<void>;
}
export declare class Visuals {
    constructor(i18n: I18n);
    /**
     * Color Theme Mode Wrapper
     *
     * **Usage**:
     * ```ts
     * import { useVisuals } from "vvic-utils/visuals"
     * const theme = useVisuals().colormode
     * ```
     */
    readonly colormode: ColorMode;
    /**
     * Capacitor.js Interface Wrapper for Internationalization
     *
     * **Usage**:
     * ```ts
     * import { useVisuals } from "vvic-utils/visuals"
     * useVisuals().lang
     * ```
     */
    readonly lang: Language;
    private readonly modules;
    load(): Promise<void>;
}
export default Visuals;