import { type ElementType, type JSXElementConstructor } from 'react';
import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TextColorProps } from './shared';
export type BoxBackgroundColorsType = BackgroundColorsDictionaryType | BackgroundAccentColorsType | BackgroundEmotionColorsType | BackgroundNeutralColorsType;
export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps {
    backgroundColor?: BoxBackgroundColorsType;
    backgroundGradient?: SingleOrResponsive<BackgroundGradientsDictionaryType>;
    borderColor?: BorderAccentColorsType | BorderEmotionColorsType | BorderColorsDictionaryType;
    borderRadius?: SingleOrResponsive<BorderRadiiTokenType>;
    borderStyle?: BorderStylesDictionaryType;
    borderWidth?: BorderWidthsDictionaryType;
    padding?: SingleOrResponsive<SpaceToken>;
    paddingX?: SingleOrResponsive<SpaceToken>;
    paddingY?: SingleOrResponsive<SpaceToken>;
    paddingTop?: SingleOrResponsive<SpaceToken>;
    paddingBottom?: SingleOrResponsive<SpaceToken>;
    paddingLeft?: SingleOrResponsive<SpaceToken>;
    paddingRight?: SingleOrResponsive<SpaceToken>;
}
export type BoxProps<E extends ElementType> = {
    elementType?: E | JSXElementConstructor<unknown>;
} & BoxBaseProps;
export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithRef<E, BoxProps<E>>;