import * as Css from 'csstype';
import { type CSSProperties } from 'react';
import { type Pseudos } from '../pseudos';
import { type StyleProps } from '../style-properties';
type CssDefinition<D> = D | string | number | RecursiveCssSelector<D | string | number>;
type RecursiveCssSelector<D> = {
    [selector: string]: (CssDefinition<D> & D) | Array<string | number> | ((theme: any) => string | number | Array<string | number>);
};
type PseudoKeys = keyof Css.Pseudos | Pseudos;
type PseudoSelectorDefinition<D> = D | RecursivePseudo<D>;
type RecursivePseudo<D> = {
    [K in PseudoKeys]?: PseudoSelectorDefinition<D> & D;
};
type RecursiveCssObject<D> = D & (D | RecursivePseudo<D> | RecursiveCssSelector<D>);
type StylePropNames = keyof StyleProps;
type ResponsiveValue<T> = T | Array<T | null>;
type ReactCssPropertyValue = (string & {}) | (number & {}) | (boolean & {});
type ThemeThunk<T> = T | ((theme: Record<string, any>) => T);
type RestNativeCssProperties = Omit<Css.Properties, StylePropNames>;
type ResponsiveRestNativeCssProperties = {
    [K in keyof RestNativeCssProperties]?: ThemeThunk<ResponsiveValue<RestNativeCssProperties[K] | ReactCssPropertyValue>>;
};
export type ResponsiveSystemCssProperties = {
    [K in keyof StyleProps]?: ThemeThunk<ResponsiveValue<K extends keyof CSSProperties ? StyleProps[K] | ReactCssPropertyValue : StyleProps[K]>>;
};
interface SystemCssProperties extends ResponsiveSystemCssProperties, ResponsiveRestNativeCssProperties {
}
export type SystemStyleObject = RecursiveCssObject<SystemCssProperties>;
export {};