text: import { t, transforms } from "../utils";
  import { createTransform } from "../utils/create-transform";
  import { spaceXTemplate, spaceYTemplate } from "../utils/templates";
  export var flexbox = {
    alignItems: true,
    alignContent: true,
    justifyItems: true,
    justifyContent: true,
    flexWrap: true,
    flexDirection: {
      transform: transforms.flexDirection
    },
    experimental_spaceX: {
      static: spaceXTemplate,
      transform: createTransform({
        scale: "space",
        transform: value => value !== null ? {
          "--chakra-space-x": value
        } : null
      })
    },
    experimental_spaceY: {
      static: spaceYTemplate,
      transform: createTransform({
        scale: "space",
        transform: value => value != null ? {
          "--chakra-space-y": value
        } : null
      })
    },
    flex: true,
    flexFlow: true,
    flexGrow: true,
    flexShrink: true,
    flexBasis: t.sizes("flexBasis"),
    justifySelf: true,
    alignSelf: true,
    order: true,
    placeItems: true,
    placeContent: true,
    placeSelf: true
  };
  Object.assign(flexbox, {
    flexDir: flexbox.flexDirection
  });
  //# sourceMappingURL=flexbox.js.map