`translate3d(${x}px,${y}px,0)`) }} />\n```\n\n#### Using PointerEvents\n\nYou can set gestures to use [PointerEvent](https://developer.mozilla.org/fr/docs/Web/API/PointerEvent) instead of traditional mouse or touch events. It might be useful if you use [React-three-fiber](https://github.com/react-spring/react-three-fiber). Note that only drag, move and hover gestures currently support this option.\n\n```jsx\nconst bind = useDrag(fn, { pointerEvents: true })\n```\n\n### Other examples\n\n- [Locking Axis](https://codesandbox.io/s/25n4m933j)\n- [Boundaries](https://codesandbox.io/s/r7xnzk4x0o)\n- [Swipe](https://codesandbox.io/s/crimson-dawn-pzf9t)\n\n### Utilities\n\nReact-use-gesture also exports two methods that add or substract vectors formed as arrays. They might be handy in the case you need to manipulate positions.\n\n```jsx\nimport { addV, subV } from 'react-use-gesture'\n\nconst sum = addV([10, 10], [5, 5]) // => [15, 15]\nconst sub = subV([10, 10], [5, 5]) // => [5, 5]\n```\n\n## Frequently Asked Questions\n\n#### Why using `react-spring` instead of `React.useState`?\n\nSimply because setting state in the gesture handler would re-render the component on each gesture frame, which isn't always good for performance. `react-spring` lets us animate components without triggering renders. You could still use `useState` if you'd like though!\n\n#### ️What are the differences between using `use[Gesture]` hooks and adding listeners manually?\n\nNot a lot! Essentially these `use[Gesture]` hooks simplify the implementation of the drag and pinch gestures, calculate kinematics values you wouldn't get out of the box from the listeners, and debounce move, scroll and wheel events to let you know when they end.\n\n#### Why `onMove` when `onDrag` already exists?\n\n`onDrag` only fires while you touch or press the element. You just need to hover your mouse above the element to trigger `onMove`.\n\n#### Why `onWheel` and `onScroll`?\n\nScrolling and wheeling are structurally different events although they produce similar results (i.e. scrolling a page). First of all, `wheel` is a mouse-only event. Then, for `onScroll` to be fired, the element you're scrolling needs to actually scroll, therefore have content overflowing, while you just need to wheel over an element to trigger `onWheel`. If you use [react-three-fiber](https://github.com/drcmda/react-three-fiber), `onWheel` might prove useful to simulate scroll on canvas elements.\n\n#### Accessing source event triggers a warning in the console!\n\nYou're probably trying to access an event in `onScroll`, `onMove` or `onWheel` handlers. The last event is debounced, and therefore not accessible asynchronously because of how React pools events. A possible solution would be to make sure the event is not part of the last state update:\n\n```jsx\nuseScroll(({ event, last }) => {\n !last && event.preventDefault() // <-- event will not be accessed in the last event\n})\n```\n\n#### Why do I need to return `memo`?\n\nAs you've seen in some examples, whenever `memo` is used, it is imperatively returned in the handler function. Essentially `memo` is a gesture state attribute that is undefined when the gesture starts, but then takes the return value of the handler function.\n\nIn many use cases, we want `memo` to hold the original value of our element position when the gesture starts so that it becomes our point of reference when adding the gesture `movement`. So we set `memo` to the value of our position when `memo` is undefined, which is in fact when the gesture starts. Usually it looks like so:\n\n```jsx\nconst [{ x }, set] = useSpring(() => ({ x: 0 }))\nconst bind = useDrag(({ movement: [mx], memo = x.getValue() }) => {\n set({ x: mx + memo })\n return memo\n})\n```\n\nIf we don’t return `memo`, then `memo` will remain undefined and in the next drag frame `memo` will take again the value of x, which will have updated in the meantime (therefore not being the point of reference when the gesture starts anymore).\n\nIt may sound silly but returning `memo` makes sure that we continue holding a reference to the initial value of `memo`, ie the original value of x when the gesture started.\n\n#### Why is drag being triggered when I just click on an element?\n\nThis is typically a-feature-not-a-bug situation 🙃 Drag is triggered as soon as you mouse down on your component, which means it will be triggered when you \"just\" briefly click on it. However, there is an option to not trigger the drag before a certain delay, using the config option `dragDelay`.\n\n```jsx\n// using the default delay\nconst bind = useDrag(\n () => {\n console.log(`Won't show if you hold your mouse less than 180ms`)\n },\n { dragDelay: true }\n)\n\n// using a custom delay\nconst bind = useDrag(\n () => {\n console.log(`Won't show if you hold your mouse less than 1000ms`)\n },\n { dragDelay: 1000 }\n)\n```\n\n#### Why am I getting warnings from `preventDefault()` after I pass `{ passive: false }`\n\nThe basic use of `` passes the task of attaching listeners to React. React does not [(yet)](https://github.com/facebook/react/issues/6436) support binding passive listeners via props. To have `useGesture` attach the listeners, you must also [use a domTarget](#adding-gestures-to-dom-nodes). This is only required if you plan to `preventDefault` or cancel the event.\n","readmeFilename":"README.md","gitHead":"a5943ffc08d725840c27f82eb93e9187096a7aab","_id":"react-use-gesture@7.0.0-alpha.37","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-jbJ67EbnyQyhhmQepuGjGjE4aous2SnVnSuiW5ZAMnEL0KFiLF1byMA6IAMnQK+r46HnExaTx52MJBE8Z0RQ5A==","shasum":"00309a356e120592685f7cf84871b491c262daa7","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-alpha.37.tgz","fileCount":48,"unpackedSize":581439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+OLtCRA9TVsSAnZWagAAWmAP/jxh8CXbpgOJ5CrPnEpu\nNy84DYitrlAO+GYQktDRaqRi0IcMjL65K2H+5174G1dBlE0uGBVnR0PFg0vK\nKgFCTwVc85SyeOMMqvc8xwWZOYgIlPCY7cQHk8e0pKM1BeWdj119iCA22mY+\npfoOWB+uD2LYy97xdlp0SHhn7Tq9+bzhdqIeq6IJvOBygkcENVPGFHxV5923\nYf5KBCv+Q3M40VeUDebWxjucj9FH6bSlWOTrUKYzq3jSslR7QpRn/V7V+brD\nS8c8k9zzIXG+8gMhhDNWcl7mqxbPLIJxEjvNBBLtg6IyeaWY8ycNzH5FAIhw\n7UlmfDupCpS7Nwl8GzMgqVhgMLmYe9TYLlehhLQGv+HPwqj4WY+3xufqrF1K\nbzKCK8tv0nx5SzAvEvSLwOotji0eooeHp0LgnOzHS5XMahZw4PVnIfAQwZJZ\ntHZXl+QvTregQ3pUfuXL02XEZJ0CkGoMNZye0sYW9eAAWi+HF47c4qfhIhnG\nrRIX4qSFlSTyVFRR+e85qtqAOyAwWCg5jR48yOS9V3b7UJmoUhL0HnPS25Mh\nZ3INeXTguNJJHkv7L91pAePjQvOtM2UL20t3dG/gJE6ZWrCgagvxIcJUb5nv\nXxyrqS+rqNXSUi5z5aGl+WnyRjykMJpiX+YrWPhFJb1MXp5O0/usLlV2Uhuf\nEAxm\r\n=W9AG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2aUMeuzmbOZAm8goaWWaD1XO1TgH3yxZpzRKI2sdt5wIhAO+LiymRLWvdc6SBxsUx5rT7BBGZztBcBqlwwwAPFoky"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-alpha.37_1576592108875_0.873315028705127"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.1":{"name":"react-use-gesture","version":"7.0.0-beta.1","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n ![](\"https://i.imgur.com/qLKJod3.gif\")
\n ![](\"https://i.imgur.com/H6nXQEq.gif\")
\n ![](\"https://i.imgur.com/THKPrmR.gif\")
\n ![](\"https://i.imgur.com/cuOfqST.gif\")
\n ![](\"https://i.imgur.com/iwZOfT9.gif\")
\n ![](\"https://i.imgur.com/Walt1Ip.gif\")
\n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install --save react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n ![](\"https://i.imgur.com/AMzsEi3.gif\")
\n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n}\n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n","readmeFilename":"README.md","gitHead":"2c6a7134bbf63a5ccfcd77d19bd31c23d8061b4b","_id":"react-use-gesture@7.0.0-beta.1","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-cozy1eaXFLj5lvtmx1vAISElGej84VwA/TALBF6EE1Jv5GSmStYqxrLOZGfyG1WJ+sCHjYMDOvouQOrG1JAMcQ==","shasum":"774cc51e14eaeac94ea771a53c2ea4b5a427d0b8","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.1.tgz","fileCount":48,"unpackedSize":569565,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+4IVCRA9TVsSAnZWagAACM8P+wUZSymQIllWEUaDDeEw\n+EhBqOovvuwr4tp1VOb2gOVtv/XTpoxiRRCRPPkOOoDH1o+atyDthK5AKvzj\nGk/JwagymkxhavbzRCPt+nV/RyG9XisNpltQsmEYQFaH3X9osFdVT6qV6GoB\ny+OrHW3iPu1VkK4lIevW4tPqKJm277REALutkCjZ0mBMLU/b63U11PakJzOq\njvX1l9ze3kqP8WchcMdSFld9IMvWx893Ewzk5dggHjYtrr9od72TLIAFl4Nf\nY9qBzKzmGnj8v7uBNPrx8nA7RyHsxUh6HRzfSq6JN6xzfmlVKiWfJ3vmwqhc\nVpbOtx11HbhtuSsEMiKZZOodMS2i9SMe/I4E9rsrRPZhm2NsRP1UjXBNXS+Y\nTEFyjfd1QPoWCMUWUqHyMIjF5qOL0RJpPlbqtGwV/Y3M2T0Z2xRiEVEAS763\nvFD2rPICP96/81AeoUbTO2rergLWa6oKAL071eO4zUSEEcq1XorBjPMhasZ/\nnJIvVV09xj36DbQKKY/qSukTxkzrlpk50yiuBsLC1RGzEvU6SLj64wuffwtL\nNd2AN236PJCvdrzO+94BoHrWcvNM2cEVe/mleqYfJniOQn4BX/lyjjT0QXNW\nICiFVI6RddVYTIvSbN50kDj1jmZM9eziXQP1u2+sP/9e3GnpgQ7pafUHhy6F\nobMh\r\n=bCdI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvfDe8AZ9BKMqjzrsaGSt2kIAVLC0/iF+ByUHui3aoqQIhAOZbzDXqjcSryWV4RVtEIzmrgqr0P3CHrGbcGpEAMNq0"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.1_1576763925199_0.2252594853084875"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.2":{"name":"react-use-gesture","version":"7.0.0-beta.2","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install --save react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n","readmeFilename":"README.md","gitHead":"d29c0909abbde4d28ad21339f2f353cfb68ff839","_id":"react-use-gesture@7.0.0-beta.2","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-6Dn3X5kWmrCrwAMZecWWZ/yySFK6zNoBlDhi/uoPqbeq3ZCt+CDYQxnUaMKpMYZhj2odJs0HdQWzzwULn+iI5Q==","shasum":"887e78cd44a68d96cb18700f3333f1fd5b243a83","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.2.tgz","fileCount":48,"unpackedSize":572279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/LsKCRA9TVsSAnZWagAAr/sP/0EmriOKYmeOU2MYZgW1\nqU+u3aGsHzJZ/rAN3G72ro5HyPTT1fmx8MlpNy9jw3826aFvxueb/PnDan0O\n/RLQAzWbRUF/xqgdvIluBJVr5vjh6ZzXARN21ZpUNp8AW9GrEkJwZ7MeN5qa\nZZHeksQGhEXDndRr/3J1Bi1yStEMYG/ba3N4cyz4YH6IaQdw0Pg8VjwHW41I\neom1UZcVx1eqAqMqj6SBRhHW1JYNAMJKXKIrW98BtKX+3liDfHem8+kw54y9\n51ujcd65CastaW/pDbOo5BUGQHgW3f6VT7Naqx95b+2lOORrPaMV9LHAnd3F\n/wp832W+RNW5a7adCuAWF2ao5Zp6/VWtIdCmiIV442v3yroVUMtAoxL0tReP\nT5LDB34UU25BRs85Xlm+AxunFhZiqnDdWrDcG9YCL5vFkj5Dp01Hp2N5Gki1\n5yLofl/5XQSADgxPzJnFMkleNH2Pr3IhMoyZQMS4xJtCuLVl00Mm671/5O6e\nIJTRGTR3wjSO4MAIvAR52RIfEFIRbj5DoCdnaxYc+/Nd9Ob5gwvxDYgPZHnG\net6/LT9FOqrLOyUyStncAOi+jkhCCDjhtw+26NhK1emhpLvdSoigeCNDP7Cw\nAdktnHHtx8kyJJPpwBN7HiOaXp5RTLhduInPn1ZK6hkPQLOZMOGgZRRNujhx\niseT\r\n=WYrP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHGfD2yh2U/8lNZEeQvh5Kx8Hu7wAqbmCWQlp8buNhrRAiEAjoIPJm/3/CPyPEQCGpGzqilpP9rPaod3spOcJVRej8k="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.2_1576844041493_0.5500624239801766"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.3":{"name":"react-use-gesture","version":"7.0.0-beta.3","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install --save react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n","readmeFilename":"README.md","gitHead":"d29c0909abbde4d28ad21339f2f353cfb68ff839","_id":"react-use-gesture@7.0.0-beta.3","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-HwnB9d4BHyLIYQLj6gW+bnmincuhS97Ehqt8NHYPYHsvAfLk7oLaYTPLKotMAHNbJKBqa7dFYfwOcMZh8ZJuwQ==","shasum":"5769908b41fddf5db8b035b4327ce7b8ddcaba64","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.3.tgz","fileCount":48,"unpackedSize":573791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/U86CRA9TVsSAnZWagAAxswP/R2nlaCBs3xzARKuSVDq\nc6kOrn/ClQ4+aoaWuJzz99hxXoYoYuCe0FCkujqXoU6yRhbsyfoj+qvtF4Zm\nbX9QZ3RaQv9+9mEo+GIiap/wivqjpLbpiYE5HOHVLiM9OZOVDWj6wOdX74C5\niYZ0UOX7GX3L6vk4TB4UD70sJfI9qopwPZMdGWBQvwI55Q/Pa50jWakNSTIH\nfN3Sx4sRxgA0ZRFWwmsvJNT3dc7486vZ3Ru5kU8vmm0K6om9GTIVX2nDQMgg\nyNBjIKpO1EJTgBU3OVfqYX5cxDamjDvqRJhU6RA6JhAX5WOcq26hzpDNBzdE\nm9/v4PCektYOd52E0kkicHa2vua+lFUgcjsztlMisQ5yfq7qKuEHtvZdR4DT\n3qxnwVsuTKHhnDgJ2VfH/GR4JJVbIKn0lHlZIdXoF5tUl01shm3pTmTFNMJd\nIr0ml+RaoXUFyNT2tFraTMYT1m9hl5xb3H1Ik41W9ACDslmpAOfAbtnyIMqs\n7EJ8RDVjCmAO3CW6grxKVSAEkGILi4JygSfbLJqATgvGwkbcNidVp2SzF6CY\nkyap3X1vrjACdXlSI0XcnHtUU7ymmvn9ZMlWfeoADZUvr8R+FY6K66nL8MAo\n/DTwej45wO2skpy1plPE9Dhitje5drHRla7dEBSA50lVgWh7UejpeuyzgaWT\nZCKN\r\n=iaiL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD57SrnutC8O2ucD7zZFvgZIwTNMIo6UNB73D1GxSZ7QQIgMt7KBpZN80evTQ3/aKIUhcqvujY/HipkZdi1vtWHATc="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.3_1576881978125_0.7926584728445423"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.4":{"name":"react-use-gesture","version":"7.0.0-beta.4","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install --save react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n","readmeFilename":"README.md","gitHead":"f61d074da77d62b53f26b2903cb5d05052974f23","_id":"react-use-gesture@7.0.0-beta.4","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-184Pq9Z8W+h790oeMtRBTjXI7Hu+UrHHNotSvEUjnwGOeZOCD88Ts9nkdGvfB2K03JRwafzsqExX93SACTU5gQ==","shasum":"249b8bd36ce64e125311c7c008a42904be13903c","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.4.tgz","fileCount":48,"unpackedSize":573781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/VaJCRA9TVsSAnZWagAAaVIP/2J8/75wwZVJUiMjQudO\nqWYQeOUfC5a16R5wzPGxxAxNxd85QgWyF92wR6D7Oi8u7QsK9k5Vk/lGdrrp\nw28SZFloTF7Gchi6v6rOX2kc/YDa6ulVF6hUqxzoviirITgU4+yz9KQTcIrb\nthqblssra6t7+MI0Ofl/7Jn+PI0e6puEqGayk5A3IngqsFIpnZ6hWeMK/RcE\nxOyfxz/YkMf3xdYuRd646p5GsYJ3D1bTTr/MTb2PHYMkPNMn1c9vzL1g3zkv\nJufClFlJ5xJ9BRdliqKo7uZhioxF3SoOn3J1UJSqhbOpGv253iABUaPeXULZ\n7AS8T+f4oZnhkOpttfMPvbMxgKCq++oAQAvU+8GTFI17PW+PjcXz8qGU9vCN\nhabH3L/EQb0E8p77Ny0BMN3ROBHt16q0C4MpOVqEqYZEnoC+ZQ3YYr8bm4Vh\nWR9D/aBu85usCsyR1rSaH/A/X7umz8KQu5lgJdv0sfsMRaRoTDrFj/wUWYng\nV4qXoAXBpKrMpLopui67YFisXIxUMdcdAC0f2E8U4XbwXyQ1hL4utWkWZ0CT\ntzq6irNs2Hz9zgSKqScJON7ZSxJmy82NBAGeXOkwGasNkzJ6rIWjM3quKJcb\nCpsYu8rnDL8b1wi5gJUlKeJOrIcXKR0FluxbnbZZrA2PdW3LWqYGNlOTaANU\nbCCx\r\n=C9vn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4/BySHxkn9btRvpvRnkH3rzK0MSfKXNHATzVvDLI62gIhANeBD8NqHxA/zS538lDWeZstk+akWWM4zv45LWyl+F9L"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.4_1576883849334_0.3227733804178754"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.5":{"name":"react-use-gesture","version":"7.0.0-beta.5","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install --save react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n","readmeFilename":"README.md","gitHead":"f4b1d81da88b36622f3e22bd39cd84ac214c0c40","_id":"react-use-gesture@7.0.0-beta.5","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-zWXhOmidHs+OHYkoM7femawPkBpzy3XQA5+CbZA3xTdli4hyIUGqH+LQ8u7KQ5iPnArh+UbAiMwFKusXSEJFKw==","shasum":"87e62a13de0ff7eb7f67c68d53b1121ebbb1c4de","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.5.tgz","fileCount":48,"unpackedSize":573888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/dWHCRA9TVsSAnZWagAAoVgP/0L/9H0ZJr/hb1t/nk5G\n3hfGSjIDzElDvKOIbnzLbcLWVgNOnwm82UMUVCTl6EAVwd95yq/6hWYWffuL\n4ihqWJvPcKtf57BpvvtVYxTgew407pYAE9BlEI6yV9iaBzSeCT5tlySLSym9\nOj7I8SUx0HHtGfU9XRUFMK8jPEtR/e5P/Kx0Kqz/tGPABbi7v6YgIqKBnU+f\nzONDm0xOer+UWaOF3bTSzWuBOsChoxJ2uUTmFWLyeXpZnyPuHOibZGZNm8sR\njKSj7f3UrmxQInNikxLbHstOHg/lDgK2XPUFYxZBAjiF58oVtwXMsnibjtef\nxGgZjHyfXxFhg8+4zkdqtmWaiHvuqsiTRrX2BUCAEra5BQJoNh1sF004VF6k\neoTwhz0+avs3BC/XtgQ077Xo77N1BwBkpdiG8hTijHAgmxOFB+SCRam9JQkz\nKYZZZBUqY3pP6TKIc/hFo3egi8sP/EbMYfvltnoj51WJqDlnVCqjwC1dxKRy\nNK5Op5MaE9+a7FYHoSsMNLEndqN8jLb8Mm/KM0zK/B65iX7FAPL16NZvJxpK\nts6pQtCuSyvk9oQBLl52VKuKtH428tbaR9nD2DSAkZ7pQn2DUSQFLQGaU2h3\nw06JJVpxles7Y29In52smWmRA+nOLb3KzToTPVE+qyTIMyUcpbAmki/03l6a\nmdw9\r\n=WzM6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAeb8b9fNN+wkbCQn3Kzt1RnGnrpuMxoTaatmQr31geqAiEA7KlOb7JTlk1XEOg3QCXqKJZongPc5bkoYRdvStyzaJ4="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.5_1576916358408_0.18520759953993982"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.6":{"name":"react-use-gesture","version":"7.0.0-beta.6","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture@beta\n\n#NPM\nnpm install --save react-use-gesture@beta\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"87fcc9f60d5287c85569fdb5193d91199113fbd9","_id":"react-use-gesture@7.0.0-beta.6","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-sD3cv1mDdciEtTtbpGCY8kFZidtt+3qs1bxO3mnuevOwDKSXLAyn2I6hCrKHtpfVBgEnndSZ367QMsn9vgK/rw==","shasum":"57cad0f059557fc9b5e75ee0caa8fd0f038de30f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.6.tgz","fileCount":48,"unpackedSize":571619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeA/lbCRA9TVsSAnZWagAAC5QP/13UlYJHGAIYmyUYDiO5\nyUNTN2TkisEmw5CVqv8yaOvouTaH6R4jIi9l9DgCFCn4KHALGOOTbyeIycIj\nL1V4tc96LBaRQj7c25AwQZlSi81SLw+eSnAidfIbZcAe3jDvM0tU6z4RTPHd\n1Ck2/RgH2Ztf6SJx2LH6YoVN3F+ql8Xk2ywBcor5ssqS5XLk8NtR9AIp/K43\nRq9lUyy+iUte07pR4hVaP3pjh9sIj0cTMEBC9Mqu6Tf42xoNOhpw19Ctw5F1\nB/3XJP6jVqp5Jrt4Jlf6fBHtc2AR8aFYE8BT9CSNm+LSW+XxlJGaIlyv8xTJ\nWUzcV4lOfwogh/rf9PngdZam+WF3c4zSQQ2S3jXwVSIBVHmEsfK+yGo1JilL\nPafQcDuAM5evWH6xMysM/vVF0kOav8Gh9ORG+Kxx1QSGovfTukfGLfGGoR8r\nL1ft6dkroo7fp689Bcb2UxSQF6Gydj2OW1DP2Q1ETbYKWe6Eeg/3LCeYR65/\nWR8Xt/VsPF2MjcI1nPzuuccwGf4izGKp9GSBgcYmnkK4wuZ9s2BLnOv4ekyF\nGvDEeylnXfF2ulT5jFbaq0eicdWHfCTwK1dVnavFqtRL72v/WFZRuySREL00\nfc6MxwiEGF+y04U/2WmO/EHrNXOIei9PzFrTwoka1uTdHRzfsMpmp/+aq+6m\nqi+D\r\n=JXOs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlnwcAPnhLFR+C0f+1OUh7etUXnuzHznGILiF5K5ounwIhAJkYBq9dbUjh858uPWAkvucQ4vkkuyzs2oUyu+qgoiTd"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.6_1577318747024_0.4054188593404944"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.7":{"name":"react-use-gesture","version":"7.0.0-beta.7","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture@beta\n\n#NPM\nnpm install --save react-use-gesture@beta\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"7f1b547c077245c36b198dcf8a6ea07cf4ca19b0","_id":"react-use-gesture@7.0.0-beta.7","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-hJUGFTBrG71ja6nxxWfEANzPU2impGhZRCTAnjPXAoxh75ZwIR9Lf0o58fxgbiSd1rZMv+KybOkj6D3jXI67ZQ==","shasum":"da5b7e2351aa2a486beb390f26831a4416de13df","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.7.tgz","fileCount":48,"unpackedSize":571530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEFl6CRA9TVsSAnZWagAA2nYP/A4NuTF2yI9L1pey6Vcc\nWjg0w0Lkmy6pw7Nu+pF0pVyj7jHfxttxQZZd7Wj91FCxl3PjE4g334dqvd/Z\nQj/6RWS0fWBd11ADIYVH609e+Z0bsz00V91cGtXuStwIjDarD/5McnTjAGsd\nWUz1jCIGXgcr//ClK0OzLeR+tjkie+7vSTNL6PDHTxswzKHvfPTBIjRzAXje\nSOWspl/cVum0ThJ18nMyM1Ci40e8jiUZnFzD/wfv0+C36SIrPcyiK7h5xMZn\nU5xPDsIQ4AKGXYiMKj5AhI7amU/PNZsp+rR4CTB2+xIthWO78CkwCgZhd8Vj\nXdoxRgdOxyTYTrzWpzuVeX2iZ9e3NqQdUxbeUxDxav9N8uEWh4Ono7MY+SOI\n+kBKQMYMBgE62Ew+Agt5yvYYQzk0VyluExWlb54aeT9gya8wpzC146FTsIp6\nOLWchP3PazmX6eJKxyf2NqVTywZQznE1xR5QV+6QBX+sPB078cDS8Est9rzg\nKw1qcvVyBZAEMwYTQAIQ/FLChf9TIXYijAaAY3Sp+TuozV2vgZAAOIzFVwLQ\nLYJF4XbIJajO2FpZGUG25xLwBJ9NXIqGwEe9t7ExhTqzkyzIu/Boz1YT4OaT\njSQlCZsTr6CWBk2gCgkY4JvSuf6i+waYyiqD9h4U6lu1uhNvLs45gByV7ykf\nfsvN\r\n=lR2m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID019q4JRyRJ7oyrt04WQ6IDVQhdkHhviTfyDaxokBmNAiEA/0FlLhkZ8Btj3R6gu/9F4lPnszxNOf6L8eZSv8yE7NE="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.7_1578129785911_0.02454334823119453"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.8":{"name":"react-use-gesture","version":"7.0.0-beta.8","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture@beta\n\n#NPM\nnpm install --save react-use-gesture@beta\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"029b1cd0a26d7d3b43b458c4525a72781e8db928","_id":"react-use-gesture@7.0.0-beta.8","_nodeVersion":"12.11.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-2TzmIBR0q5LbkXL9/DDV/NIkWhBs8AEMAwr0Hboo5JE4s/a2y/hDca3NbnUMV4DlTiVqME51upw9QXpsJHySJA==","shasum":"542c2a01d784b08a26048854749bc97995e1b01f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.8.tgz","fileCount":49,"unpackedSize":578627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEGdcCRA9TVsSAnZWagAAL4gP/2XCLDYwuEc8esNbeSbx\npGjdTY26OvGr95/P7UGtZW/VaH8Z97UZMPiZjGENgX3NgB0smcKBuxAlqCaU\ncPhFd7ZZpnVakKQfMHhliTV2zpuKHNNe8HFgVa86M4B/ZmPHLx+nmqqvYq/Y\n34y1SSICdzlh2A8dpupoJXt+t/xoGsahPLZq5awxDHjnY5tjcSx4N9BU4ZAo\n+0yNC/UeeFryahOyXH+79J84AO/xSTZ2FPnExeRt6TAUOVSexm1h6fOCguB3\nsHSbKoGzut3i5Y5ovGq7ekvUA7ZUpaplB4ZrEoQVJYm6bt1NRquCvc/UVOJK\nLvYo1HEN069zdjZKeXYWM4YdNNaJfnE9Hpjw2ZFGofH9+t1xJUljosa6Cd7K\nelh6ZXXTlwGanOhrkBlq92wL2rX2X5AeeX9RmS7skhtebi4RQEXGaybCp51h\nax2Y57auxtQUWHzFWCmKeM4kBpCzAxnlM6Ieqp45bxWmlnRdiSwffULgng3x\nbee79/hOqGr2l4OWjpGgtfE0rp46l+DyE5rhqw8lrL+K8w6q1KJ6egqh6JLx\nZyYaPY6ffbFRuBKhXgZCDzYidoURCn9qpwAmlVl3Ar02HWMqH7Xz92HsAUGt\nYnqqpAnhvbgM7e5jBlg1U+N0ByFzqdoJBnhb+DhxT9+pkgdMLiYWVeVqpDbh\nIicR\r\n=RZYS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGwmWRaUcWc/RyWoFh3Tokp+983DOmHYu1zYthVxSfYwIhAKLoi/AG4u+rfe3+A3JpV6/xTsNBHvKdNGZ5/Uq9ExWi"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.8_1578133340213_0.4901798491756111"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.9":{"name":"react-use-gesture","version":"7.0.0-beta.9","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n```bash\n#Yarn\nyarn add react-use-gesture@beta\n\n#NPM\nnpm install --save react-use-gesture@beta\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"355ed1651f14159a7a2a447e41cee2c6c56d9184","_id":"react-use-gesture@7.0.0-beta.9","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5YcY5MM5Plhvfw5HUjvW0mI7DE4UcLDT/VJeVgnw9Tje4YkIhp0Ebo1lVQyKpqvipNPp5kr4rjRG6p9R0UQnNw==","shasum":"d0381611ca8b5fd32b2b771f9fa93432b8a950a6","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.9.tgz","fileCount":48,"unpackedSize":574244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEQInCRA9TVsSAnZWagAAWooQAICTWWaFxjx9jpajGDIz\n2Y6fWMS2lhVuorI83IfOzLYduBcbAXGxcTf+iPrtead69gx7e1T9GkvOLJPD\nrh7DzbqbNwfT8NbbQ4uM7WJw1QrJHIkqbBuhcasX8M86o0dpGT6befL/iaIB\ngVGm2MJ+1DSTQx7WB1sh4xVXibRCA6CeUZFPHixBxGi+vqzWm0pF33+w79jZ\njvGWqmElLazSbHqmI3BKII2ypFFizSODI6Tnz9m4se2jWVQFaYsj/VQqtUAp\nsPmDh3viYwmfv0ruJqH9arAB1ZHjp06A1sztiybLl2nMknmHhQ4yeyTkcfL9\nySVzcDKMVQnAqmhtCoBWIr/CAFlQdl253yB9XncMK5tjnpf4HQf71yilrrGZ\nqGU2jCtophXwk/QceRbZMBj/Iq0yiYog01ZM/QyHZ6n4EAS8lC8P3bpMJsev\n3pJquviKtAFy/6Byg1yrr7Ip3x15EfX8lm/AmCMlO6Vo4rcVkDmwnTLotPdz\nfi1YNGu/79oM53JSa8yAvPVIEElaBZaojPjon/w2QxFyetmLX0XfwzP0rzym\nkDevrXKQl4YGPvdaSXNiNdAY3DnooZNFeFqCbfic0rkKDS3ko9yl4ucknUNW\nCYl9eog/oOVnNo0dZnrsL5IF6GRmkqNUXMJHXa4zxqOHWJ947CildsJy3qSp\ndH1K\r\n=lL5L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD26yC9LvRX8UHJeN28AIBNABt78HSB5Xh18i10XVnVZgIhANNUqPgFXBc4GlWf3/toITF3Rcskcvhi6gqoGuK2kIQh"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.9_1578172966642_0.26489714818947263"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.10":{"name":"react-use-gesture","version":"7.0.0-beta.10","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture@beta\n\n#NPM\nnpm install --save react-use-gesture@beta\n```\n\n### ⚠️ This is a beta version.\n\n**[For the documentation of the stable release (v6), please click here.](https://github.com/react-spring/react-use-gesture/blob/v6/README.md)**\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"be997e92096e3e0eb4b8f61024044371c0aa6f11","_id":"react-use-gesture@7.0.0-beta.10","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-dZi9Yuk8opP9j8TOMJSj5xKbdbtKCKf+ysPao+Rx0IAIWsxo17bFrhMWnZ8aNrAEca9uWOjicb0xs9PP1Ny+Zw==","shasum":"54769a0afcd4bc0867e036ff4b690f731088c70c","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.10.tgz","fileCount":48,"unpackedSize":575380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHHdcCRA9TVsSAnZWagAATvAP/2pn9sbybqlieZeYgIT/\np4DPF+fu3sCkEKIXVWgu+Iq9PUpK9bH9DDHZgg2mvY3RFK5+DBEGYpUuNzN9\nSQglo82uEnUTtF6/r5rHOULlMWashrVFjswLd4A5ueZGaPVXQKxuMK42vakZ\n+XP6unmfBUulK/rJVC7D6bEdhz6ZMDKkWyF4Q0tqJQ+fU796OOfa4NoXzYJ+\nql8i1YMCVmSxhEPAmwJ6/Cup49/JW5ZvkLSOLKlzUvAlNsMtfGsD1ZtR5Hja\nL/wjb1S8syK0iif6JahTQdLRm7B3PFvlzqBRQwAgrOfvNCWJztBjySW6vIZf\n4DVtCPl63vFe36KDJkd9LJ1FHzuau1igADXbrmcrKF3pmRJm4VKwX+uezpP5\nR2eZqSqbHrb/bljjoNqZa5bynL6Y9Aon1//ckJyoQZTdcNxg+YSUKjKCbyAM\nH2uM5ldXBC1jOPISFl45eGDoSQTQd/uOITuKc59LQ8SjsqP19XWGd6HMm5q4\n+Oxnrw65cCIrREi0T8Ki8mOV+GsUmzvVnY48jNF2Inu9ArZRHIDgYy84Hd1c\nAQvp772fs3sf2Mb5flbHAmNKAC+ZhYaBLkm8asai/yvKyXHws8A//zxk9s1n\nG5+RCUf7Q9LFSmKBaBqn8SvbexfOjp9RUSachuIV20N2h8BZFP/Vdv+8FkdP\nQTA8\r\n=SWt0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH3Vp2SrCc4+RupeAytaU4x6Ack0dvcxiXtQxECukk9JAiBAh6VH7ZZrFljHDvDOhRiI8r+V/jK+WQWKb8nxxO2W9w=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.10_1578923868506_0.2200099181719417"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0-beta.11":{"name":"react-use-gesture","version":"7.0.0-beta.11","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture@beta\n\n#NPM\nnpm install --save react-use-gesture@beta\n```\n\n### ⚠️ This is a beta version.\n\n**[For the documentation of the stable release (v6), please click here.](https://github.com/react-spring/react-use-gesture/blob/v6/README.md)**\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"7ada846d1a3408b3f7a7f91b9d0b88a0d06bf679","_id":"react-use-gesture@7.0.0-beta.11","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-akZ1/hsPbgFoO34TERSq5QlhIVK88Db/zGaQTHn7i1lIlria4jkhzYi0aBSALisc2+xXl6n8SHLtUzQ7BdRy1Q==","shasum":"93d7e5ce6fb3bec6cabe80c9afd488043e1a3c86","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0-beta.11.tgz","fileCount":48,"unpackedSize":575766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHy1MCRA9TVsSAnZWagAA0v4QAIGPyo0xhnYokSQmhWwe\nZ3lng1XZ95FGRnyAKYlZcklqgx1wj9iOrlrUFOWXm9dUqdQV1Jts6EzSCeGQ\nTEQTMpkexpgR8xnqlxokwwd1sK9NXIFGc4WpeEFje2YZ7Bgc+8Sfw5C+X0jm\nmXGirzPevL3HoxjDnLhDPxYFNmbFGPitkYKhrhMcH0SUm48qJxeObV7WpePj\n9g6aOXP2RxUorHyqtnvsMPJvzGEevTIgmi4KhrtHTf1+boWee+mEXg3/vp3R\nngjpif/o7L+kGe3T+SI9QsC/YQsbU1bQ//m0DSMbd4CxJgJPuusk4WMMWn1X\nRLZfR69P37HskzfI/OY0o01/IRKUL+B37UcltiEz9GbVODMsDbuWd/BJQF1V\nJMEDbDQ/SD2MUhvXpGjxGqU7qANlAADwEq9Blg6xqCLhHfTSzVXG/MVN+3qo\nj/dp5k//vgxiGHEFuXRdHeWn4AhvwMGF4yslkyMe1CNBlXOinq85tX1vvjIG\nKWEVOj3X0kHJ8Dh1iGanbLBLtYP0BcrByJNHEdHxRsEDEEYXs9YzD7sK0kz5\n5OBZRVCwgF+hIItF6irPy30Th+HvFNkmWEsE6shxHC+Cyj1o1QngC+ZXxk1R\nD0pqBGe7sfFHQOzhZ59Z2nWIuZb4PkWTJaCvb4eGFPuH6MJq6hI9kA03aHWP\nu39g\r\n=qI0K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVzX4CGb+W9pmTnMeaakJhrL2tTyCxr9NWTxbdsDAlpwIgA3+X11/Ub/L9w6S+JreZI8lHCgGEWSOFZv2bAkOf1z8="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0-beta.11_1579101515748_0.49699962927682884"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.0":{"name":"react-use-gesture","version":"7.0.0","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"gitHead":"cd085dfe1d9d8c646fa15699c931a0a712fc292c","_id":"react-use-gesture@7.0.0","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-DaAh6rG/tKD55LqWTnLen3KEVyZ2CZRAc2+KQ6wdpsKojN1mknisQuIzu64non3ZIOvf55OQTTQhewFXyYJ6Qw==","shasum":"f0856bcfbe4c226850b57606a1d824d64e8828d3","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.0.tgz","fileCount":48,"unpackedSize":575548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeLc4lCRA9TVsSAnZWagAALGcP/2XqfThIjBpMCx8SP2NG\ncHGKLSM55NNFSuNPtv4vuBLKcj4ywp7GFhKREyn9cRj+UnOiaz23BJm+/gvU\ngv4G/QqHDhzGZJqDT/FKiyBO41dIBiRWFmLnxuFnXbfaESIM+NOGPWYhtcSi\nOffA6VOR+lcaK3pq6bfx+xSoBoz41fVpKgIzf50fmTQ0aeispTbKZ3hMQXmP\ntibD0164vClYMzhsOmIc3V/N1Hs47MabNdfqTKFmUbGnmJ/YjGk8cBEffztU\nyN+hxWwUGIXst9jYnYSaxN882iI1przd2dR0UWIuZv5junyB2dnXWQilI6MX\nQyMqslccqCQFTLWqSx/LckHmNXWjlWagHjwyI+1kgNe1d4hav6SpV2tTqYYF\nRLh7TDyUJmwtmzCA1JdBQzb0bnlHzZn8njvli8oTSjZ2CXor+z9jRyo72gI0\nS7Ii0pwC1Icx7Qk0UMzzCai4GoY7qWNfGeEI5nzoN5Rr0QqJ/47Mm5zCQEOA\nSyjMXU3EO4WEapG3iwUt8uQOS0jYUNBFxdDUJSlZaYz2MfHWyZabCxqCNYYO\ndkfdtiKl+TjJmHk87igdLOX5A/S4i0Jqm6F3fGiiQ33nRHTgWtn1rsYKVqKu\nNx5OOoiYNfiQcJAH0vsl+gZ7uguFih9Fki3C+M24fLZjLUxVnKLys8nDdWfR\njRzx\r\n=VeJf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHBUmvs8HMNqOgQvCshxIKc6Rx8atkYk4JJs0b8+Ma6YAiAY936IZutUPtYIDGOxfKCai9kdNIvdB5unVe2yHD6Hxw=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.0_1580060196359_0.8180799175268056"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.1":{"name":"react-use-gesture","version":"7.0.1","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"gitHead":"ee2380274090f822789eaa34e7cfaf65fbd15c22","_id":"react-use-gesture@7.0.1","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-D3szKjwp57lDau08whjqDktP5oHKGONTgDzh+CBChONJ3SMtPyNaQ3Dog9HkGcn/TcVvsNBmhfmEAok2asNwGQ==","shasum":"31e85e224217b289927474c115617c45fa0f8326","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.1.tgz","fileCount":49,"unpackedSize":581934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeM/rYCRA9TVsSAnZWagAAUHMP/1NqtavQ3RqbRXTAPFnA\nWMClyE7InXqjn31nczZEcqxeHjp4cpef9iygVNhh+03IDaWgRTagBMKZqO6f\nuL03tJT8Ed6HAGsmUBnu6XBv9s2JIrzEp+UFC9+jts8MJqpQuMmmcOgZfx3F\nMVGZqtDEpD6yPexo0xx8E2pEdIQdL/c1DWLHMKYoIH2jUiVVU5yERid/7XYb\n8c7NVQVNRbilOIWYNWAXUeV3W/k+ekPJ5JTW3AqKSvXXxra/V+YwO+EUguHt\nlWuMiqOBZ4Wck1tgCuHVrLDJ5qdpaNuLlN/i8ki2Cgigj5OjaU2YhUdhd5Mv\nozx3FvvQ8f0YhdUdu0+ZulW1mdXpRL3xB03LNP1cSKbpjELaWjyMbgdE0hYE\ndLYDVO/PTaryw/4mNmgjEsUecdrL0a1dKw39QhdrPxH3Jlukwv2CPJU13DDU\nuBnST8QbF1ywYBYCj0v38HGxd1AS3gpxym1TijYz7pZqxB7DA3Vl9TcrF1Yo\nLZ2vPSCnE/UOCE8vK+NL9vu719noGHLGSDzohANz63pY0zKNDyrWXYi8uBbA\nULLNMCxtKApelFLKL0zULkuZ2K86bVX3TWDCNc3N3YcrujjseKlrbDN+qjY6\nji6RIXXdiZj+MSOA9/xObtXNOyULi/Aj/ppEDF7IlxPNwa4vhwO1EX/ql/v7\npe5u\r\n=+mHJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+C1UjPFKmS52/TGaka8ypCR5xEGo52XetdcVsZaZqEAiAOXUFWe4ATqGUoMN8AkQCRavv8bDnc/FMAMehjTUWqLA=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.1_1580464856102_0.3803122009422384"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.2":{"name":"react-use-gesture","version":"7.0.2","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"gitHead":"0ad627b49faedec050f619bcb42780eeca3e28e7","_id":"react-use-gesture@7.0.2","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-D4l7F5FxJtDiLEpN5iuQlI40fUKnF4xr4jFjJy6LkL2IQwWkmOQmh/NGh85ILnsQgfoxCSDq5PrH5Mgwv1bF2w==","shasum":"30b4dd8b7a874cb09a29ae423be8a1741bf30eef","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.2.tgz","fileCount":49,"unpackedSize":582309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOFyfCRA9TVsSAnZWagAAUTEP/1cT0rF8Ad3ENIdYSuJ1\nbvqM68XFUyUTCGlBBCNqBhw9oEPE1tnZSThwX9vaSF4TfT/QBAwWIVrGkSuv\noxv1sUB3kpLWDxC6NRTv8v6wqhpdkssoVBnDy31SkmbGs3hbqKvwAkucJy4a\nYX1dYa7S4LZS8ooQ3duipDR32F7zvDE/4mp+5pCxG7krrRWW3Lqc4e+KEPyB\nBv6DYkrQV3fEXX2CjBwGe7ENVVrd3cmaMdEYXZZDv4JW9CuUFre8AxyGJnkk\nMjtiJM9DE/tfRE6d99hyik6i6djJsCdCCuqYPZjEqBJVOcHycBAwCrc5ands\n/wpc3UbCrQ1Ea+S+rtF1+ReLTSHGv1yHAX+w3fcAQwZkxjZECRdbcjV4QN/z\n/9iQAy4pJotZmk7rkISSSxZm4v/gndPttFP/PoCVq+9VosnUp4O3c8obBNXD\nvhZoMSsJif5rFZbASDbaMOibyySuR27SzcHWpbAbjH/ooMHAk5YvJwWeJA8z\n916fqwdAHjfadAwOO2tVkKsohpxAnfq8xFoDS6bgFSIoT3a6fJBa9uv3H3dd\na2aGXeGvhOp+ebnfAoDL7/EsJTu6L7YdRGfPpsthOtYOMJ0ng8FNEXvjnuS1\n1wxQl1LDG17LOFo4naL1QvIVtxXGwtmI6TsE1p+UlfrNGmGV1JpP4aP2rJ+c\nsGhe\r\n=EAIv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGovIMYRKfz7MFvA64qoQwB8xIicqRbSaVTONiwXv7t+AiEA/hYxSBQwRivKp76n2OqwIHktzTSivYUZNBRqlLN6h3M="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.2_1580752031029_0.5560426532687379"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.3":{"name":"react-use-gesture","version":"7.0.3","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"gitHead":"a7f4e5ed386204d349f2b0032388e24ce03438ba","_id":"react-use-gesture@7.0.3","_nodeVersion":"12.11.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-MRkxwgY56eG95th78TnwlRH77TQRmONaG4mfs6wE/UDTJWQ1mXcraSP7zZXaXa3Q25WHgP53lB09KtnjL6ev2Q==","shasum":"300e45e25f9ff85b31244df8d418b66697d45823","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.3.tgz","fileCount":49,"unpackedSize":582384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOyjFCRA9TVsSAnZWagAA3EoQAJnZRtAwtN0Tjt/Bazas\n2RiPQNqhGZT7SX0e+jYZ7kXRsT93KN4bxlFTLMD4IQ47T/pnbkYa/1VuDuVf\nF8YoJ5YrRgUctJoU5xXmeECpCZukJmqpDYBkJ1lfF+v7jIqDPx6p0x5GtPUf\nZ3P1R9DKBFM2ktKk7ZTbF7G286sg+zBkDb+8beAGvXX11J5cYIleNC3fJ1Jw\nX7cYTpFaixBmWqQ8NxROqAQW8GxdfbDrmfcP5zJfEAOPR2QMb6LwQDWhLPaT\nK1yN5LlnUYGKdMaAEgIJLEmxqWAJ4cZxcc1E/uhW7euLRbrhEhPNK9YyFNMH\n5Elguf/I7xxiHwkrsxKpwMGuBNyxtAJ3L/DBfdKw0/z9mC9Bn7X8bavIjVPS\nKwn5kom/Q0yxKldHDJi63Dc1DKgZPThDBPHJ9WDONo5nWk3RAfhitSSJvJ9v\nWGYgunS6EDZGfSDL8ynSURQstYZ6JGm74VyzPs6DPkPxymd56TzCYARook76\nPwz85XRbPSWaupKy49cVCHxYZD1zfhXAfNWwc0x6emc3afkvKuql/GDqSUj8\na9iDmP4YD3xPkktoaJUioVwynkRULYf1RwJrhhQzGWqsnqZ9j0Q6QrGP7Ivj\njN6uvPdhWKIRZZtLIxf+NzAWnVjU8hFd4PH8EhD/UQ3pTZVNHqNT7HZ4K2IT\nOAf6\r\n=WSn8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBV0AZnNGUscKM6sT4aW9ePQu+h0iwrW3wMjNt52AbyvAiEAqadOWOJjosroHMhqy0ja4/yuwW3xKY6kpwuKbuMcQnc="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.3_1580935364496_0.8172025812877062"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.4":{"name":"react-use-gesture","version":"7.0.4","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.15","@types/react-dom":"^16.9.4","eslint-plugin-prettier":"^3.1.1","husky":"^3.1.0","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.12.0","react-dom":"^16.12.0","tsdx":"^0.11.0","tslib":"^1.10.0","typescript":"^3.7.3"},"gitHead":"670cb6da7f7734afbad332f1f4faa093c552c2fd","_id":"react-use-gesture@7.0.4","_nodeVersion":"12.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-6RGHBRyHXSqRwti/osj7WTcSVTxeulyz+pLg20vCv/bl1oEU3mVVEtmbPpsXWsqR23FZuE7//8AiqVmQQSGuBg==","shasum":"94493ede7d90c0e05a97b366e419b55eaea53739","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.4.tgz","fileCount":49,"unpackedSize":580543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePUFpCRA9TVsSAnZWagAA6igP/1k+dxlIajKJF/Y6A2yY\ndWw4K7TIPaY8Ikb94u3EHjlgBORL9hA1GxSgMFpdUqYPn+j8WfC0Uc+5Sblz\nR/y4uTLlK/d8G52Y7a5K11Dh/9e+Ozb1NS1zvx/+bqNAsx3VDybVkOil4gxh\nPjkVDvQEL6zoJpljDYQDXctWhgLGbzw5Vg3rsIbvvGlgV2Vc3YlMxxajR4ma\nvx3vG/Fj/XhtLxjgvUU1wswsZ/D0ZcwDFb7hRfPnSJHIOZ+gtFFTrb+FMKXh\nJcHGxqWDv2m4m1Q3GXp6EJzv/7ne6c3IhYFuyPwWIr0XzIrXQocKAf+0fX+b\noH0YyyPp965OPDLuqBgQd/1maOY4AGpYwg9FpQ7LTiUSSn9BBgMRRCXRqiwv\n2w6dfzFW6JzDRM36reNYoLzbciDZr9kUpOaXZURD1SlKI7OQm8tcCZdcrmer\npZhx8bKKp60znZTY6qyIYvoZ2OYB2jwujeWv9FIVEtShOu2OoMdsTnAN/4Kx\nkoCPML2mlmBerNsqybuRuKP49POxxvzBQJp60SAvlKaWh9zF3L9rQkEdz3zN\nUnKwKnCnlqnYpv+NB2xUEyhYX0fNatBPSVOAZtdjF56Ojl5v9y05Rj7JLrom\n6fscrXmrEigaFS2Ka/TxR078k02jvOVuf+BI/qiJJGCpB9YLoAqPXO8857Hj\n75Wc\r\n=68Y5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCP9yn9RcnwSE+JiIW+2KZjmIYiapMaomAJG7Ii6F0AbAIhAN29qBgGGawfFq5fU9caV2USKXqRA9O8M/k7FIaXKKxe"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.4_1581072745152_0.45142725125208916"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.5":{"name":"react-use-gesture","version":"7.0.5","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test --env=jsdom","test:watch":"tsdx test --env=jsdom --watchAll"},"jest":{"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.1.4","@types/react":"^16.9.23","@types/react-dom":"^16.9.5","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^1.19.1","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.12.3","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"01b269d96412c987f537ad9e3774a141dec31ac1","_id":"react-use-gesture@7.0.5","_nodeVersion":"12.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-8/CYG76/fLypdlPgRqxTQ2l987uc0XBQL8ax0cnA/tbeM5jU4KoQH+FG3ya6v4pMqPN1KpJQyc1QYEbKgA0QMQ==","shasum":"e260ecf03a4e537cc7d9624bc2cff54e943f505a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.5.tgz","fileCount":50,"unpackedSize":595493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZMnYCRA9TVsSAnZWagAA7TIQAJS29e2BC4MiPDteRPQ4\nB/ZlyILKZ+teunwMcdz+XdqChjeEiA/3Uum5GNh7EzK8te3xOUTQoit3Z6Sy\nlPVsxnw5Ndoyy5ZB2RSOBWfSsQEuxf8YrNHr+gf8c4+brUV/03W9lSXdbtNf\ntCV2LLckfdFiYAPrKB88vjiJr1Mk4WVrLNweoyfSqASh/y96eNcyYBfWQHSL\nqTDx0cE017eLrcFLiJUKkxhZ81J17jdzI1mSwdvXvTFqDjoXbPCROmdHZg6j\ndiwUX7COTcQ9OH3UjeiDQLlUbt6iMRk38lq10cJvxxGZ3w2TuJgmPb9zaqlj\nzN/oeeYz/hzJ5HS0/g4qvQfxXis8CDLFcoctns9nmY92BrQLA6e7Ns7Mdjag\nbYnAj2hK5Kqf8ExM1QfNfKQ7xhBeCa6zglSWEAusT3BiSThFGFnoEYaFPP/A\nc9rxluNlC7PNiEcMZh/vAE8OLnxr2QnhVUE7jYdtfclybwTw3KjLEqivlUK7\nGMXr/fwD278sNOtnfb8qj9IE7mdjWGAWejBvCMS2F0xq0hRGrqQn5SNwv3Mk\ngA1U8w7pAXqW72M9IObnFwGP4rlry8Lt3J8z6Gp8A7JQs3xh/KlJQ4XXOtGe\n/GH/hIL4fdiWMBiPID1z61j0+goFX/mTrjvR37bJ1FdW3jnukYvF1MCQn15a\nR0c7\r\n=fGHh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAKbhnvL38TTaCfPI9DR+QdGr9jQ9MYbUfCBV0Ex40JVAiEAn6bVzlnsoUa7FUs2cvWk9tkPIeRbxeS1Hm4XL1yaJoQ="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.5_1583663575881_0.21234340924589157"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.6":{"name":"react-use-gesture","version":"7.0.6","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.1.4","@types/react":"^16.9.23","@types/react-dom":"^16.9.5","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"fa6dd05957c34450533445224a42fdc89852be68","_id":"react-use-gesture@7.0.6","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-JARLfiF1h9JYbB5FTCADMAsYtYjaDN2IVRDvk51n+8YtgQveJdw8AKvzkJSCd6YgJAmJ8qJsVQoIWWz2cJerVg==","shasum":"c3bd1f711401a5b591995467fbdf22b988e70a5d","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.6.tgz","fileCount":35,"unpackedSize":593788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJegN6tCRA9TVsSAnZWagAAPkoP/29x6pACsXvlvp41aphA\nIWOhq5oFyZJtarjKCRIkJvXF7a1yYLDmGH55bSG/uPoJqZUDiUKr0vssGGtc\nYP+H+uMsRRNtYFMWRyh+zhGDUwmF9bGSSeB8dPub2uGBt2IcBLHqtfn/8bmf\n0ZuguLnyme3GcI1pOTQnKuuE3EbVb1uCXIaD7r1zH9C6cYqMeAIOez3VLOLL\nhO96sfgwjhLKbZel1tPx9E+B5xQtoLKVWD4dlzkNE7CsEK1suXujYYxaADqY\n4UOooiT93byokzgQRPkNl48vS4TOnk4zyRLCHw93fzKWfbh6Xibox1PBViWj\njGRSjl7w/J4oeUnTg5R/gcbBg6z+RC2qhlybCQA2s7xFVrsPaZQaCmif1QKF\nw4/dK/vdtB24fNgRF30xWy1HhaHni0AEDVUJKtzSweWXZhRHIkjDoit5U3+5\n9F2Kom/ku+HoFR13mUn4SHa4ldetaWTjIqNl6E09205DxMuD11RpBgQSyXsi\nhI+9K0G/w1ziIOLlzRVjVxrMfQciOZ5sLfenK/aPB3zDgM+41FGSAr5MFxJI\nN2hpq6j3QwnDG9zoVt2C3r8AY66xJpTXd/2YP8SFeWvb8ceW8mGfLzuEYYao\nWnByec+oDn5kdSoiEP3k9e7qYXDbi+IvyeBtINww+2j5oCjFM/r/VzxjXjNX\n7Op8\r\n=DFK1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL2NMn+W0Qscpb2rZQ6ZhYrjvsrNlI14fVZtQBeJJdYQIgauiDiUKyO4Q9VdlW9QKcl20pulpnVX6BBURA8EvqXW8="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.6_1585503916240_0.42619766485011423"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.7":{"name":"react-use-gesture","version":"7.0.7","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.1.4","@types/react":"^16.9.23","@types/react-dom":"^16.9.5","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"fa6dd05957c34450533445224a42fdc89852be68","_id":"react-use-gesture@7.0.7","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-CkLUtLdB/quqmiEwNm3vhEJsBg8TTMv2AOCghbLQjKPVaDACdbt6+bQBm/HjVDIfS/9o7GKl7YLPaA63UnbOsA==","shasum":"d1e4f450946e8f3c95078bb0e9d1d4eac3a730a4","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.7.tgz","fileCount":35,"unpackedSize":595679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehbhBCRA9TVsSAnZWagAAY9wP/jLivNgcjKn5YezpRVxj\nRFX4/Pqk+Db17Zn3tkQYL3zsg3izOUN/FR8hdQweZWWUzmiYxjLHicyty/pH\nL2+ygo1On11cYKNz7xL9Lz8OhBMi6G5nEKqygA4FFeiCDA/TS599mh8l55DC\nD/IwcjPQXhydAJBtKRQCp3KtBABkt986qvkT2VapklYp0tGI96fRt4nwmeqL\n+PmeDqNfLznJSl88Pfdi1R0VFYB+P+NywnpITZyiCBw3SwWvB8G0RZP+gPWu\nVLOfDu2YIBQC4iKXes9smMDJZIoLaed9ScyCF5SAMPK4UwRzyDgShFsiJOCN\nUfLjZFN5wHVz/PQo5omJMkI3EM+IyOCrPSoGgUbkqHqRQYSPNfkGwUvGP+hR\nJBhw9gnDvggMS0tUbevW4NWTo3Uxe6q4Oej5g/NMO0D272yEgt8kbJIgvqw4\nzfYdOcU+VfB1WNG3y+Sd3uniWTJ3/x67DhD9hpDdDyTeT0GQX5tMSBbcNxcM\nXEMPHHLN19KATsr9QAWzOainr8btPRWy1gms++N4meS66vw4p3DcR3UN+L0r\nQdiDJJfYmednyCvrE4J/aDAUYmRzJsDoKq1+KzfNkw5vyUYalGUpO4DwNAAK\nnJFGK/0xkOavNVEKUNIlMbQXvWMlOJmU6eWmmojFndkTD3BnBIyc0QMQFRo/\n+Xt4\r\n=uHgd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQ0PDphmMsHIpUneuB9ZnPhmEmI3DsPG7JDUrcXISW8AiA9kqex0ixy1/eaVitWUw4hRegIaVOzHrgKoPjzK1EAaQ=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.7_1585821760628_0.5486564147837094"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.8":{"name":"react-use-gesture","version":"7.0.8","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.1.4","@types/react":"^16.9.23","@types/react-dom":"^16.9.5","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"6693b8f2b1dcb6ad444efe64fc07645c9cec5b14","_id":"react-use-gesture@7.0.8","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Fy50US06pVkfsIEKDV18v3835Xa65/3QH9gDYRStjCgM273jnaH8WUsx4UxUag/NgevLnB3RPePUHkxtJheoSw==","shasum":"0a0663d96ab375b14a8e9126287187390995e454","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.8.tgz","fileCount":35,"unpackedSize":596576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehbwACRA9TVsSAnZWagAAFjEP+gIu3BbDX00mGvJR/qJ2\nmMckVIOgVX2lVpliIpey1ZdZgGrxviY9Avpff8dKa6G1AmLCIYdeDXRm5z1J\nTObX7rNxm5j9YyfEb7Icf5DCHy+Rq/YG0xF3KJIJcfFJ+JHpyeYH3AMgNrRl\nECSNsYeLJ+I3k5OvOiF8xdt2yVevLvJtfxc1Y+rhMU/BfStCDYBVE5E8e6D0\nj477zhOizFCXQaE68owU/fljSGZIEyZwNkcBbocNnhaCIPSO+Y6oT3BTbVU5\njiuSVE8VVzGmyDaGA06pkvcf6U4VtzQTfUvXX7CbGZqiEkIyEKRYDMLkNHcd\neLl2HowPBUCnW1Nd4pNsMsO9o41E2gYRDJOThHq00emYwaBD8qbDo+jrnAJM\nreEYlb5kTx32O3jzsDbIy01IMwlOx2o2OEJi9S4SxLOxomRIsE05n/PZLIXZ\nOWUP6MySzOBQTByjlpaIeUlF191QrRHU08x13+p5E0GxqLyRb8da9kWMF3CU\nkwn2Y5CJneqVQV2tAyXGoU8gp5h6wkgv1kQb84KqdebsbZb+CigVc27Tr/hK\n1CsrPbWXI45scOV7g7Ggt3vS+f4HnWEkc1890rR0Jfgq1vYD9Y/JnG06i9Oz\nqKOMHP5rmQbOr+5BHYTEXVTdelCWLfyFrIZXux81Fq3NTgrqa1ExXkNgo7+H\nzmPr\r\n=LV7n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+fwXmTa1OsY3Gr4aR4U2eLxJBCPq+uWPBDOQnIpv/YAiAvwW6bckThLLwMmKCBO5LpPd1Oxl0YqDVO2dV9/kigeA=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.8_1585822719506_0.8771809932941053"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.9":{"name":"react-use-gesture","version":"7.0.9","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.1.4","@types/react":"^16.9.23","@types/react-dom":"^16.9.5","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"731b205e21a195224df77fc6c1916d5a6948a0ee","_id":"react-use-gesture@7.0.9","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-z2gNEZhMBiyVRF7g+n54oA/1abEd+v6k99KqlzR+emG+I90rFXBG8U0ftk0h0B3MUxXcBWHZJijlrNQhS6iLAw==","shasum":"0a36a992564d7c07f741da474ff1f3f25b6ef06d","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.9.tgz","fileCount":35,"unpackedSize":599833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehvSOCRA9TVsSAnZWagAArLwP/ijElgiSmrkevtw7iQFl\nLb54PQdyzdBCPLbLuIkfU66VCth/wE5l7Gr5MBTLXBj4KOq1YOQzWqlWJy3X\nyGMyzDSMcvo9kWsGkEMOjNWraxdxx85FGLSFrtIkPnSLp71sb9m1pF+4DlKT\n2mx2cDfKQAgrXdDETmYI9Jc5ACKBgvUgOi33GylRBTI9ODWknHIw26L6YZzc\nNWRRcmedIEN5vDuciELE1WVbZw5PCv5N6yyPbwpioZbGZXKKyeqIgsGelMaK\nAMvN6woJdJrezHcbrdouLpZ8R3AmaYCeNUnAc0e4I961VH0CBtu9oSRvhr6M\n5hjjdmninfXVhKlrSYFFgQ4t7Pv0KNFSzxwjbTCbF0cr9oZPU/rgbppRpYxK\nzuI4NxUdSqDogsNDKDrSOHFIoP2Zds6qdd7Qlq/gPEBR36UPFQ2JxSvLAvqP\nBHE4Ox+fcOIZqR1PiRlCvxxAF3fjzSwCZxauiKnlwbDpJ0wz4Phczt54euy7\nd3gtKNwR97h3iqCZzJWz9+dBrp4twzxrPyFpyCv6kiFl/RYoNZieU20qclyS\nEg1koUunRadQ0xSWzTpjTg1vXTZq1xwsmydeyoE7bBoKxdsnIeEM2ggA9fMP\niKlsfrjKwZ1g1M/BGH3SCRCGtVEuHx58K88GJBG9/wsM5BgWXySfPBGRZjjF\nmo1v\r\n=V8Yc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNJOcz63a4BcrTNJdAvx6P1TACzHc1rxBnzoXaGION/wIhAK2uUd4ItzTIqQrLLUaIgf4VHXk1EQFr9TFN8DFJx8aW"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.9_1585902733766_0.9021685667561656"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.10":{"name":"react-use-gesture","version":"7.0.10","description":"React hook for receiving gestures https://use-gesture.netlify.com","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.com","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"cf25263d59c890a63e19001c2ed8d8e5423074aa","_id":"react-use-gesture@7.0.10","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-1jNFMsXm1hNLEvH7e9z4A8IvBZqCt/q3vhf15hYjUmzDMby228tAWoYByYL0DyIgLEBbbq0zzxU/Sc4oBaeyLw==","shasum":"5d977852a9358588748383883c45b8bcd49a80f3","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.10.tgz","fileCount":35,"unpackedSize":601306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeibP3CRA9TVsSAnZWagAAtG8P/0qMIyeg0UaZqs8vKvnm\nUyX59mKh/fwv4GITRL58e5YRb2fcUQFhP0/oCp1H+NQqdxiMvkbnsP/NfAC/\nNMBxkTig0TmcPrbmSZ2Y5gL3JZG3fh56V2FMK+bhXGIyqJlWMLRX77LaQ0Xt\nGygcNblfs4Mf9E7DJyAzk6+oRsrLOOBNgGRvVTdLRf9UeQ3Wyk2UpYndgDGN\nJonuH9pMxr6QLSe46LVeiFKjZec53FxlC4OCu2hmtGCMG7ImLPTCTD2n+Oqm\nnFW/kO18rIokLxh9m9nXCOixfeInMOFr9G9cKjEJsxAfD1ceKVOcCnghq69E\nOk0MPSEzu//VFR0NsmKa392DLkKEgU1Y3rp3k13t35WbB4amMadSqoNdrr1N\nM/DQ0i93k3B3FLrVNktRIjHJQtFpwsWtweA8a2HD6o3tv/x68QiRTUuC+0+c\n/bHaaYrQU/TIrYx3i0cbhFPh0+n4u0KhEKOXOccV7MOy/wXtidUQDxyCVxe/\n+Cwg2Nj1zNV+u/BrdhJQM9H3wNINdP2lDyJWKtvzGNWwh5vmsOAaztTr9tf0\nGOHBdcN1SWCaE1WwOJGcI1wUEfuANJrELOlC8fXvplza7bBCY24rqUvI7+mr\noXm7luZfEAvxr6IcS0AjFC0erObqNW9vVhq4JlatmA9PEyuDDnSmeJcM6FkH\nJ2hD\r\n=t2nq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFzs3vONovpFwdmDl31CKclJzDEnARd49oTEboq5sBwHAiA/SSgtHsoHU+PKAvfvc9SFgb70E0wkFVpIVUlU8yuJ9w=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.10_1586082806896_0.346141612153122"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.11":{"name":"react-use-gesture","version":"7.0.11","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"5dd204b13667e09d4404f85a008c6170c1869aca","_id":"react-use-gesture@7.0.11","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-g3g4BsoRVsgtZwpR4dhlsuBUjU0k6B42NnrBDJ0grQ2t4rCvHdGS03NQeiX+4AwzoiZGJXLz8WT8Mmcwc02Juw==","shasum":"a6c551c68e55cf6c7a081b0fe168b733be17d555","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.11.tgz","fileCount":35,"unpackedSize":601423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeijiGCRA9TVsSAnZWagAAdZsP/RCIzvxhYMr2FSHJSn4p\nVKvCivJl50AJ3xEs673/nE8F0u9V57SlaHJmxP2Xpj1bctQ/hXhhKATWZ4De\nRtXgYgSJl2Pq6O6tBhwvOXy5WzVMMmgJi7Ujy6fd0ynOcBU/y6/tXYn0VLgd\nIYEpu6m/veiwMCmJ3ngCORVM2m9/jwTEMZPuoe1wCaEO+EqZ0XWbeax/CJdo\nU5Y3xxqKpcA8uZIcqKFH20fJkrJ97nWosaJToK2Wp2JkMwA48f50GlFQbPEf\nrY3oE8hZECSVcgC5CWjDmqrk9doP9cTb4hLpB8b+exfcR8S760/jevBq1s0Y\nsKYVK5+1LARwWcHr0IQQUMMwBTytuizBAFSvDJBuM5WuZSgof/aYQTx2wsvS\nkacXNZMUpYMzjNxu5SKoS/YiYTacppeZIf89OL0iEBIOu2MSPYN//qiGE1hI\nn/5vvnp9lX0jQ9SoTE6aor9/r/mouD/48zPSPtWjIEQgOytSiiREfrvctTf+\nyjXCu0m7DUxAN/hZozpbUOktMdYatYG6hQNFPTXo+MGlAe+flFxPgMe3JIOX\n9eCBNWzvu4i0RJLNw/uz4jHNbwaGCmFHEtgncQcLLKt1LSB1awfo9D8uBPS+\nSijjizd+H7Db0DKNYkEehWgOoTqcBTdqDvWvtrqY3pgLdknbFodgaNIhGB8M\nfw6a\r\n=toSh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgcu8kUbe108Y2qxV2pA2JHHKKZh+6Kvdvuuy+UDzSpgIgcABYt5cb9jkDG+Sl+ENxRizMAc4QTV3DgqwUOyhI0g0="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.11_1586116741711_0.40508077320586255"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.12":{"name":"react-use-gesture","version":"7.0.12","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"32519b4c3a82f77fd5c43730792c60da2c09cdca","_id":"react-use-gesture@7.0.12","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-mkxaOA0gh10qy9Ha9ZpfhhPGBNJnlOG740oq0ukll0dE2NrBGR6ebzVrotJ4U5pAzjRKyTrpnzb7sdhm2PGdIg==","shasum":"cf051b20a496011950ea144ebabcfbf9af2433f3","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.12.tgz","fileCount":35,"unpackedSize":601612,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej5tJCRA9TVsSAnZWagAAbYYP/A3nL3gyX2u6nnZBCHAQ\n0EsyWDxk0IxuZ+af/POVy0wger0TOJya71vibdO+iaRdkDPO7H8BBy7+MiW2\nVEa7gQcKBsKD2TciI7gZUqcuC40LLeT9LLIb2vIcPd250GlpYn5Q9AdUP1gc\n40OBnSWvckUcI2sTNhGiUfR1uQTdIea1Mt21k7YDed7hhOq7NYayCgugAjct\n8DyAh3/N5X9/HMx+VsuYEgzMSNSk2R5nwYP0CVQO5VhLSXxHk88tOzVedp5O\n1iWV/Vs4EV0WSRgPLvILOs1yoHnlAJlGsiIwGfNVriYHavRPNc1UX9kiOuZv\nPnsuWWs6QASet7IF7av5yrFGNHLuBw6OjSxsYydhOSNwozZXDIKqhqlPRCAL\nSN2JH2gqfrcsTcCZUWhnKypdQ4Txw/AqVCxPdVBPCjv6HfVXV29pIDvOLCJf\nYrDEPVeW2tKfFQFwvNQ8Q6WmYepOgzB+pDUAIEOMR2O6EmQWl27vAUBHVlo9\nIanwOLsZ1zawuorGdFzezyuMrCkazXkYRav8rDF+tBUNsru/u32pVHMuEZEH\nq6ABsr/XKZ4B5z2Xf+eUXTqsZdCOedf4VC71tQOGNvHFX+d0eR3O03b+VOpu\nty79apNWwO0IM2zWUGAOu3JVAD2F2K5KO1mWl9lOhxhvo7lbLs5mQbi5wPA9\nQPzn\r\n=tJOl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3zimKD5mxvqJROPkM2pBVyfR3/9PgUWqovwvYvtATxAiEAiGZgjAR71NC+DyIg2AwQnGZCE0/FjFIGWu+Pau1+JO4="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.12_1586469704437_0.4134023429239171"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.13":{"name":"react-use-gesture","version":"7.0.13","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"gitHead":"7b49b5ce150761c024cd70c192989951eaa2eb75","_id":"react-use-gesture@7.0.13","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-CKHm4nzB9WnZdSFUXXyFzdWU8Ly9PvwfCn2bXSMj3TmaSpcvONbnqD8u6rQIDfr7uNfDyPN2na1lKVjTg1Ltfw==","shasum":"a5f2f8ada0209f931c301cbbd5816f67abdf256d","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.13.tgz","fileCount":35,"unpackedSize":601875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekXwkCRA9TVsSAnZWagAAX7sP/jUTX0pOKE3ybLahOjgy\nTzOzK/5UB6WEZMVUk17/s7lgyqiySxuQKEs2grzWjofjy8fwn8tvW/EPU9fN\n18jausgN8JhXlQ+8tc0KgZEluPpkjk0LoWTXsmW8pfgv5cpaOVoF2UwqqF3s\nNBX6pTWUmuzyiHCSWzWVK/rgTlxzNdkSVNIuKw8TpbS7a2BuZP3wpxk1pNdX\nOu57/qtDlthR6wPfjwvitDyPhhm3+oM19bEnmZH9venIoQ1QQAhbyRkCFkkd\n3opNWkqU0f5UPd0nwnRw1uqTWLzEnNGZBdMjUN78EYSycVAiRtvKgy6qXk4m\nFNKJNH0NPTEdVJExciLRtNHVAmQgDEXTi/T+zELumBECPMZ9YU53lZXPwGOg\nSXJQeENx7I9/9aFGO/I8XIsqxourq+mRT7c1+8Rl6XGUpUvLFdxuJydAE4In\nPc/0ThWVJO1Zjfi2N4iIzKXRExXKRzSS1C074oyvQvzRwbYv4UeVOho+Mspn\ncmnQMjXvPLhBRpsgl1QGnydiVSmRrE1ym2up4SxzRuyh+2wBnV3eaYv2Tk4M\njDVHDMGXQ0fBscgthWmzJ36fr1e2Mh/9VpDU0CLqPOqAl6TzdQw/QYVc4Gwz\nCdRthhElB5hDPwA1NdRCGSPSFAOKzYKQCHGSt2L8yf8nwid8ithM1NDYxQdI\nYqec\r\n=k8IO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGElqNeHaPERt72+lL1GpiJNMUOxTPUIFQ0GDg5VUWVRAiEA9o01SvsMOkiC3zEtlV3bN8ZQMXgwvy5tmLhWkFxM7kM="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.13_1586592803455_0.28660269216033796"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.14":{"name":"react-use-gesture","version":"7.0.14","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"resolutions":{"@types/react":"^16.9.32"},"gitHead":"3e9716df8ad69e89a691d97fb1a011b55b7d81f1","_id":"react-use-gesture@7.0.14","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-qthzEtOpt0hjIv4T48wJgIQlWS7Nb7bQ35VPV3c8h6G7G3b6i01lmg+lGkBuS+/fEm810GD2MBFZGE6GFdBpuA==","shasum":"a39854b4f26d8101fbbf1580e7fd557d43ca111b","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.14.tgz","fileCount":35,"unpackedSize":604560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeluwcCRA9TVsSAnZWagAAJg8P/Ax+kYE4djG+StWreUI5\nUwkiWekz0m7YDQSntJozYbyosYpxZCnJHU1PB9sf1qOJQtQ7dGEZTzgUt5v4\nB66UVPyDO2ACKtGP/LFFc06oD7IDOtKPXNIUjE7PaadkZDybEBOul31DLHn2\nf0pbwENzmf1NvCWcy+uReyHxoMN760IhAlI9dtsu6iCs52DzJ3MeU1wHwBEb\naKF2lQuxr3UdGuJaBw3+4UkIQUDW1GZRie2jM2mELZFRS54KOfJIo/ZreByR\nVASty1KVbaX0qpxW427jpYVlRQJB1Dig6qFbIWOPKfa95t9YvFTjyjIsH3vJ\n7GUniTF7oI75DUYt2WGByMWq5UM0fQiwWFeEf7DHbmKu6x3/n4vyPJ6gTlqM\nakYn9GkNAd+Nz/Nf/dGxPKyYhizeCHxxPvRNS5QkvzSHvgNNoa4bq+rK+EL+\njS4iEqIY3i1xeDOUSZUztnnxUj1FNlkGgKRNhZwtkQpLjITKO+HbcKa8NLUA\n6yyfyD/apP6A9GZ42BOoDr3cOWL9gStEOcY3ucQjcije9s0wqLk3zbq0Bn/a\nCFbe/84Td+jFBXqP4xbHyiXZ69jMhlEvd59DXV0AqcfTsqW/wIuqF0Wl9V+d\nzrdaAe9iPsNML6xbJ09XOYteTzBcpNPp93UvH7iHYtJhw27+E6mBu0uvYmiZ\ntgDe\r\n=fpWL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE2Cb4zh/fYdSd3Xet9nd3AQqQ1FyIyVtGKCgphnxcYPAiEAl15z+fLHqOzfdbHI3vdY0hSYrQSJouk8bhyFM/A3b5s="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.14_1586949147411_0.5041774484441841"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.15":{"name":"react-use-gesture","version":"7.0.15","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"resolutions":{"@types/react":"^16.9.32"},"gitHead":"a6faa22c2e4c5e67e090fd31606d04e224d5a3b7","_id":"react-use-gesture@7.0.15","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-vHQkaa7oUbSDTAcFk9huQXa7E8KPrZH91erPuOMoqZT513qvtbb/SzTQ33lHc71/kOoJkMbzOkc4uoA4sT7Ogg==","shasum":"93c651e916a31cfb12d079e7fa1543d5b0511e07","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.15.tgz","fileCount":35,"unpackedSize":604689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJembp0CRA9TVsSAnZWagAAwrgP/030HjJn+cfOhGwRltP+\nFUx0TxP6YKDEDyE7qChCRTewPqGRhgEB9pwe4o6l62EF6i3/uy/F/eg5usaZ\nWv6MpBsDzNb+L2femP2inMcWFpCbnvgxabtNgQeMeSs2wCQDfUH6+sLDhmvm\n+uE0iTRNQULPWqPs+W/DVT4N+p98L2B+uE/6q2wYohBmMxW25qPtcbzxg2NP\namhuGAKn9Dzp8pKVD3DwTtF/x4z8ww+KQF1sRTmYpGMGJ+l0M5vp3qnYK8Ee\nN/NX0eSsFx29fNDuelmpazCwdrMfiBUzgsL/8XpTSWbcfcfrKPO553IwhWoQ\nqTWTbf5+KmvsAsFw6IgAQkrHRZs64LKmXj8EwbEJmpdRKQKYZOpkhAhBdAj/\nSVp/h9RVVn3DdvcxhQMv5OqU4Qxdf1s31YwWmimCb8Tx6qIxsLr7DouQkwUY\nGZSBR08q5gWPHtXhFr486Sjf3ye15L/NMFBV9VnT45rlnmKbOAuf9z1VOUBH\nl8tn2TFWkwEPRmcwlLmTZ22LHwUslS6G5Cxq0KsSeHTvJlWeIUSCXbTKP0j2\nxsgAKR3N66JS0FWkMhovrpY91sDKTfge+2qcwcXqkoxdbf/YNbgLhpqirFLd\ndUmxC13qG+QZFhil27iyebcem7YjOy6Weay5esm1iqTevE5UdsZyMIC5TQBh\ngX16\r\n=EVhM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/b57NUnZypSudoZobXs3Qxvjt3e7iCTYI6W5HujU4mwIgVaZg3GeSIMcFyEwPjmDyyMhH0vJ7TdCJb9UFNBZTo+Y="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.15_1587133043466_0.973984335516819"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.1":{"name":"react-use-gesture","version":"8.0.0-alpha.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.7","eslint-plugin-prettier":"^3.1.3","husky":"^4.2.3","prettier":"^2.0.5","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.2","tslib":"^1.11.2","typescript":"^3.8.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"8cf0d6c52d6f3a8e07294d5bfb3e00c06a128099","_id":"react-use-gesture@8.0.0-alpha.1","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-qr2h0ds3f0yTqZnALpBT1CUGLMdytOJ9OGMuSuII1i8HNx3vM/fd7X/U5+ddmn7tb6Ok7xfgZ8B00RVIkrJTgg==","shasum":"9cffffc48b614675d178759ec71082467ff5006a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.1.tgz","fileCount":36,"unpackedSize":586709,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2Q2CCRA9TVsSAnZWagAAamgP/0C8CzRro3LmzU7DREfO\nVMifqKwz34clqlnYJzr6zoGcGhIPBZ2AQ99sG2ev+MV1Km0e/xnb6GdR2bGP\nLku+U8NSUJgxnwpaXnnm1wQSvoLuNGWXZ6YR4MtMcveCtLknlEZVjhnt9Amq\n54WoTjQP+dieZE1X/Lx5VOqAmNDw6Hq65rTBh4oIoa1e1M8U9wpHFlT9aJfM\n6d9EZHXb4kN42DiywNWzuh2YqaSOBFREm6qwR5EEiVtvAWniHsv3jivyso6w\njj2fxWAMgGxV53YtPQSKabhE+eOZOaFFrlMdoq11IO0dwRtLEJGXNafoNqe7\nNoVnnEMBlIovcrkG11GZ+d237SfEXifL0OUIpkCdE/jB//fMtMAvX6ZYzsed\nnprojKTlxnDgYiYRpStY4xQAs1YCfebaJkE3Wz6udbpJpiPYfFmElJF2Zd12\nXs+L29qTDnt6OHxVXqlG66LFIEnpa5Ipgyd2M/D5/quir/A9uylwQbBXyR2M\nUc8YaVbI9g0kv2D3a8Q9yg5ggK4bncjKa6OrcgeA+mdNpwTKzpQFBTLVCCg6\n9JZpNpm1l6Xtr+BFhhY3xnNrS8efieolDA2l+m6E4x32z2/Bc0hpNznfJqum\nHwm0aLrsI8OdCFGOlOTeNIrg/4orVytakVxlpfYvzgyadxkr4tiLN3TBDS0t\negyZ\r\n=9IWR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGWrokoQgI/znMp7wDOJrGx8Lap9w6+seU1JG76Ub/4XAiEAllTb69KueKrUWCBZS92m9luInnJ4afvci2Dzc5LD8mQ="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.1_1591283073869_0.09673657270773894"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.2":{"name":"react-use-gesture","version":"8.0.0-alpha.2","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.3","husky":"^4.2.3","prettier":"^2.0.5","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.2","tslib":"^1.11.2","typescript":"^3.9.5"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"6bae470aa65399ab1307dc3759169d4b6b29038f","_id":"react-use-gesture@8.0.0-alpha.2","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-glTuBR1KLw29tFneYHJVsMgqRDc07x4LwBmMrWwHRWSfz/hT/xZtKWNIKKa6iOcvqkWk0DlBIwWjYWhuWkEfPg==","shasum":"b0231e8f27e9c359bf6049730c21576b7be28ffa","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.2.tgz","fileCount":36,"unpackedSize":585584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4AhSCRA9TVsSAnZWagAAJIIQAJLYf1ww1by2Jj1nW2eJ\ntJf/uTwue5omVdcy6p65YnSM7xTOAn9qNzIfvo0FYav+rbdJodmouFWs45YM\n7eL8qEphYfhKsVwqIKbS7oZNCx/UIfZUCFIMA+WGOzxP2TVcSQvEkR7U0Tn3\nf6pv2IXXXGBooKKu3AlxIz95cwK9d42EH/k2njvZH0tSiYKTdraDYsJ19MiQ\nt96pbm4ZBLG7BjAt9AC655qkGA7coij2E9GTWa2u9WirdonXyU5P4Mtfjxad\ndzhZBcPLoj/YcvFnadsgb9E4HShVJeVyyzeNDg6owGZRsqk1F/xZGD5jhvdc\nXrMasJ/LLTMMMcKRcins4rhyNvUD4t0ed42qdj4WG1XKxfaaFZskCnhdV2fQ\nkQKTlsRqoCPQ/JVcLkMW0CN47TqECiDmQ8NkH90/MBYtwuisqWkXv5Z+xi5N\n+Q6aKrZrloZj+deDyggVZEHDV0XUYnoHofqRN4F5g20fEiSa0WOlKjkfTtw3\nqK7sRPvEM9GHMW1l3unpsQIKJCNXK4kQmIK8cf1etEZ52bF74sVZRKxhXa/j\n3kkXDDVCEPHyYvsIjjeokIkN9acisPRaW5PSfY/6Wd6MJZoHtXZxfxzVo15P\nwWdGRpDHhVM6Qhi8I5rz2aw52Czm6mXL+dL0utyEK5FZsSF4pLtm50XBaR+B\nlzD3\r\n=Ehnq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIACtsrtU4PKHR3VKevnSKnAEaHVocaJFEqdVT0UjXZGbAiEAkrYKnS3OSORtu9WnZVW21cy7yfwWAWDY70IAt481h88="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.2_1591740497863_0.39509719118451203"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"7.0.16":{"name":"react-use-gesture","version":"7.0.16","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"peerDependencies":{"react":">= 16.8.0"},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","devDependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^25.2.1","@types/react":"^16.9.32","@types/react-dom":"^16.9.6","eslint-plugin-prettier":"^3.1.2","husky":"^4.2.3","prettier":"^2.0.2","pretty-quick":"^2.0.1","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.1","tslib":"^1.11.1","typescript":"^3.8.3"},"resolutions":{"@types/react":"^16.9.32"},"gitHead":"491d0cbd8cfb8f577e0eed9ff9b1b66b8587eaf5","_id":"react-use-gesture@7.0.16","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-gwgX+E+WQG0T1uFVl3z8j3ZwH3QQGIgVl7VtQEC2m0IscSs668sSps4Ss3CFp3Vns8xx0j9TVK4aBXH6+YrpEg==","shasum":"501985261ef9c815a377b6ff9be6df5a85fbb54f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-7.0.16.tgz","fileCount":35,"unpackedSize":609496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTQRWCRA9TVsSAnZWagAAi1oP/3n25gkwVgPiSatIhZRO\nnQcg95hcWQUK+3k/HypGeXvBAbIpN83zdHOotbkVStWGYkwvveNO9Cd1EXG8\ny1LV4YC3Dt78wcCO4B7KXMCZ1pqOBJTMFPwE2ZNVcDmdd1pkscANdi7IQbyU\nn3+IF4Nple1vu/Eif55J8EHOVmI6mvmDyAT4V2WKiu+Sc+uJEjFO53dANEIK\nMVWnEgsIq9MHiAuXqMIlB5PmwLw18UtQ99DwZbQuzp9SbFJ0ByaYk0NvdcEd\nM2G8ndCRhXdfbXy/S8f3VpQ4FMaNBRuhoq9dw0LhjvJfQWe6ELbYOQlzuk7B\nGP35mzvNYplYiaTdc46AVSiw/295R+AkjYMClEEcNcp+1KGwARsqVveVOFF1\n0d2avJileML5N7yWACLLgXvMRHcYN9082ETmjhNVhek65MfpGc2xURrBwxLt\nAwqh8KXHO+Dn8bJidrai0eSF2eBsv1t/rojiSMt0JgwuDyMsG9XeFdfTcjBN\nSqchb8pU1kl/fhZbHALzCyxtvbyEBr649y2Vk7FzYfPh2Dj7829JducZ3N60\nSKQqgtT4JEowlT2NaxY0sZRPToYA9auNxWEMljzGpFUpecDjVj2T9uPrNM7F\nI4KU/daXrHLuxxfiXsf50n64HcPZPYBT7RShyznH/CJldRoRolXKrF7C3GWo\nyB4w\r\n=ngsK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMv1LMwHhYnMYAPsP1uVBWjlxHKw10l1rL+tsaxPsqQAIgJ55n6kxc+TJEOBa7i/s29jfCWZ7Wr3/BdagYo76rfS8="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_7.0.16_1598882901695_0.8715264112886152"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.3":{"name":"react-use-gesture","version":"8.0.0-alpha.3","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.1","pretty-quick":"^3.0.0","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.3","tslib":"^1.11.2","typescript":"^3.9.5"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"10927b2da29b31bbc5c0757f662a15bfb49d88f9","_id":"react-use-gesture@8.0.0-alpha.3","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-t0MApI/jmmP4zZIXNx5JAVhb5y9bxV7xjdwKZrdFTIdFtE0Bf3btCIBNBCsRgsn02OKU42wqH/amnQrbEXfPig==","shasum":"487d060682967a443caa9539342320ba97eb0c02","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.3.tgz","fileCount":41,"unpackedSize":597510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYJQVCRA9TVsSAnZWagAAaxMQAIUW290MztKbyJd1pv+B\nXLjaF+LXj/JeVq5d32x/WFN4lLiGskdWSgJQxTgbKPgMEoC3YFj+edroqcXv\ndeqec5uQDKIp45lam57OgMkfWdSS/Sr+Is+0AS7aXfHUhMZRkrnIcu4bMX0J\nJ45uxn6oSpYgzaZbsFkYmKPLrZb1kzkIqE3iMsSH7P2a11VK60VkjShJFoF3\nny8CYANZqTwj9wG+brEbdDqgDe0yde6F/itTS+hfF5VvibKronw7k9Dg9eDs\nKxRi+q4E/l7s0NEnUs0QuA00HLmtb7wpjcrSS1d0zFawkaRA1MI+6Vc49eYb\nGVQGr42Rt7VGKETYqx9RQqU7XSCTNkctK52RPznBEutMy9s+kgEz4MdebcY2\n7sjqmUrbQLmlyqI9Tzkw+YGeG+8CsO1wIsOPbTZUQsiNQXV2YwM9LNW5wDb2\n8KY4XFJI+In7AU14b5sB1Jq6OZM18tcqSNjQtb/YG3RPCl2qxRD2d7deZrSg\njm530GEXkumpKESY1AHuWdpsbiw1t/RAl0W0YuDBMiF0ACCtqjLWNT4HXrz4\nhK4XtwjX2Fw5YnMUF5nzi6kApF81IhXMpIUanjPfx+n16zV+86LwAmF2oERz\npUE+31srkEBz6Vs1/GkXn0O4/qchmj7Xg5U0wtIrf/LqqarunXAnaTDyVDSv\ncmP4\r\n=x73F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBwnsDH67eCgNO+OGZx3ntgwBOKQ33r5BJTzpFWGSKo6AiB4BbmWBK12gIjPpbr2AAGrbpbQ/aYtVWhmQCzcDkFKtQ=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.3_1600164884492_0.53556376416943"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.4":{"name":"react-use-gesture","version":"8.0.0-alpha.4","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.1","pretty-quick":"^3.0.0","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.3","tslib":"^1.11.2","typescript":"^3.9.5"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"4b3bd59b16bf705415f9cfa1ee1d100114e89225","_id":"react-use-gesture@8.0.0-alpha.4","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-DD8PqSAd74tM8NbHW4w6AJt1Ym6MHZtoi1rMDHLfW7ySICmEpsFrGaEBTToH/snul0qEAQ1jaU/pO7wgBpSlqQ==","shasum":"da6a92f60fae95e0e5d1df616a6276712c8b0a0c","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.4.tgz","fileCount":41,"unpackedSize":592203,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYOhICRA9TVsSAnZWagAANhsQAJ4qB1GWz5LbMvjqL9sZ\nefTLCSPTYvrwDFBdLRtBVMwQL79+CN1jQ/LL6M3fXdTiAetyTc7VujvJyhV4\nTvcb92E2XMOWE74rfc57XC9QICu1MW+cUgX6oyVTNpzrSMTxneBedgAKB8oO\nd4UsZAqmmle7dCZZCU4HT5rx3YtkNw143W3IuuCXLyXVOh9lz1sO5eG/2xPn\n4LdUBs4xy7HB8gmF0PYln2qlmuuqitC0OfDWPt2RjVOhsIuwCT7iZQ/hJ48N\n2lYMaCj4WQaqqp3J0u3bly0n0WtEUZSfnDZ0M6k6YM8xZABOvYkvL+cLOeqa\nVAV2F2T4Aqi2j1QaQgwFBMD1YiC9ytUjUUQ/sh3vE//2eMB238QVv9wiuK6i\nUpJBHaepyQLFNL7HpLx0gZNKwDvryfTEZcw9hdgJhatxSOW8awZmQN3Gu4Oy\nV7xPC9lqp3DEwCIPzlVjcIw6csGAZM5bNGGVLWu6iu/JmVqffslaoy6Mn70U\nVQ2cVzlk+dsMWHKOcomkTWAxndQ/DTQ8/apKCWWnGoYGk7UH+5oxOI2yYERU\ngcQFmlIaDtWnSODa1b+3O72XzdozNUcTY5x98YwLANjOHm7n/F9NKgNP+u/9\njvy1VfUOBGSaf7De7x61O5qL+5aAxsLMHLPZqgFiZX0T1m3L9wBP8XO8MmT1\nGLPM\r\n=2bl4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFLYEpOTrNrlsZiJjSRk66eZEx1qXPWtqE6WwFAAR/skAiBxUVRq0qOGH/vWk9MHi1ku7ayQQtdyTHABzR5VVa2bYQ=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.4_1600186439573_0.8047315740688146"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.5":{"name":"react-use-gesture","version":"8.0.0-alpha.5","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.1","pretty-quick":"^3.0.0","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.3","tslib":"^1.11.2","typescript":"^3.9.5"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"3b5702b82d6fbb6d0c0e4f0148c8784817643186","_id":"react-use-gesture@8.0.0-alpha.5","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-4qkiBHv8Ioy9rCzXGv7qF9ZyljlsCXl5dnmBc+tsdEG5kme/YfgftWuKuvZVL2Jh1RE8+thD5v8SYlLamkQJtA==","shasum":"cb6b44003ab14b69cb08a9ba311bc741b5af8ad5","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.5.tgz","fileCount":41,"unpackedSize":592786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY4QACRA9TVsSAnZWagAACD8QAI9pbOd820aaYRB69N7X\noQf2ck90JbXTdCDPF/V6E1ttus1idA07yljS5SRFoCNjjiTBUcHPcx4Y1Ff6\nf1aW1Pcl896vvzQq8+mfrP8JhRXM8BBZX54Kp32/j4lizeqxaBC0qGkhNXTj\n2FpmkSbHBqS8i9wvtfiy0iGUznkIPE9hQycOLw22NXx7WijYhMQcS948INHv\nyKK0M6nR2Ydi8ajo73//ral9SgiOAdzoX6quppKZ2heBJLOOWPxGpSGXhbk4\nS5xUXsxjfH2xDGHNSiyKOlahl81TzcqHkVBbdr/EnotlRCFpc65dcn+QOPeY\naFbytXCisOrwSqRfOd+0X9LgfcffWZmvLA3bJEoKgtxCkaCmdp0rdKujIS5t\np6gpTVowlNaaUSQwZvB1iPtOJ6rmG5p2BaoeCvfJqDsS/JWMVIzSch5S3eFu\nhgIIqp/WA8yq61VQJ+O+JbEHkdqpKEPssOOG8GqvlWSmaCSdFXX53dpc+buP\n6c+k7nJHUPl5AsdYe5LZm5M+9IZiXkvwtFAIKi1KMecHcp2+eMQ7M5lQnjte\n/OSkab0McjlY3FLoVPh1bXjKfgSECyspS4J6WorG04UMUPO1uIEZic92mty9\nCEbBwJr8VGf3RzcOiyyxthS52qdXYhTpGxcbGJubUc/xHN21m/dSxwxdp5Mt\nUGcU\r\n=BgTF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDSrWbrl1h2bqjTAaP+YAhMymc9SAXPseaJkqTB1lS7xAiEA8Oxfw0+jKn/hOlIHOZUNMDsGtv8VlKmzTsHaSsHoUZg="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.5_1600357375769_0.86924226536206"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.6":{"name":"react-use-gesture","version":"8.0.0-alpha.6","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.1","pretty-quick":"^3.0.0","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.3","tslib":"^1.11.2","typescript":"^3.9.5"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"798e19daf66c6585d740907cd1ef49595b2e30a8","_id":"react-use-gesture@8.0.0-alpha.6","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-0qSbiOZPDZ1rBwWLF96TGGiHjTvC1pecytfvGRCV02kpdSy2Tidw2tAMokSUNQr681TYfsus8Bb7gtpvlmf93A==","shasum":"07bc2b1ab97505a2d7f75b43bd719761f4b7495b","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.6.tgz","fileCount":41,"unpackedSize":592993,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZJsoCRA9TVsSAnZWagAA+o0P/3Nq6RG1bSG/BywliLcq\n3cZfEVIcOS/MYOwY99S30Q0Udyby+a7CJYR57ATikmdwf5bXHbNwS2845kBu\nNyauKqClQ/JqbcEdEA1N+xM7l1/IWaY/g0pIoAebGYzUvaeyjB25D9IbsYmQ\nL78KPlTq9Vy/cMqhap8kcT2a57niO67lczpGS7oh8Y9kHI6hIZEdr2DEthJo\nUSkn00mOGI3m2OyFLNbf6ehAnqQ7V12oqfo8z1kQ4M/Pc/BA5HZJ1m9sV0D7\nZRvCMUWpuixNbCwH6ZxNKdammExWTXexriH+2kdp0KnvDxBx17mCFrsivMqo\nWNKYx9uAg5HOyv6iQzRwD32gM9+4qwt0Ni78p1y+9CGU2GngZwvzXGeVhSRm\nl9nUfzpHkr/Kb3psGh5c0JuDH/ad6VTDKa7JfiMS2utM8BDbRyoc6OuMK/Qg\nO3Wc+thgPQQDhPrSWBCcVhBr7QkN+PbQ28PjQ0LCkfXafHcOqLAfMZlEKzOb\n0q4czbLkBIeCHREZh3XaUphRFavau6QYOUspFRBZXBOIZey3nhUJ906cGBBc\nyDfr0UVpiSCLTv9eOqTBK0OT0vP8YN2iIBDKIXzjdbKGOEuIZ4mYsY6TdvSX\njurTWfrS7TrFdxzq/36RvoBDE3jsksUnhD02R9YeR5xaXQC2Amrzb88vvy89\n1d2A\r\n=XlsJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuQmusVp9hPWZ1Xx4t4QgwVM3/AsTZINxXbPxdKtp0ngIgQiPJNdlBst021P5EFp86JlP75b8Y78ViPJq6u/KdBoo="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.6_1600428839625_0.9276992662043655"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.7":{"name":"react-use-gesture","version":"8.0.0-alpha.7","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.1","pretty-quick":"^3.0.0","react":"^16.13.0","react-dom":"^16.13.0","tsdx":"^0.13.3","tslib":"^1.11.2","typescript":"^3.9.5"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"f7d9a5ee25f07f7d612e508b16d0b8aecd160a37","_id":"react-use-gesture@8.0.0-alpha.7","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-DRTLmoP7270rbLcYYAN9PQOTeoUMk3CxqyuyqtpUcmEjlNtbOYR6Ag95ryNTiAm1zvFMaBYpeP1JinCNUdnxFw==","shasum":"dacc7c33cd6cb420acdfaa16d3b932ad7ec98c3e","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.7.tgz","fileCount":41,"unpackedSize":595236,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcNWhCRA9TVsSAnZWagAAKI0P/3laTNAIv0GFAXjekt0P\nKYQ6M+nKPwo+ueHZ5W+qDDz2M+NYGzIGPVmtHv17hXny7jOTM3OxK0Y/gr9E\nAoR8qHKP8VtWfUkpwuotKNeF0CHWpK4pyze/LKlB8BQFohQmiTbi5Wp3y256\nMgkKqSu7FByOV7Oe+eTwjCViqJxRE1XV04iiBhErivpEYoxjhjW5hnSBYkTq\nYzNLJtsmYMP5elSXd31CTL8GMdK3KvSGrG+LOCecZ+fInIyudjdOLDwgV8Ij\nYFL9CPbGSs08QLQteKm/JaIDCtjNIBs1q/14sssvUfqaWRCrR6SdEuwVvjfn\nxuGQDNKHUm6UoUSI2A8FN9PIcITobqA29JxlRAeb7yU5tQDtavq8hy9qCphk\nWY8+iv1PMg4rpBrwZuM1AH7EB+jQ3nlSI2szg9qkBQUOO2xjsFTQgxc+XRMy\nb0Ad7WIfGfu/Hicr+94+1EVhnLDNguX3NlabK4LeI9vALPMkiJXG7OMHwW9Z\n0hh9V4aCjNinWK2LByPhA5FVLleLlDjEkqNiN/fXbNutt/XQs7BiWgKGypd3\n8fQ3+WQsHe60WcvG98vbckfRoBgr7FnO4uQG41vuyT1G7m4pUymadRSOa9BH\ni+bD35VfJpnlNDXRZ+Dttk+NImblJZ9yzMzW/oxCcb8lx0u2wzj3/sD1h1rB\nc//J\r\n=HGdw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICEQ7rHmpX6/yiwelmn5IVLRI7EscjIG0GcQUKepUfdAAiBpx+bmNJ5oHuTB7IdZB12XKvKWWjZxYS0U85J8jmczHg=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.7_1601230241002_0.1481280670190599"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.8":{"name":"react-use-gesture","version":"8.0.0-alpha.8","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.0","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.0.2","react":"^16.13.0","react-dom":"^16.13.0","size-limit":"^4.6.0","tsdx":"^0.14.0","tslib":"^2.0.1","typescript":"^4.0.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"7fbaca7c806b12995ce19138e68fc15e1ccc7584","_id":"react-use-gesture@8.0.0-alpha.8","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-I1oSpw3aM+YXNXXnECyK0Isr3JmEG2NtjSwSDqae97jepHsoE1qyerKyb0xH2x5W5CgiCPY6F9otEHrNx8xgpw==","shasum":"8f4cad381875c6eca41e023a51b5ac8615e24fcb","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.8.tgz","fileCount":41,"unpackedSize":603199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcj9xCRA9TVsSAnZWagAAx7kP/2m+UkW7kVQeJDtycqfS\nZyu0ClQvZuYV9FSyicCU2nlBmS0SkkaLR+YNouBYfzBgx0igjwaEELbngkF4\nGt8TOxIzFrA2SxQNoIilVhAPS6R1Kw4L0GiezQQnSfSxdap6uja5w4yACkmp\nbAedtYDotYQ2AwY4O1cQoMaVHyVyH0ZM/ms9ElLCtBa4gyAlA0F1oNqXHayB\naBtV2AaxcRE7m5n/F1LJe4Xwn1BakrA0CqxI06IqD2Fqa7FpQq7rLCQiC3oa\ni/7H0tUjTaO0rLVbIB9ccYZoAJlr+wDQstuW6T5/12qToM41BCqmhk7dmN8d\nzSmWuPo6grGdyY3675kV/a+9gDpPbldELfIb3jz5KK3ioD5DuY+4dsw0wcrH\ncQlhEFZK/sycJ7yqFdp5+o8PEgVN+ppWzCO70P2zrMM/ZOqNt4p0lJRrgR+w\nuroasi4J01rY9umxPeegc0fi3ZHED/WnC9W7tXLtIBYLhGM8CD7xDYElS7QE\nWW2ZKzQKo0M2MzhTk0cVDVMA+i32QzrBbkTwfQ5niWzIHQwDA4LriAdLM44k\nmsVfjPpGMzksRtvbGHowyKaVIeVhZSIIQ8CC0fasyojLi21h9XtWoKwx/67G\n7xCsMkAFOop5hDXKRzZF20wgmSefp8TIm/FWQUqtiMvvOYRueNON4kqSUnI1\nKDrQ\r\n=CB07\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnTghzsozS/NgBC2gfvsYFa9pnapEvbT8zHeEvn+oN6AiEAv/mSsLbD5FGQ5Vad2HyKrR495TRtUYDpBNRbgmB/9PI="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.8_1601322865242_0.5344020734841206"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.9":{"name":"react-use-gesture","version":"8.0.0-alpha.9","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.0","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^9.5.0","@types/jest":"^25.2.3","@types/react":"^16.9.49","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.0.2","react":"^16.13.0","react-dom":"^16.13.0","size-limit":"^4.6.0","tsdx":"^0.14.0","tslib":"^2.0.1","typescript":"^4.0.3"},"readme":"# react-use-gesture\n\n   \n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"7fbaca7c806b12995ce19138e68fc15e1ccc7584","_id":"react-use-gesture@8.0.0-alpha.9","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-J30/FE54YVOvdnz81QI4Ye/AE45nuDIKYrwufTHHW+PcPBVTctNbYPWSmPdKgiOkeFnOaRfQXsSoOzUA64DTsg==","shasum":"223f791ed14899d6fbc67ce64dfc03c0378b6b7a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.9.tgz","fileCount":41,"unpackedSize":609339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhz2RCRA9TVsSAnZWagAA87kP/2LwPsafqQOqVPtSU7k0\nvku9Huxr0N0HhOOb3TV/bR/ha8Ek11XrY4U7rqjof4W1fmnT8oJbc9y8PtAv\n9WR6HV7Fk227ETV/asN7yUSVPKxt6vO9+0ucOuCrR43iK4wPRS73ODRerrLC\nluKr0eU1PLNxs9iQKqdcStoFi8Or9bCUSoj6MgdEBFr3K/jwFyjAlL/T6fNm\ng82/khcdkV1V8cV22tm15ZcvNxP7dS5qk+wd6fN7ZwJAnT1lZqJbrnA7s0JU\n+OqBtw2Y0xcMrXy8h+cu6Js2HHg75YVctXkWTEEVo4I0IGYZXQcznKAlwWd1\nfzF3IlkFxofsD3yt9a201UiiLRgtB4Fw1VtvmCTLq8bY+Zp2wbElM+cZgyJx\nz9pLuyNvp9VYpgtF0f6kLrecikWtRLSCdIBh0KU3OBj8Vd+929/KEl+fF+vk\nh7vti/xijvyMxczQeq/a2ywOt+kW0ihSj64EMOu9UA0Zm8QbIgw3TTUc7hLX\nXlcZ3YVxgjIQ/mhPUOxhGRgrrj+9ve1ytNzBffkz0Wy0QBsFR93zA4YgEtWg\nFjh4dGhnkg1sCyPf5vFxN0bj4WcMEGHYHcEHs9VGdEOOTctXAdUEZ6Qv9Vxp\n5EIMuwuJmXyNDkRO+FlW1A6FLkoaHDa6iszUCM2WCTTCuuYWBzaOIGdB54a+\nFJK4\r\n=MYlI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgO5cxOmEwJGTrG5PDlqqYNUhV69L/KIPzgTuWDlijlQIhAMo0cBiRY0tr7lmDcqfPwIGH8NFrwZpB4fv3vS8z9Aix"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.9_1602698640589_0.26413384936551343"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-alpha.10":{"name":"react-use-gesture","version":"8.0.0-alpha.10","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.0","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.14","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^16.14.0","react-dom":"^16.14.0","size-limit":"^4.6.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"readme":"# react-use-gesture\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact-use-gesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"17d6a298e8b04c1a23c9a50401c2920c1f36b748","_id":"react-use-gesture@8.0.0-alpha.10","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-2lRKIj/g6x7YF6TFEixlPVcpuz4eA+6H3uVWZV9YiMPza/MAUrR9wbPfl0mRN++ZYHT2k2HN/5KK4jhqRXUhag==","shasum":"5fa65d144cadb5dc47e1bcbbb42e12d1bf8cf9db","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-alpha.10.tgz","fileCount":41,"unpackedSize":621736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjFkpCRA9TVsSAnZWagAAdEcP/1095QWXFOLFT980p/9R\nupz3wB4bAyr4oMvOuCiq8hxbNw3AxCjOwcrPZxGoykmNAswtBO+CtKFkzcZ4\nQkD+e2CoVROFdwHoRVYxbAU5hBK3ZuLh4nX3LpDEOLzOGISIjXG6lA/kh+1D\nNrmypa9T6kO/vQl19lqSyCrFa1cw9GbHQx/3yyI5HRanzFAfPXnipyqYfKU/\nZRkMb/OdHuMGe/zAVnm1/iQEwmn5EllD7Frfb99cOHPZro26HJY2hHammbZJ\n13CyoKJtjEnIfpc4jNv3uA1IKiHchcGplys9j8RuPt5SH9KCAKCKYnCIFNG3\neAUuYdA6SJ48L/oa2/HyDqiQvwcXmGOGFfZjzEIxgd3Jl6O0hMK/6NWeCFbP\nFdBfNkAJSdy8mkWc3CyCNBJ47JVxRbvYYOrDPTGAz89BXxmdxTTUrktsS6dw\nHBXB9BXfeFMSc+hN1Y8+CvYnBEzJMwzMghYzEVqrdpEjtNITUf2hsvKYG2Z0\nIZ0j9XNo5yqG/gDEKEG4SN5Lli+Wark8a5bFGa1TBsCAbXre0vhP+pMMGiYq\n+FYtDfrPD3i6EezcLyJtYpgU0qHfJWxQBG08oeZLBeByzLLRsj4va1Z1iZ05\n90HWeydxxAf4mDDNhJaVriQV6M7ZDiFN4SgawMge2FdN0vSjQsbk8NiGeRhO\nrLuK\r\n=Y7g3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxN8iho2HFl1Km5uhW4/v7B2EPSGQyzajDzV/uu65k3wIgZ0CYjZ4wxHn/KCHnHT3lmrkIede/ge7ZEW5HFy1oMYc="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-alpha.10_1603033384565_0.1389480637194671"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-beta.1":{"name":"react-use-gesture","version":"8.0.0-beta.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.0","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.14","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^16.14.0","react-dom":"^16.14.0","size-limit":"^4.6.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"readme":"# React UseGesture\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"0f16229bba689049d56c16ff32b283b1db0b72e4","_id":"react-use-gesture@8.0.0-beta.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-cS06Len2mu4g7UJytjp3hOfrryUp+QwoZ0AWYqZeREA9zxXl5mC3Zmc6gjbhEtRz4HuVxRl4c/Dq+d6ptmNCCw==","shasum":"1ab8e29bff5b419e5b97c00130072a7789634c96","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-beta.1.tgz","fileCount":41,"unpackedSize":602592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjb0ZCRA9TVsSAnZWagAAjWUP/RTnEEX5UHvnF5+6Iyd4\nH0h1EFWEQ4MzMuGWfxj4NpLCfLOwnwsrwGyOydP4efrN+wQ7MpdeX20x8Ipz\n8sjOyPtTe/tPkRsxmye5vpfg70jXI7PSEaBxhOgYWS4J5GfWT+MesyW1IJNo\nUIYZ5Bzft9u86h4XtD5dWY71SVd9tYjNoWYXJQ2Afx3vtwYL65AaI3kBClpq\nOqoAlyt7bGQWxVCEfQDxWssWaYGNh53a7XnNk/63JRGRK1QkrrpFzTOk2Wtx\nN1D8vrmWSPAQLa3Tp8dE4XsrEd90085THW+zQNrso5QfBbc8tqpSaUovMOIn\nZn0xUsz15jujs62xAtVUSWIVXBoY9MD99M171eahHKQoNUB2QtWKlJvis9Cl\nIH+++UDr7Ugb2TAsIvrDiyGyBulv+R8gX/rnu1sgVzap4O97zWmtDsfvcsn6\nyLfRa63p3j4R7zy0FLKBX9Nala8i8kUzxTOqgl0umn/JcV1E2QdfNnxITUEL\nMFWPAMWV2/lfJOBykE81EFV4D7XBhpb5vWCks8dix9lyvv6aW308VSib70Dd\nLmUEN9OU8t1Rwv5Cfr8iStUF+cIri7/TQouSdSU027XIAbN3hfBsrO25t7vT\nRrbp1VluQkao0slbNZdKUF8V/6619aPdyMjjkaXcxOqYJ9NUg0KUiNFpvJIO\nNxCm\r\n=qJ2n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAd6jOSs5kuCpmtdoKURTHXEGWatevPTxsOwm4HsTS/+AiAvjMAvpXd2hFJ+XXbLQv9jiM1tAEikeAAVciJA66vVgA=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-beta.1_1603124504699_0.1357152224266045"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-beta.2":{"name":"react-use-gesture","version":"8.0.0-beta.2","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.0","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.14","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^16.14.0","react-dom":"^16.14.0","size-limit":"^4.6.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"readme":"# React UseGesture\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"81313ee3410cf1198e6e1c6a81fb20197b1e25c5","_id":"react-use-gesture@8.0.0-beta.2","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-TM5rt1hOSj1nlYjHL3VC9Zzk1N1e7P5iYJznXE4KNuD6ldsA3OLJU4fg9qC+ZrePmAf90z5SdTeCBpp6Nysg1w==","shasum":"9d4f8dbb48ec5f9d83b5802de0bedb0900c549de","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-beta.2.tgz","fileCount":41,"unpackedSize":604159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjx6QCRA9TVsSAnZWagAA6tAP+QDaqtWqueFb1Uq9epgy\nMmnqTbICTbQZiPjXtuyeyDbpvXJSWi/jqljfeFck1R8XZfVFv/2HdzVlpzUg\ncqOjmCUggn4nUqTZZg5EoaMwo0I4HfrBx/VOh+g+iL8dgCQXlLQwIa7FUXzW\nlx1xkDlq0LQMsDkUGPDIyeDy+jdw8EbbKJG2IX293f1RgP7BXDZLzOCahpS/\nSfsT3jZOmz1XXDdiUDwKTUwIgKVZ2MMNZXxP3IEF48ZYPTV2V7vmsRycreZi\nDZlrdifmpI8h42An+zLmyl89ZF1M3sprGTfbXVxNDJ0/mS5mO6LHxFAnvCPY\n1BEmROEsqBaotDz6jI3S/sXAggT7vLiA4Wl8b4JF5XDY3wzfRPe7ZuSRGwwe\no1nbUDt4Eq/Blb1o1zkPf9n37YIKSxu+PCg9lgf8Ac5LfhqOAUvuo9RLYhq1\nd68rjCrFgv7YqOo8kwW/vN0oXYPODagXJW1tMgzCAWbjsPASOUhuGQs/W540\nL1XBaN0HeLmKMN/5SfMkJtdr3ib2yhK+LJKsnIUQefrtLsNL8NIlOSuWlA6B\nCGUq7uJWEvn28nANXVqKoyM7WsQ9W4ZV/K/1wNDXOk/+26W0ZWzYIcMma6U2\nhUT+NvC1bqya6hIxAPvm9RAxEOqE022NA3sAJg2W2xbPe7HyxsX7DmYFILa+\n0fXh\r\n=U7Oi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbQr5b1KKXuwseBYj9RkZgJ1nChUuIQsRm51U7UbyzcAIhAMM+PM3oxFmmaqq2pySgGvMwkuVG0ckaBEoINJ0liqub"}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-beta.2_1603214992193_0.8801612048661487"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0-beta.3":{"name":"react-use-gesture","version":"8.0.0-beta.3","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.0","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.14","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^16.14.0","react-dom":"^16.14.0","size-limit":"^4.6.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"readme":"# React UseGesture\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"81313ee3410cf1198e6e1c6a81fb20197b1e25c5","_id":"react-use-gesture@8.0.0-beta.3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-FRGA9LbTMqRqE93NmTsfS32qNOGVxntNOcxIavUG0LBBzOiabc7Xgt7Q+WzktRvAwtNPatxG8OIMSO7Y/eeLKQ==","shasum":"ae012592734bde8b8da61053e749e27be6173d75","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0-beta.3.tgz","fileCount":41,"unpackedSize":603683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjysoCRA9TVsSAnZWagAA1d4P/0on6+Tb9whdM89kCoQ6\nr6yjvS8zo901l8XHPtLxLZVPuu6UTUK3kpZf94iRZ5MPT2zwQOy9ciO+a4KP\ndcXVXh3M8P4SMnUS3/Kjnk9NM5iHp3USPKQPInzYF6hE5OQnjGq0e/maW3ug\nM1rK8M3RHyxv7CoT6XnjG//i1rgjsSclDTcTZi6+sD8kClzDxmqJEIYaEHoY\nUYVCl20Qkzhd1za2j2fDGmPe+RGETVfBvAgKbiQE3/Ld980ltcqBHOE9Mf/+\nHpTkVySNHSSg9//QAwTBiAhoniaCvK7l5hFbd1bYXh4+j/bvvk/srhMQnBMa\n9bv9MVfbgBhj7nI3ZKjvqTMmKn1QxZTMWJdRkisMQVIEoM5RViE4sXpRs5+G\nGJa/bkGK0eKJqjInkrHTjNtVxn29KDdaxAr4nSqrJRELp1P56B0/Rj5qcx/f\nJnzs0338v7hMo/lmE/k+JI0Yi5wU9TzNSwUuaLVElA874sPTtN2UB19rd6TF\nXFkh4V5TCdNsBzoiJgsukxPHiAEBMumSjld1tM7UssJTwp23eFBQM4ysKTtS\nH2GpsbqmcBwb3wPioVsGaxqmNdaXuOeLDNW8qOY/QGpVlWg2Di2FJ2FUNWk7\nZ5FhOX7ooROOsvPyhN/cUFhiuBOleIqT8/Hpvlk5W15PhxRQGhz1f2nXXYW2\n0lDU\r\n=IEtv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICxcH4tZQRf91aCd4bB8JWsrz1cK41fSJU1Hy9lRL/wdAiEA6A0h4CNGZf6da2C98j8wOHfYML0k6ye19p7XR/8uBEw="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0-beta.3_1603218215941_0.22941838079429866"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.0":{"name":"react-use-gesture","version":"8.0.0","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.2","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.15","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.0","react-dom":"^17.0.0","size-limit":"^4.6.2","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"gitHead":"82bf1b4e6ec7e25fc94c23cea6a17ba1a4dce1a6","_id":"react-use-gesture@8.0.0","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Xn4gWYn7GZPTPj1GL8gi8SvI4CJX77ia8tCkKIt7m2hBuXgHeNeRR9QwRiuPZy6xgtLBddPk5O5PLccNxuwFWA==","shasum":"0ce80c602625816b39bf5d3171b9efd29d70eb69","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.0.tgz","fileCount":41,"unpackedSize":603768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmoVCCRA9TVsSAnZWagAAO+YQAJsNvD8r4HrKBeltsNDF\nWgnbBzdsOLyXwZS4KvZ4+3P3EgB8OH7hbJethjOvLO/em6egLrypIO357laO\ntx43wMIjZGZCgE1bMW1sGTUjRR5M/PT0KuEFFokGWS9Fb7oDPOBFfKogd2XS\nwhoDhgFd9NcnlxWPEH7f0NEsmJDGpSpzHKIlvJ19vlbWyaFKzKWjh683O9O4\n4maK31mbeVLA/bRtl/jRR3ljad3UPbVfwtr9wNL2iAtwgrO1eKUyPgJqwl6B\nY9LrSAhL6ih3h3zX3e+Lwa6X4wf/CdYjk/tBYJEozWu1lnOEA1+8CLC65ACj\nz9G9O7FTpvfZWmoUHD7z20GctgcSlyvdofhlxXZW17Q2IGFKyAKCs4XNDh3a\nHJCHjQP6ROLJU14CH3MsAsnL99ldVndUZOC1LhQeZN4ebCJmJKYoEQEuGaf5\ncDoFZDHiOlNIqAU2WqOjvRgJH9dHQQuH2V7klzCQ0nEdI+HFRGrNYSTj9qcW\n5I6yCAjGM3yCYN3/ijrAFGzzz1ZxnlMHyk1JQVA0FMn8e4UvsIeG6VoBDH7G\nKkuL8yG3S+r9FHgDmlA7abjeuw+eHZD5h0yDrxYtrONqjf8E0r/wo2vamz2L\nK6kxGBajCbuqcq1jL76GefAZ8lQ+twy1BR0D/SarNbfCIIWsjU/pCEnQWOxN\nz0yS\r\n=j6+/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMTTHL1ycuQD0rMGULsnySXGBn6weZEnW0NAYkI8B5NAiBUbNBXkm6fEbPiDznhv1RBEH4J4sepfb1RIEqQfIvcjg=="}]},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.0_1603962178166_0.8132088823127628"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.0.1":{"name":"react-use-gesture","version":"8.0.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.2","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.15","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.0","react-dom":"^17.0.0","size-limit":"^4.6.2","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"gitHead":"a1a6fa86a5d032b3e09193c203e19691f9b12dca","_id":"react-use-gesture@8.0.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-CXzUNkulUdgouaAlvAsC5ZVo0fi9KGSBSk81WrE4kOIcJccpANe9zZkAYr5YZZhqpicIFxitsrGVS4wmoMun9A==","shasum":"4360c0f7c9e26baf9fbe58f63fc9de7ef699c17f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.0.1.tgz","fileCount":41,"unpackedSize":605729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrtDmCRA9TVsSAnZWagAAB1oP/2slBeYYfKDQfDjyMmKQ\nco2RtnRArUNk6c+Dn/ukC1jj1AwRJAtVSMZDCl6GmQ5UZYBUu/Rero6AEB4z\nDc0Gr8Lj51ZTnlQBFtsSEriM8cpHIdJieRkJAWUzXZ9b3ZeU0t1M9lhdymOR\ntPxk5DhZT9NITCQLQsnHnRkxFK+Tv9M5yIWYw7K1ksp/cgIk29fuxckvIcHa\n9KRzXYHDOMPelhlIwg30Y/hLxstUrywXB2Xy4hPNnzGYsPmlec6pvTPtx1+0\nfJXMxXE+xDO0XW1jSHIoQIdUiKfCPq7IaCDhOf6DXEX5Qgb6LtnE/JFa5++n\nk4LqJ3Bm+DfwVVAv5F4wDpRrukrFpFrfQICyuww+jEFjWJr4DJyaoGLusmt9\nAcY5BXK3tbt4XvZw37npvvYNONaWQVlfclkO8hc4XRi0Rvc18kHKKx/Hr9Sx\n/NucS7az9eCYCa/L6X16wNIsoMaHs8mknPcyz2WllW4Ajt/Hy1n8ula4KlYn\ndYIBEGyzACmn8XXzdh9e/Gz2eycBxhuF0NHBgri/5qQF4W20cxnTIMJghKyY\nZ9KsYsJEDlcEtplDsK8TiQuylKassusExAMGwXWn0PD8a69DeFP5R2WNbhZq\nJlz9NuoqPIRyMXxJz4jkYmgg6alQDv4elKfPpd3y/eu9fXI9cd4LO48/fhMd\nV2Fx\r\n=5QJy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF0fC+YrL6vFBN9xyDw6ikC5A+cPcNVmBlIkwif15ne5AiEAqd3LW9MNYeobzhYGAI78+RjfDcLEDH0/SY1ks2fl5HQ="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.0.1_1605292261811_0.8895875655298158"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.1":{"name":"react-use-gesture","version":"8.1.0-alpha.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.6.2","@testing-library/jest-dom":"^5.9.0","@testing-library/react":"^11.1.0","@types/jest":"^26.0.15","@types/react":"^16.9.53","@types/react-dom":"^16.9.8","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.0","react-dom":"^17.0.0","size-limit":"^4.6.2","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.3"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"62991520e60da76b7e538ef3ee48edf76b7e17e6","_id":"react-use-gesture@8.1.0-alpha.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-fO/DQEu17YqB8ZSwgitnbwF4ywtf95H4tAQ7yFGKAV6E2xVIHGWFFEgVJBKKqWwpppG2wzIImawNG2phC32Utw==","shasum":"0f222cbbcc3e04e63ac94778204be103b6f0779b","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.1.tgz","fileCount":41,"unpackedSize":601107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrtbjCRA9TVsSAnZWagAAsosP/2MRQ/F9Zk4MeiVOw8Bt\nPIrNOiU7rV0TrfWhKs12Dq8yjv/rhPI2z2Ak8MN9c95eiwl/yvH5CPDnX8+J\nOPV5Hb3qR1W+j58jmjd2d8xkMoULOfr+txdS0lr6GqtszKIitn7NGWUE1sdq\nZyoRi5TRgIdT4p59RqEkOahLjbWbNXgZUbM2AaRL0JmDqow5WwsS+eZfZr1V\nsvwmEMeA3ZXPA7tqmuMF0d5dajoCNRItd1AUIZMYqI086vvqsDlGo+C3lCll\nUxGTpX3ZJs+mWabympYxfyEK/xtQKcGXsZdOtf6oq/dLxAM9dv9teF7d+vqT\nxnUU6ULW3agsw1VFiY58xZ5vFBzetsQFVLEr32UD5YsXjKG59+pQPoC6PfkV\nHBTGYOGnRz9flvQ60E5raYGeNy2WP3QprmKFO1vSFwMAqKCtL+21fSTvNSKB\nYy1RtDJfgWr1bCsnI5cC01VPkCrFgp/YhmPV6tN+kXSfk93ofF8xZ325Pi5V\nWpsqYHCjp4RfnjjSMZM/BMvBxZDIf2X0ZfJ2Hso5+4Lm9wllGg6c1QEaoWLH\ncZCPmT2ZAaq5G3colBF37YUKDHzjINQXNy9yBqUfrNpCLvs5MQPRCGla1rWK\n8IrbSly04jk9tgPKmVRmTxJwE6lRc3YFmbxqLCaRPSHKujI83NDYSykowe0G\nKqye\r\n=Fbsy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZuLg2AjVjKIzy2iv5rkzMmzM12pJ67pWnSmJuY/jE1gIhAOl+fCvGXrmLkNt1YZxlql7VlaIhPYHs7CvE/xtCdFKJ"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.1_1605293794422_0.9907724349733984"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.2":{"name":"react-use-gesture","version":"8.1.0-alpha.2","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"63defbbfe94d2bb57ce447574753e2760a5c699d","_id":"react-use-gesture@8.1.0-alpha.2","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-KVn79bt4kI7Zns4hiKz8OhFS/Y87/oqr1KQ6oe10xzUQlSBArXvrdSw9X0VDv6+SAanq6oNHiQ+83h6DBObVnQ==","shasum":"1b5c66040758a87450c02cce40950ea2b92bfb4c","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.2.tgz","fileCount":41,"unpackedSize":599135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrxNqCRA9TVsSAnZWagAA01YP/i9tsTMEmEKtU6d6+qFP\nHCFXncOnVjlxbTNj2IJarYmql9qHMZMyhZQWHRSZ1EUYNx1T7MF5ChDEYf1K\nm0UpjSxcm4bWK91MRj3G/f7AAjohKRMSTFWHZQy6kbuVGA7f8IAFKKLvEo0I\n0VqHkTcCsMmxlcZbv9h3yEKpAI2pqsC5e+NgrM/rVRPFqVOkMgQrhWRgWGT+\n1736RynRp7e7l5Mk2NGrl22OUNha8vt3q/QpKfD1HQAntQo13RCuSLSGrkCu\n113AGj/D/UqDJ9HASeojTNQZK4RB/BAldLFTa6TMMU/09wb7Jv8PTVE2xShE\nu44dw0EUxRjGfDNwCQSaaOjh2u8UgQ+WllrOT1lA8dpZ30lVegnLHITz+JQl\nR+ykImOTfD/XW4ZPv1wzTF26EdRQO2rjfNM+GHkquzucknr61/K6zGGjwkuV\nthvmPHCug60xb2qhuv02VTYpXybhpKP3T1z8520TXTyyLptEF12KP3J14dGp\na5dMoSPqcWkdoESbicJwH0+qroKjRfSM7iMfE87ktmLec+hfXr17Tb1Np0Z0\nuBdpO9iMPIC4DMr6pBpExLS5MDxnPlFkX7E3h2PHLhIJcWfnxwsdAiWrzT/C\n/AGljw3G2xtezXbFAVeV7EEaaqP/7Nk7LJRtHcNVzbOnHSLFHWNUzXqINXAL\nDAPD\r\n=Y6xw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJ1VOQsEU9DVOHSUNknumnIUVJ7SnIxIjr5wm5a+grPAiEAry+EEATp9bFNn7dXm1wqwtAUf1GNHvCsyD0twQNWZBY="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.2_1605309289543_0.8712934993093302"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.3":{"name":"react-use-gesture","version":"8.1.0-alpha.3","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"62d168d3da406ebf33695bd31706815b9ee26c0e","_id":"react-use-gesture@8.1.0-alpha.3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Zn5YyQcTww5rYmrknW74JtYMZsVOBnNgs3MDC6YQcRSERxqVJrOx/PO5xFY+oWsM8LpABIgVQBXNqS2F1w7GJg==","shasum":"e37afb3e188ae81baafe8cc154fa25ba9f93289a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.3.tgz","fileCount":41,"unpackedSize":619727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsGWeCRA9TVsSAnZWagAAPLMP/jpptu1P3dnBeTOo7jzY\nQblYExAzgmKcYRamawzxMKb+vf8drtDjYP+a8Y1F/PDnxxcNe9e5uL48wLLa\nS0hepMW+LY5e2Wl+2ZIXBT+NVm9KMrE8IDmgpSD6j3GNFmgI+cJDbkNRn7qV\nwtvxp8GuZ+5/tXfdlgt2+mb+3iAdQwiamQ4UfO+SRl2ZJQHItmfQqj9bCy6D\ndIFs/jq7n98ablA29CnjYqdlZ8fzJZCO5guyrWMbNekBn3LKbq0CL+zdopPR\n6lcci5J+3Evus9kpNeuIkrEWE+puhjibEZAiCgFRcKQ+f3ojTQVbzX3S7Jfa\nU0QFOzGjWcFu/W9/VkoGN85LXUTP1yIaYH+kdW9oLc23p3R3NWpBoG1Pz94p\nSZjfVa4f3fzh/ms2H2BkljDKCYvRv01yfC2A154y7UdoucCkKq1nows+UIBx\nwod1gu/3o7bv/Li8z01GSzYchYfSkTlVHlSqOiyy0PRbr3oYSSd5bCyZoBoS\no83RfsUrpdQuctqrB+V25G994CvRrAuyykmABSB9sSqo1xFRLMLq4vUC1z1m\nCI34tn5Lb3m1Psg49aaKWisGo6RVDyc3ULJCF1YiSGQZe8bTZK63iWktTh/p\ndK+H+btkyj00EmxzgmozEkyVjev2X64gPgEHmeWyf9sgm64LR1VksKiF4BUj\naWkw\r\n=J8OL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHecqwHTFflhcFPsJTs8kw0KjFjEvJ7dJte5NNtvjJLvAiEAu4xycdRCrlGFFrSnZYH9wqRg8uYSqUGK1S/XQxitlew="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.3_1605395869361_0.3670949743489491"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.4":{"name":"react-use-gesture","version":"8.1.0-alpha.4","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"62d168d3da406ebf33695bd31706815b9ee26c0e","_id":"react-use-gesture@8.1.0-alpha.4","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-afESvGl2/M6TgI2uzr/prInbJM79yY93X/Y7HOL9pPEPO53G6jIwu8v3de1dxjNxy4jtUIK9GX02b0oauGA1qg==","shasum":"87077436b22adb0a7a9efce905025299e5b7fa0f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.4.tgz","fileCount":41,"unpackedSize":621789,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsG3WCRA9TVsSAnZWagAA4akP/i41i6jeD/M3z0Ux3Gd9\n/WW5FSvQW7A4l0tNu5nOGxW2vuTX+FtnlgzguZFeXlW7/5Y8EOttZfuGApNX\nF4/7m257ihCPP+p+EvbeUnqLoi7cLjL0rv+VMqfrK8a8ZMU5N7NqHggnUI1/\nbvAKS0UcETq+ox7vKFI5IoE8f5c+cDhZGK3P/Ucu8flUQuZdHq8tQLekYOq2\niZYWdZ3oMYLp6N211s737J5X7XAWcOKjMEKo40mXtuIZgnB/on7gcwcG11M3\nmMj/a/1LfHE87tumy1Yy4YBO4TkHLH68a47CzQM3weY5cisjjn0Bto6YGYgH\nlbGIJlN3SN85WcwbMt40VAW9kW2dJPCU7eV2i+s5cGasHt4nO3SlMnaDVD1P\nc/vP237d470M+eGwaN52LMF5m9UYo6ImJbQhzdoqjnIIqe0idkEUndmIfgCk\nBgON68GizkfNGFqpbc5ghgqU+U1ZimZberueD1Y0Y9MHmvfwTvrNMpowAPjs\n5WmG5u/bjbWPNjG8JUhYefVIWKyIiENfD6l8561vjOUW976SBOXdV9SWFX78\ns3M/O0e5AJa9YVfTUcT7EjaGpy5cHv7kH1fM3C8ggAF9hwJy8oh+7ABLxr0s\nImO5borYjLjxF6RzGwGPI/Y/4Dv+cQPkEMWPZTsKT4veH5GiNjSSvuhMMPMR\nIGUi\r\n=g2MZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICbW4m0rsbVWxYhfwXtRhWYlLS2pNlE+PCy/6p1y+tQAAiEA/G7Zk1tWih5rQmhP1KkaA3uFwUXrf0N+akGb8lJtPGc="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.4_1605397973747_0.8985944016761951"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.5":{"name":"react-use-gesture","version":"8.1.0-alpha.5","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"9b9446b9c684f89d61a0088ecf57c72c92330bdd","_id":"react-use-gesture@8.1.0-alpha.5","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-SMjFG3vqlCl9LO+h7EQdg1+W86HlCjA01QX9KcQF35VGahGHmrE9pAmpUjkMe8V/e/9aXV9j7kU463NedQUH/g==","shasum":"45c46e3206e187bbadd06460b4a1fd04f7df332a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.5.tgz","fileCount":41,"unpackedSize":625132,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsVfnCRA9TVsSAnZWagAADugQAJAvljC3ydNaGEEtDSE1\nUnWZxL2WvhfMuXWmZejJ0/WQlBAjVZ4rrFXsplS5CWYYsce68OzLFix2xfBI\n9e64MS5AWgflpUHJEe8KPh4kfX2xgeEH3tlorDJo8fCkYQkuA57/9/MqrRmO\nQ7DrSBMaKlQLpuz51WbuOlBqmZhOczKgAwPzdTnWcFLhMBlMZxX/PWiIevQM\nEquuWKt7z2MRmUKpkD/Ag5z+Gb1cioEmzUjH11+j/ekfmDUkT4jWkxlmFey9\nMdsYoTejjxtwitYYUVMOybrSHCfNfk+YVHbHciJmqIYTtFZBusaNVR1qdjZL\nVyAEx0ZGUK3zSyRVIbAYKg0DlT7zuN6tUpAGzTUltVXciVyxz+z3PahGXnDV\n1xu5nq5XKjI0Xo4YGpFM0Gp1evmMWca7QafhKWQ3zQ8vw1qWH0wQSidp7XEF\n3zG43PCq+4Onl4dWqY1OtB78WiZxGhW8LVvFJQHEDux/ZzWNCGQ9+62lF4n4\nbWvdOcdksBlRuAnDjyFSCn4zWzsZ+mHYD5iNqWkKE130C7V4Dzydocyb2Jw/\na5QFRGzhCkm1EI8AyJ4VzjSb4fOyYBDNOV2htRNpmirBfPYcDogsWaTxa3vr\nrCJSQdXT7KAStOaq9g8d0t8pzY8qX6Z858rlcnHF6uJDaiqfdN0/UxHlW32s\n/Ewm\r\n=fz+j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0nXBJ71z2zrs65C0vrbbc7SEKRGEgnLE7B8HUwYXk2gIgPNCz6dssI4jO+8WX/PPhL5bxfXiho+CY6saxPiFS5PE="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.5_1605457895269_0.8779773806548496"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.6":{"name":"react-use-gesture","version":"8.1.0-alpha.6","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"e6a41a6ad5d355d34367ad1a2bdc94011d4e3aee","_id":"react-use-gesture@8.1.0-alpha.6","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-XTBULW1FKT2jsKI9qU0llLa53hc9GwUFHh3G3h5YCznMXN/qKyfmgNQXtoeC2Ao38OX7PZGtL0A5bfJ32WX+ZQ==","shasum":"c9cd9e8e8f18ee57a2e3ab764ce794dbbba3032f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.6.tgz","fileCount":41,"unpackedSize":625490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsV1rCRA9TVsSAnZWagAAExoQAIZBVPDhDiXg6dfv2lkz\nlYHgS+gmI0ynLKmIJAglIqh0SsY0h/3ATPAAF8qN/mX7Tp3fETe6QGaamhEV\nxXPF8z+8Yk8eBuzjODUO9H0XAYFdB26mEOKULq+ZH6Bvr/qLggl3IE4HNvy0\ng3n8IUS1z6opyX59tChi2EEmrdiL8APURZn6yCFkSaUaO3COS/fh23N+BPAR\nXfgdF5Nv4wGx/Ybjvbjc24G8VoV41pffWPsLK8VxzEtVROm1kF/F6lDOUNgB\nIX/Epbb45Svjdj3TCVRd8h0c9G0Ql7Y6T0GW7HyTOD4867g5mhzWf09ZUwgD\nrt8xOWKGcoLGsJO5Gz26P/KgZGNcu/Po+XRrCa7tZGcsg6b2Bb/r1P0lifEq\n7XxvQyER4F3MpSl/yoHb/fbnWEvayYNap1MYLCbxEBlm3CQ8qRwvy9g5PtlJ\nPescHI2Hcn6B8GS8n2nu2BXvGm76xHS5wqYQHxqqJ9AeOUuYcKRUqxT4e+kI\n41atjmJYrEYnUzVs+jf2m9BZzgc+aCw98Zbtd3cDv8XlyTAIYG0tnoGfEiuV\nBp2GX0Co7rbjExX1nno+0NHS1lTqMMssm0woNakUtLekK0tTSgdmchH/muJY\n4rNC6rOWiNC3NtTPXF24F3FkZTaYlArgbbmxrOS9bNawLWz/wAO7ZzAfOtBR\nJ1lj\r\n=Z3yr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFx8jXB0V0zEGH0on696bElmbxSfjHvrfM8tJoeShqnJAiEAq1LRq6khQK9tX1javUABcQourj8Vs0ePfZjEqVOUXgM="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.6_1605459307177_0.6210503238202896"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.7":{"name":"react-use-gesture","version":"8.1.0-alpha.7","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"e6a41a6ad5d355d34367ad1a2bdc94011d4e3aee","_id":"react-use-gesture@8.1.0-alpha.7","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-kMVCtOF1xFHAk3g6pilsFzVnbEc2tducJMgBNFpqfQhuQUHnZmlI5PVnvtPdcgvYMs6AUYcegSG9bn/FSUX8Pg==","shasum":"ddc37f7e2da024af4df697a8bf352cd479168791","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.7.tgz","fileCount":41,"unpackedSize":623889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsWGaCRA9TVsSAnZWagAAbDsP/2GFzMkCoYXli49AVOgA\n+iuw//hqSRWmxZc6/ZIPBeXqcVQCqvx7kK7CASm9r5QkepOBeKz0YN7rSLf1\nE3ifFsvY3NsjNnk7LdQDhY0A41A/ff/S8lEC/WIOeZSYwFu8WiFYSjT9ylJ2\nydwppnCxw7lc3nH3ncEu7FtESU30RgratvOd9mJbwHxF58wsrbCBdji6UcO2\nWKer0divReOi/tLumX+45dv2kMKex5MwZqM2b5F7BoeasC6iLck2Z06funE/\nGkjSLWO/Gev4UFcsxjybmjOg0naeaYRSkAnEB+BRva4n2az5olwHq0wVowLa\ngxX22Jl90oq0MpESV7+JltQAgdbSIY6NEBvD3GbPQ4JmzQG7tpFdlyvxB7us\nQm8i6GO6uC4Sx+DiwqQ2nx0NPuqr+Pou57+bOpYkDwG5vxzEhnryncwAcgY3\nm7DEpOXXZTOd/CnR/5Ic/NMVxK76gNvvHDFq+H4UXOO9InxmIhGasTSSH5F8\nKHKj9Pty0+dk0eLWlsIogKr8md3FH528AXpd2kbyrasn+Onwv6VrPWmCOqk9\n4YTVSEm3bZB7j/Fq8vgOULPbotlF1CRc98s50hl0e7Jeiyu1Q5nPT2uQcxTz\naHCMNuvCHiCud3jLEM8Pvq/b6sv2DP+/HIPVM6qxBQF/Cjz8Xp6M8s2Uv6rv\nXk8u\r\n=wukL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1BddOR5HzrcjHGe8EFMSQfJht7H7mv/idwR4Twk6zXgIhANTx8AwMB0MGZOgGKxkIVwS/UeCP0D+zmdcpOLylrE5u"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.7_1605460378322_0.6677689217484146"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.8":{"name":"react-use-gesture","version":"8.1.0-alpha.8","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"ffd7f4f49e4bdbd3075ff8e0588658d6b0df80cf","_id":"react-use-gesture@8.1.0-alpha.8","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-lbaHfN2i3QgYE1Kau3eofZjpGuXsEYVLVAkA2zphzw+fxRbwFdgc5dQqPvjAFKbVLHijvovIPhRwBe57RQ7cVw==","shasum":"445ffeafdc7a58cc729da50e5ae62f8ae7050d2f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.8.tgz","fileCount":41,"unpackedSize":624326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsWUmCRA9TVsSAnZWagAAIpgP/1WajO77LIYRUe2J/Fvc\n1basiirvuZPA7lk0q0cP/SSHCRVmP6g/lrXWX86QH5AqNS+PWKd2/UZZXNie\nEnqxeKLLjnDqlpDNBQpXLX8TvwHOildUJ02rIPwzcB+6a5QMaEj+yaT0D0v/\nMYZWA5UI8Z37K4LVkG02JQmeLylaYQYTwol1Z7nnwr/z1HV+jWQ1CArShBIV\njPCBrAN++kolbgCbZiL00x/1Nj+rrUoZ8P7Lu47BWz5Reed5TRbGB0pNJaqJ\nxt3ShW9KRIHScR7iUXnuut9Iz79CPbL/bYOj0O9ry9DwamPbucOVY6WugWIa\nTECz7Vs3y/3AejYRMlG71c3qjlS2GT3E6boAntRCg67tdVXeh1HoMoWljn7m\nKy1qrVJoYUbTmWLUW/T8XqVGJruoyp2V7Kl1SKFkzPedBa18Np+ppY5+qPQx\nd6C1/yM53b07TH0nA/sAg3HZheCJNO8cBwedMWV1ld3CaICYGFuo3X4x3+w7\nL3f/mhf0b6DZl2+75zVJ9daSwZqK+LbDPNdteI9s0tD8ektQ4GiF+a+zSYLs\nV7Hybdn563mC+DcikVQkYgZ8sdVTuC2YSSLvWGSC50I4sVuQUhNz4gGah+iR\nydL5wTUDFOb62nJo7Lx8JVh+hop/M1CmKdBdcxwfFoeSY4WL4qcU/oAqzj1Y\nJaSt\r\n=hWCj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICVk4sj2KYMs+B0BOIMcHLvDtBTm358hRHKztVaC0o4nAiASoD3NmWdXWGRzCZe0ayQszZPdVoxcaev9AVBKhT7hZw=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.8_1605461286318_0.5106675878110656"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.9":{"name":"react-use-gesture","version":"8.1.0-alpha.9","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"ffd7f4f49e4bdbd3075ff8e0588658d6b0df80cf","_id":"react-use-gesture@8.1.0-alpha.9","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Kmo6OAIHXHczDFzpj38xlybz5Bdpq2NEbRqikrN45mO8L0qOfHJqRYprxBYdjexZTCM+N1bSnKLCA2WoROXYjA==","shasum":"023de500ce49726a45a42574fd677956b041bad1","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.9.tgz","fileCount":41,"unpackedSize":624990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsWftCRA9TVsSAnZWagAAYLcP/28uMDQgskECXMbCrx40\nUuY6P2ctYO3h7wlV0BRsggMsqS7auYIscoXSx+UF42r6rAHU8vTZpKq1OxQS\n3zMQzRmbJZiC9mc+B1JdqxJebuKq+EXfS5uTPH44X1Yg/0lajS9HZv3O7lkF\nwA+ehhpnZXqfElcTSq5wFxRBypBqu76UGWd6r3Wi8pjjQfOlZjahC1DlyOUU\nmVg6+2piwmP2v56Hqhz7WWaCtjzSUiuns8pUcrCzAgCmtw07orQGJx1VYYbw\npxKwRGwjxhsOB5ujCND/cgJPpJ/lYB8XR8loi79aZhXJNUNwqao+zjgbEsxw\n07qZs3hJFvtlLvc5oDrGvuhY18jmCWAzQDQlcLzAHuFqT+bGGNtsdJYySJAR\nkDOGfknhlDNy0ibvHzPP3Xr+xjSQXqd48L7li0rRdgXLhcFBR5PNITI3M5lz\nNPiux8H2fXp4+uceX0UHHKXo01QUB8wqoolqt5pAZwTKu9eOqXDKlDRbfY5D\nw+T7xOgP6xwPaZf5WHlAVDUN9fv6BffSEA5DQSRBbMNqXAf4P8iZJFhejnx2\nmXeoUx3rYNaJzQG8L6c2z1YVRvOdRoC50j7+wllB9zftP3MhNZKuIqs1p+zP\nTKY5f+ycCjBbqND0a3/HDv5vaABVPAzUvPAfcUxOlfoXE2cVzVSQZHR4xgYH\n/1nl\r\n=Ih+T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8+CD4pfWpNmNEl6OfcZlvqhEE1VDoB5Zbe39tc8NmLAIhAPU4l1iHh3bbh7V1NSr9jSr/QIURzwSEAHm5/YjxG/s9"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.9_1605461996388_0.707990402085658"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.10":{"name":"react-use-gesture","version":"8.1.0-alpha.10","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./docusaurus && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll"},"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"d195e6b7ba16d75ef15803c893899f8d6ab2fd91","_id":"react-use-gesture@8.1.0-alpha.10","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-HMs5DpeqEWS+KgmrW3I5PsHToKuZh185lhAbxnt2GBKOdUf3YyOykAkHvAqAabQusxLe3wHtD7gIAYJQHDqGig==","shasum":"aa2e5e0b9b11ba69e57f1666a2f283631d004832","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.10.tgz","fileCount":41,"unpackedSize":624598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsmGQCRA9TVsSAnZWagAAklQP/15VOAKIu/xFAjZ5R0rZ\nFTXIdMmQRbWF1WlTnXoMxUyeCu3BUpHjLadZEUPseEJiM4K/6xN38RPaTVqC\n9yP1MD/8LVo1x4OseAKwcdWhZ74o6TOJCAtoCVBrz2hFh8Rj4fhjqe36HkLt\n21IwmT0PAuXrdz6wVWeZiLdeExJDTPKlj8guxGhlubzXQ06OVhhIwD76cVgg\nQ+WeQm197/fnvocD3bGNhp6uKfPH+eb8IBgtWWzkDgwFKL/Miw/fgK8RgeFa\ntPVkgQQNmUG+nHydS3KzmbN+Lljqzct5Z3SMYc86o0H05mVbn1gIbAR2YwgV\nvBgbXjxLNso22xfXZ9bqW+xeBPoxxHA9CUZ8rXVHteIQIc5eNgVAIblEgfyA\n0dbsPoB8QVK0/efD5OKdPKDOaSyqDM4+Ln/5EFviCNcGcyERAV86p4VO7/Oi\nXAChmGd9lDt8Tn1hJ1l2XVhcltCxUP1TzOr5AFfNZaQagXwdW8BMqaGYWNtl\nnm0uuMe2ffw0N/uX3yjs8rik172lPNa/y26d7isKtf0hJKzLNiA3oJVt5AnX\nY/Mevrk3cVEVJtVqSJUqDHl4YHv+OFVwDzT8vYq2fRGcNzBmWVPzQ39uvF4P\nSlwQk2ADESYo4YSTqMfEBhOKE2V/FR94GPgUvmNhDWOOUFYuwpKQn8VgFA43\n/2AY\r\n=pz3U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvFim+fh/bcdsOCUl5rZmDhtubmJPn7dwKw7cmJtG5aAIhAKRlCQfaaN7Kwt0XCVa1U4srY/+ngoq2m/LgZw+mr4me"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.10_1605525904031_0.48499687286632787"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.11":{"name":"react-use-gesture","version":"8.1.0-alpha.11","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./documentation && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"7bded34db8e05cc2991b3748902bfc6546c31fce","_id":"react-use-gesture@8.1.0-alpha.11","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-8aA7gUKLpcU2o23skVzqUF2IrIzkKHCRHlbWKPHzydDAu++WCOCj1EswmHr12fg6Hib82vgAeIj4FDD1fsyCFQ==","shasum":"51b7bdaa6f021917e3f426db4c622e3a6ad47543","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.11.tgz","fileCount":41,"unpackedSize":624839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftpB4CRA9TVsSAnZWagAA5xQP/RbLRtFb2OnT+vCdpYe7\nH9JWPY1sMED+rUUq5ZsL4H2PcKvdlIGU1KWy2qxFWgyqJG7DT/1Yi0wJi4C4\nY4P25Pa5aiF+KqPTCgX4ARyIYSNdLitp2kNuWK+5fLxn/nY5X4zFXYnnU2xz\nqqPx3Uk+GCa9fu1fnlWN0hUOyOtdylZP1Vq79zbrqi5yUOMHdfHxubaxx7R3\nEHIDsIbtpimEbNLqgnvBDl7SLhvzOURgqq5mml5xuRPqe9vI3EwUyqP8ETPY\nigOYqqDm7xAmJOAVjunZU3koW4Kk15DquryOe1qhAOldZ7wzKu88+01RvyMV\n8zyA42nulxNMdIsz4mfSCYKErXcOShyO1XIcmm0MYZbTpgDdRe+A6XsGYi2Y\nGkny2D0R9iXvdGgrPZ0s253DaX9uLwfLa8yxjWSBqPn6OTSUYHtXHKYTiDOL\nakTKt0/AFIhrN4YL19ogeZRmv8H94Iu+7Q6FdMQoGBo/HKhbM+tEJENTVN7A\nOwAd4tP8o7yTlFUAsBDmEdZ8Dwzhk6qV50Rbo6555U07uJnpQit/eoqeWXTW\nSmf6zrTA21YR9/UkpFdGW+QwZx+NrwinpXEeORXpvyby6KTiwFR9W2Ad9ach\nhNFTIWM99o3zXs8JKd9WiJKgNVNRf1bLMXQpeH9B9UZKHacOWiI1psu8ySXe\nkXAx\r\n=J3/r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbCIjPRtYh+RzTMghtVzRGEnonfmbNlM+GiyokwMHmfAIgUntAGnOMhHJtyphbOIBlbnKpjB0KNkvXAhCmu2bV/Q8="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.11_1605800055777_0.7127831349422675"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-alpha.12":{"name":"react-use-gesture","version":"8.1.0-alpha.12","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./documentation && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"99e3d98f09af1b1bbf4e6f5e50a96259b699e864","_id":"react-use-gesture@8.1.0-alpha.12","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-K1Aob+5vFZ6l6YByiBdj1dS6aPjTRu6tsHFvqf4v3jcriYlYpVG9H7R6IaERwK4n/rt49a/ZcJB3vV2Wronozg==","shasum":"9ecdbcbe2f5fa73d0bab93a9b4a1854b11a22d6a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-alpha.12.tgz","fileCount":41,"unpackedSize":633137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJft8ibCRA9TVsSAnZWagAAktIP/i2bqjuWVA2nFPDAzvcc\n4rAnvcIRTeZAsYN8PgszOWwIuXOwL80vmQ4eUNUVQK/ZYCqM0sa/JN90NEX5\nm3EQ6PBKKXyq3XinWBya8JL8OBAvInumcyBA7bs6xBuWC7EFcHiqlVgKUAT0\npn4EsSXUxMHl7PsQzStSTa//uX5gEakH0jFXtLsQveHiK5LAmhSIGK5r/AwW\nQ8ZbPTfRrMutP3iAEzFaPp+Fa/I8W7PnhhZeWJdhoS1LjgIJXOnL7DYoqG+t\n+PofV0E0B8jdTUNrD63aZFIVGhCIbQcIALAizEkDIdscNFN2qJVvEm5fSN/u\nx6LyAMAfNgjnKk1oGc/XYua9VSa/3Ivwg6NZ/OFowwaQ0lWQznOpn7pgZqX/\nAR9NcZExi3gk16yEt5G5bhdZo3KXeKG2+3xIBg2OwIgIlY9qPy0ynXe+y9yG\nPis9swNHbtLNpEkmy4V4If0I4/BNYZoHQz6J0nRJn8VPI5DqpwOEXkPMtjzh\ndiMBTyWZz2XEWnhF01IJm6lHfi+pU0jX/pHTFavlTP/6vP8XMNDCLp3hnFWC\n0o6+FcSvLg66MwepCcg4FCkh4KKDb6Bh1pNKTmQ78yKhAAbsHtJXLyFHtsI4\nsf36xfVu9GfjdPC9nEQxmxQC9BKPPX+7sXB/HXd1xSTRi0KT9hm8XIFxCoW4\nBEDT\r\n=7nAn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIExC/IPxardpaCM5VXZ2xfZiyxwCg/LgRwHMGoQ+gYUCAiBAZNW7Da84eNV0NodmeFCOjyzavUqGdr5ZvcMlgvuk/w=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-alpha.12_1605879962084_0.24890349100018438"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.1":{"name":"react-use-gesture","version":"8.1.0-beta.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./documentation && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"99e3d98f09af1b1bbf4e6f5e50a96259b699e864","_id":"react-use-gesture@8.1.0-beta.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-MEcX/c3PJSvVfpIwr3JKY2bywxyMNfZMvNE/ypv3oXKbUllDwpqduRZYjKUAn2jhzy2zqypl3SS/b0VcryimLA==","shasum":"e818bd0e171034cc5dff8fd2b4bd761ee902dd3d","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.1.tgz","fileCount":41,"unpackedSize":633869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJft+NsCRA9TVsSAnZWagAARLkP/i7wcODkBiEEak/USk/4\nniGheh/k2BvngSOnY3hydmlVTwRhKE+/hsq7U4q05qaVlrvQF7BE1jr0ovYg\n2xK4Olzd+JXm014SWHrMU0+ELYwG8KyGBTAHFM/EgeldyfqM53xYgEa0yUub\n+57cVxWkl1ubfGpoAiDh8KXefpaYfjRJOoUS0T5fCXSua0h50MP9hw9FLidq\nRaYsxYu2MlT/wKcpAOduaF4WH8C5R1QAwyzU1Vr6Sr23ck21tGozNEk7UE4b\nbi2urXzWoPREWe7pt96e8Ssx0HEGrIwpgnukVT2lLEJl5x/2hCv2qxyFu0os\nn5hsdIr+cFsDe9UkZxlrGNHcH+rjMPxsNj9VVmpRih+p4ZJ4dQ/7d0z2ewOi\ngb70s64ATB8af1gLQElvz40EsLCvhnxafoTZert++XGzMPwawF1zrwwvQyVo\nQRdyrGwz/GhWkvHs8V2yQNqWtlufVRxz4rG7r/N+E0V8UaRH3ja0QK8TS1eV\nM6XONmZBm3FtZh5ulZXQWTyBJYDiF9dAj6/BWe+mXLCXPfAA3a44o2/ARQZ4\nqydkamqJkSEIxA/VpnpW4wytN6Ew43jQf/Gk9xBhbbLU+i14V8GKLu+opHxy\n9vB1KV83aPXLZ/c+DnYCTAof2vqe/zEf1VNA1byg7pKGB6jMFdv8IT+BiqcU\nVhDq\r\n=zkfI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFOJCrJQcrRG8XIYhRQbQjxfxVF7pWC1Bkdz0Jr3aAbKAiB+ujxAUW4WRn6emacwXBiLfMAWux2gjYulpheT/FoSVg=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.1_1605886827222_0.2956127458288267"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.2":{"name":"react-use-gesture","version":"8.1.0-beta.2","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","build-docs":"cd ./documentation && yarn build","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"23accfb8c078f7a5a08af13a2abdd955aca73194","_id":"react-use-gesture@8.1.0-beta.2","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-boOURP76aChpXxBV5cdRHCLaSNrKIYuLFwmJepiKO1XV5hZu+AOoj78/r37sv5hhhIhS46wyRmOT8VcRDJYLJA==","shasum":"7110fbbbb2463df7408a850d458f0c508cc2ad48","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.2.tgz","fileCount":41,"unpackedSize":630181,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuEKMCRA9TVsSAnZWagAAcnQP/1Lv6uaf2SdsQ4RhFPSe\nTsDUzA6zCZ2IkXbxkyc2WsnUUqqlKHq28MIw5gDlJemmjGJKzzYsucHrANEL\n/Lb5JMlbaNWWE57TUGDIHHeUqTTPndC1E3LdasOi62WracHVg3B9FUSS5QAq\n1RRhs12Z3dSW5pZpmVAGAgGuQKbxvhtBYyeL0d7TEo2aXP9qEty5yb6QRtQf\nmURK46udE6kvCvM1kJoVb3pUs3+pn5rfrzZiweWKe/BV12gWKam+82nRmMYg\n6MX3Ox4Ru+kuYPXUIkO3npjU+PhR5BqVlT88HuEfGpP0/Cd9Q5PHxs5WOUyu\nInldfg6/lbZyZszlpY7U0JknzRTdHF/+URzuf5ic5f48ArOznJpEC59qDGNa\naM0xtLs2y8GoZLudhEo/qsyL0Xg4LAp7u5FO/ucTLIhvSXlqda+ZWmKCu5vo\nvKQQeu9DXo/3fmg7sgP0EBSRL82PBW4jdvWiDRmtt1W7PSQN+apT363p2pAQ\nTNHo3Lp5ScPGxeGTecEd0OucjQFX3Gq/n2+huyfOk5ngl4wSUyZUMuqbHISr\n9zRI1hkO/z8uzDXyY29f/M6OuyAjDkzS2n0t8GtH3jiHxauLa6Ukm/yOv0XQ\nDpdUfi4LtgM4LONFvAsPeLVTeYMw+XI+ECaCaqO5c8R+MyiqBmrZ2GrAQMEH\n9sPj\r\n=PuCM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1BG1MsKQ8Z2BT78gTI7yYjkbtpqU1akpECP5J99GIVgIhANfgxiUqEFA4PtB4IDH8xlpTZK5edyaog4VhS7ehBJ/g"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.2_1605911178941_0.6366511040521776"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.3":{"name":"react-use-gesture","version":"8.1.0-beta.3","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"32a384fd12d7cf61fc52086aa4e64d057a36be82","_id":"react-use-gesture@8.1.0-beta.3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-2JtcCwY9yNRBFWpTy/pr4DWeSKPlXO6KsZTNkIpuOosTwyS2LaXm3wUiB7jerZ4w5pTCxw3J9jOuTxIENT3Yog==","shasum":"17ceecdbbe61037153011c363ebe51f3170833d4","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.3.tgz","fileCount":41,"unpackedSize":638248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfw4svCRA9TVsSAnZWagAAeZ8QAJ4GHxoaOrj+Y1j5gZOh\nOV6BVdKMdp/6bqcAuhlQlJYAAwovewy2RXdWPM4UoQJbbdRNE3yRRG47GoA8\n+2dcH6FR/CRiLkwOXpKff96xPxLTgpXFrAsmqOPKL0c5ePvNspH1K2/6c6lx\nbmHesSOM3KS7JQP3umom1HTTK45BZ2VGixrJQLVZ5A5L0VYnE1Chsd+13EhO\nxISvzngwH96S5vjO1Oi43ijpz4FiFdpX+ERz7DhZPdiV3KY2rRuRUs6QaEkf\nAge3JafU6FqXHm7X4jgnu5pLn2O19CbiFYfLxfyZQbDLx/AGhbC6Q08E7sbw\nTiwnZAhbkG/YGOfMx0srf4insOUAKeCouo7eiLyzN71Ir8hmiKjBQYoBSUBH\nfC9sW/D5VeEhYxSLM8FyHuhlD0FyxcxRc8/Z8lV48POh4nG90dlHRuv2oOV5\nPWJbHG++m7armLWTxK0S3pUja4rQsQoh0oRvbdLeh0IWwjfT8vdpfD66Zmll\n00OGzAGt/C9nwQEexbS/rQ8xk6Rp/Yye8/z+WWPzCUZAb0cJBT7SwuQ87FIo\nxdIr71UAqm7b75kJKQy14cejQCBsqFoa+7WM3j6o7hKYZcfqaALSpy0DY5j5\nmzvk4Gui20Mzpz1FNqOmKVfU+E3sFXGUP9/CHva8dQ3cci6XvEcKmZayFDiF\n8u/6\r\n=Ta4p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoKAx5Q9WBicWHdpsFsrmmORbh+avjBQWcdYrHMJ50xwIhAJLoHdTkYw0fZX11JDuOyvELwarPil+4wjOA61n43pRE"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.3_1606650670961_0.8820565487698491"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.4":{"name":"react-use-gesture","version":"8.1.0-beta.4","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"2d3cc6068b0a64d117ba82e97e4fa38fe5361459","_id":"react-use-gesture@8.1.0-beta.4","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-lhWP6UbCpgCpe/yISX41SIVM5eIKlx7+tPjoPZscCo/3AgqRgScs/vm8J1CZhoX1n39dIrE1oUUdO6QiNsp6Mw==","shasum":"78d09289d9f114cbe0748fa20bcf7a79c9ddd11d","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.4.tgz","fileCount":41,"unpackedSize":641096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfw9BJCRA9TVsSAnZWagAAh+0QAIw9Um05N7JJXaG443Hw\n+xJB/CSp7T/0IMsd0MpiSq182Eu0I4942gnFbi/SrcfzDswlXON+wxf+CNdi\nqUCNWBC+qQbs5IcI6InCihVXMvMJvh+qURmLhr3CfEK/jHYNV05/HBT9avp2\nmKr4zaTpCrg9jrTs7lc2iUBXWijnJDy4bHP27+RLXvvAHtLwVHCb+AgiNQ24\n0CrsjSUMmWs3WCPxriDkW8A5251gGJfzGq3l+8FspLTlDZ+YlFrKO92UOv+N\nI2+RgW1GDDnBX6Lyc15b5AnvaBMZDek5uX8R3TfJpF5lfbIax46/0c15Lpu9\n6VMw+wVLv7u0cVx2Ld7fhdXZKU4mr9eCLLenXCSNx6p+Paq5OBV5hHxona/K\n52q+grfrX6vAok+tqvM287XJ6vAI7Ny0EnOHUZJWhbc+zkyqPRgBqS5oj+Ct\nMARVwUtFAc4yNu+f5fqRE63bpUyKX3WihVKi9UJjujk0dXhgyg/Twvb8Yrol\nGRAQqmEj+iCzetaqS0De3KkYq1wyd0TQQnZr4574MEuiULH4AL4FNN5DWKtp\nVklHpvBZdRLdSoqBNZtnML0oujfsTvP9dnMxlxr8cOTZyzOQ+DVIeqZjrCQU\n8Lb1PtCOg+6/dtqP9jK1nqZLcw1AagRkVHpT7kOo9324dSRbXLQGno+75SqT\nWTjU\r\n=gvAB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvKcaKdoAxauYePpCjQdd91Vog8DiR5CxEjl37wku63AIgKPdGntzJnXCiBpXn4jGlvvzS8PxPa0sixu7V6bKrXDQ="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.4_1606668360936_0.9356522716775699"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.5":{"name":"react-use-gesture","version":"8.1.0-beta.5","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"8 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"8de0bd0db36f8b0f983ecba6be250036cd1bfcb8","_id":"react-use-gesture@8.1.0-beta.5","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-S9+A9KLSmBkscagV/TA9qiX4dEQUYcOMrjiYJtkpGOqNmi7dV+62EdxnbbAuN4KHdgdHF8RYd5NFjV0ajCKpHw==","shasum":"e79d003b6f6ace3e009df5cb383e846fc4df0808","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.5.tgz","fileCount":41,"unpackedSize":641102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxMzHCRA9TVsSAnZWagAANMsQAJVG5vM/n3p5msytq8oZ\nYGE5XRmjtxkSgvXzguqoG5eiXIvuI0s1CJ1T7cwkfwp1c7eGXtN/ZgdYp4h/\nfMZpM2aoycCJYbG7feaTafCxlYB1eAOUnrdzulOknvF4p5zYIjILt5UdxfOX\nmlIG/apjuEt1B1fob9g53nyOASM5OHYKLYlE2mCRolqBL4Drt/VqbWstqipS\ns8bF4VosuexYC6WE2XOAa+P7RzlbuLBZlQIrIPLvpvQ7H80nmase74p0e7iw\nY929iblwtHgtU8nobW7eXWHrWfkdozBl3hCMtD7Np3egS+hZEwnhX7Ah+HMW\n+7P+5OZqvl0Vzet2HuKUf1jP+OD2wAgTK1YpPba3y573xp4fkzZl1oDrToao\nnixhYzx1zud7p97wO7+P955ytV/+3vu6RzlO7bT+wzpKfGW4WXTtCWxfB52R\n2hya8HekC2y8MWhjZLX8nGcFOf0/9ahMu0M+Lq7rfuwgn5/kGOpao96p3PUz\nwaWHd2R8djkoxFe23fsBJqYtIWcLXXiAnynhcToudmMTkxrOgx9HL/HFcyn/\nK6xjC/SgKi7wOjUcBndWzQKVUtZ+vlmUvYf/Bu6JHzfKLKm0wPGX/U5Kq/hI\nUCfRPyxIF9ZGl1sMTV/PJvz4BITpgCjRmXCh6THgxZP/8XnAJm4T7NRAMPxK\nxlEw\r\n=4VbJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp0mVZOJub/h4qyA9HEO8JOAewwVUz/LO9IGIq2msW9gIhANbr7uA1G9msXcRw+faTMUqR25Hqiuq22vkJo92Ts/Ne"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.5_1606732998931_0.5158803145301876"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.6":{"name":"react-use-gesture","version":"8.1.0-beta.6","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"90ec03b79b1969dfcf5a470862b4a4ec3d76923a","_id":"react-use-gesture@8.1.0-beta.6","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Bdr8bvW4ezlXNmLdC+igAdYiFBCF8b/lKPYtschr3n8ZnE49euSbq+TVgqvDYSS9XLI/TDRxxvWnCQW3t5d4mA==","shasum":"718f5ca4bbc3722bfcf904f2638b11e171bf74f3","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.6.tgz","fileCount":41,"unpackedSize":646443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxOCxCRA9TVsSAnZWagAASoMP/01ZM0FZH4jsRHjmE/DT\nraNzkB9MwOoQyouRUa6B5/iHejRpIM3NPESCiqEgSUcAuWlzHrS2hybCGkKE\nKvn4pvyj6rc/gCuVx+m/dYnsuafifcBWLK+Qgi6WxZ9f0oNLXUESWIlz7ool\nR/uymdq89tBOn6FHgyEoDG8/Cb+Odpx5wXD2oV3o7Ah9ftNfkWli1MsGfTMW\nABBVpYKX+yIrp4YI2nO1aTdYi0d4Kpwxyu5eP9Ge1ba5BYiAbUq+MIRwAGQG\nyARXtVgmt5b0Dc7vEaRxERY5POmRuy853YTb2MvVOGCreUHnSlrM/SI+wHZI\n0/b0Q1zEQ3D174Mht3x49pV5DnbRQvUUndn0lkHhPkVUhKLWeKx7DHQLrFM8\ndl65soqUUQyKNA+xH7yuHGPER7i1zxbUkXtYNAfzGIzKzTrk6PaM5AAQvqrX\nR/FbmeBX5XwLLDPjtd86fUc3tVFlCzG7gqhRWlZI41NcFrejApnYGd0yMxnw\nJZx2JxIjD11j1LA1m0ahj/iMrABuyYJn+4tZQAsEsCl8Po86pH5dilPJd0IN\nV+PgbMRZWx3sAUFV2XUOgObzos2nqq3azqiP0YeJWVte0sKPjn+UcgxuQJPh\n5brBpcQA7w7hiZVYcUsLyA3/5nnCWs+KIbY5IGP3VRoR5ORTugL+qXgG4CG+\njyBf\r\n=069P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvR3Rrq+tT2IKb8LC3ileVLkB77Npwe8GvHFsCNvmPGAIhALk2W0egnNcrl1P6P0pap64ELmdNVAdbpUMOjZaF0pKk"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.6_1606738097337_0.4355148827899449"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.7":{"name":"react-use-gesture","version":"8.1.0-beta.7","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"505079d570dfbaf72ad333360fb1c30e9498739e","_id":"react-use-gesture@8.1.0-beta.7","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-l3e1Tvk/3otFXm5FLDxVKfdAtlKsxBK5QQhY+PqEHM0GS+NDzu7hXtuNd9M07PEuq6M32CwdzOKTZ5pC4dgiBw==","shasum":"287b7fe713a02b5ed0a05c04be1a8a28f2e9d14c","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.7.tgz","fileCount":41,"unpackedSize":654338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx3rkCRA9TVsSAnZWagAAhSUQAJsIj8ur4QUmHiq/t2WE\nDIHkE3/BLGCPRbtZAho5YTufm2HODAiZJE4TNAzPZmJ9HnPOvLp28PLmupRS\nO/USdSAAArXgA///2f27VwiRhhMedEBAyk4dNUm0jNV3hmnzUhImNhAWvfcK\nAeAp9voPasHvi9BwCkiAKu1hXV3COapW7vbLhYAhEl2U2rV0DkNwJqHBr1GC\nEutopnQbvqNqnv1wx+/HQ099YQkJUcrlMz16iGNLp1ZoDB16Q/CAKaUyqr19\niVKQ43B0pHYCB6W30oijXS2G3NUUC6H3992OOW48AQZekxTmGRM5znpsams3\n08zd12A46vzW2NsYT5kIATJDZqTp0xq92iKaBIRq+vCFtV7ex/Aojl1ohVQs\niB1Firb1FYHL9SwL2evb5RZYr8eEf/sIz7p8Cq0TbcIjQ07Ox3QJhB9jGf/D\n3co10W2hptz80uk0/CcQvNy4GNWqJc2wgFgAxyUhfI6sta/Rf+QMbor7Q/gD\nto8pbFU08F0hT+WXqib8uytx5DZJyRPDTaD4qGR42XysALdGP8dCGnrZ4ogR\nhmTK0OsJEdDjQs5K59bhc96uysbPJunhxfYiglp1piaeS2udPOY04nMm7vcW\nU3oze2/5ip1Xpcj3ZhhYDz4wrKV35VtP+dL/lx+zxEbABxF1t/TrvXpiQVVk\nTFwM\r\n=l/GA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBeFYa2tYU2CMt2Ku3jU2V9oh+tZ5XvOr0Tg5nRM0gvBAiA/WqfbkRe6rFAHEyXb0s9+BtY84hx4EYzWlB0qmN1LHA=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.7_1606908644347_0.08778771288841591"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.8":{"name":"react-use-gesture","version":"8.1.0-beta.8","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/react-use-gesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/react-use-gesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/react-use-gesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"63d854d72b46aed5a4c2e8f532a708a35349f474","_id":"react-use-gesture@8.1.0-beta.8","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-jecP8NYJQFMoFuML0dWGpR3egp15zI3QLbCO/fT99MHtkXx/7AZ6bgWUOe1WyDZmc3ktN+iCcxhagC0CKBQhbw==","shasum":"2721aab75cdc54e292714b20a4b9028cff1d2173","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.8.tgz","fileCount":41,"unpackedSize":654541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx33SCRA9TVsSAnZWagAAyDoP/j+fyi32LXOs28ohLIq3\nQSXzBWB2D49IWqFX5Fa7rCzZ13T+RxVxpUDYGMUxWgXIFs7QGJ3cacSAdt/y\nvD2UUm4sUbCIy0veStgxGX537wmBAWCPvfqUBG0rIx5VMcdHiV5S/x4po8WX\nWUW2H7GAiC0Excrsjr7dHkGJKLjZ2XB6GZBRVdyqkmiSxk4C30DUe7WAwrw+\n9lxYPsovyVHpKzurw1jawMjd7IxjQKoOBRYMUPJVBmL5SgwxQqyqmFUsyrgk\n3WUr06dzNxSst5ddkvz0L+knUyooNEb2tRXkzgcUdcFiu26FYt199ma6hn3y\nPYFvboUQxJHRJEuZw8FauzIOoArraEWaU0N6Hqv/0XTclFthl5KshWzV500E\nkyfuzXMcAkslDdpkLPi1rCPjzL0/2lwxe58v+fGkfvsJwOEhUSkWk1QHb3ei\nZT3UTrg9dSCSIVjfMCthJCcHlL9QI5jejhePReErAk4MRmX6d2LvBRikZoFc\nUZoSV142DPi2M41U6j7QVfqEYkNxhXYFQNlUGOw+bZWfgTW2OSCK1ooCDUDb\n5ARzGoCh0B4Kxbl8RwyBThugKHDrf83toDywD1f9xuoaL/6eKkG5tXImLs6F\nCru7qmqY91X00iwlztXmzx96msnsIiHRHd1guuG06dY3InZCZSDmEZI1YIZR\n0hOC\r\n=mSqN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0Vjt6KbUVNr3iDm6jol4wHgqRm+K19Z0rTc3qK1QB9AIgGUl9NPczpOEwVQlxDb51XKuseOWOHi4rDcHcUIQY/xg="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.8_1606909393723_0.82990597702436"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"8.1.0-beta.9":{"name":"react-use-gesture","version":"8.1.0-beta.9","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.7.0","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.1.2","@types/jest":"^26.0.15","@types/react":"^16.9.56","@types/react-dom":"^16.9.9","eslint-plugin-prettier":"^3.1.4","husky":"^4.3.0","prettier":"^2.1.2","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.7.0","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.0.5"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"5100d57a5423a8cdc45b45d0d286f452fee4a2a7","_id":"react-use-gesture@8.1.0-beta.9","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-pTywhwfTSJpGYCKYCOy94a3l/s+cZkgXR4tuK556Z3tAsDbB0LBaT1lvVUOZoD+hw7tcFCC+CPEeeJ0p9hpnoA==","shasum":"9df7f0dcf65e71fcb5f08db1f4d8c1f2bff9742f","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-8.1.0-beta.9.tgz","fileCount":45,"unpackedSize":1038880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx74uCRA9TVsSAnZWagAAcngP/0wa7yOKflvD+r04WnSK\nmGF7Y1bvp0DR+WFPk3kYeEKedto2kqGUKuvaNAwHBiaOsuqXz0tpNLMXq3e+\nQC9jcrpcWJ5or/rLyi03neyINzoohMd3jPOug5dlbNysbol73ydbg5bO45Jk\nYhXgF/rOUi99UFyzniAzJVcaIrp9lU7Can1p4L+CWyoNq63bxxZ6JMjr+W0q\nmQA85ia90KjBLIuSk7Cx2slAC85CwbN9bLKikmFCB5eLhGC35lx+Ep9S+YUE\ntmcJFJzcNSuvfW7FJ2NVrrq41f5+R0Gcn3C5iq+CljW1WP99IOxPI2T7kEtX\ntEkbYIfDr3ihhOldXGVNma83CYxAno2OYJ/XjCvl08i7d3VL9Xl6PW873+wD\nniqFq7C7XBnS1NkK8tMjcTmus4bBagwlAOmdXVTimCgvIS3M4KYQDDU9BlUr\ntvUBDgmbcD7BEiRIq9a8y4PdpLGnph3MJ/LwuQL5R2l0mSPyNHDLwVw7h/4D\nXDIhH2lFvNns1mqgwagN5eruO6HB4Vaj4APpyXyiG9XMpkbnLYKqIPyuuNN0\ngOCE1Qz9EZd6zatvfjggICjjIkjN19bOe2uIZgCevmSrSt1rrGyTbiiSci1O\npbBZ5f3Qf1U3HRDvWtDyOmOuuCXrLnhUBf7HCh8lrlw18HjMxk6mGuL4cnAe\npvOG\r\n=l4p5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8AxWqcPqbdnP3JxkshSvzpmViGlqmVkgu2aPjd3YezAiEA7y61CNuAKHNC9nfDucG2+BovLH/3LwhztEQzyJ29NcA="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_8.1.0-beta.9_1606925869552_0.3951222046179601"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.0-beta.10":{"name":"react-use-gesture","version":"9.0.0-beta.10","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.9.1","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.2","@types/jest":"^26.0.16","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","eslint-plugin-prettier":"^3.2.0","husky":"^4.3.4","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.1.2"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"c3672349d6b36146647cba9b44be5c4bb3aff5f2","_id":"react-use-gesture@9.0.0-beta.10","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-TxVMu9VM732fYi0eubKtkGJ2xWMPS1p5vcQKbS9y73SVzM17htTprwdEK8/J+3uqaSXPraEVHzcPhjtLO+7bzA==","shasum":"c255091741d1db281266f5497ff26ceb5eecd2c5","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.0-beta.10.tgz","fileCount":45,"unpackedSize":1042152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzQs8CRA9TVsSAnZWagAAXYsP/RzFL5TdqdWPLeWFkG3D\nEnYSXb7xyAFzidW+v/AxoYyjKSCivycSZBa3ElzhxJ/JHCVc7uXX0AVKsmzp\nIHvdW9AxaqPeX1xkQb8sSp+P6ssQUSoOIxzSSaCVyf3sgP76Hy4efRXIOmEc\nPxOSDvUwG9kgWs0TLbCb1kCeAozir/XzMBOGPhf6QqViI1dwlweBhEXskLUk\n8PALTQN0UGrMmw3Q+iBQ5gn5zQr+skdew9Ir7cVWc0SEhHlnjXpK3wB9kOPd\nNxECsaVKpWziSuHN75X235a0MmCCjFeaItlZI1Ltnfj55nO3jCKZxYA8mx44\n5nRLWTtI1ZmQ7uz87yrkKV8/UkqYN7m7XZcJmJZ1pImwWv81YmHfJGFaVQcU\nwY4JOTccZmjwNL2kIQ20n6Z34aed/cNhnbzN16kTBvlhisQYNkwysYtkW+Mq\nU/I2gX9ItQiu9u5IMhHwEneem7zKktSgNsIQqUjtNAttSiLlSHBrWwqeuV5G\nC2yQhuc6QT8mEJynXLXqnJXkdopkO77vl4YfVsdr1hva52RuDzMgnEjDlx3w\nt+m7S2eIToLzt00YfaS6H6bFIiIiGIa/7LpBFdXdzt6OsbkMOit8UHxTUGCH\nwm7TlMu9jWuofkTYlKi8chFzOLTImPhg7TrOd+WJIDFHxLU778P6CMCPNBjh\nco9w\r\n=I3Dm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUXvZJrOCgaPlxAjsI/V6GjrIHJRbih4BKgxallcq2xQIhAM4CtrZG3eEIQwK6pcSVSQCuRwIiYeMBYcTlqgmVj2jD"}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.0-beta.10_1607273275949_0.9818127574596884"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.0-beta.11":{"name":"react-use-gesture","version":"9.0.0-beta.11","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.9.1","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.2","@types/jest":"^26.0.16","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","eslint-plugin-prettier":"^3.2.0","husky":"^4.3.4","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.1.2"},"gitHead":"1541dbc9b3bbf49157429f58e9e751926a2b6acf","_id":"react-use-gesture@9.0.0-beta.11","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-lpn39vmrDu/zB2bNx7rjaL0+Gjm17a9mzn53bX9IP4TIjMUxXlsB0IkiFj/B23F0vq1A9ozDLGHl2OaXkKJcBg==","shasum":"7849219e91d3c8a1b396c4036d40125fe6ed1d06","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.0-beta.11.tgz","fileCount":45,"unpackedSize":1043864,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf3gGHCRA9TVsSAnZWagAAd9MP/22opDSO+gT120RoMMuC\npdlWhuuHDhqm6pNz4sjfuOr4NZWzxggHaEyjfwt/7YCtIqFZpEekJZoytATQ\negFEBFqVy41KD+bRNCN5kX97QtzCJOaJENz9e0XKaNdg+AiXrYJh9i+EXce6\n84MoBKgI1i7x7TwW0J5p2f4/ulWd6z9nq+RUXx7TSjoVIfjkVaD/GUoWMvin\n6wgxCFZ1pWJu8+95q3jZZ41yQQygB5hwTiK/P35vbERK10thRTcMoV1Td2e7\nQA5cmj96wDUhoDbGrHY+uW3zyI2aS4z2Ty8WxlhmIeyvvCuUdHLgSJadNKTK\nG3jsQwfirZXQ4Qv1F+FwIUgyBO8URn6uH22UAd7CHUUVgi0XuNNkuhvSQOYj\ngAYHfzwSs7/MSSrkAwbMimyAOrd40MUnF1JX0oHK5ILq0COl4iaKn5el2KPk\niPbXfRQAwhmHCHs0X2GE3GOIbAzTPGRp6KKMJ5/mZGBcr7HD5Ss6P1e1D6qX\nlq9iMmHrp33HkiFBbmINmK4YTmVjqWhhJ1b7oiFGU6KrgIwJ+wxginGpiEls\n9hjZzU8zxHFcAeo5KDt10Eh9rDZfutO5E/FGXNj1hmUhSiNoHq+HEWuKhZnM\n0ho0jv6mJ7+KFD1zU1yW1zBUm6BUqz3opiqyOTsiYAeTCfP8OM3KegXytghT\n9Uu8\r\n=Foly\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhYfrHaHyo6gFHR+1qGrdpMZHAAVv1pL+dTI8APdQmAQIgJovHz+kWPSeTzwxXK1MmgdmeOnpsyL/vmUOHupN2Cg8="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.0-beta.11_1608384903280_0.43513071998538244"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.0-beta.12":{"name":"react-use-gesture","version":"9.0.0-beta.12","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.9.1","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.2","@types/jest":"^26.0.16","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","eslint-plugin-prettier":"^3.2.0","husky":"^4.3.4","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.1.2"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"63b6e1c52dbcf20bc512d2177c6b7d303f22a2aa","_id":"react-use-gesture@9.0.0-beta.12","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-V9qTLmZXY8XzFVUwI96Ns8hIM86RaWX1Zs/ruSr2lmv6n1lWqACVe6MgWN4oTmvxpN1i0Fv+7VZ5xochg16J3g==","shasum":"8a32ad208f3d550833a17498ac52ad40aa915e8a","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.0-beta.12.tgz","fileCount":45,"unpackedSize":1046023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf5xpcCRA9TVsSAnZWagAAbfMQAI/LAa/P+PwMiX/UPqvH\nRGj8i0BLM+060BLhZ3ZVaRNYmqrew408oo5kZLwWOcaYUTmR3TfWJJvV4ULd\nxU/Ft+qsGdVcIrpnOfOkRaGY89xiMS9UvFZDXvM49CBY32mYHGmn98E0k1RI\nuB5822xpWaaYCJKOU2wigDIoAk22/Oon7vi/LalsRD900LSpQCnYbPXGV9uv\nuS64ow6cnXJRVmfnPPhvNm/wngV2K8QvIuregY0o/QnJTBxzZy/DR7rC5+Cv\nDat449qd+l2ejs3GVA/zwuAjjQ5nZ6bof5A/5/eVapUm84+rE/AyocdYcaiV\nsFUTY/c+XSr8NLKOv0wGqXc5LlJdNoq5wY/n84LaKNhfTvSwCdkK8t4VHuJY\nGAcbV4fi2J0pyfwa0FxI96fP9oHBtwjYh8TMmxhRjNdgSZSaLB/ZhYdSzSbr\nJoKDLDc7PZ5XhUjhEnoUlYpXwnjYObUqMCet9pFIzP3ZWGWQii4TsV0T5GYi\nR+ctiPjgdV9jnWDYUcDP/hLpX4EWIc15+VmRNCgPhJIzmso6dsKuPg8VMvVI\nXSoqdP46/qwNF8wjcPZl8HxHvO8fjfcI1LWfhzh1159kCVf8LKzMNopqu7z1\n2sNSFd52CdRj9zFNnv21ZJdCigU4qRhrCaMExRisBAyiviAixhUuX1SA6NGH\nt63n\r\n=Kvfq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkB9bHRCnakUdv7xeqWHHl0bGO92x3y39DtAnInoYTpwIgOiIyvgyT06xsddCTYlR+qDRPGo9dPUKqELN8GSFNZYY="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.0-beta.12_1608981084383_0.01861961402102552"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.0-beta.13":{"name":"react-use-gesture","version":"9.0.0-beta.13","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.9.1","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.2","@types/jest":"^26.0.16","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","eslint-plugin-prettier":"^3.2.0","husky":"^4.3.4","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.1.2"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"4b48aaf572202fe6dd66550ba5eccc520926f5a4","_id":"react-use-gesture@9.0.0-beta.13","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-3/C6RSHb8XLuSmJHTsxOJmu5HfxmWkwT/8sjNe0qkftnD7fiv5xjosrTvWpy/OW/2B+v34hkdc76FzlJEHXTkw==","shasum":"be27ff0de87db1bdbed500aeee307d9adc501e14","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.0-beta.13.tgz","fileCount":45,"unpackedSize":1046023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf5yCyCRA9TVsSAnZWagAAngkP/ApuXI0+TK6JCSbnhtNV\n25NEpwGO1r06aJCLaQcU+0ja9IwRDieu88jfFCAYiTb1njfDszCM+G1vMqKL\ng4TPLXNvkNQNcn4AEb1Y64GtGyZnnFyWKbv3BEeMot+fKM6wxc3yWQiIFdIU\nXUNa2KhTcntxPO6lVzw4mV32JC2z4N8UyPyF6Ll+scrJ1othkZ/XlhJhnXR/\nmp4guuVhD7/wFJqpJlLD+on2X10ALdgRMl9+hmXPYEAYZ27qUicKNR+wr0bp\nImpQ7fYgwmoj+GrrH13ceamSitJz/vVDIu3MKwXgfmSnkUhNF23g+8hHIQhN\nUgAYy3qvJAgPmscgU6RIaaekNvGNdvZC6MXXfluAoHea3caJvwVQ7bXJ+7jE\nd8K6hVpVNseffHfmda8IpOSjX/5dQiGv7W1sB4xMGLL5LS2Ao7odSVOHWQkt\nLHsGrYB5LF/t/g1mVWGu6g/f8AN0alkH3qfE972HnHQfAxq24tK6iachr4fb\nMuEsFUKZbKO4bYopjMC5OEtzBLW1m2q7hVJn0sI9aTqUVP85zdPHsE8UYdRb\n6EAnCKArfmM7zYQSovFZFE/MRCxeI9Haz0aCfxcW1WwTW0IwWTfAmuZiI/HW\n1knT421NgPqAKnNwquptcBl2d7NrDDVsB6RHDYFCUPYqJEpPpYxwD4bhY//4\nQKxx\r\n=Mk+c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4dYpZ4oK8jsnQSNNZimhUcCMCGWY4dcaphKgZ1l7/EgIgWUKPb7Vo1KGaWUUFSgDTdPgniQBl/6dRuGaTc+838nY="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.0-beta.13_1608982705698_0.972627653717028"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.0-beta.14":{"name":"react-use-gesture","version":"9.0.0-beta.14","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/react-spring/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/react-spring/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@size-limit/preset-small-lib":"^4.9.1","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.2","@types/jest":"^26.0.19","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","eslint-plugin-jest-dom":"^3.6.4","eslint-plugin-prettier":"^3.3.0","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.6","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.0.3","typescript":"^4.1.3"},"readme":"# React UseGesture\n\n\n    [](https://discord.gg/ZZjjNvJ)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"bc32d233982d2217a9630aff9b687d44931d364e","_id":"react-use-gesture@9.0.0-beta.14","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-qmPfX5wzn554kaPITvqJtEMKTqspAQWR/Jnw+2if82RxvPjHBiUjgp5yh9HzW9kJmGjhLuod6S+pOBhQQelNbA==","shasum":"202f3491cffeefcb7c665fd2038b28e36af2403e","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.0-beta.14.tgz","fileCount":45,"unpackedSize":1050006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6coDCRA9TVsSAnZWagAAw0AP/0Xouj+RQa+/QnbQhk+j\n/OvuYhKpXwiXZ7XpIrczSSYsrskYz4cGwkE7HxxaGPM3dB+9zclxLCVSs9+Z\nG7haDhstVR3n8QG3XJltHMOvPBRTgm+r5QTE3a4UDyAI7xbL8H5+B21e3Yiu\nvuWN9vC7KjfZssJ3LC6hLd9XZFJA8yxIuKz5dEOTsr5Z/29eYC7qpVbNRUHU\n2u7q9LUmnNJDfd+S9qlsufvDIqeK0HC2q9GVzLkV9ksyqqL6AKGEXtmaad0N\nlt8QXY6oUY4jxkiB1dCeJWvzYABMZNDT+Y9ew1lAvfhE3zHcMFku8zlAMbBC\nBO26XeRutAhL5irXOuTHkItRkAZdMJvv1AX7+pXG8wrBO+Ct4An6xSP6PHC1\nT9EqxAF5r2WXtTH+WDT4uo46JnfSKIKVzWDW5Ukaky846Ot821HX1JGVqosw\nqh0tsOnKfgHPp6m0l4hM7AQ5bKY7LPSU6nEqYVCtGeNN3IcA4+fJZSE8wmmq\nQIjoB/z5dmtWwqbinZ21fB6EZohiQL0SyNWMDRoPoE2aebAQxA0gaeao/B2F\nqdg7Ahaz35078OL2xty2xj6s1wLjY3oYrS9zSJNZy3c2bkeW3IxOXxwbaQ4d\nqBvIIpaJJETMOFEfQ27CGoT1dTwAAioxtfb+zjRLh0FDP3Hn+4OM+hzc5X0K\nJ0yP\r\n=tP9J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICcYeR1vE+otoqsXoeyaDTWngte7QSqC5ru4NEXBBXbwAiEA8WufmUvFVYs4uGSCGB5caBg2RJd23fpqT0ofC6AjnGM="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.0-beta.14_1609157122449_0.9024088516433111"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.0":{"name":"react-use-gesture","version":"9.0.0","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.12.10","@size-limit/preset-small-lib":"^4.9.1","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.3","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"3c42621722d173256f0794a4cae6b1a3b65d9960","_id":"react-use-gesture@9.0.0","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-inTAcmX0Y8LWr7XViim5+6XlTsJ7kCgwYRrwxSu1Vkjv+8GyClHITFkGGKYXAv5QywZ8YqiJXpzFx8RZpEVF+w==","shasum":"c3c1d011e522315da6b31c38619cd4302f41a63b","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.0.tgz","fileCount":45,"unpackedSize":1051655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/x37CRA9TVsSAnZWagAATx0P/jNX/5A3ZhxgZNGh6NtG\nBnQMjvAXR7ssDzmARW7qxOrzd9llfJT245h+SOvi+AvtmLhLMThfCDlA3CiT\n+R42In3RgVss2QlSovsHD/PMSQR3vsa8h6UGPn8wK0XBcbAxrLnpYNxNH73M\nXj7aXOnW3q4BBZTowqW7c0L77BId9NyLWPLaI0iqTFRigSPdKsrIgPVHOzXN\nbIMnVtkeKKpp5oz0pZSBtWeQZFmAcuaAlAG+wd+03dSxuLwU8fae8dTUm4K6\nNdXhoyNKVvotW8bLGgB9xlDbMRrQO+v+XE9Pd97MjXi3phb9v0IFyud9qKIi\nbpixAvHDd4aBoIcEZAVwB5BOppuKihrXYIJB172Mghrzxu8+zCwF5E0zmxUz\nn3yxUHttQpxwzC6h0QaHJb/gIylplQV7Kb8TuyfBCohTIARYaA7eyM7g649g\nOL2saoKzIbXTxfZKVpvHKMxy59E1gksM1rDcDcU055Uxl3vJ1bUSeNhBP67/\nWCnPbyETIdcMlH0rXHAqvYmLLf1h7s+YFSxwIcDIPfooNAx/wFaEVS3d0Rcl\nZWvm6OaCT0eudsHLljtzIExwExBfsAJe03pqQ4W+UCPrtduq17/S/Y2LtFYM\n8Dzf52C/tV9Kj2ivsnID5QXSngyzZjQNNLZ1y7TLf4fPH2wzovsYtjU3v4mt\neJWz\r\n=ZYmb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEAaB20LwO7c9PSfSFL+vYkf/ghnPJrTfLE13Wg1MPHyAiBGS95vbhEToSg4TxKR+pRvoSnUAC85AONSjVPhsxCLTA=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.0_1610554874461_0.46936404646693775"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.1":{"name":"react-use-gesture","version":"9.0.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.12.10","@size-limit/preset-small-lib":"^4.9.1","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.3","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"404e3818aa24ad4f91fad12ab7e997871005e142","_id":"react-use-gesture@9.0.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-0OH9DVgoBquD2unXPnc1KVK94LDGi7fi9uZiCD1LBZhMHIWOUvT8ab1q1uYdJqdtVbo1Qi3IVyAsBTsi2wc+MQ==","shasum":"8d261dc87ff68acddb1efcd1f6ce1a000b48f94e","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.1.tgz","fileCount":45,"unpackedSize":1057574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIrORCRA9TVsSAnZWagAAws8P/07R1r7z3hHS/+6nzcYT\nATOdHBAiteQm9/xfgTduQu5usVyPF5cgqNLfkD2UVD7ilcsDzMZlZSexQZKy\nq0VVFrib3/BPFfuA0khpaYRtlhbxZYMpSzCAg+WVzk8ng92xmk0QzCcSYD8s\nN60idCpt2LSqBiYhrvWO+7toux2bcZVW0cZHZXvSnzCmdsYTCuxbkeibgjPE\nqhaA2kU3Ai0GlCWMf6h4BortOULhyKD7Kz56nUGMCqf+rrw7YIAJueGtvDCe\nUcfF4Nu+1gPnjspcG/LpbjPAvagMR0ta3SEkKwqq8MU1KTA6Dj8oDQxYISWd\n0ZBMnzM7j0GQOwgqgNRs5tddp3fsKiIjxEbIxguDyxtKarw5CuZ1J5tn3pP7\nCNwNP5D57r6LGE5eSp4548Lz7a8wyz5fz4wGL/6eRJJpfsRTQ+LEMQXwc/GG\nfP+UeWhFXCU9g1+j6MrEHFSSp7CTImFoXdT90GTrejRB2iroK7stG99AbJP7\ncWqwynRoWWRxY7TWwWq9T40dbhHCwMp99NcBg5MMrspezjoqSGpKgZy/U2UD\nIgxLaUvjQHkKXT7FMj/WcyTa6o7KBR1mbgC+eV4HBEGm5PJAR4iJuDqETWi9\ntGs9g1HE8ITFwmLgmvmFoRtPYZzz0jGCFKUZGOzdgyuqumTi9C/P2weUCNMl\nTWAf\r\n=p63G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN5nmGs7frDntXLHsylY62xBERRTDCwW8sRLWbjieuNwIgIz3iFvRVIbUa5yWe1MCwMjGtPKkQjSxg/6TrfCIWgiA="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.1_1612886929200_0.6763584682122652"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.2":{"name":"react-use-gesture","version":"9.0.2","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.12.10","@size-limit/preset-small-lib":"^4.9.1","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.3","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"a0b9e45e030df8a337075810eab42ba1ab54404d","_id":"react-use-gesture@9.0.2","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-9UxZsnExGH7RHQAbNj08Qnlo4OKYQrXJ203EBOfNLw1dAusTH+PZNlLqmK21hY00O9Kf1q2n85U2JWczobuzcw==","shasum":"e6871938bffb5275a7d374e5daa27cf9602adaf3","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.2.tgz","fileCount":45,"unpackedSize":1059761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJb6KCRA9TVsSAnZWagAA9PYP/AjiA2tHzhyIt5KYbdOg\n+o4NhiWhlzWQp/Q3SvLyPgqgetODzFi2NpYAG8qEYt5ZaYgN2OSfvCVub8tk\nVkOtZKNq/is/SkC/qTzSH+lVhbEeY+F5U28V43U0W3bjGoDN1RMy59Dcb3EO\nuG8vgv3zUMn8cPLYW9NTgU12m/uqmaLwdLAlNi7hs/G6OE32TsKgTUPBw8Ll\nU4pmKwwZJurLcrBkbjTvRaeZB8OEL+EcY3C7O7tuWENNBSSfy7InMZDkUxdt\n5EkagmqWAlKxpaOO648ljNGLArwveY4Cwt6izByMaUbfehh/wQTZlUxBwOEA\nHFB2mqqGghIwsMAgfNrLo7IOo0cAJl5HVMyy9N5z7X45NUmxElMjZYTehtPh\nRiYibVT14R67Ztfxo3NJFe96zX+FI6HF26qlxSKZ2JH3/FT7HiIscidsDtT3\nD8juRVgrvZZPg3lhHWOlN3hR33eT3srs04lq8HhIi6KGuJIbIHhtibymbKhJ\nsMJLRL+QPyipLfEPewWxj6h1/z2+T9I5qCdqBNzT9ruiNGWx0o0HYsjXzaVx\ntp+7fDLYU+WVUN7n6f+/57ab41qZcmuXM45OuKtcW5gFm6++HNQQTsfiCgk+\nUnm52A+5hVKrgYfxfdFKYp/RNo45ZFsBsfdMZuj4oWo/2gp4iK8oSlv5n2Ji\n5uVL\r\n=08Bp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3RJwHPwVUmFkkUhuMwmrbaE99FxmbgpmwqRYGwT8t2QIgSZzFJL9M166XJN0EwjcQoNvE8wtJhf7g9NHQP2n1iVc="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.2_1613086345976_0.1762565213321048"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.3":{"name":"react-use-gesture","version":"9.0.3","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.12.10","@size-limit/preset-small-lib":"^4.9.1","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.3","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"2bfaf92b29f947b785418a22771e3410273542a7","_id":"react-use-gesture@9.0.3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-k1AwD8qPLIey2oMzST42zBRBsI+vw7ZzedeHc7m8ujfZxqY2m5eth1xCkw9mThsgwR83aJ1/Gw5O0Lki9MAlPw==","shasum":"616f689e8be997eedbb7a7a39942367ae4ccf997","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.3.tgz","fileCount":45,"unpackedSize":1056694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKVXtCRA9TVsSAnZWagAALdAQAJPSgxFVMSz/W3fLko4h\nd/RrOCnBFvFsuKBglKO5FTmrafHqQiuRPY32nqq8DfiA20xklYDWWBDaCBGr\n2RbueZfXodMQObdPGK5fpcXlHUKLR0yXA69nEYWS1PslVuDe+/dmbMotrZwr\nNuJYfbvH///STIKOKX+2Aij+yOVBQh5rIFjm8UdjpkmnY4H/rewDMA80ROcH\nt6efsVHIy2ItgU3VyM2iyy3QepG1ecJ9K8VBMszoSusKCwYercPcFT2R6+2W\n9E5cLO4A5YHUtoVfEyLGBB8txnkFw3vdHJyoDWX4d3oioU4ljlbGE6TVsquK\nbQn/OhUlCSkmAi0c5amumb4uVlgpPDr/g1Zj0KkMVWi5oErCmht6skhlgFst\nfvwSdtt4KIoLMh0fLieeKeazaC9w6Rqc1zbhJse4ob9yqkhsQrXohBuGog75\nyTxWoJTiQx8zIzJuRqYE+KQX4d5aGxh+wBfUdwk1J3ghZ2gPcJKMbFZ6PWnj\ncAipk/xI7LIXlK9reMZqe3EjpiWrhwhasGdmoPjrLCZqKFNgupWTtgVfdQ8R\n5x/uv7df+26j7QaoJMzzqRJwcXEwIe0jbCSCms9BSuZjgyqYo5HxJfT/0zFg\nxQEAq1AB0PMyshgodVnSW6FDXvFca9/A3IudMwFuugjCShhXaUU509JFXo/3\nCpEh\r\n=7IAR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBSzSht4BySmEyKigTAwz+Haxr+/DFBeDmDj8LU1i/mnAiEA7CskUdSfntju+OS/6ca1ODZXZzryKNTohN7DX7VYnsI="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.3_1613321708946_0.35067765975633414"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.0.4":{"name":"react-use-gesture","version":"9.0.4","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.12.10","@size-limit/preset-small-lib":"^4.9.1","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.3","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"224588951c7f3c976c653e777ff422589a2e9e68","_id":"react-use-gesture@9.0.4","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-G0sbQY+HSm2gSVIlD+LE1unpVpG7YZRTr8TI72vo0Nu1lecJtvjbcY3ZLonEZLTtODJgLL6nBllMRXyy0bRSQA==","shasum":"7e0428007df31b6d8daae37c2fb01e9f40283623","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.0.4.tgz","fileCount":45,"unpackedSize":1059289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKV4OCRA9TVsSAnZWagAAcLEP/R5oiyUom7jLA5x9AMgt\n8hJLNo3a2M1NG2fyXUl8xRtjlM//9itCUgFvnZi6Glt8NNVwLgFor5sR9exF\nE7CFujfA9fH6UHL6FFQRMfVmdoHOk7jtp0pkO/F7aTZzxnNb+BjgD7nJH2K5\ngykt7swnObnV5a0kbkuoICPWEJxjujj/c6o09AFnoIZNqUSNMBp50t7/ENQv\ns+gYmx9Jqt9w3lwAwbo0pirUBwEt3KLL/bPP3l6tj1RpfrqW9pzmodWjCSLL\nS/Kt7Qqtsv3qR2NK2/4MrD20i3/Hg/xZqjHNJFe8LoF6Fri6NJQtcTnCUuiT\nanHfJv6O+wtfac/kordkRaxD+Wa+phJUh127WmvberCNg5txTR6+NY+XAggx\nkKLjqQLaj1+QQdNw8HtUx21AvpmG8M1vfayIMRCbEXEdkgOH4Vr5YsGmzQRL\nrZzAH0VjPxGzWayjHiX2Tmr90o2o+oJWYO6jEuzu+5nebaF2xPxgg6j2rEVT\n+bAPojgAWCWkxUevjrEkg3mXycEAf1KVsKGMCfLNCo2b8HyMLiXP0WVZ2d4g\nz1uaMuVtvPXr3UIx96ojjVV3D3Ig7d9Ce9/I8fp3jgd3A196zwLSpnZ8Mhv1\npW/WBLuuCKE2tl8kPjYTtWZCJnViYMd8QqXQAuOzfwCRF5L3wFtTb9QqWJga\nA9Ad\r\n=vpag\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG1XDd3PQJh4YQmxVzJ4xllYQyuR85JcioFqkjyOGFSFAiA8PcbtxaDOWI1I8uCz/UOhp8B59GYTAfiCpCt7tHfbMw=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.0.4_1613323789490_0.22221206580693065"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.1.0-alpha.1":{"name":"react-use-gesture","version":"9.1.0-alpha.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.12.10","@size-limit/preset-small-lib":"^4.9.1","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.3","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.1","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"readme":"# React UseGesture\n\n\n[](https://www.npmjs.com/package/react-use-gesture)    [](https://discord.gg/poimandres)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","gitHead":"5eac66d5c75f147c81959f2dcf7059f00157bafd","_id":"react-use-gesture@9.1.0-alpha.1","_nodeVersion":"12.18.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-FNlupXJQrZ8TJYLKu0muNH+ao5LVDeRGob0Ylkr0VvGyxKFRhYz9Hyo0XNKcYzOkrU9xfYsFFcBxjuoSZiGnrQ==","shasum":"33100f95d689072f013cfe1faf368d2a7e6623e6","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.0-alpha.1.tgz","fileCount":45,"unpackedSize":1058229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLkZuCRA9TVsSAnZWagAA5D0P/1BKVUEn8CxVJ+Zx1hIU\nf6Oh0sAs5cKTyJbk0opm1INEkHqW7O+nO4vPzcxZzbh3SyeSXw1h2FbfPZTz\nThBQeO9BoW6lskmAUgyV/iSnFIqNeGtbRAWRbN0rMwiBxtgG3bZmn73gR8ei\n8jsr+oMrapVwEDOVLTZ8BvJmaWHsLouX/eKKVX3COyqgRj1ntyviD88uoRJH\n4rx1UjjvicERxHnTa5l8iPeqIy3Jj5/VygGRtIC1ltf/56/NBwSirqdwhcib\nJciO4XpFwQYRjlWA53kfspyeBKHZAupPWfqZLG71jljQbaQ4uYY71+dS7x/6\nY4Hqw37qLM58Ppyn1J9qiEUDtDAyWSuyR5vTmquPmt4lJUHCJ1grIJgp2yjr\nMqKv12hYIrkFjIwvRIGb33EwmvH5X+OrnxT10VbsOnbCGWF3ryrQEc31rY+7\nRV4tYxbVCGNskapRfqN60e6EyvTY8CSADy+PacaTFtwKHleGWt7ggzPv2VFo\nl4SD9C4OvdP/+/HUY2+54/ertY0LUpvb0OPeSKXu6BIEWSOGs8PhqIDVOOyy\n7M/9fYYU2dT2Lc+GmH0zqVZ6dgVRk5/UO3IiqXNuoBOYGJrS/+MmX5S9Wppp\n7cmz8JjgaO4w5zmvlqrBbrUqSW8494C0Fx+4Xv3TrFvoRoJ5GbQHiN+RTo0l\nOeJe\r\n=ggDq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBDrxn3NaA5NXo4Jg1TG1wmE94iGVn3uWgaPS3IlcSC6AiEA3h4d8OpttYCikAYp87/AyJ8IACFfug5yrikPAmiZ5xM="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.1.0-alpha.1_1613645421957_0.5138295826818138"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.1.0":{"name":"react-use-gesture","version":"9.1.0","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.13.8","@size-limit/preset-small-lib":"^4.9.2","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.2","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"94bb05b23b4ca91818d1de4069fd65bcad3201bc","_id":"react-use-gesture@9.1.0","_nodeVersion":"12.18.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-JpHO/yWVBHcdOkl50OHJoZDMS8IDSy2yd5Y9xS6caZE9HRsHi2lzk2ewcDTvR+aNj02Avv/Q8xIPqTDMSiUaJA==","shasum":"fdf301e61ce0217837e7793b8547148052631003","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.0.tgz","fileCount":45,"unpackedSize":1066590,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPg/sCRA9TVsSAnZWagAAmnkP/3EEAUwW9gnWnVrdlwbh\n56D5ILuUgGhxLw1kNdDifedGErsSB9ZN9/jQo8lj/kC9CVl+98S8bUenFfhT\nT9MBxDqg6MOfmK0FTUnN43v/Vu76l6Eh6Bb2VEGfyKJlSx+5/Gm/e/n0aQOM\nG26DmVp24rJUVhF/xSDlXcRaRfrgnmGgkKFY5njbd3IjVfn49YTSIG06wmJ6\nUrS+n3LNsKsGG4U1ojz8Q3ijpuj/75G5N8S07duhC0+7eFqkuzFUGFLExoW3\n2QFjDZin/dmEv8/mw25Z7EXWlnDUgaYDyVthcd22k1a9LHuj0o6uIBNQwBAM\nbN7KqZTWaS/hML6BvJ2ylygVwcCWSNbbVLLzKNVddff2fSYo0gcyzbYV933/\nyCOOt+GmmhU28fJP8QXpx+JHTGarx0jOKFYFDKAyE/+fnY9ahMmXmjaS/2xS\naJHsgGjT0szGjfKAIK5QzPiiwoGUtlwWHVZ8H7FIW2XtNRUgJD+nVIvWoXad\n7eGZBFCsuLskhNaHUH2WSPxtEz77LguMCzdbMuRHehm5FGfffogiuoLiA6b6\n3mg8oMlzEfA4Yp/JQSvXtzo3icVLAih0C9lefOh7QZX5zpIXALOrt8Sw5Jp8\n9eejeOyp40pKDK5pbb55nyE/FHY7Ze9/ZGpLhQMH3QIf3SNUhYQgk7GTJAcg\nN216\r\n=a5Wq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAkx2xZQmf7+ATNjthMGo67DlP9zuVUCeWSadTXGVKA8AiB+0Tb+rgPAJuFqnA695PAj2/bC+VRr+wFre8YmeWfPJA=="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.1.0_1614680043992_0.46038217407704596"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.1.1":{"name":"react-use-gesture","version":"9.1.1","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.13.8","@size-limit/preset-small-lib":"^4.9.2","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.2","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"5d81d74d0a77f41dbd5b2e92eecc3da7e5800d08","_id":"react-use-gesture@9.1.1","_nodeVersion":"12.18.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-RhZ3cfISasL/45XOI5Q+KlvXHKsJ1bUw6hTjJ7k/2RVqxDimVFFGCblcBUVWxbm9lsgD4smoXCSuEaMSrZTdzA==","shasum":"ea51156f68da111f39e1bd249807c5f88561f70b","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.1.tgz","fileCount":45,"unpackedSize":1066423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPhpZCRA9TVsSAnZWagAA4f4P/iLZVxNtig2PsScwWe52\nztwYTCN1zq2yA0L862UZx+9tS1gDUrAD3tg7ywzldp5it/7HY09ipbRqxGQ3\nBp4mT9phx/dEgxcJ3UThwAIFnNmcHQ2AFmMmXNNkkWamROdKXJcw4mr4ojbs\nmLkRA848VxB/KVPN72EM8+YzyJP5RBGZSNI5D509wahOOsXDIESqjTfLCdAE\nztspjPAfInDbnmYBbWN7aRQMjzdVUKqwq+1LkyDe27gnI7teT0eZtDvcG8c9\n6jOfHjwKRWsp0SICNzn+b3Ws3DaVBpYWEcurVEDG7bFi2QpYOnWssfctnHM3\nylibkl3XcNIlApCxLgNy+38P5/s+d9unIgfh25ayTptZYp0H2GEIqNcmF8XQ\nyCK1GCko/FRcFYEkA47mJo42vshUOzg+XL5swpfzRMTRCLk/2laJeLzkFRbo\nCLauwfTq802XbNQemIkgUxUz6JE/6D4nSlrFymJ06avA7xhwaj1LCgavWmU1\nbU81YPqhFOvU9duf3FhuL3xA3OyWrfxCy4vnoXyy9eXnxRvLtiu5yTbQyj+U\nqBAUoy95lUWJLitdM7KM/wpDSgsDPzeH1txs8URgfOCe/fAxXA5RRG1vldcs\nk717yQNLPQ+QqDCxUaeFObwmmjJSBgNTU74WrZFMyoFxCZa13PZDHzfW680k\nF0EQ\r\n=o1x9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEXrlyEpJn//avt2Tlr+FQ0QKvt+djMN7xnIQ9+edvwTAiEAi6XF59Mt6QTjO5AUtzUg15Ikod95O5Qm6SJwrNaePpM="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.1.1_1614682712410_0.6164701120017033"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.1.2":{"name":"react-use-gesture","version":"9.1.2","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.13.8","@size-limit/preset-small-lib":"^4.9.2","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.2","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"327bb0279702278e306b728d6d8c7b3775300dee","_id":"react-use-gesture@9.1.2","_nodeVersion":"12.18.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-C+h7l/S3TooZ11MF65Iqmnh59i+qWnnbwOlAxHW47SbSmEsFUyxQnmRh/Qq9DOKZLsxC4uZjWpoinMP5nSG9Xw==","shasum":"bfb622f75f02715af95803796a9c6bca7852a5f6","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.2.tgz","fileCount":45,"unpackedSize":1069291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP8whCRA9TVsSAnZWagAA9akP/ikgl3HBlfUlUzPQMYFI\n4F/Hi3juLtytdRln89wWIZSzN+Z/DqISwgHBH3w82rNmRt4n5Ibsaukqb8y8\ne4Gwo0eU6uNupAiAqlEWb1zgAuYJjGN8tbD2xXKavLnf+ENhETnpZUt5/Avp\nburduckY9qSK3V6SDuLm3n8W1+ipriv3h/BpeqGaRlBDEWIFajt2MJDq3DLy\nx2fsMhdiGyK3V5mxdbv6rAmjf5YIFzIZuivEqcpvr0NpH3VKqw/Qy5MVVrT3\nS7KMf3dLOGZsxMonvokwgDHN2YrkQQObFSCu87Gjs0t8TFEJl1tmaqwYyITk\nXZIbbTXjM0yJki8ozv65jfWTZpZ0uurvE4mOJdeRWgYPCCqLMES5eP7bDpib\nZRJpeJYPEPEHxNkSgkY85vpu6JoCZuROn5QmB8gKV9qmFdKPNwKN9rzD6kql\n3j+dI05aco+I9ftv5d+xr1fBJuofkpQLHvaMas1uhtkaOYkTx8GE8THGvkAt\nBEgrwlcnJO5iCf1HSrMuC8fYds9gWm/zjnJ+sciZ/7biT87DcN3m4+n/7co4\nvyy693M5GsaJHZq71pHRCiDVe55JEpBuoxzvoD6lbxfcoOW+5dhxKOhcK9Wb\nEytqNghJ+87g9xXA7zsK6iAb5vfznrosSmYA9Z0j4KF2tfU0FRFsj1+7cT3i\nQwwV\r\n=F8+Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDxFB8iqvqoWsuenJuS3fM/CVDzuhc3g3MVdO/ZEvpjDAiEA+VZg4lDX7jOyBeEvWtHLvLmIm/y9GGbmh0duGz74J+k="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.1.2_1614793760538_0.01333553586344749"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"},"9.1.3":{"name":"react-use-gesture","version":"9.1.3","description":"React hook for receiving gestures https://use-gesture.netlify.app","main":"dist/index.js","module":"dist/reactusegesture.esm.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"start":"tsdx watch","build":"tsdx build --name ReactUseGesture --format cjs,esm,umd","lint":"tsdx lint","prepare":"yarn build","docs":"yarn --cwd ./documentation start","test":"tsdx test","test:watch":"tsdx test --watchAll","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"size-limit":[{"path":"dist/reactusegesture.cjs.production.min.js","limit":"9 KB"},{"path":"dist/reactusegesture.esm.js","limit":"10 KB"}],"jest":{"testEnvironment":"jsdom","roots":["./src","./test"],"setupFilesAfterEnv":["./setupPointerEvent.js"],"setupFiles":["@testing-library/react/dont-cleanup-after-each"]},"prettier":{"printWidth":120,"semi":false,"singleQuote":true,"trailingComma":"es5","arrowParens":"avoid"},"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"author":{"name":"Paul Henschel"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"license":"MIT","bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"},"homepage":"https://use-gesture.netlify.app","peerDependencies":{"react":">= 16.8.0"},"devDependencies":{"@babel/core":"^7.13.8","@size-limit/preset-small-lib":"^4.9.2","@storybook/addon-actions":"^6.1.11","@storybook/addon-essentials":"^6.1.11","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/react":"^6.1.11","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","babel-jest":"^26.6.3","babel-loader":"^8.2.2","eslint-plugin-jest-dom":"^3.6.5","eslint-plugin-prettier":"^3.3.1","eslint-plugin-testing-library":"^3.10.1","husky":"^4.3.7","prettier":"^2.2.1","pretty-quick":"^3.1.0","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-spring":"^9.0.0-rc.3","size-limit":"^4.9.2","tsdx":"^0.14.1","tslib":"^2.1.0","typescript":"^4.1.3"},"dependencies":{},"gitHead":"1616279ca1f7f1b6b3853ab311139db61625f10b","_id":"react-use-gesture@9.1.3","_nodeVersion":"12.18.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-CdqA2SmS/fj3kkS2W8ZU8wjTbVBAIwDWaRprX7OKaj7HlGwBasGEFggmk5qNklknqk9zK/h8D355bEJFTpqEMg==","shasum":"92bd143e4f58e69bd424514a5bfccba2a1d62ec0","tarball":"https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.3.tgz","fileCount":45,"unpackedSize":1066653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh25SRCRA9TVsSAnZWagAAs9YP/0NCBrnx0nCnZ9gxGTA7\npuWBZnlDJb5sJJWsZ5LL8ndFKtDFi0nmFMpP7Y5XXvNLBbdWdwHgpcRckYv2\ny8Cg/i5jTcIn2SMcs6Rhr5W3Jz17wNd3P7jnQDz0xPSpSC382/OMceiwZ43R\n3syIAuLh8Dtw7M8cIaNimqqe2NFjS5hDXN7djq1AE8US2z3E8sQRYTw7qvL5\nfptKKuB/3gqSKBi+iWQx+yFBc8F48rk1ZYfhVTZiWYXAsHzKyfIvFeHpAgBZ\nH/jk5lQUH2tI282v4MFlZ6I9qAqzZSXqKYnqY8M00WN0hWYrGc1i2yLO9TCm\nkW+IKVCtT4t7FXDVFp/kP9zP/C+pDmFCD//04byKLUGBxRaZ22NR3/jopShL\nvssPkqcPW1kB4HE15TKIIl+ZkkegJcLfrgzi5bWMUtb1Ask8cBYDbHiuIfy3\nT0Gya1c+4LRXyr0VGCxSpWev0fZ+qdyzhLmJl4TgYyfWuIS+be1IWsXNv+Lu\nZrk+Wkucy9FH5/Z681aUPf2IpdCiVK9FVsLqR7OAfm29zY85U//2xu+afe8C\nIqBepPc4sbVCpJHxtOZJY58/SMc2XiWrDVh/XTmBoG6Emel4iRwZP7DWWZu5\nL7BTH9sizcrOaolgkre91E0EQr1yRe7kHLr5L7VSpjnT2P1bjUgidr8R4QnT\nxoCl\r\n=sNKg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICJG3ng09FX9EIGWlDXqM03N8GZrVNLIL48sOl/+a3xIAiEA05WRcIfABUr8jrW6Q/eMSZPNCWGcxNzFEmwXXzn9JR4="}]},"_npmUser":{"name":"dbismut","email":"david.bismut@gmail.com"},"directories":{},"maintainers":[{"name":"drcmda","email":"drcmda@gmail.com"},{"name":"dbismut","email":"david.bismut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-gesture_9.1.3_1615149801967_0.2364137515015896"},"_hasShrinkwrap":false,"deprecated":"This package is no longer maintained. Please use @use-gesture/react instead"}},"time":{"created":"2019-03-25T15:52:56.514Z","1.0.0":"2019-03-25T15:52:56.633Z","modified":"2022-05-15T07:04:27.644Z","5.0.0-beta.0":"2019-03-26T12:32:07.086Z","5.0.0-beta.1":"2019-03-26T15:17:25.617Z","5.0.0-beta.2":"2019-03-29T15:56:14.371Z","5.0.0-beta.3":"2019-04-11T05:02:39.301Z","5.0.0-beta.4":"2019-04-14T18:44:30.754Z","5.0.0-beta.5":"2019-04-17T10:14:51.826Z","5.0.0-beta.6":"2019-04-20T13:21:32.201Z","5.0.0-beta.7":"2019-04-20T18:18:33.119Z","5.0.0-beta.8":"2019-04-22T09:46:47.896Z","5.0.0":"2019-04-29T16:06:56.634Z","5.0.1":"2019-05-11T10:32:11.704Z","5.1.0":"2019-05-15T08:51:41.957Z","5.1.0-beta.1":"2019-05-15T14:43:35.294Z","5.1.0-beta.2":"2019-05-15T15:38:08.311Z","5.1.0-beta.3":"2019-05-16T14:36:49.703Z","5.1.0-beta.4":"2019-05-17T00:05:29.175Z","5.1.0-beta.5":"2019-05-17T00:15:32.587Z","5.0.2":"2019-05-22T15:52:55.090Z","5.1.0-beta.6":"2019-05-27T14:41:56.833Z","5.1.0-beta.7":"2019-05-27T15:15:25.073Z","5.1.0-beta.8":"2019-05-27T15:34:38.529Z","5.1.0-beta.9":"2019-05-27T16:01:11.653Z","5.1.1":"2019-06-06T17:01:42.903Z","5.1.2":"2019-06-12T07:29:13.634Z","5.2.0-beta.1":"2019-07-03T16:57:13.836Z","5.1.3-beta.1":"2019-07-06T16:56:38.231Z","5.1.3-beta.2":"2019-07-07T13:58:37.463Z","5.1.3":"2019-07-16T10:56:17.491Z","5.2.0":"2019-07-23T08:10:41.112Z","5.2.1":"2019-07-25T12:56:32.827Z","5.2.2":"2019-08-01T13:35:38.909Z","5.2.3":"2019-08-01T17:10:11.141Z","5.2.4":"2019-08-06T09:31:59.967Z","6.0.0-beta.1":"2019-08-11T18:15:05.193Z","6.0.0-beta.2":"2019-08-13T21:46:53.167Z","6.0.0-beta.3":"2019-08-14T18:31:52.319Z","6.0.0-beta.4":"2019-09-11T11:45:02.700Z","6.0.0-alpha.5":"2019-09-18T09:14:13.763Z","6.0.0-alpha.6":"2019-09-18T16:43:16.089Z","6.0.0":"2019-09-19T09:38:02.905Z","6.0.1":"2019-09-19T10:25:39.015Z","6.0.2-beta.1":"2019-09-28T07:13:05.263Z","6.0.2-beta.2":"2019-09-30T08:48:23.399Z","6.0.2":"2019-10-02T08:03:54.048Z","6.0.3":"2019-10-04T08:38:15.404Z","6.0.4":"2019-10-08T15:14:30.424Z","6.0.5":"2019-10-08T17:17:35.097Z","6.0.6":"2019-10-08T17:27:41.400Z","6.0.7":"2019-10-09T08:16:09.236Z","6.0.8":"2019-10-12T12:22:48.251Z","6.0.9":"2019-10-12T13:09:27.928Z","6.0.10":"2019-10-14T07:55:12.544Z","6.0.11":"2019-10-14T17:45:01.969Z","6.0.12":"2019-10-15T12:22:58.826Z","6.0.13":"2019-10-23T23:31:39.773Z","6.0.14":"2019-10-23T23:32:41.834Z","7.0.0-alpha.1":"2019-11-05T16:55:38.636Z","7.0.0-alpha.2":"2019-11-05T17:36:58.608Z","7.0.0-alpha.3":"2019-11-05T17:54:06.392Z","7.0.0-alpha.4":"2019-11-06T10:01:10.596Z","7.0.0-alpha.5":"2019-11-06T10:15:40.866Z","7.0.0-alpha.6":"2019-11-06T17:29:33.064Z","7.0.0-alpha.7":"2019-11-06T17:53:17.709Z","7.0.0-alpha.8":"2019-11-07T09:13:30.115Z","7.0.0-alpha.9":"2019-11-08T15:18:29.668Z","7.0.0-alpha.10":"2019-11-08T22:08:49.232Z","7.0.0-alpha.11":"2019-11-08T22:28:18.467Z","7.0.0-alpha.12":"2019-11-08T23:16:11.393Z","7.0.0-alpha.13":"2019-11-10T13:55:09.967Z","7.0.0-alpha.14":"2019-11-10T19:42:49.770Z","7.0.0-alpha.15":"2019-11-14T17:35:28.446Z","7.0.0-alpha.16":"2019-11-15T14:12:38.034Z","7.0.0-alpha.17":"2019-11-15T16:15:47.042Z","7.0.0-alpha.18":"2019-11-15T16:27:05.970Z","7.0.0-alpha.19":"2019-11-20T10:23:02.027Z","7.0.0-alpha.20":"2019-11-20T10:33:28.685Z","7.0.0-alpha.21":"2019-11-25T09:51:03.277Z","7.0.0-alpha.22":"2019-11-25T09:59:41.667Z","7.0.0-alpha.23":"2019-11-25T14:05:08.395Z","7.0.0-alpha.24":"2019-11-25T18:30:51.028Z","7.0.0-alpha.25":"2019-11-26T18:23:42.454Z","7.0.0-alpha.26":"2019-11-28T18:24:45.999Z","7.0.0-alpha.27":"2019-11-29T16:19:19.495Z","7.0.0-alpha.28":"2019-11-30T22:24:58.663Z","7.0.0-alpha.29":"2019-12-01T18:47:57.837Z","7.0.0-alpha.30":"2019-12-10T09:39:17.777Z","7.0.0-alpha.31":"2019-12-12T10:23:27.211Z","7.0.0-alpha.32":"2019-12-13T16:15:47.975Z","7.0.0-alpha.33":"2019-12-15T10:41:56.190Z","7.0.0-alpha.34":"2019-12-16T14:36:30.462Z","7.0.0-alpha.35":"2019-12-16T15:05:55.987Z","7.0.0-alpha.36":"2019-12-17T11:46:00.722Z","7.0.0-alpha.37":"2019-12-17T14:15:09.171Z","7.0.0-beta.1":"2019-12-19T13:58:45.485Z","7.0.0-beta.2":"2019-12-20T12:14:01.699Z","7.0.0-beta.3":"2019-12-20T22:46:18.282Z","7.0.0-beta.4":"2019-12-20T23:17:29.500Z","7.0.0-beta.5":"2019-12-21T08:19:18.635Z","7.0.0-beta.6":"2019-12-26T00:05:47.239Z","7.0.0-beta.7":"2020-01-04T09:23:06.143Z","7.0.0-beta.8":"2020-01-04T10:22:20.403Z","7.0.0-beta.9":"2020-01-04T21:22:46.859Z","7.0.0-beta.10":"2020-01-13T13:57:48.649Z","7.0.0-beta.11":"2020-01-15T15:18:35.956Z","7.0.0":"2020-01-26T17:36:36.568Z","7.0.1":"2020-01-31T10:00:56.393Z","7.0.2":"2020-02-03T17:47:11.214Z","7.0.3":"2020-02-05T20:42:44.729Z","7.0.4":"2020-02-07T10:52:25.307Z","7.0.5":"2020-03-08T10:32:56.152Z","7.0.6":"2020-03-29T17:45:16.584Z","7.0.7":"2020-04-02T10:02:40.845Z","7.0.8":"2020-04-02T10:18:39.695Z","7.0.9":"2020-04-03T08:32:13.955Z","7.0.10":"2020-04-05T10:33:27.153Z","7.0.11":"2020-04-05T19:59:01.971Z","7.0.12":"2020-04-09T22:01:44.635Z","7.0.13":"2020-04-11T08:13:23.724Z","7.0.14":"2020-04-15T11:12:27.641Z","7.0.15":"2020-04-17T14:17:23.689Z","8.0.0-alpha.1":"2020-06-04T15:04:34.223Z","8.0.0-alpha.2":"2020-06-09T22:08:18.087Z","7.0.16":"2020-08-31T14:08:21.940Z","8.0.0-alpha.3":"2020-09-15T10:14:44.759Z","8.0.0-alpha.4":"2020-09-15T16:13:59.767Z","8.0.0-alpha.5":"2020-09-17T15:42:55.973Z","8.0.0-alpha.6":"2020-09-18T11:33:59.815Z","8.0.0-alpha.7":"2020-09-27T18:10:41.273Z","8.0.0-alpha.8":"2020-09-28T19:54:25.463Z","8.0.0-alpha.9":"2020-10-14T18:04:00.817Z","8.0.0-alpha.10":"2020-10-18T15:03:05.021Z","8.0.0-beta.1":"2020-10-19T16:21:44.941Z","8.0.0-beta.2":"2020-10-20T17:29:52.366Z","8.0.0-beta.3":"2020-10-20T18:23:36.181Z","8.0.0":"2020-10-29T09:02:58.415Z","8.0.1":"2020-11-13T18:31:01.966Z","8.1.0-alpha.1":"2020-11-13T18:56:34.660Z","8.1.0-alpha.2":"2020-11-13T23:14:49.719Z","8.1.0-alpha.3":"2020-11-14T23:17:49.796Z","8.1.0-alpha.4":"2020-11-14T23:52:53.971Z","8.1.0-alpha.5":"2020-11-15T16:31:35.461Z","8.1.0-alpha.6":"2020-11-15T16:55:07.396Z","8.1.0-alpha.7":"2020-11-15T17:12:58.529Z","8.1.0-alpha.8":"2020-11-15T17:28:06.603Z","8.1.0-alpha.9":"2020-11-15T17:39:56.699Z","8.1.0-alpha.10":"2020-11-16T11:25:04.224Z","8.1.0-alpha.11":"2020-11-19T15:34:15.982Z","8.1.0-alpha.12":"2020-11-20T13:46:02.570Z","8.1.0-beta.1":"2020-11-20T15:40:27.435Z","8.1.0-beta.2":"2020-11-20T22:26:19.331Z","8.1.0-beta.3":"2020-11-29T11:51:11.165Z","8.1.0-beta.4":"2020-11-29T16:46:01.191Z","8.1.0-beta.5":"2020-11-30T10:43:19.141Z","8.1.0-beta.6":"2020-11-30T12:08:17.633Z","8.1.0-beta.7":"2020-12-02T11:30:44.537Z","8.1.0-beta.8":"2020-12-02T11:43:13.984Z","8.1.0-beta.9":"2020-12-02T16:17:49.719Z","9.0.0-beta.10":"2020-12-06T16:47:56.204Z","9.0.0-beta.11":"2020-12-19T13:35:03.443Z","9.0.0-beta.12":"2020-12-26T11:11:24.597Z","9.0.0-beta.13":"2020-12-26T11:38:25.918Z","9.0.0-beta.14":"2020-12-28T12:05:22.675Z","9.0.0":"2021-01-13T16:21:14.700Z","9.0.1":"2021-02-09T16:08:49.486Z","9.0.2":"2021-02-11T23:32:26.196Z","9.0.3":"2021-02-14T16:55:09.135Z","9.0.4":"2021-02-14T17:29:49.715Z","9.1.0-alpha.1":"2021-02-18T10:50:22.149Z","9.1.0":"2021-03-02T10:14:04.287Z","9.1.1":"2021-03-02T10:58:33.382Z","9.1.2":"2021-03-03T17:49:20.789Z","9.1.3":"2021-03-07T20:43:22.217Z"},"maintainers":[{"name":"dbismut","email":"david.bismut@gmail.com"},{"name":"drcmda","email":"drcmda@gmail.com"}],"author":{"name":"Paul Henschel"},"license":"MIT","readme":"# React UseGesture\n\n\n[](https://www.npmjs.com/package/react-use-gesture)    [](https://discord.gg/poimandres)\n\nReact UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.\n\nYou can use it stand-alone, but to make the most of it you should combine it with an animation library like [react-spring](https://github.com/react-spring/react-spring), though you can most certainly use any other.\n\n\n \n \n \n \n \n \n
\n\nThe demos are real click them!
\n\n### Installation\n\n```bash\n#Yarn\nyarn add react-use-gesture\n\n#NPM\nnpm install react-use-gesture\n```\n\n### [Full documentation website](https://use-gesture.netlify.com)\n\n- [Available Hooks](https://use-gesture.netlify.com/docs/hooks)\n- [Gesture State](https://use-gesture.netlify.com/docs/state)\n- [Gesture Options](https://use-gesture.netlify.com/docs/options)\n- [Utilities](https://use-gesture.netlify.com/docs/utilities)\n- [FAQ](https://use-gesture.netlify.com/docs/faq)\n\n### Simple example\n\n\n \n
\n\n```jsx\nimport { useSpring, animated } from 'react-spring'\nimport { useDrag } from 'react-use-gesture'\n\nfunction PullRelease() {\n const [{ x, y }, set] = useSpring(() => ({ x: 0, y: 0 }))\n\n // Set the drag hook and define component movement based on gesture data\n const bind = useDrag(({ down, movement: [mx, my] }) => {\n set({ x: down ? mx : 0, y: down ? my : 0 })\n })\n\n // Bind it to a component\n return \n```\n\nThe example above makes a `div` draggable so that it follows your mouse on drag, and returns to its initial position on release.\n\n**Make sure you always set [`touchAction`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on a draggable element to prevent glitches with the browser native scrolling on touch devices**.\n\n### Available hooks\n\nReact-use-gesture exports several hooks that can handle different gestures:\n\n| Hook | Description |\n| ------------ | ------------------------------------------ |\n| `useDrag` | Handles the drag gesture |\n| `useMove` | Handles mouse move events |\n| `useHover` | Handles mouse enter and mouse leave events |\n| `useScroll` | Handles scroll events |\n| `useWheel` | Handles wheel events |\n| `usePinch` | Handles the pinch gesture |\n| `useGesture` | Handles multiple gestures in one hook |\n\n#### [More on the full documentation website...](https://use-gesture.netlify.com)\n","readmeFilename":"README.md","description":"React hook for receiving gestures https://use-gesture.netlify.app","homepage":"https://use-gesture.netlify.app","keywords":["react","hook","gesture","mouse","trackpad","touch","drag","pinch","rotate","scale","zoom","scroll","wheel"],"repository":{"type":"git","url":"git+https://github.com/pmndrs/react-use-gesture.git"},"contributors":[{"name":"David Bismut","url":"https://github.com/dbismut"}],"bugs":{"url":"https://github.com/pmndrs/react-use-gesture/issues"}}![](\"https://i.imgur.com/tg1mN1F.gif\")
\n![](\"https://i.imgur.com/OxGLHeT.gif\")
\n ![](\"https://i.imgur.com/ifdCBvG.gif\")
\n![](\"https://i.imgur.com/ooNu3jz.gif\")
\n![](\"https://i.imgur.com/KDeJBqp.gif\")
\n![](\"https://i.imgur.com/JyeQsEI.gif\")
\n![](\"https://i.imgur.com/z6jFWpM.gif\")
\n![](\"https://i.imgur.com/BnZtmxE.gif\")
\n