/**
 * Box Component - Lynx 版 MUI Box
 * 一比一对应 MUI @mui/system Box
 *
 * 支持的系统属性:
 * - spacing: m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py
 * - flexbox: display, flexDirection, flexWrap, justifyContent, alignItems, alignContent, order, flex, flexGrow, flexShrink, alignSelf
 * - sizing: width, height, minWidth, minHeight, maxWidth, maxHeight, boxSizing
 * - palette: color, bgcolor, backgroundColor
 * - positions: position, zIndex, top, right, bottom, left
 * - borders: border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderRadius
 * - shadows: boxShadow
 * - typography: fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textAlign
 */
import './Box.css';
export declare const marginKeys: readonly ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY"];
export declare const paddingKeys: readonly ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY"];
export declare const flexboxKeys: readonly ["flexBasis", "flexDirection", "flexWrap", "justifyContent", "alignItems", "alignContent", "order", "flex", "flexGrow", "flexShrink", "alignSelf", "justifyItems", "justifySelf"];
export declare const sizingKeys: readonly ["width", "maxWidth", "minWidth", "height", "maxHeight", "minHeight", "boxSizing"];
export declare const displayKeys: readonly ["display", "overflow", "textOverflow", "visibility"];
export declare const positionsKeys: readonly ["position", "zIndex", "top", "right", "bottom", "left"];
export declare const paletteKeys: readonly ["color", "bgcolor", "backgroundColor"];
export declare const bordersKeys: readonly ["border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "borderRadius", "borderWidth"];
export declare const shadowsKeys: readonly ["boxShadow"];
export declare const typographyKeys: readonly ["fontFamily", "fontSize", "fontStyle", "fontWeight", "letterSpacing", "lineHeight", "textAlign", "textTransform"];
export declare const gridKeys: readonly ["gap", "columnGap", "rowGap", "gridColumn", "gridRow", "gridAutoFlow", "gridAutoColumns", "gridAutoRows", "gridTemplateColumns", "gridTemplateRows", "gridTemplateAreas", "gridArea"];
export interface BoxProps {
    m?: number | string;
    mt?: number | string;
    mr?: number | string;
    mb?: number | string;
    ml?: number | string;
    mx?: number | string;
    my?: number | string;
    margin?: number | string;
    marginTop?: number | string;
    marginRight?: number | string;
    marginBottom?: number | string;
    marginLeft?: number | string;
    marginX?: number | string;
    marginY?: number | string;
    p?: number | string;
    pt?: number | string;
    pr?: number | string;
    pb?: number | string;
    pl?: number | string;
    px?: number | string;
    py?: number | string;
    padding?: number | string;
    paddingTop?: number | string;
    paddingRight?: number | string;
    paddingBottom?: number | string;
    paddingLeft?: number | string;
    paddingX?: number | string;
    paddingY?: number | string;
    flexBasis?: number | string;
    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    order?: number;
    flex?: number | string;
    flexGrow?: number;
    flexShrink?: number;
    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    justifyItems?: string;
    justifySelf?: string;
    width?: number | string;
    maxWidth?: number | string;
    minWidth?: number | string;
    height?: number | string;
    maxHeight?: number | string;
    minHeight?: number | string;
    boxSizing?: 'border-box' | 'content-box';
    display?: 'flex' | 'block' | 'inline' | 'inline-flex' | 'inline-block' | 'grid' | 'none';
    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
    textOverflow?: 'clip' | 'ellipsis';
    visibility?: 'visible' | 'hidden' | 'collapse';
    position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
    zIndex?: number | string;
    top?: number | string;
    right?: number | string;
    bottom?: number | string;
    left?: number | string;
    color?: string;
    bgcolor?: string;
    backgroundColor?: string;
    border?: number | string;
    borderTop?: number | string;
    borderRight?: number | string;
    borderBottom?: number | string;
    borderLeft?: number | string;
    borderColor?: string;
    borderTopColor?: string;
    borderRightColor?: string;
    borderBottomColor?: string;
    borderLeftColor?: string;
    borderRadius?: number | string;
    borderWidth?: number | string;
    boxShadow?: number | string;
    fontFamily?: string;
    fontSize?: number | string;
    fontStyle?: string;
    fontWeight?: number | string;
    letterSpacing?: number | string;
    lineHeight?: number | string;
    textAlign?: 'left' | 'center' | 'right' | 'justify';
    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
    gap?: number | string;
    columnGap?: number | string;
    rowGap?: number | string;
    gridColumn?: string;
    gridRow?: string;
    gridAutoFlow?: string;
    gridAutoColumns?: string;
    gridAutoRows?: string;
    gridTemplateColumns?: string;
    gridTemplateRows?: string;
    gridTemplateAreas?: string;
    gridArea?: string;
    opacity?: number;
    component?: string;
    sx?: Record<string, any>;
    children?: any;
    className?: string;
    style?: Record<string, any>;
    bindtap?: () => void;
}
export declare function Box(props: BoxProps): JSX.Element;
export default Box;
//# sourceMappingURL=index.d.ts.map