{"version":3,"file":"flexbox.cjs","sources":["../../src/util/flexbox.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.scss\";\nimport { forwardRef } from \"react\";\nimport _Box, { BoxProps } from \"ui-box\";\nconst h = hyper.styled(styles);\n\nexport const Box = _Box;\n\ntype FlexBoxProps = BoxProps<\"div\"> & {\n  grow?: number;\n  shrink?: number;\n  textAlign?: string;\n};\n\nexport const FlexBox = forwardRef((props: FlexBoxProps, ref) => {\n  const { grow, shrink, className, style, textAlign, ...rest } = props;\n  return h(Box, {\n    className,\n    flexGrow: grow,\n    flexShrink: shrink,\n    textAlign,\n    style,\n    ...rest,\n  });\n});\n\nexport function FlexRow(props) {\n  return h(FlexBox, { display: \"flex\", flexDirection: \"row\", ...props });\n}\n\nexport function FlexCol(props) {\n  return h(FlexBox, { display: \"flex\", flexDirection: \"column\", ...props });\n}\n\nexport function Spacer(props) {\n  return h(FlexBox, { flex: 1, ...props });\n}\n"],"names":["hyper","styles","_Box","forwardRef"],"mappings":";;;;;;;;AAIA,MAAM,IAAIA,WAAAA,QAAM,OAAOC,WAAM;AAEtB,MAAM,MAAMC;AAQZ,MAAM,UAAUC,MAAAA,WAAW,CAAC,OAAqB,QAAQ;AAC9D,QAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,WAAW,GAAG,SAAS;AAC/D,SAAO,EAAE,KAAK;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AACH,CAAC;AAEM,SAAS,QAAQ,OAAO;AAC7B,SAAO,EAAE,SAAS,EAAE,SAAS,QAAQ,eAAe,OAAO,GAAG,OAAO;AACvE;AAEO,SAAS,QAAQ,OAAO;AAC7B,SAAO,EAAE,SAAS,EAAE,SAAS,QAAQ,eAAe,UAAU,GAAG,OAAO;AAC1E;AAEO,SAAS,OAAO,OAAO;AAC5B,SAAO,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,OAAO;AACzC;;;;;;"}