{"version":3,"file":"useMedia.mjs","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;AAEM,SAAUA,QAAQA,CAACC,KAAa,EAAA;EACpC,OAAOC,oBAAoB,CACxBC,aAAa,IAAI;AAChB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC;AACxD,IAAA,OAAO,MAAK;AACVC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SAAS,CAChB;AACH;;;;"}