Flex component props not working as expected

Describe the bug Flex component does not accept flexDirection prop

To Reproduce

/** @jsx jsx */
import { jsx } from "theme-ui";
import React from "react";
import { Flex } from "@theme-ui/components";

export default () => {
  return (
    <Flex flexDirection="column">
      <Box p={3} width={1 / 2} color="white" bg="primary">
        Flex
      </Box>
      <Box p={3} width={1 / 2} color="white" bg="secondary">
        Box
      </Box>
    </Flex>
  );
};

Expected behavior children of Flex component should be displayed in column format when flexDirection="column" is added to component.

Screenshots n/a

Additional context this works when using long form in the sx prop, expect to be able to use the props directly on Flex

[jxnblk]

There is no flexDirection prop. If you’ve seen this in the docs somewhere, could you please point it out?

[denu5]

@lachlanjc i think it does? https://theme-ui.com/components/box