{"_id":"3w3m-leva","name":"3w3m-leva","dist-tags":{"latest":"0.9.35"},"versions":{"0.9.35":{"name":"3w3m-leva","version":"0.9.35","main":"dist/leva.cjs.js","module":"dist/leva.esm.js","types":"dist/leva.cjs.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/str11ngfello/leva.git","directory":"packages/leva"},"bugs":{"url":"https://github.com/str11ngfello/leva/issues"},"preconstruct":{"entrypoints":["index.ts","plugin/index.ts"]},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"dependencies":{"@radix-ui/react-portal":"^1.0.2","@radix-ui/react-tooltip":"^1.0.5","@stitches/react":"^1.2.8","@use-gesture/react":"^10.2.5","colord":"^2.9.2","dequal":"^2.0.2","merge-value":"^1.0.0","react-colorful":"^5.5.1","react-dropzone":"^12.0.0","v8n":"^1.3.3","zustand":"^3.6.9"},"devDependencies":{"@welldone-software/why-did-you-render":"^6.2.3"},"gitHead":"7d64c22b88cd936ae93518087a808eeab707efa4","description":"[![npm (tag)](https://img.shields.io/npm/v/leva?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/leva) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/leva?style=flat&colorA=000000&colorB=000000&label=gzipped)](https:/","homepage":"https://github.com/str11ngfello/leva#readme","_id":"3w3m-leva@0.9.35","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-TxXr/cyPugGMFDnQ1PADmJSAYBYnrsKBdpAmwVxqwIvG4kGGshkwBdOMxRnovoXY7odraRNzZH7daHy6us0PCw==","shasum":"b640ee689fca5e8aa6d90d75693c7bdd98e48dcd","tarball":"https://registry.npmjs.org/3w3m-leva/-/3w3m-leva-0.9.35.tgz","fileCount":283,"unpackedSize":874778,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG2W06ux0O/h5S2nsDmY9goKFDhvsO5sPKVIdgQP1jhbAiEA/4UivjjM0wm2NkPQ7Dpmh5wBJr/xhA/CkDr6cjKJPrQ="}]},"_npmUser":{"name":"str11ngfello","email":"str11ngfello@gmail.com"},"directories":{},"maintainers":[{"name":"str11ngfello","email":"str11ngfello@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3w3m-leva_0.9.35_1691263348478_0.0588659956856743"},"_hasShrinkwrap":false}},"time":{"created":"2023-08-05T19:22:28.398Z","0.9.35":"2023-08-05T19:22:28.738Z","modified":"2023-08-05T19:22:28.902Z"},"maintainers":[{"name":"str11ngfello","email":"str11ngfello@gmail.com"}],"description":"[![npm (tag)](https://img.shields.io/npm/v/leva?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/leva) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/leva?style=flat&colorA=000000&colorB=000000&label=gzipped)](https:/","homepage":"https://github.com/str11ngfello/leva#readme","repository":{"type":"git","url":"git+https://github.com/str11ngfello/leva.git","directory":"packages/leva"},"bugs":{"url":"https://github.com/str11ngfello/leva/issues"},"license":"MIT","readme":"[![npm (tag)](https://img.shields.io/npm/v/leva?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/leva) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/leva?style=flat&colorA=000000&colorB=000000&label=gzipped)](https://bundlephobia.com/result?p=leva) ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/pmndrs/leva/CI?style=flat&colorA=000000) [![Discord Shield](https://img.shields.io/discord/740090768164651008?style=flat&colorA=000000&colorB=000000&label=&logo=discord&logoColor=ffffff)](https://discord.gg/poimandres)\n\n<a href=\"\"><img src=\"https://raw.githubusercontent.com/gsimone/leva/master/hero.png\" /></a>\n<br />\n\n<div align=\"center\"><strong>A GUI you are going to lava.</strong></div>\n<div align=\"center\"> Customizable, extensible and beautiful by default.</div>\n<br />\n<div align=\"center\">\n<a href=\"http://leva.pmnd.rs/\">Storybook</a> \n</div>\n<br />\n<div align=\"center\">\n  <sub>by <a href=\"https://twitter.com/pmndrs\">Poimandres</a></sub>\n</div>\n\n<br />\n\n## 🚧🚧 This repo is under heavy development 🚧🚧\n\n## Features\n\n- ⭐️ Beautiful by default\n- 🎚 More than 12 different kinds of inputs available\n- 🧐 Smart input type recognition\n- 🔌 Easy-to-make plugins\n- ✅ Keyboard accessible\n- ⚡️ No setup necessary\n\n### Installation\n\n```bash\nnpm i leva\n```\n\n### Quick start\n\nSimply call the `useControls` hook from anywhere in your app:\n\n```jsx\nimport { useControls } from 'leva'\n\nfunction MyComponent() {\n  const { name, aNumber } = useControls({ name: 'World', aNumber: 0 })\n\n  return (\n    <div>\n      Hey {name}, hello! {aNumber}\n    </div>\n  )\n}\n```\n\nNOTE: Using Leva with React 18 will cause a console error about createRoot which you can safely ignore, or fix by following the instructions here: [discussion](https://github.com/pmndrs/leva/issues/358)\n\n### Documentation\n\n- [Getting Started](/docs/getting-started.md)\n- [Inputs](/docs/inputs.md)\n- [Configuration](/docs/configuration.md)\n- [Styling](/docs/styling.md)\n\n- [Advanced: Controlled Inputs](/docs/advanced/controlled-inputs.md)\n- [Advanced: Creating Plugins](/docs/advanced/creating-plugins.md)\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/AndrewPrifer\"><img src=\"https://avatars1.githubusercontent.com/u/2991360?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Andrew Prifer</b></sub></a><br /><a href=\"#ideas-AndrewPrifer\" title=\"Ideas, Planning, & Feedback\">🤔</a> <a href=\"https://github.com/gsimone/use-leva/commits?author=AndrewPrifer\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://twitter.com/ariaminaei\"><img src=\"https://avatars3.githubusercontent.com/u/593118?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Aria</b></sub></a><br /><a href=\"#ideas-AriaMinaei\" title=\"Ideas, Planning, & Feedback\">🤔</a></td>\n    <td align=\"center\"><a href=\"https://github.com/dbismut\"><img src=\"https://avatars2.githubusercontent.com/u/5003380?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>David Bismut</b></sub></a><br /><a href=\"#ideas-dbismut\" title=\"Ideas, Planning, & Feedback\">🤔</a> <a href=\"https://github.com/gsimone/use-leva/commits?author=dbismut\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://jeetiss.github.io/\"><img src=\"https://avatars.githubusercontent.com/u/6726016?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Dmitry Ivakhnenko</b></sub></a><br /><a href=\"https://github.com/gsimone/use-leva/commits?author=jeetiss\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://twitter.com/ggsimm\"><img src=\"https://avatars0.githubusercontent.com/u/1862172?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Gianmarco</b></sub></a><br /><a href=\"#ideas-gsimone\" title=\"Ideas, Planning, & Feedback\">🤔</a> <a href=\"https://github.com/gsimone/use-leva/commits?author=gsimone\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://www.linkedin.com/in/guidovizoso/?locale=en_US\"><img src=\"https://avatars.githubusercontent.com/u/27702539?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Guido Vizoso</b></sub></a><br /><a href=\"https://github.com/gsimone/use-leva/commits?author=guidovizoso\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://iinf.in/\"><img src=\"https://avatars0.githubusercontent.com/u/48106228?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Han</b></sub></a><br /><a href=\"#design-iinfin\" title=\"Design\">🎨</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/ivanross\"><img src=\"https://avatars1.githubusercontent.com/u/15856208?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Ivan Rossi</b></sub></a><br /><a href=\"https://github.com/gsimone/use-leva/issues?q=author%3Aivanross\" title=\"Bug reports\">🐛</a></td>\n    <td align=\"center\"><a href=\"https://n1ru4l.cloud/\"><img src=\"https://avatars.githubusercontent.com/u/14338007?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Laurin Quast</b></sub></a><br /><a href=\"https://github.com/gsimone/use-leva/commits?author=n1ru4l\" title=\"Code\">💻</a> <a href=\"#ideas-n1ru4l\" title=\"Ideas, Planning, & Feedback\">🤔</a></td>\n    <td align=\"center\"><a href=\"https://github.com/marcofugaro\"><img src=\"https://avatars3.githubusercontent.com/u/7217420?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Marco Fugaro</b></sub></a><br /><a href=\"#ideas-marcofugaro\" title=\"Ideas, Planning, & Feedback\">🤔</a></td>\n    <td align=\"center\"><a href=\"https://github.com/emmelleppi\"><img src=\"https://avatars2.githubusercontent.com/u/39760175?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Marco Ludovico Perego</b></sub></a><br /><a href=\"#ideas-emmelleppi\" title=\"Ideas, Planning, & Feedback\">🤔</a></td>\n    <td align=\"center\"><a href=\"https://haspar.us/\"><img src=\"https://avatars.githubusercontent.com/u/15332326?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>Piotr Monwid-Olechnowicz</b></sub></a><br /><a href=\"https://github.com/gsimone/use-leva/commits?author=hasparus\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/clementcassajus\"><img src=\"https://avatars.githubusercontent.com/u/13033639?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>clementcassajus</b></sub></a><br /><a href=\"#design-clementcassajus\" title=\"Design\">🎨</a></td>\n    <td align=\"center\"><a href=\"https://github.com/thephoenixofthevoid\"><img src=\"https://avatars2.githubusercontent.com/u/49817252?v=4?s=80\" width=\"80px;\" alt=\"\"/><br /><sub><b>thephoenixofthevoid</b></sub></a><br /><a href=\"https://github.com/gsimone/use-leva/issues?q=author%3Athephoenixofthevoid\" title=\"Bug reports\">🐛</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md"}