{"version":3,"file":"grid.mjs","names":[],"sources":["../../src/patterns/grid.js"],"sourcesContent":["import { getPatternStyles, patternFns } from '../helpers.js';\nimport { css } from '../css/index.js';\n\nconst gridConfig = {\ntransform(props, { map, isCssUnit }) {\n  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;\n  const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;\n  return {\n    display: \"grid\",\n    gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,\n    gap,\n    columnGap,\n    rowGap,\n    ...rest\n  };\n},\ndefaultValues(props) {\n  return { gap: props.columnGap || props.rowGap ? void 0 : \"8px\" };\n}}\n\nexport const getGridStyle = (styles = {}) => {\n  const _styles = getPatternStyles(gridConfig, styles)\n  return gridConfig.transform(_styles, patternFns)\n}\n\nexport const grid = (styles) => css(getGridStyle(styles))\ngrid.raw = getGridStyle"],"mappings":";;;AAGA,MAAM,aAAa;CACnB,UAAU,OAAO,EAAE,KAAK,aAAa;EACnC,MAAM,EAAE,WAAW,QAAQ,KAAK,SAAS,eAAe,GAAG,SAAS;EACpE,MAAM,YAAY,MAAM,UAAU,CAAC,IAAI,IAAI,eAAe,EAAE,IAAI,EAAE;EAClE,OAAO;GACL,SAAS;GACT,qBAAqB,WAAW,OAAO,IAAI,UAAU,MAAM,UAAU,EAAE,kBAAkB,IAAI,iBAAiB,OAAO,IAAI,gBAAgB,MAAM,2BAA2B,SAAS,CAAC,EAAE,QAAQ,IAAI,KAAK;GACvM;GACA;GACA;GACA,GAAG;EACL;CACF;CACA,cAAc,OAAO;EACnB,OAAO,EAAE,KAAK,MAAM,aAAa,MAAM,SAAS,KAAK,IAAI,MAAM;CACjE;AAAC;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"}