import React from 'react';
import type { PolymorphicComponentProps, PolymorphicRef } from '../types/polymorphic';
export type SpaceToken = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16';
export type RadiusToken = 'none' | 'sm' | 'md' | 'lg' | 'full';
export type ColorToken = 'surface' | 'surface-subtle' | 'surface-hover' | 'surface-active' | 'text' | 'text-primary' | 'text-secondary' | 'text-muted' | 'text-title' | 'border' | 'border-muted' | 'border-subtle' | 'primary' | 'info' | 'success' | 'warning' | 'error';
export type BoxElement = 'div' | 'span' | 'section' | 'article' | 'main' | 'aside' | 'header' | 'footer' | 'nav' | 'a' | 'button' | 'ul' | 'ol' | 'li' | 'p';
type BoxBaseProps = {
    p?: SpaceToken;
    px?: SpaceToken;
    py?: SpaceToken;
    pt?: SpaceToken;
    pr?: SpaceToken;
    pb?: SpaceToken;
    pl?: SpaceToken;
    m?: SpaceToken;
    mx?: SpaceToken;
    my?: SpaceToken;
    mt?: SpaceToken;
    mr?: SpaceToken;
    mb?: SpaceToken;
    ml?: SpaceToken;
    gap?: SpaceToken;
    rowGap?: SpaceToken;
    columnGap?: SpaceToken;
    bg?: ColorToken;
    color?: ColorToken;
    borderColor?: ColorToken;
    radius?: RadiusToken;
    display?: React.CSSProperties['display'];
    width?: React.CSSProperties['width'];
    minWidth?: React.CSSProperties['minWidth'];
    maxWidth?: React.CSSProperties['maxWidth'];
    height?: React.CSSProperties['height'];
    minHeight?: React.CSSProperties['minHeight'];
    maxHeight?: React.CSSProperties['maxHeight'];
    className?: string;
    style?: React.CSSProperties;
};
export type BoxProps<E extends BoxElement = 'div'> = PolymorphicComponentProps<E, BoxBaseProps>;
type BoxComponent = (<E extends BoxElement = 'div'>(props: Readonly<BoxProps<E>> & {
    ref?: PolymorphicRef<E>;
}) => React.ReactElement | null) & {
    displayName?: string;
};
declare const Box: BoxComponent;
export default Box;
//# sourceMappingURL=index.d.ts.map