import * as react from 'react';
import { ReactNode } from 'react';
import { ColorSchemeOrSystem, ColorScheme } from './color-scheme/ColorSchemeContext.js';
import { DivProps } from './html-wrappers/html.js';
import { BreakpointProviderProps } from './responsive/BreakpointProvider.js';
import { Theme } from './tokens/generated/styledSystemConstants.js';
import './styledSystemProps.js';
import 'csstype';
import './responsive/useResponsiveValue.js';
import './responsive/Breakpoints.js';
import './tokens/tokenMappings.js';
import 'react/jsx-runtime';

declare const GlobalStyledSystemProviderCssSelector = "hop-StyledSystemProvider";
interface StyledSystemProviderProps extends BreakpointProviderProps, DivProps {
    /** The children of the component */
    children: ReactNode;
    /**
     * Determines whether the styles should be added to the document's body
     * By default, it is set to `false`. If set to `true`, it will apply additional styling to the document's body.
     */
    withBodyStyle?: boolean;
    /**
     * The color scheme to use.
     * @default "light"
     */
    colorScheme?: ColorSchemeOrSystem;
    /**
     * The theme to use.
     * @default "workleap"
     */
    theme?: Theme;
    /**
     * Default color scheme to use when a user preferred color scheme (system) is not available.
     * @default "light"
     */
    defaultColorScheme?: ColorScheme;
}
/**
 * StyledSystemProvider is required to be rendered at the root of your application. It is responsible for:
 * - Adding CSS variables to the document
 * - Managing color scheme (light, dark, auto)
 * - Optionally adding body styles to the document
 */
declare const _StyledSystemProvider: react.ForwardRefExoticComponent<Omit<StyledSystemProviderProps, "ref"> & react.RefAttributes<HTMLDivElement>>;

export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider, type StyledSystemProviderProps };