import React from "react";
import type { ColorMode, ResolvedColorMode, ThemeName } from "../tokens/types";
import { type ReducedMotionScope } from "../chakra/motion";
export type ThemeModeContextValue = {
    mode: ColorMode;
    resolvedMode: ResolvedColorMode;
    setMode: (mode: ColorMode) => void;
    toggle: () => void;
    brand: ThemeName;
    setBrand: (brand: ThemeName) => void;
};
/** Brand and mode state, persisted to localStorage unless `disablePersistence` is set. */
export type PixelizeThemeProviderProps = {
    children: React.ReactNode;
    brand?: ThemeName;
    onBrandChange?: (brand: ThemeName) => void;
    defaultMode?: ColorMode;
    onModeChange?: (mode: ColorMode) => void;
    storageKey?: string;
    disablePersistence?: boolean;
    themeOverrides?: Record<string, unknown>;
    /** `"global"` opts the whole document into one reduced-motion rule; default is per component. */
    reducedMotion?: ReducedMotionScope;
};
export declare const ThemeModeContext: React.Context<ThemeModeContextValue | undefined>;
export declare const PixelizeThemeProvider: ({ children, brand: brandProp, onBrandChange, defaultMode, onModeChange, storageKey, disablePersistence, themeOverrides, reducedMotion, }: PixelizeThemeProviderProps) => import("react/jsx-runtime").JSX.Element;