import { StyleProps } from '@codecademy/variance';
import { WithChildrenProp } from '../utils';
export declare const boxProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly p: {
        readonly property: "padding";
        readonly scale: "spacing";
    };
    readonly px: {
        readonly property: "padding";
        readonly properties: {
            readonly physical: readonly ["paddingLeft", "paddingRight"];
            readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly py: {
        readonly property: "padding";
        readonly properties: {
            readonly physical: readonly ["paddingTop", "paddingBottom"];
            readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pt: {
        readonly property: {
            readonly physical: "paddingTop";
            readonly logical: "paddingBlockStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pb: {
        readonly property: {
            readonly physical: "paddingBottom";
            readonly logical: "paddingBlockEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pr: {
        readonly property: {
            readonly physical: "paddingRight";
            readonly logical: "paddingInlineEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pl: {
        readonly property: {
            readonly physical: "paddingLeft";
            readonly logical: "paddingInlineStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly m: {
        readonly property: "margin";
        readonly scale: "spacing";
    };
    readonly mx: {
        readonly property: "margin";
        readonly properties: {
            readonly physical: readonly ["marginLeft", "marginRight"];
            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "spacing";
    };
    readonly my: {
        readonly property: "margin";
        readonly properties: {
            readonly physical: readonly ["marginTop", "marginBottom"];
            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "spacing";
    };
    readonly mt: {
        readonly property: {
            readonly physical: "marginTop";
            readonly logical: "marginBlockStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly mb: {
        readonly property: {
            readonly physical: "marginBottom";
            readonly logical: "marginBlockEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly mr: {
        readonly property: {
            readonly physical: "marginRight";
            readonly logical: "marginInlineEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly ml: {
        readonly property: {
            readonly physical: "marginLeft";
            readonly logical: "marginInlineStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly border: {
        readonly property: "border";
        readonly scale: "borders";
    };
    readonly borderX: {
        readonly property: "border";
        readonly properties: {
            readonly physical: readonly ["borderLeft", "borderRight"];
            readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borders";
    };
    readonly borderY: {
        readonly property: "border";
        readonly properties: {
            readonly physical: readonly ["borderTop", "borderBottom"];
            readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borders";
    };
    readonly borderTop: {
        readonly property: {
            readonly physical: "borderTop";
            readonly logical: "borderBlockStart";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borders";
    };
    readonly borderRight: {
        readonly property: {
            readonly physical: "borderRight";
            readonly logical: "borderInlineEnd";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borders";
    };
    readonly borderBottom: {
        readonly property: {
            readonly physical: "borderBottom";
            readonly logical: "borderBlockEnd";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borders";
    };
    readonly borderLeft: {
        readonly property: {
            readonly physical: "borderLeft";
            readonly logical: "borderInlineStart";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borders";
    };
    readonly borderWidth: {
        readonly property: "borderWidth";
    };
    readonly borderWidthX: {
        readonly property: "borderWidth";
        readonly properties: {
            readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
            readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderWidthY: {
        readonly property: "borderWidth";
        readonly properties: {
            readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
            readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderWidthLeft: {
        readonly property: {
            readonly physical: "borderLeftWidth";
            readonly logical: "borderInlineStartWidth";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderWidthRight: {
        readonly property: {
            readonly physical: "borderRightWidth";
            readonly logical: "borderInlineEndWidth";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderWidthTop: {
        readonly property: {
            readonly physical: "borderTopWidth";
            readonly logical: "borderBlockStartWidth";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderWidthBottom: {
        readonly property: {
            readonly physical: "borderBottomWidth";
            readonly logical: "borderBlockEndWidth";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderRadius: {
        readonly property: "borderRadius";
        readonly scale: "borderRadii";
    };
    readonly borderRadiusLeft: {
        readonly property: "borderRadius";
        readonly properties: {
            readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
            readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusTop: {
        readonly property: "borderRadius";
        readonly properties: {
            readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
            readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusBottom: {
        readonly property: "borderRadius";
        readonly properties: {
            readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
            readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusRight: {
        readonly property: "borderRadius";
        readonly properties: {
            readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
            readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusTopLeft: {
        readonly property: {
            readonly physical: "borderTopLeftRadius";
            readonly logical: "borderStartStartRadius";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusTopRight: {
        readonly property: {
            readonly physical: "borderTopRightRadius";
            readonly logical: "borderStartEndRadius";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusBottomRight: {
        readonly property: {
            readonly physical: "borderBottomRightRadius";
            readonly logical: "borderEndEndRadius";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderRadiusBottomLeft: {
        readonly property: {
            readonly physical: "borderBottomLeftRadius";
            readonly logical: "borderEndStartRadius";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "borderRadii";
    };
    readonly borderStyle: {
        readonly property: "borderStyle";
    };
    readonly borderStyleX: {
        readonly property: "borderStyle";
        readonly properties: {
            readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
            readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderStyleY: {
        readonly property: "borderStyle";
        readonly properties: {
            readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
            readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderStyleLeft: {
        readonly property: {
            readonly physical: "borderLeftStyle";
            readonly logical: "borderInlineStartStyle";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderStyleRight: {
        readonly property: {
            readonly physical: "borderRightStyle";
            readonly logical: "borderInlineEndStyle";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderStyleTop: {
        readonly property: {
            readonly physical: "borderTopStyle";
            readonly logical: "borderBlockStartStyle";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly borderStyleBottom: {
        readonly property: {
            readonly physical: "borderBottomStyle";
            readonly logical: "borderBlockEndStyle";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly flexBasis: {
        readonly property: "flexBasis";
    };
    readonly flexShrink: {
        readonly property: "flexShrink";
    };
    readonly flexGrow: {
        readonly property: "flexGrow";
    };
    readonly order: {
        readonly property: "order";
    };
    readonly gridColumn: {
        readonly property: "gridColumn";
    };
    readonly gridRow: {
        readonly property: "gridRow";
    };
    readonly gridColumnStart: {
        readonly property: "gridColumnStart";
    };
    readonly gridRowStart: {
        readonly property: "gridRowStart";
    };
    readonly gridColumnEnd: {
        readonly property: "gridColumnEnd";
    };
    readonly gridRowEnd: {
        readonly property: "gridRowEnd";
    };
    readonly justifySelf: {
        readonly property: "justifySelf";
    };
    readonly alignSelf: {
        readonly property: "alignSelf";
    };
    readonly gridArea: {
        readonly property: "gridArea";
    };
    readonly containerType: {
        readonly property: "containerType";
    };
    readonly display: {
        readonly property: "display";
    };
    readonly overflow: {
        readonly property: "overflow";
    };
    readonly overflowX: {
        readonly property: {
            readonly physical: "overflowX";
            readonly logical: "overflowInline";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly overflowY: {
        readonly property: {
            readonly physical: "overflowY";
            readonly logical: "overflowBlock";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly dimensions: {
        readonly property: "width";
        readonly properties: {
            readonly physical: readonly ["width", "height"];
            readonly logical: readonly ["inlineSize", "blockSize"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly width: {
        readonly property: {
            readonly physical: "width";
            readonly logical: "inlineSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly minWidth: {
        readonly property: {
            readonly physical: "minWidth";
            readonly logical: "minInlineSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly maxWidth: {
        readonly property: {
            readonly physical: "maxWidth";
            readonly logical: "maxInlineSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly height: {
        readonly property: {
            readonly physical: "height";
            readonly logical: "blockSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly minHeight: {
        readonly property: {
            readonly physical: "minHeight";
            readonly logical: "minBlockSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly maxHeight: {
        readonly property: {
            readonly physical: "maxHeight";
            readonly logical: "maxBlockSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly verticalAlign: {
        readonly property: "verticalAlign";
    };
    readonly direction: {
        readonly property: "direction";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly color: {
        readonly property: "color";
        readonly scale: "colors";
    };
    readonly textColor: {
        readonly property: "color";
        readonly scale: "colors";
    };
    readonly bg: {
        readonly property: "backgroundColor";
        readonly scale: "colors";
    };
    readonly borderColor: {
        readonly property: "borderColor";
        readonly scale: "colors";
    };
    readonly borderColorX: {
        readonly property: "borderColor";
        readonly properties: {
            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorY: {
        readonly property: "borderColor";
        readonly properties: {
            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorLeft: {
        readonly property: "borderLeftColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorRight: {
        readonly property: "borderRightColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorTop: {
        readonly property: "borderTopColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorBottom: {
        readonly property: "borderBottomColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly boxShadow: {
        readonly property: "boxShadow";
    };
    readonly textShadow: {
        readonly property: "textShadow";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly position: {
        readonly property: "position";
    };
    readonly inset: {
        readonly property: "inset";
        readonly properties: {
            readonly physical: readonly ["top", "right", "bottom", "left"];
            readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly top: {
        readonly property: {
            readonly physical: "top";
            readonly logical: "insetBlockStart";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly right: {
        readonly property: {
            readonly physical: "right";
            readonly logical: "insetInlineEnd";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly bottom: {
        readonly property: {
            readonly physical: "bottom";
            readonly logical: "insetBlockEnd";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly left: {
        readonly property: {
            readonly physical: "left";
            readonly logical: "insetInlineStart";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly zIndex: {
        readonly property: "zIndex";
    };
    readonly opacity: {
        readonly property: "opacity";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly background: {
        readonly property: "background";
    };
    readonly backgroundImage: {
        readonly property: "backgroundImage";
    };
    readonly backgroundSize: {
        readonly property: "backgroundSize";
    };
    readonly backgroundRepeat: {
        readonly property: "backgroundRepeat";
    };
    readonly backgroundPosition: {
        readonly property: "backgroundPosition";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly fontFamily: {
        readonly property: "fontFamily";
        readonly scale: "fontFamily";
    };
    readonly fontWeight: {
        readonly property: "fontWeight";
        readonly scale: "fontWeight";
    };
    readonly lineHeight: {
        readonly property: "lineHeight";
        readonly scale: "lineHeight";
    };
    readonly fontSize: {
        readonly property: "fontSize";
        readonly scale: "fontSize";
    };
    readonly letterSpacing: {
        readonly property: "letterSpacing";
    };
    readonly textAlign: {
        readonly property: "textAlign";
    };
    readonly fontStyle: {
        readonly property: "fontStyle";
    };
    readonly textDecoration: {
        readonly property: "textDecoration";
    };
    readonly textTransform: {
        readonly property: "textTransform";
    };
    readonly whiteSpace: {
        readonly property: "whiteSpace";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly flexBasis: {
        readonly property: "flexBasis";
    };
    readonly flexShrink: {
        readonly property: "flexShrink";
    };
    readonly flexGrow: {
        readonly property: "flexGrow";
    };
    readonly order: {
        readonly property: "order";
    };
    readonly justifySelf: {
        readonly property: "justifySelf";
    };
    readonly alignSelf: {
        readonly property: "alignSelf";
    };
    readonly gridArea: {
        readonly property: "gridArea";
    };
    readonly justifyContent: {
        readonly property: "justifyContent";
    };
    readonly justifyItems: {
        readonly property: "justifyItems";
    };
    readonly alignItems: {
        readonly property: "alignItems";
    };
    readonly alignContent: {
        readonly property: "alignContent";
    };
    readonly flexDirection: {
        readonly property: "flexDirection";
    };
    readonly flexWrap: {
        readonly property: "flexWrap";
    };
    readonly flex: {
        readonly property: "flex";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly gridColumn: {
        readonly property: "gridColumn";
    };
    readonly gridRow: {
        readonly property: "gridRow";
    };
    readonly gridColumnStart: {
        readonly property: "gridColumnStart";
    };
    readonly gridRowStart: {
        readonly property: "gridRowStart";
    };
    readonly gridColumnEnd: {
        readonly property: "gridColumnEnd";
    };
    readonly gridRowEnd: {
        readonly property: "gridRowEnd";
    };
    readonly justifySelf: {
        readonly property: "justifySelf";
    };
    readonly alignSelf: {
        readonly property: "alignSelf";
    };
    readonly gridArea: {
        readonly property: "gridArea";
    };
    readonly justifyContent: {
        readonly property: "justifyContent";
    };
    readonly justifyItems: {
        readonly property: "justifyItems";
    };
    readonly alignItems: {
        readonly property: "alignItems";
    };
    readonly alignContent: {
        readonly property: "alignContent";
    };
    readonly gridAutoColumns: {
        readonly property: "gridAutoColumns";
    };
    readonly gridAutoRows: {
        readonly property: "gridAutoRows";
    };
    readonly gridTemplateColumns: {
        readonly property: "gridTemplateColumns";
    };
    readonly gridTemplateRows: {
        readonly property: "gridTemplateRows";
    };
    readonly gridTemplateAreas: {
        readonly property: "gridTemplateAreas";
    };
    readonly gridAutoFlow: {
        readonly property: "gridAutoFlow";
    };
    readonly gap: {
        readonly property: "gap";
        readonly scale: "spacing";
    };
    readonly rowGap: {
        readonly property: "rowGap";
        readonly scale: "spacing";
    };
    readonly columnGap: {
        readonly property: "columnGap";
        readonly scale: "spacing";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly listStyle: {
        readonly property: "listStyle";
    };
    readonly listStyleType: {
        readonly property: "listStyleType";
    };
    readonly listStylePosition: {
        readonly property: "listStylePosition";
    };
    readonly listStyleImage: {
        readonly property: "listStyleImage";
    };
}>>]>>;
export declare const sharedStates: (props: Partial<Record<"fit" | "context" | "no-select", boolean>> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const flexStates: (props: Partial<Record<"center" | "inline" | "column" | "row" | "wrap", boolean>> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const gridStates: (props: Partial<Record<"center" | "fitContent", boolean>> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export interface BoxProps extends StyleProps<typeof boxProps>, StyleProps<typeof sharedStates>, WithChildrenProp {
}
export interface FlexBoxProps extends BoxProps, StyleProps<typeof flexStates> {
}
export interface GridBoxProps extends BoxProps, StyleProps<typeof gridStates> {
}