import { type Component, type PropType } from 'vue';
import { type MantineStyleProps } from './style-props';
export interface BoxProps extends MantineStyleProps {
    component?: string | Component;
    __size?: string | number;
    variant?: string;
    size?: string | number;
    hiddenFrom?: string;
    visibleFrom?: string;
    lightHidden?: boolean;
    darkHidden?: boolean;
    mod?: Record<string, boolean | string | number | undefined> | Array<Record<string, boolean | string | number | undefined> | undefined>;
}
export declare const Box: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    component: {
        type: PropType<string | Component>;
        default: string;
    };
    __size: (NumberConstructor | StringConstructor)[];
    variant: StringConstructor;
    size: (NumberConstructor | StringConstructor)[];
    hiddenFrom: StringConstructor;
    visibleFrom: StringConstructor;
    lightHidden: BooleanConstructor;
    darkHidden: BooleanConstructor;
    /** Margin, theme key: theme.spacing */
    m: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginBlock, theme key: theme.spacing */
    my: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInline, theme key: theme.spacing */
    mx: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginTop, theme key: theme.spacing */
    mt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginBottom, theme key: theme.spacing */
    mb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineStart, theme key: theme.spacing */
    ms: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineEnd, theme key: theme.spacing */
    me: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineStart, theme key: theme.spacing */
    mis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineEnd, theme key: theme.spacing */
    mie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginLeft, theme key: theme.spacing */
    ml: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginRight, theme key: theme.spacing */
    mr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** Padding, theme key: theme.spacing */
    p: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingBlock, theme key: theme.spacing */
    py: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInline, theme key: theme.spacing */
    px: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingTop, theme key: theme.spacing */
    pt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingBottom, theme key: theme.spacing */
    pb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineStart, theme key: theme.spacing */
    ps: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineEnd, theme key: theme.spacing */
    pe: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineStart, theme key: theme.spacing */
    pis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineEnd, theme key: theme.spacing */
    pie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingLeft, theme key: theme.spacing */
    pl: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingRight, theme key: theme.spacing */
    pr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** Border */
    bd: PropType<import("./style-props").StyleProp<import("csstype").Property.Border<string | number> | undefined>>;
    /** BorderRadius, theme key: theme.radius */
    bdrs: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** Background, theme key: theme.colors */
    bg: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
    /** Color, theme key: theme.colors */
    c: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
    /** Opacity */
    opacity: PropType<import("./style-props").StyleProp<import("csstype").Property.Opacity | undefined>>;
    /** FontFamily */
    ff: PropType<import("./style-props").StyleProp<(string & {}) | "headings" | "text" | "monospace" | "mono" | "heading"> | undefined>;
    /** FontSize, theme key: theme.fontSizes */
    fz: PropType<import("./style-props").StyleProp<string | number> | undefined>;
    /** FontWeight */
    fw: PropType<import("./style-props").StyleProp<import("csstype").Property.FontWeight | undefined>>;
    /** LetterSpacing */
    lts: PropType<import("./style-props").StyleProp<import("csstype").Property.LetterSpacing<string | number> | undefined>>;
    /** TextAlign */
    ta: PropType<import("./style-props").StyleProp<import("csstype").Property.TextAlign | undefined>>;
    /** LineHeight, theme key: theme.lineHeights */
    lh: PropType<import("./style-props").StyleProp<string | number> | undefined>;
    /** FontStyle */
    fs: PropType<import("./style-props").StyleProp<import("csstype").Property.FontStyle | undefined>>;
    /** TextTransform */
    tt: PropType<import("./style-props").StyleProp<import("csstype").Property.TextTransform | undefined>>;
    /** TextDecoration */
    td: PropType<import("./style-props").StyleProp<import("csstype").Property.TextDecoration<string | number> | undefined>>;
    /** Width, theme key: theme.spacing */
    w: PropType<import("./style-props").StyleProp<import("csstype").Property.Width<string | number> | undefined>>;
    /** MinWidth, theme key: theme.spacing */
    miw: PropType<import("./style-props").StyleProp<import("csstype").Property.MinWidth<string | number> | undefined>>;
    /** MaxWidth, theme key: theme.spacing */
    maw: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxWidth<string | number> | undefined>>;
    /** Height, theme key: theme.spacing */
    h: PropType<import("./style-props").StyleProp<import("csstype").Property.Height<string | number> | undefined>>;
    /** MinHeight, theme key: theme.spacing */
    mih: PropType<import("./style-props").StyleProp<import("csstype").Property.MinHeight<string | number> | undefined>>;
    /** MaxHeight, theme key: theme.spacing */
    mah: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxHeight<string | number> | undefined>>;
    /** BackgroundSize */
    bgsz: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundSize<string | number> | undefined>>;
    /** BackgroundPosition */
    bgp: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundPosition<string | number> | undefined>>;
    /** BackgroundRepeat */
    bgr: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundRepeat | undefined>>;
    /** BackgroundAttachment */
    bga: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundAttachment | undefined>>;
    /** Position */
    pos: PropType<import("./style-props").StyleProp<import("csstype").Property.Position | undefined>>;
    /** Top */
    top: PropType<import("./style-props").StyleProp<import("csstype").Property.Top<string | number> | undefined>>;
    /** Left */
    left: PropType<import("./style-props").StyleProp<import("csstype").Property.Left<string | number> | undefined>>;
    /** Bottom */
    bottom: PropType<import("./style-props").StyleProp<import("csstype").Property.Bottom<string | number> | undefined>>;
    /** Right */
    right: PropType<import("./style-props").StyleProp<import("csstype").Property.Right<string | number> | undefined>>;
    /** Inset */
    inset: PropType<import("./style-props").StyleProp<import("csstype").Property.Inset<string | number> | undefined>>;
    /** Display */
    display: PropType<import("./style-props").StyleProp<import("csstype").Property.Display | undefined>>;
    /** Flex */
    flex: PropType<import("./style-props").StyleProp<import("csstype").Property.Flex<string | number> | undefined>>;
    mod: PropType<BoxProps["mod"]>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    component: {
        type: PropType<string | Component>;
        default: string;
    };
    __size: (NumberConstructor | StringConstructor)[];
    variant: StringConstructor;
    size: (NumberConstructor | StringConstructor)[];
    hiddenFrom: StringConstructor;
    visibleFrom: StringConstructor;
    lightHidden: BooleanConstructor;
    darkHidden: BooleanConstructor;
    /** Margin, theme key: theme.spacing */
    m: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginBlock, theme key: theme.spacing */
    my: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInline, theme key: theme.spacing */
    mx: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginTop, theme key: theme.spacing */
    mt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginBottom, theme key: theme.spacing */
    mb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineStart, theme key: theme.spacing */
    ms: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineEnd, theme key: theme.spacing */
    me: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineStart, theme key: theme.spacing */
    mis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginInlineEnd, theme key: theme.spacing */
    mie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginLeft, theme key: theme.spacing */
    ml: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** MarginRight, theme key: theme.spacing */
    mr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** Padding, theme key: theme.spacing */
    p: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingBlock, theme key: theme.spacing */
    py: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInline, theme key: theme.spacing */
    px: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingTop, theme key: theme.spacing */
    pt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingBottom, theme key: theme.spacing */
    pb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineStart, theme key: theme.spacing */
    ps: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineEnd, theme key: theme.spacing */
    pe: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineStart, theme key: theme.spacing */
    pis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingInlineEnd, theme key: theme.spacing */
    pie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingLeft, theme key: theme.spacing */
    pl: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** PaddingRight, theme key: theme.spacing */
    pr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** Border */
    bd: PropType<import("./style-props").StyleProp<import("csstype").Property.Border<string | number> | undefined>>;
    /** BorderRadius, theme key: theme.radius */
    bdrs: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
    /** Background, theme key: theme.colors */
    bg: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
    /** Color, theme key: theme.colors */
    c: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
    /** Opacity */
    opacity: PropType<import("./style-props").StyleProp<import("csstype").Property.Opacity | undefined>>;
    /** FontFamily */
    ff: PropType<import("./style-props").StyleProp<(string & {}) | "headings" | "text" | "monospace" | "mono" | "heading"> | undefined>;
    /** FontSize, theme key: theme.fontSizes */
    fz: PropType<import("./style-props").StyleProp<string | number> | undefined>;
    /** FontWeight */
    fw: PropType<import("./style-props").StyleProp<import("csstype").Property.FontWeight | undefined>>;
    /** LetterSpacing */
    lts: PropType<import("./style-props").StyleProp<import("csstype").Property.LetterSpacing<string | number> | undefined>>;
    /** TextAlign */
    ta: PropType<import("./style-props").StyleProp<import("csstype").Property.TextAlign | undefined>>;
    /** LineHeight, theme key: theme.lineHeights */
    lh: PropType<import("./style-props").StyleProp<string | number> | undefined>;
    /** FontStyle */
    fs: PropType<import("./style-props").StyleProp<import("csstype").Property.FontStyle | undefined>>;
    /** TextTransform */
    tt: PropType<import("./style-props").StyleProp<import("csstype").Property.TextTransform | undefined>>;
    /** TextDecoration */
    td: PropType<import("./style-props").StyleProp<import("csstype").Property.TextDecoration<string | number> | undefined>>;
    /** Width, theme key: theme.spacing */
    w: PropType<import("./style-props").StyleProp<import("csstype").Property.Width<string | number> | undefined>>;
    /** MinWidth, theme key: theme.spacing */
    miw: PropType<import("./style-props").StyleProp<import("csstype").Property.MinWidth<string | number> | undefined>>;
    /** MaxWidth, theme key: theme.spacing */
    maw: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxWidth<string | number> | undefined>>;
    /** Height, theme key: theme.spacing */
    h: PropType<import("./style-props").StyleProp<import("csstype").Property.Height<string | number> | undefined>>;
    /** MinHeight, theme key: theme.spacing */
    mih: PropType<import("./style-props").StyleProp<import("csstype").Property.MinHeight<string | number> | undefined>>;
    /** MaxHeight, theme key: theme.spacing */
    mah: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxHeight<string | number> | undefined>>;
    /** BackgroundSize */
    bgsz: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundSize<string | number> | undefined>>;
    /** BackgroundPosition */
    bgp: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundPosition<string | number> | undefined>>;
    /** BackgroundRepeat */
    bgr: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundRepeat | undefined>>;
    /** BackgroundAttachment */
    bga: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundAttachment | undefined>>;
    /** Position */
    pos: PropType<import("./style-props").StyleProp<import("csstype").Property.Position | undefined>>;
    /** Top */
    top: PropType<import("./style-props").StyleProp<import("csstype").Property.Top<string | number> | undefined>>;
    /** Left */
    left: PropType<import("./style-props").StyleProp<import("csstype").Property.Left<string | number> | undefined>>;
    /** Bottom */
    bottom: PropType<import("./style-props").StyleProp<import("csstype").Property.Bottom<string | number> | undefined>>;
    /** Right */
    right: PropType<import("./style-props").StyleProp<import("csstype").Property.Right<string | number> | undefined>>;
    /** Inset */
    inset: PropType<import("./style-props").StyleProp<import("csstype").Property.Inset<string | number> | undefined>>;
    /** Display */
    display: PropType<import("./style-props").StyleProp<import("csstype").Property.Display | undefined>>;
    /** Flex */
    flex: PropType<import("./style-props").StyleProp<import("csstype").Property.Flex<string | number> | undefined>>;
    mod: PropType<BoxProps["mod"]>;
}>> & Readonly<{}>, {
    component: string | Component;
    lightHidden: boolean;
    darkHidden: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
