import * as styled_components from 'styled-components';
import { createGlobalStyle as createGlobalStyle$1, css as css$1, Styled, StyledInstance, FastOmit, SupportedHTMLElements, IStyledComponent } from 'styled-components';
export { ServerStyleSheet, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, isStyledComponent, keyframes, withTheme } from 'styled-components';
import * as _xstyled_system from '@xstyled/system';
import { Theme, Screens, StyleGenerator, StyleGeneratorProps } from '@xstyled/system';
export * from '@xstyled/system';
import * as styled_components_dist_constructors_css from 'styled-components/dist/constructors/css';
import * as react from 'react';
import * as _xstyled_core from '@xstyled/core';
import { BoxElements } from '@xstyled/core';
export { getColorModeInitScriptElement, getColorModeInitScriptTag, useColorMode, useViewportWidth } from '@xstyled/core';

declare const ColorModeProvider: react.FC<_xstyled_core.ColorModeProviderProps>;

/**
 * Passthrough to styled-components `useTheme`, but returning the xstyled `Theme` type.
 */
declare function useTheme(): Theme;
declare const useTh: (value: any, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useAngle: (value: _xstyled_system.Angle, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useAnimation: (value: _xstyled_system.ThemeAnimation<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useBorder: (value: _xstyled_system.ThemeBorder<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useBorderColor: (value: string, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useBorderStyle: (value: _xstyled_system.ThemeBorderStyle<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useBorderWidth: (value: _xstyled_system.ThemeBorderWidth<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useColor: (value: string, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useDuration: (value: _xstyled_system.Duration<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useFont: (value: _xstyled_system.ThemeFont<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useFontSize: (value: _xstyled_system.ThemeFontSize<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useFontWeight: (value: _xstyled_system.ThemeFontWeight<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useInset: (value: _xstyled_system.ThemeInset<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useLetterSpacing: (value: _xstyled_system.ThemeLetterSpacing<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useLineHeight: (value: _xstyled_system.ThemeLineHeight<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const usePercent: (value: _xstyled_system.Percent, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const usePx: (value: _xstyled_system.Pixel, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useRadius: (value: _xstyled_system.ThemeRadius<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useRingWidth: (value: _xstyled_system.ThemeRingWidth<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useShadow: (value: _xstyled_system.ThemeShadow<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useSize: (value: _xstyled_system.ThemeSize<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useSpace: (value: _xstyled_system.ThemeSpace<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useTimingFunction: (value: _xstyled_system.ThemeTimingFunction<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useTransform: (value: _xstyled_system.ThemeTransform<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useTransition: (value: _xstyled_system.ThemeTransition<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useTransitionProperty: (value: _xstyled_system.ThemeTransitionProperty<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
declare const useZIndex: (value: _xstyled_system.ThemeZIndex<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;

declare const useScreens: () => Screens;
declare const useBreakpoint: () => string | null;
declare const useUp: (key: string | number) => boolean;
declare const useDown: (key: string | number) => boolean;

declare const Preflight: react.NamedExoticComponent<styled_components.ExecutionProps & object>;

type XCreateGlobalStyle = typeof createGlobalStyle$1;

type XCSSFunction = typeof css$1;

type BoxStyledTags<TProps extends object> = {
    [Key in keyof BoxElements]: StyledInstance<'web', BoxElements[Key], FastOmit<JSX.IntrinsicElements[BoxElements[Key]], keyof TProps> & TProps>;
};
interface XStyled<TGen extends StyleGenerator> extends Styled, BoxStyledTags<StyleGeneratorProps<TGen>> {
}

type X<TGen extends StyleGenerator> = {
    [Key in SupportedHTMLElements]: IStyledComponent<'web', FastOmit<JSX.IntrinsicElements[Key], keyof StyleGeneratorProps<TGen>> & StyleGeneratorProps<TGen>>;
};

interface XStyledSet<TGen extends StyleGenerator> {
    css: XCSSFunction;
    x: X<TGen>;
    styled: XStyled<TGen>;
    createGlobalStyle: XCreateGlobalStyle;
}
declare const createCss: <TGen extends StyleGenerator<{}>>(generator: TGen) => XStyledSet<TGen>;

declare const css: typeof styled_components_dist_constructors_css.default;
declare const styled: XStyled<_xstyled_system.StyleGenerator<_xstyled_system.SystemProps<_xstyled_system.Theme>>>;
declare const x: X<_xstyled_system.StyleGenerator<_xstyled_system.SystemProps<_xstyled_system.Theme>>>;
declare const createGlobalStyle: typeof styled_components.createGlobalStyle;

export { ColorModeProvider, Preflight, X, XStyled, XStyledSet, createCss, createGlobalStyle, css, styled as default, styled, useAngle, useAnimation, useBorder, useBorderColor, useBorderStyle, useBorderWidth, useBreakpoint, useColor, useDown, useDuration, useFont, useFontSize, useFontWeight, useInset, useLetterSpacing, useLineHeight, usePercent, usePx, useRadius, useRingWidth, useScreens, useShadow, useSize, useSpace, useTh, useTheme, useTimingFunction, useTransform, useTransition, useTransitionProperty, useUp, useZIndex, x };