{"version":3,"file":"useWindowSize.mjs","names":[],"sources":["../../../package/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport interface WindowSize {\n  width: number;\n  height: number;\n  isMobileSize: boolean;\n}\n\nexport default function useWindowSize(): WindowSize {\n  const [size, setSize] = useState<WindowSize>(() => ({\n    width: window.innerWidth,\n    height: window.innerHeight,\n    isMobileSize: window.innerWidth < MOBILE_BREAKPOINT,\n  }));\n\n  useEffect(() => {\n    function onResize() {\n      setSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n        isMobileSize: window.innerWidth < MOBILE_BREAKPOINT,\n      });\n    }\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  return size;\n}\n"],"mappings":"6DAEA,IAAM,EAAoB,IAQ1B,SAAwB,GAA4B,CAClD,GAAM,CAAC,EAAM,GAAW,OAA4B,CAClD,MAAO,OAAO,WACd,OAAQ,OAAO,YACf,aAAc,OAAO,WAAa,CACpC,EAAE,EAcF,OAZA,MAAgB,CACd,SAAS,GAAW,CAClB,EAAQ,CACN,MAAO,OAAO,WACd,OAAQ,OAAO,YACf,aAAc,OAAO,WAAa,CACpC,CAAC,CACH,CAEA,OADA,OAAO,iBAAiB,SAAU,CAAQ,MAC7B,OAAO,oBAAoB,SAAU,CAAQ,CAC5D,EAAG,CAAC,CAAC,EAEE,CACT"}