{"version":3,"file":"flex.mjs","names":[],"sources":["../../src/patterns/flex.js"],"sourcesContent":["import { getPatternStyles, patternFns } from '../helpers.js';\nimport { css } from '../css/index.js';\n\nconst flexConfig = {\ntransform(props) {\n  const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;\n  return {\n    display: \"flex\",\n    flexDirection: direction,\n    alignItems: align,\n    justifyContent: justify,\n    flexWrap: wrap2,\n    flexBasis: basis,\n    flexGrow: grow,\n    flexShrink: shrink,\n    ...rest\n  };\n}}\n\nexport const getFlexStyle = (styles = {}) => {\n  const _styles = getPatternStyles(flexConfig, styles)\n  return flexConfig.transform(_styles, patternFns)\n}\n\nexport const flex = (styles) => css(getFlexStyle(styles))\nflex.raw = getFlexStyle"],"mappings":";;;AAGA,MAAM,aAAa,EACnB,UAAU,OAAO;CACf,MAAM,EAAE,WAAW,OAAO,SAAS,MAAM,OAAO,OAAO,MAAM,QAAQ,GAAG,SAAS;CACjF,OAAO;EACL,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACV,WAAW;EACX,UAAU;EACV,YAAY;EACZ,GAAG;CACL;AACF,EAAC;AAED,MAAa,gBAAgB,SAAS,CAAC,MAAM;CAC3C,MAAM,UAAU,iBAAiB,YAAY,MAAM;CACnD,OAAO,WAAW,UAAU,SAAS,UAAU;AACjD;AAEA,MAAa,QAAQ,WAAW,IAAI,aAAa,MAAM,CAAC;AACxD,KAAK,MAAM"}