{"version":3,"file":"styles-to-string.mjs","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n  container?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media, container }: InlineStylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);\n\n  const containerStyles = !Array.isArray(container)\n    ? []\n    : container.map(\n        (item) => `@container ${item.query}{${selector}{${cssObjectToString(item.styles)}}}`\n      );\n\n  return `${baseStyles ? `${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}${containerStyles.join('')}`.trim();\n}\n"],"names":[],"mappings":";;AAcO,SAAS,eAAe,EAAE,QAAA,EAAU,MAAQ,EAAA,KAAA,EAAO,WAAgC,EAAA;AACxF,EAAA,MAAM,UAAa,GAAA,MAAA,GAAS,iBAAkB,CAAA,MAAM,CAAI,GAAA,EAAA;AACxD,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAM,CAAA,OAAA,CAAQ,KAAK,CACzC,GAAA,EACA,GAAA,KAAA,CAAM,GAAI,CAAA,CAAC,SAAS,CAAS,MAAA,EAAA,IAAA,CAAK,KAAK,CAAI,CAAA,EAAA,QAAQ,IAAI,iBAAkB,CAAA,IAAA,CAAK,MAAM,CAAC,CAAI,EAAA,CAAA,CAAA;AAE7F,EAAM,MAAA,eAAA,GAAkB,CAAC,KAAM,CAAA,OAAA,CAAQ,SAAS,CAC5C,GAAA,KACA,SAAU,CAAA,GAAA;AAAA,IACR,CAAC,IAAS,KAAA,CAAA,WAAA,EAAc,IAAK,CAAA,KAAK,CAAI,CAAA,EAAA,QAAQ,CAAI,CAAA,EAAA,iBAAA,CAAkB,IAAK,CAAA,MAAM,CAAC,CAAA,EAAA;AAAA,GAClF;AAEJ,EAAA,OAAO,GAAG,UAAa,GAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,UAAU,MAAM,EAAE,CAAA,EAAG,iBAAiB,IAAK,CAAA,EAAE,CAAC,CAAG,EAAA,eAAA,CAAgB,KAAK,EAAE,CAAC,GAAG,IAAK,EAAA;AACzH;;;;"}