import { CSSProperties } from 'react';
import { Breakpoint } from './responsive/Breakpoints.js';
import { ResponsiveProp } from './responsive/useResponsiveValue.js';
import { StyledSystemProps, UnsafeStyledSystemProps } from './styledSystemProps.js';
import 'csstype';
import './tokens/tokenMappings.js';

type PropHandler = (name: string, value: ResponsiveProp<string | number | string[]>, context: StylingContext) => void;
type PropsHandlersKey = keyof Omit<StyledSystemProps, keyof UnsafeStyledSystemProps>;
declare const PropsHandlers: Record<PropsHandlersKey, PropHandler>;
declare function isStyledSystemProp(name: string): name is keyof typeof PropsHandlers;
declare class StylingContext {
    #private;
    matchedBreakpoints: Breakpoint[];
    constructor(className: string | undefined, style: CSSProperties | undefined, matchedBreakpoints: Breakpoint[]);
    addClass(className: string): this;
    addStyleValue(name: string, value: unknown): this;
    computeStyling(): {
        className: string | undefined;
        style: CSSProperties | undefined;
    };
}
interface StylingProps {
    className?: string;
    style?: CSSProperties;
}
declare function useStyledSystem<TProps extends StyledSystemProps>(props: TProps): Omit<TProps, keyof StyledSystemProps> & {
    stylingProps: StylingProps;
};

export { type StylingProps, isStyledSystemProp, useStyledSystem };