{"ast":null,"code":"var _s = $RefreshSig$(),\n    _s2 = $RefreshSig$();\n\nimport { useWindowResize } from \"beautiful-react-hooks\";\nimport { useState } from \"react\";\nimport useIsoEffect from \"./useIsoEffect\";\nexport var useClientWidth = function useClientWidth() {\n  _s();\n\n  var _useState = useState(1024),\n      width = _useState[0],\n      setWidth = _useState[1];\n\n  var setClientWidth = function setClientWidth() {\n    return setWidth(document.documentElement.clientWidth || document.body.clientWidth);\n  };\n\n  useIsoEffect(setClientWidth);\n  useWindowResize(function (event) {\n    return setClientWidth();\n  });\n  return width;\n};\n\n_s(useClientWidth, \"AGDj5KaPV1cA2kmsJZKFc3mlg2o=\", false, function () {\n  return [useIsoEffect, useWindowResize];\n});\n\nexport var useClientHeight = function useClientHeight() {\n  _s2();\n\n  var _useState2 = useState(800),\n      height = _useState2[0],\n      setHeight = _useState2[1];\n\n  var setClientHeight = function setClientHeight() {\n    return setHeight(document.documentElement.clientHeight || document.body.clientHeight);\n  };\n\n  useIsoEffect(setClientHeight);\n  useWindowResize(function (event) {\n    return setClientHeight();\n  });\n  return height;\n};\n\n_s2(useClientHeight, \"+9EXP8nHQTzYkrZZO9i3rHS2Lrs=\", false, function () {\n  return [useIsoEffect, useWindowResize];\n});","map":{"version":3,"sources":["/home/gkkdzdg/www/src/hooks/useClientSize.js"],"names":["useWindowResize","useState","useIsoEffect","useClientWidth","width","setWidth","setClientWidth","document","documentElement","clientWidth","body","event","useClientHeight","height","setHeight","setClientHeight","clientHeight"],"mappings":";;;AAAA,SAASA,eAAT,QAAgC,uBAAhC;AACA,SAASC,QAAT,QAAyB,OAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAGA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAAA;;AAAA,kBACPF,QAAQ,CAAC,IAAD,CADD;AAAA,MAC1BG,KAD0B;AAAA,MACnBC,QADmB;;AAGjC,MAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMD,QAAQ,CAACE,QAAQ,CAACC,eAAT,CAAyBC,WAAzB,IAAwCF,QAAQ,CAACG,IAAT,CAAcD,WAAvD,CAAd;AAAA,GAAvB;;AAEAP,EAAAA,YAAY,CAACI,cAAD,CAAZ;AACAN,EAAAA,eAAe,CAAC,UAAAW,KAAK;AAAA,WAAIL,cAAc,EAAlB;AAAA,GAAN,CAAf;AAEA,SAAOF,KAAP;AACF,CATM;;GAAMD,c;UAKVD,Y,EACAF,e;;;AAKH,OAAO,IAAMY,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAAA;;AAAA,mBACNX,QAAQ,CAAC,GAAD,CADF;AAAA,MAC3BY,MAD2B;AAAA,MACnBC,SADmB;;AAGlC,MAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,WAAMD,SAAS,CAACP,QAAQ,CAACC,eAAT,CAAyBQ,YAAzB,IAAyCT,QAAQ,CAACG,IAAT,CAAcM,YAAxD,CAAf;AAAA,GAAxB;;AAEAd,EAAAA,YAAY,CAACa,eAAD,CAAZ;AACAf,EAAAA,eAAe,CAAC,UAAAW,KAAK;AAAA,WAAII,eAAe,EAAnB;AAAA,GAAN,CAAf;AAEA,SAAOF,MAAP;AACF,CATM;;IAAMD,e;UAKVV,Y,EACAF,e","sourcesContent":["import { useWindowResize } from \"beautiful-react-hooks\"\nimport { useState } from \"react\"\nimport useIsoEffect from \"./useIsoEffect\"\n\n\nexport const useClientWidth = () => {\n   const [width, setWidth] = useState(1024)\n\n   const setClientWidth = () => setWidth(document.documentElement.clientWidth || document.body.clientWidth)\n   \n   useIsoEffect(setClientWidth)\n   useWindowResize(event => setClientWidth())\n\n   return width\n}\n\nexport const useClientHeight = () => {\n   const [height, setHeight] = useState(800)\n\n   const setClientHeight = () => setHeight(document.documentElement.clientHeight || document.body.clientHeight)\n   \n   useIsoEffect(setClientHeight)\n   useWindowResize(event => setClientHeight())\n\n   return height\n}"]},"metadata":{},"sourceType":"module"}