import { FC } from 'react'; import { ThemeProviderProps } from './types/ThemeProvider.props.ts'; /** * `ThemeProvider` wraps a subtree and manages the active color-scheme. * * ### What it does * - Manages the active color scheme and runtime token overrides. * - Applies the theme to `` by default so body-mounted portals inherit it. * - Applies the theme to its wrapper when `scope="subtree"`. * - Temporarily forces all transitions to the configured theme duration. * * ### Controlled vs uncontrolled * - **Uncontrolled** (default): omit the `theme` prop. The component manages * its own state; use `defaultTheme` to set the initial value. * - **Controlled**: pass `theme` and handle `onThemeChange` in the parent. * * ### Placing in your app * Wrap your whole application to enable global theming: * ```tsx * * * * ``` * Or scope it to a single subtree: * ```tsx * * * * ``` */ declare const ThemeProvider: FC; export default ThemeProvider;