{"version":3,"file":"bleed.mjs","names":[],"sources":["../../src/patterns/bleed.js"],"sourcesContent":["import { getPatternStyles, patternFns } from '../helpers.js';\nimport { css } from '../css/index.js';\n\nconst bleedConfig = {\ntransform(props, { map, isCssUnit, isCssVar }) {\n  const { inline, block, ...rest } = props;\n  const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;\n  return {\n    \"--bleed-x\": map(inline, valueFn),\n    \"--bleed-y\": map(block, valueFn),\n    marginInline: \"calc(var(--bleed-x, 0) * -1)\",\n    marginBlock: \"calc(var(--bleed-y, 0) * -1)\",\n    ...rest\n  };\n},\ndefaultValues:{inline:'0',block:'0'}}\n\nexport const getBleedStyle = (styles = {}) => {\n  const _styles = getPatternStyles(bleedConfig, styles)\n  return bleedConfig.transform(_styles, patternFns)\n}\n\nexport const bleed = (styles) => css(getBleedStyle(styles))\nbleed.raw = getBleedStyle"],"mappings":";;;AAGA,MAAM,cAAc;CACpB,UAAU,OAAO,EAAE,KAAK,WAAW,YAAY;EAC7C,MAAM,EAAE,QAAQ,OAAO,GAAG,SAAS;EACnC,MAAM,WAAW,MAAM,UAAU,CAAC,KAAK,SAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,IAAI,EAAE;EAClF,OAAO;GACL,aAAa,IAAI,QAAQ,OAAO;GAChC,aAAa,IAAI,OAAO,OAAO;GAC/B,cAAc;GACd,aAAa;GACb,GAAG;EACL;CACF;CACA,eAAc;EAAC,QAAO;EAAI,OAAM;CAAG;AAAC;AAEpC,MAAa,iBAAiB,SAAS,CAAC,MAAM;CAC5C,MAAM,UAAU,iBAAiB,aAAa,MAAM;CACpD,OAAO,YAAY,UAAU,SAAS,UAAU;AAClD;AAEA,MAAa,SAAS,WAAW,IAAI,cAAc,MAAM,CAAC;AAC1D,MAAM,MAAM"}