{"version":3,"file":"useSystemTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { ResolvedTheme } from \"../types\";\nimport { ColorSchemeMediaQuery } from \"../lib/ColorSchemeMediaQuery\";\n\nexport const useSystemTheme = (): ResolvedTheme => {\n  const { preferred } = ColorSchemeMediaQuery.getPreference();\n\n  const [systemTheme, setSystemTheme] = useState<ResolvedTheme>(preferred);\n\n  useEffect(\n    () =>\n      ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {\n        setSystemTheme(newPreferred.preferred);\n      }),\n    [],\n  );\n\n  return systemTheme;\n};\n"],"mappings":";;;;;AAIA,IAAa,uBAAsC;CACjD,MAAM,EAAE,cAAc,sBAAsB,cAAc;CAE1D,MAAM,CAAC,aAAa,kBAAkB,SAAwB,SAAS;CAEvE,gBAEI,sBAAsB,oBAAoB,iBAAiB;EACzD,eAAe,aAAa,SAAS;CACvC,CAAC,GACH,CAAC,CACH;CAEA,OAAO;AACT"}