{"version":3,"file":"wrap.mjs","names":[],"sources":["../../src/patterns/wrap.js"],"sourcesContent":["import { getPatternStyles, patternFns } from '../helpers.js';\nimport { css } from '../css/index.js';\n\nconst wrapConfig = {\ntransform(props) {\n  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : \"8px\", align, justify, ...rest } = props;\n  return {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    alignItems: align,\n    justifyContent: justify,\n    gap,\n    columnGap,\n    rowGap,\n    ...rest\n  };\n}}\n\nexport const getWrapStyle = (styles = {}) => {\n  const _styles = getPatternStyles(wrapConfig, styles)\n  return wrapConfig.transform(_styles, patternFns)\n}\n\nexport const wrap = (styles) => css(getWrapStyle(styles))\nwrap.raw = getWrapStyle"],"mappings":";;;AAGA,MAAM,aAAa,EACnB,UAAU,OAAO;CACf,MAAM,EAAE,WAAW,QAAQ,MAAM,aAAa,SAAS,KAAK,IAAI,OAAO,OAAO,SAAS,GAAG,SAAS;CACnG,OAAO;EACL,SAAS;EACT,UAAU;EACV,YAAY;EACZ,gBAAgB;EAChB;EACA;EACA;EACA,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"}