{"version":3,"file":"divider.mjs","names":[],"sources":["../../src/patterns/divider.js"],"sourcesContent":["import { getPatternStyles, patternFns } from '../helpers.js';\nimport { css } from '../css/index.js';\n\nconst dividerConfig = {\ntransform(props, { map }) {\n  const { orientation, thickness, color, ...rest } = props;\n  return {\n    \"--thickness\": thickness,\n    width: map(orientation, (v) => v === \"vertical\" ? void 0 : \"100%\"),\n    height: map(orientation, (v) => v === \"horizontal\" ? void 0 : \"100%\"),\n    borderBlockEndWidth: map(orientation, (v) => v === \"horizontal\" ? \"var(--thickness)\" : void 0),\n    borderInlineEndWidth: map(orientation, (v) => v === \"vertical\" ? \"var(--thickness)\" : void 0),\n    borderColor: color,\n    ...rest\n  };\n},\ndefaultValues:{orientation:'horizontal',thickness:'1px'}}\n\nexport const getDividerStyle = (styles = {}) => {\n  const _styles = getPatternStyles(dividerConfig, styles)\n  return dividerConfig.transform(_styles, patternFns)\n}\n\nexport const divider = (styles) => css(getDividerStyle(styles))\ndivider.raw = getDividerStyle"],"mappings":";;;AAGA,MAAM,gBAAgB;CACtB,UAAU,OAAO,EAAE,OAAO;EACxB,MAAM,EAAE,aAAa,WAAW,OAAO,GAAG,SAAS;EACnD,OAAO;GACL,eAAe;GACf,OAAO,IAAI,cAAc,MAAM,MAAM,aAAa,KAAK,IAAI,MAAM;GACjE,QAAQ,IAAI,cAAc,MAAM,MAAM,eAAe,KAAK,IAAI,MAAM;GACpE,qBAAqB,IAAI,cAAc,MAAM,MAAM,eAAe,qBAAqB,KAAK,CAAC;GAC7F,sBAAsB,IAAI,cAAc,MAAM,MAAM,aAAa,qBAAqB,KAAK,CAAC;GAC5F,aAAa;GACb,GAAG;EACL;CACF;CACA,eAAc;EAAC,aAAY;EAAa,WAAU;CAAK;AAAC;AAExD,MAAa,mBAAmB,SAAS,CAAC,MAAM;CAC9C,MAAM,UAAU,iBAAiB,eAAe,MAAM;CACtD,OAAO,cAAc,UAAU,SAAS,UAAU;AACpD;AAEA,MAAa,WAAW,WAAW,IAAI,gBAAgB,MAAM,CAAC;AAC9D,QAAQ,MAAM"}