{"version":3,"file":"ThemeProvider-CDoJsRl0.js","sources":["../../../../libs/utils/src/dom/styles.ts","../../../../libs/ui-xc/src/components/ThemeProvider.tsx"],"sourcesContent":["export const downloadPostData = (blob: Blob, extension = 'csv') => {\n  const link = document.createElement('a')\n  link.href = window.URL.createObjectURL(blob)\n  link.download = `data.${extension}`\n  link.click()\n}\n\nexport const injectStyle = (id: string, textContent: string) => {\n  let style = document.getElementById(id) as HTMLStyleElement | null\n  if (!style) {\n    style = document.createElement('style')\n    style.setAttribute('id', id)\n    document.getElementsByTagName('head')[0].appendChild(style)\n  }\n  if (textContent) {\n    style.textContent = textContent\n  }\n  return style\n}\n","import {useEffect} from 'react'\nimport {twJoin} from 'tailwind-merge'\n\nimport {injectStyle, IS_TEST} from '@sdox/utils/dom'\n\nimport type {XcThemeFragment} from '@sdox/api'\nimport type {ReactNode} from 'react'\n\nconst structureTokensClass = 'structure-tokens'\n\nexport interface ThemeOnElementByIdHookProps {\n  elementId?: string\n  themeId?: string\n}\n\nexport const useThemeOnElementById = ({elementId, themeId}: ThemeOnElementByIdHookProps) => {\n  useEffect(() => {\n    if (elementId && themeId) {\n      const el = document.getElementById(elementId)\n      const className = `theme-${themeId} ${structureTokensClass}`\n      if (el && !el.className.includes(className)) {\n        el.className = className\n      }\n    }\n  }, [elementId, themeId])\n}\n\nexport interface DocumentThemeProps {\n  children?: ReactNode\n  xcTheme?: XcThemeFragment | null\n  className?: string\n}\n\nexport const ThemeProvider = ({children, className, xcTheme}: DocumentThemeProps) => {\n  const {id, cssHeader, cssVariablesStr} = xcTheme ?? {}\n  const themeId = `theme-${id}`\n  const styleContent = [\n    cssHeader,\n    `.${themeId}`,\n    `{${cssVariablesStr}};`,\n  ].filter(Boolean).join(' ')\n\n  useEffect(() => {\n    if (styleContent) {\n      injectStyle(themeId, styleContent)\n    }\n  }, [xcTheme, styleContent, themeId])\n\n  return (\n    <div\n      data-theme={id}\n      className={twJoin(\n        `${themeId} ${structureTokensClass}`,\n        'font-body', // one line to rule them all\n        className,\n      )}\n    >\n      {IS_TEST ? <div data-testid={themeId}>{styleContent}</div> : null}\n      {children}\n    </div>\n  )\n}\n"],"names":["injectStyle","id","textContent","style","structureTokensClass","useThemeOnElementById","elementId","themeId","useEffect","el","className","ThemeProvider","children","xcTheme","cssHeader","cssVariablesStr","styleContent","jsxs","twJoin"],"mappings":"qHAOa,MAAAA,EAAc,CAACC,EAAYC,IAAwB,CAC1D,IAAAC,EAAQ,SAAS,eAAeF,CAAE,EACtC,OAAKE,IACKA,EAAA,SAAS,cAAc,OAAO,EAChCA,EAAA,aAAa,KAAMF,CAAE,EAC3B,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYE,CAAK,GAExDD,IACFC,EAAM,YAAcD,GAEfC,CACT,ECVMC,EAAuB,mBAOhBC,EAAwB,CAAC,CAAC,UAAAC,EAAW,QAAAC,KAA0C,CAC1FC,EAAAA,UAAU,IAAM,CACd,GAAIF,GAAaC,EAAS,CAClB,MAAAE,EAAK,SAAS,eAAeH,CAAS,EACtCI,EAAY,SAASH,CAAO,IAAIH,CAAoB,GACtDK,GAAM,CAACA,EAAG,UAAU,SAASC,CAAS,IACxCD,EAAG,UAAYC,EACjB,CACF,EACC,CAACJ,EAAWC,CAAO,CAAC,CACzB,EAQaI,EAAgB,CAAC,CAAC,SAAAC,EAAU,UAAAF,EAAW,QAAAG,KAAiC,CACnF,KAAM,CAAC,GAAAZ,EAAI,UAAAa,EAAW,gBAAAC,CAAe,EAAIF,GAAW,CAAC,EAC/CN,EAAU,SAASN,CAAE,GACrBe,EAAe,CACnBF,EACA,IAAIP,CAAO,GACX,IAAIQ,CAAe,IACnB,EAAA,OAAO,OAAO,EAAE,KAAK,GAAG,EAE1BP,OAAAA,EAAAA,UAAU,IAAM,CACVQ,GACFhB,EAAYO,EAASS,CAAY,CAElC,EAAA,CAACH,EAASG,EAAcT,CAAO,CAAC,EAGjCU,EAAA,KAAC,MAAA,CACC,aAAYhB,EACZ,UAAWiB,EACT,GAAGX,CAAO,IAAIH,CAAoB,GAClC,YACAM,CACF,EAEC,SAAA,CAA4D,KAC5DE,CAAA,CAAA,CACH,CAEJ"}