{"_id":"@blinq-reach/window-size","name":"@blinq-reach/window-size","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/window-size","version":"0.18.0","description":"Measure the window size in React","author":{"name":"React Training","email":"hello@reacttraining.com"},"license":"MIT","sideEffects":["*.css"],"repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/window-size"},"dependencies":{"@blinq-reach/utils":"0.18.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tsup":"^6.1.3","@reach-internal/dev":"0.0.0","@reach-internal/test":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"main":"./dist/reach-window-size.cjs.js","types":"./dist/reach-window-size.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-window-size.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/window-size@0.18.0","_integrity":"sha512-sJGztdS2cbkjYrsrPWzZyJb87hi+4S7s9rbNsPFpuHyNybSh/5qcZgh8Jo9Z09BDdj5Ifb+wf/ZOJp8NhPXLPQ==","_resolved":"/tmp/822a4daf33e812741aa550775cdf2408/blinq-reach-window-size-0.18.0.tgz","_from":"file:blinq-reach-window-size-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sJGztdS2cbkjYrsrPWzZyJb87hi+4S7s9rbNsPFpuHyNybSh/5qcZgh8Jo9Z09BDdj5Ifb+wf/ZOJp8NhPXLPQ==","shasum":"cb302a858370b9b65155664b4d163c13bb3a791b","tarball":"https://registry.npmjs.org/@blinq-reach/window-size/-/window-size-0.18.0.tgz","fileCount":4,"unpackedSize":3895,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmiOgnvSiBOSssjoDTJUeUYKchSy6gbkEDXuyoFodM1QIhAIKXIa2ZMpSy73Jp8Tg77gIATUfrDvwZXrHc8C26XRYB"}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/window-size_0.18.0_1684374058717_0.6547102747089104"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:58.660Z","0.18.0":"2023-05-18T01:40:58.882Z","modified":"2023-05-18T01:40:59.092Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Measure the window size in React","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/window-size"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/window-size\n\n[![Stable release](https://img.shields.io/npm/v/@reach/window-size.svg)](https://npm.im/@reach/window-size) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/window-size) | [Source](https://github.com/reach/reach-ui/tree/main/packages/window-size)\n\nMeasure the current window dimensions.\n\n```jsx\nimport WindowSize, { useWindowSize } from \"@blinq-reach/window-size\";\n\nfunction Example() {\n\tconst { width, height } = useWindowSize();\n\treturn (\n\t\t<div>\n\t\t\t<p>\n\t\t\t\tLooks like a pretty{\" \"}\n\t\t\t\t{width <= 400 ? \"small\" : width >= 1000 ? \"large\" : \"normal\"} screen!\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n```\n","readmeFilename":"README.md"}