import { type JSX, type ReactNode } from 'react';
import './accessibility.css.js';
import './global.css.js';
export type ThemeMode = 'system' | 'light' | 'dark';
export type ResolvedTheme = 'light' | 'dark';
type ThemeContextValue = {
    mode: ThemeMode;
    resolvedTheme: ResolvedTheme;
    setMode: (mode: ThemeMode) => void;
};
export declare const THEME_MODE_KEY = "plumile-theme-mode";
type ThemeProviderProps = {
    children: ReactNode;
    defaultMode?: ThemeMode;
};
export declare const ThemeProvider: ({ children, defaultMode, }: ThemeProviderProps) => JSX.Element;
export declare const useTheme: () => ThemeContextValue;
export declare const __test: {
    readonly getSystemTheme: () => ResolvedTheme;
    readonly isThemeMode: (value: string | null) => value is ThemeMode;
    readonly resolveTheme: (mode: ThemeMode, systemTheme: ResolvedTheme) => ResolvedTheme;
    readonly readStoredMode: (defaultMode: ThemeMode, storageKey?: string) => ThemeMode;
    readonly splitClassName: (className: string) => string[];
};
export {};
//# sourceMappingURL=ThemeProvider.d.ts.map