/** * @file useTheme Hook * @description Hook for accessing and manipulating theme state */ /** * Theme mode type */ type ThemeMode = 'light' | 'dark' | 'system'; /** * Theme hook return type */ export interface UseThemeReturn { /** Current theme mode */ theme: ThemeMode; /** Whether dark mode is active */ isDark: boolean; /** Whether light mode is active */ isLight: boolean; /** Toggle between light and dark mode */ toggle: () => void; /** Set specific theme mode */ setTheme: (mode: ThemeMode) => void; /** Set to light mode */ setLight: () => void; /** Set to dark mode */ setDark: () => void; /** Set to system preference */ setSystem: () => void; /** Get CSS variable value */ getCssVar: (name: string) => string; /** Apply theme class to element */ applyThemeClass: (element: HTMLElement) => void; } /** * Hook for accessing and manipulating theme state */ export declare function useTheme(): UseThemeReturn; /** * Hook for watching system theme preference changes */ export declare function useSystemThemePreference(): { prefersDark: boolean; prefersLight: boolean; }; export {};