import type { ColorScheme } from "#appearance"; /** * Applies a color scheme to the DOM by updating the `` element. * * Updates both: * - CSS class (for Tailwind's `dark:` variants) * - `color-scheme` style (for native form controls and scrollbars) * * @since 0.3.16-canary.0 */ export declare function applyColorScheme(colorScheme: ColorScheme): void; /** * Temporarily suppress all CSS transitions during appearance changes. * * Prevents jarring color animations when switching between light/dark appearances. * Respects user's `prefers-reduced-motion` preference (does nothing if enabled). * * @param nonce - Optional CSP nonce for the injected style element * @returns Cleanup function to re-enable transitions. Call after the color scheme is applied. * * @example * ```tsx * const enableTransitions = suppressTransitions(); * applyColorScheme('dark'); * enableTransitions(); // Re-enables CSS transitions * ``` * * @since 0.3.16-canary.0 */ export declare function suppressTransitions(nonce?: string): () => void;