import { VuiTheme } from "../theme/types.js";
import { DisplayProps } from "./layout.js";
import { SystemProp } from "@xstyled/system";
import * as CSS from "csstype";

//#region src/system/flexboxes.d.ts
type AlignItemsProp = SystemProp<CSS.Property.AlignItems, VuiTheme>;
type AlignItemsProps = {
  alignItems?: AlignItemsProp;
};
type AlignContentProp = SystemProp<CSS.Property.AlignContent, VuiTheme>;
type AlignContentProps = {
  alignContent?: AlignContentProp;
};
type JustifyContentProp = SystemProp<CSS.Property.JustifyContent, VuiTheme>;
type JustifyContentProps = {
  justifyContent?: JustifyContentProp;
};
type JustifyItemsProp = SystemProp<CSS.Property.JustifyItems, VuiTheme>;
type JustifyItemsProps = {
  justifyItems?: JustifyItemsProp;
};
type FlexWrapProp = SystemProp<CSS.Property.FlexWrap, VuiTheme>;
type FlexWrapProps = {
  flexWrap?: FlexWrapProp;
};
type FlexGrowProp = SystemProp<CSS.Property.FlexGrow, VuiTheme>;
type FlexGrowProps = {
  flexGrow?: FlexGrowProp;
};
type FlexShrinkProp = SystemProp<CSS.Property.FlexShrink, VuiTheme>;
type FlexShrinkProps = {
  flexShrink?: FlexShrinkProp;
};
type FlexBasisProp = SystemProp<CSS.Property.FlexBasis, VuiTheme>;
type FlexBasisProps = {
  flexBasis?: FlexBasisProp;
  hoverFlexBasis?: FlexBasisProp;
};
type FlexDirectionProp = SystemProp<CSS.Property.FlexDirection, VuiTheme>;
type FlexDirectionProps = {
  flexDirection?: FlexDirectionProp;
};
type FlexProp = SystemProp<CSS.Property.Flex, VuiTheme>;
type FlexProps = {
  flex?: FlexProp;
  hoverFlex?: FlexProp;
};
type JustifySelfProp = SystemProp<CSS.Property.JustifySelf, VuiTheme>;
type JustifySelfProps = {
  justifySelf?: JustifySelfProp;
};
type AlignSelfProp = SystemProp<CSS.Property.AlignSelf, VuiTheme>;
type AlignSelfProps = {
  alignSelf?: AlignSelfProp;
};
type OrderProp = SystemProp<CSS.Property.Order, VuiTheme>;
type OrderProps = {
  order?: OrderProp;
};
type FlexboxesProps = DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps;
//#endregion
export { AlignContentProps, AlignItemsProps, AlignSelfProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxesProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, OrderProps };

//# sourceMappingURL=flexboxes.d.ts.map