import { ThemingProps } from "../theme/types.js";
import { BordersProps } from "../system/borders.js";
import { EffectsProps } from "../system/effects.js";
import { FlexboxesProps } from "../system/flexboxes.js";
import { SystemProps } from "../system/system.js";
//#region src/box/box.types.d.ts
type BoxProps = SystemProps & ThemingProps<'Box'> & {
  /** Alias for alignItems prop. @deprecated */align?: FlexboxesProps['alignItems']; /** Centers the content vertically and horizontally. */
  center?: boolean; /** Centers the content horizontally. */
  centerH?: boolean; /** Centers the content vertically. */
  centerV?: boolean; /** Displays content in a column. */
  column?: boolean; /** Alias for flexDirection prop. @deprecated */
  direction?: FlexboxesProps['flexDirection']; /** Alias for boxShadow prop. @deprecated */
  elevation?: EffectsProps['boxShadow']; /** Alias for hoverBoxShadow prop. @deprecated */
  hoverShadow?: EffectsProps['hoverBoxShadow']; /** Alias for justifyContent prop. @deprecated */
  justify?: FlexboxesProps['justifyContent']; /** Alias for borderRadius prop. @deprecated */
  radius?: BordersProps['borderRadius']; /** Alias for boxShadow prop. @deprecated */
  shadow?: EffectsProps['boxShadow']; /** Applies flex-wrap property. */
  wrap?: boolean;
};
//#endregion
export { BoxProps };

//# sourceMappingURL=box.types.d.ts.map