/// <reference types="react" />
import type * as t from './defs';
export declare const Box: (<C = "div">(props: import("../../utils").PolymorphicComponentProps<C, Omit<import("../../utils").BaseProps<import("react").HTMLAttributes<HTMLDivElement>>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<import("react").HTMLAttributes<HTMLDivElement>>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<import("react").HTMLAttributes<HTMLDivElement>>, "as">>, never> & import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: import("react").ReactNode;
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
    Centered: (<C_1 = "div">(props: import("../../utils").PolymorphicComponentProps<C_1, Omit<import("../../utils").BaseProps<t.BoxCenteredProps>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<t.BoxCenteredProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<t.BoxCenteredProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("react").HTMLAttributes<HTMLDivElement> & {
        align?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | import("@fuel-stitches/react/types/css").Property.FlexBasis | undefined;
        direction?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.FlexDirection | undefined;
        gap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | import("@fuel-stitches/react/types/css").Property.Gap | undefined;
        grow?: import("@fuel-stitches/react/types/css").OnlyStringNumeric | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | undefined;
        justify?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.JustifyContent | undefined;
        shrink?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").OnlyNumber | undefined;
        wrap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.FlexWrap | undefined;
    } & {
        minWS?: boolean | undefined;
        minHS?: boolean | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
    Flex: (<C_2 = "div">(props: import("../../utils").PolymorphicComponentProps<C_2, Omit<import("../../utils").BaseProps<t.FlexProps>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<t.FlexProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<t.FlexProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("react").HTMLAttributes<HTMLDivElement> & {
        align?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | import("@fuel-stitches/react/types/css").Property.FlexBasis | undefined;
        direction?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.FlexDirection | undefined;
        gap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | import("@fuel-stitches/react/types/css").Property.Gap | undefined;
        grow?: import("@fuel-stitches/react/types/css").OnlyStringNumeric | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | undefined;
        justify?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.JustifyContent | undefined;
        shrink?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").OnlyNumber | undefined;
        wrap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.FlexWrap | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
    Stack: (<C_3 = "div">(props: import("../../utils").PolymorphicComponentProps<C_3, Omit<import("../../utils").BaseProps<t.FlexProps>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<t.FlexProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<t.FlexProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("react").HTMLAttributes<HTMLDivElement> & {
        align?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | import("@fuel-stitches/react/types/css").Property.FlexBasis | undefined;
        direction?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.FlexDirection | undefined;
        gap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | import("@fuel-stitches/react/types/css").Property.Gap | undefined;
        grow?: import("@fuel-stitches/react/types/css").OnlyStringNumeric | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | undefined;
        justify?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.JustifyContent | undefined;
        shrink?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").OnlyNumber | undefined;
        wrap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.FlexWrap | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
    HStack: (<C_4 = "div">(props: import("../../utils").PolymorphicComponentProps<C_4, Omit<import("../../utils").BaseProps<t.HStackProps>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<t.HStackProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<t.HStackProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & t.HStackProps & import("react").RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    VStack: (<C_5 = "div">(props: import("../../utils").PolymorphicComponentProps<C_5, Omit<import("../../utils").BaseProps<t.VStackProps>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<t.VStackProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<t.VStackProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & t.VStackProps & import("react").RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    Container: (<C_6 = "div">(props: import("../../utils").PolymorphicComponentProps<C_6, Omit<import("../../utils").BaseProps<t.ContainerProps>, "as">>) => import("react").ReactElement<Omit<import("../../utils").BaseProps<t.ContainerProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../../utils").BaseProps<t.ContainerProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("react").HTMLAttributes<HTMLDivElement> & {
        size?: t.ContainerSizes | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
};