import * as Css from 'csstype';
import { type GenericToken, type ThemeToken } from './types';
import { type Length } from '../utility-types';
export declare const flexboxStyleProperties: import("./types").StylePropertyConfigs;
export type FlexboxProps = {
    flex?: GenericToken<Css.Property.Flex<Length>>;
    alignItems?: GenericToken<Css.Property.AlignItems>;
    alignContent?: GenericToken<Css.Property.AlignContent>;
    justifyItems?: GenericToken<Css.Property.JustifyItems>;
    justifyContent?: GenericToken<Css.Property.JustifyContent>;
    flexWrap?: GenericToken<Css.Property.FlexWrap>;
    flexDirection?: GenericToken<Css.Property.FlexDirection>;
    flexDir?: GenericToken<Css.Property.FlexDirection>;
    flexFlow?: GenericToken<Css.Property.FlexFlow>;
    flexGrow?: GenericToken<Css.Property.FlexGrow>;
    flexShrink?: GenericToken<Css.Property.FlexShrink>;
    flexBasis?: ThemeToken<Css.Property.FlexBasis<Length>>;
    justifySelf?: GenericToken<Css.Property.JustifySelf>;
    alignSelf?: GenericToken<Css.Property.AlignSelf>;
    order?: GenericToken<Css.Property.Order>;
    placeItems?: GenericToken<Css.Property.PlaceItems>;
    placeContent?: GenericToken<Css.Property.PlaceContent>;
    placeSelf?: GenericToken<Css.Property.PlaceSelf>;
    gap?: ThemeToken<Css.Property.Gap<Length>>;
    rowGap?: ThemeToken<Css.Property.RowGap<Length>>;
    columnGap?: ThemeToken<Css.Property.ColumnGap<Length>>;
};