import { PersistedState } from 'runed';
export type ThemeMode = 'light' | 'dark' | 'system';
/**
 * The global theme state collection for reading and setting
 * global theme and themes modes. Initialization should be called
 * early in the components render tree.
 */
declare class ThemeState {
    MODES: ThemeMode[];
    /**
     * Returns user set theme mode, by default returns "system" value.
     * The mode value will be synced with local storage and other browser's
     * active tabs.
     */
    userPrefersMode: PersistedState<ThemeMode>;
    /**
     * Returns readonly "system" converted mode (light or dark system preference).
     */
    systemPrefersMode: import("../utils/box.svelte").WritableBox<"light" | "dark">;
    /**
     * Returns current theme value, by default returns our standard system
     * theme "sg-standard".
     */
    currentTheme: PersistedState<string>;
    /**
     * Returns readonly converted theme mode value (either dark or light),
     * takes into account userPrefersMode and converted value of systemPrefersMode.
     */
    currentMode: "light" | "dark";
    initialize(root: HTMLElement): void;
    private createUserPrefersMode;
    private createSystemMode;
    private createCustomTheme;
}
export declare const THEME_STATE: ThemeState;
export {};