{"_id":"586b6e81","_rev":"1-cb9566588a540579ce9598f4279c40ac","name":"586b6e81","dist-tags":{"latest":"2.8.3"},"versions":{"2.8.2":{"name":"586b6e81","version":"2.8.2","description":"Responsive and accessible React UI components built with React and Emotion. A fork of Chakra UI","main":"dist/index.js","sideEffects":false,"publishConfig":{"access":"public"},"dependencies":{"@chakra-ui/accordion":"2.3.1","@chakra-ui/alert":"2.2.2","@chakra-ui/avatar":"2.3.0","@chakra-ui/breadcrumb":"2.2.0","@chakra-ui/button":"2.1.0","@chakra-ui/card":"2.2.0","@chakra-ui/checkbox":"2.3.2","@chakra-ui/close-button":"2.1.1","@chakra-ui/control-box":"2.1.0","@chakra-ui/counter":"2.1.0","@chakra-ui/css-reset":"2.3.0","@chakra-ui/editable":"3.1.0","@chakra-ui/focus-lock":"2.1.0","@chakra-ui/form-control":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icon":"3.2.0","@chakra-ui/image":"2.1.0","@chakra-ui/input":"2.1.2","@chakra-ui/layout":"2.3.1","@chakra-ui/live-region":"2.1.0","@chakra-ui/media-query":"3.3.0","@chakra-ui/menu":"2.2.1","@chakra-ui/modal":"2.3.1","@chakra-ui/number-input":"2.1.2","@chakra-ui/pin-input":"2.1.0","@chakra-ui/popover":"2.2.1","@chakra-ui/popper":"3.1.0","@chakra-ui/portal":"2.1.0","@chakra-ui/progress":"2.2.0","@chakra-ui/provider":"2.4.2","@chakra-ui/radio":"2.1.2","@chakra-ui/react-env":"3.1.0","@chakra-ui/select":"2.1.2","@chakra-ui/skeleton":"2.1.0","@chakra-ui/skip-nav":"2.1.0","@chakra-ui/slider":"2.1.0","@chakra-ui/spinner":"2.1.0","@chakra-ui/stat":"2.1.1","@chakra-ui/stepper":"2.3.1","@chakra-ui/styled-system":"2.9.2","@chakra-ui/switch":"2.1.2","@chakra-ui/system":"2.6.2","@chakra-ui/table":"2.1.0","@chakra-ui/tabs":"3.0.0","@chakra-ui/tag":"3.1.1","@chakra-ui/textarea":"2.1.2","@chakra-ui/theme":"3.3.1","@chakra-ui/theme-utils":"2.0.21","@chakra-ui/toast":"7.0.2","@chakra-ui/tooltip":"2.3.1","@chakra-ui/transition":"2.1.0","@chakra-ui/utils":"2.0.15","@chakra-ui/visually-hidden":"2.2.0"},"peerDependencies":{"@emotion/react":"11.11.3","@emotion/styled":"11.11.0","framer-motion":">=4.0.0","react":">=18","react-dom":">=18"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","homepage":"https://chakra-ui.com/","repository":{"type":"git","url":"git+https://github.com/chakra-ui/chakra-ui.git","directory":"packages/components/react"},"keywords":["react","ui","design-system","react-components","uikit","accessible","components","emotion","library","design-system"],"storybook":{"title":"Chakra UI","url":"https://storybook.chakra-ui.com"},"devDependencies":{"@emotion/react":"^11.11.1","@emotion/styled":"^11.11.0","framer-motion":"^10.16.1","react":"^18.2.0","react-dom":"^18.2.0","clean-package":"2.2.0"},"clean-package":"../../../clean-package.config.json","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"build":"tsup src --dts","dev":"pnpm build:fast -- --watch","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_id":"586b6e81@2.8.2","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-zelr2LYGFoMdHFs180ZfnzGpkdZ5wVM1pdmO36R43LprsrEuupXKDOXpLLEKnO5QNrm1yeKbSjCiVtxX3s69Aw==","shasum":"deb7ef69673147409685c44c8d2547209aa1e251","tarball":"https://registry.npmjs.org/586b6e81/-/586b6e81-2.8.2.tgz","fileCount":17,"unpackedSize":40333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRBp2QNpR+i+2D0pfT6QyywI1ZhexAqANr4eq4TrNVHQIgZ4k8aj+A9Q4LcMwEoQY49gbZo1koSvZdO/oERhufSY4="}]},"_npmUser":{"name":"teddarific","email":"teddy@mirrorful.io"},"directories":{},"maintainers":[{"name":"teddarific","email":"teddy@mirrorful.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/586b6e81_2.8.2_1706562601391_0.04841603406956563"},"_hasShrinkwrap":false},"2.8.3":{"name":"586b6e81","version":"2.8.3","description":"Responsive and accessible React UI components built with React and Emotion. A fork of Chakra UI","main":"dist/index.js","sideEffects":false,"publishConfig":{"access":"public"},"dependencies":{"@chakra-ui/accordion":"2.3.1","@chakra-ui/alert":"2.2.2","@chakra-ui/avatar":"2.3.0","@chakra-ui/breadcrumb":"2.2.0","@chakra-ui/button":"2.1.0","@chakra-ui/card":"2.2.0","@chakra-ui/checkbox":"2.3.2","@chakra-ui/close-button":"2.1.1","@chakra-ui/control-box":"2.1.0","@chakra-ui/counter":"2.1.0","@chakra-ui/css-reset":"2.3.0","@chakra-ui/editable":"3.1.0","@chakra-ui/focus-lock":"2.1.0","@chakra-ui/form-control":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icon":"3.2.0","@chakra-ui/image":"2.1.0","@chakra-ui/input":"2.1.2","@chakra-ui/layout":"2.3.1","@chakra-ui/live-region":"2.1.0","@chakra-ui/media-query":"3.3.0","@chakra-ui/menu":"2.2.1","@chakra-ui/modal":"2.3.1","@chakra-ui/number-input":"2.1.2","@chakra-ui/pin-input":"2.1.0","@chakra-ui/popover":"2.2.1","@chakra-ui/popper":"3.1.0","@chakra-ui/portal":"2.1.0","@chakra-ui/progress":"2.2.0","@chakra-ui/provider":"2.4.2","@chakra-ui/radio":"2.1.2","@chakra-ui/react-env":"3.1.0","@chakra-ui/select":"2.1.2","@chakra-ui/skeleton":"2.1.0","@chakra-ui/skip-nav":"2.1.0","@chakra-ui/slider":"2.1.0","@chakra-ui/spinner":"2.1.0","@chakra-ui/stat":"2.1.1","@chakra-ui/stepper":"2.3.1","@chakra-ui/styled-system":"2.9.2","@chakra-ui/switch":"2.1.2","@chakra-ui/system":"2.6.2","@chakra-ui/table":"2.1.0","@chakra-ui/tabs":"3.0.0","@chakra-ui/tag":"3.1.1","@chakra-ui/textarea":"2.1.2","@chakra-ui/theme":"3.3.1","@chakra-ui/theme-utils":"2.0.21","@chakra-ui/toast":"7.0.2","@chakra-ui/tooltip":"2.3.1","@chakra-ui/transition":"2.1.0","@chakra-ui/utils":"2.0.15","@chakra-ui/visually-hidden":"2.2.0"},"peerDependencies":{"@emotion/react":"11.11.1","@emotion/styled":"11.11.0","framer-motion":">=4.0.0","react":">=18","react-dom":">=18"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","homepage":"https://chakra-ui.com/","repository":{"type":"git","url":"git+https://github.com/chakra-ui/chakra-ui.git","directory":"packages/components/react"},"keywords":["react","ui","design-system","react-components","uikit","accessible","components","emotion","library","design-system"],"storybook":{"title":"Chakra UI","url":"https://storybook.chakra-ui.com"},"devDependencies":{"@emotion/react":"^11.11.1","@emotion/styled":"^11.11.0","framer-motion":"^10.16.1","react":"^18.2.0","react-dom":"^18.2.0","clean-package":"2.2.0"},"clean-package":"../../../clean-package.config.json","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"build":"tsup src --dts","dev":"pnpm build:fast -- --watch","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_id":"586b6e81@2.8.3","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-XxIKqfnpeV209gZPCKoCvRXyQ1etSZrtUYEkBehXgI9Fm9KR17I2vhHLo4kuXInHwsqX3Bon8q2oRbVd0IelCg==","shasum":"d4d12631a840528b0bf52f944065e4ab2f404aad","tarball":"https://registry.npmjs.org/586b6e81/-/586b6e81-2.8.3.tgz","fileCount":17,"unpackedSize":40333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDKplV/aZKE/+XjdCFvNxd6dYhxj/19TmhvQJXhwSiE/AiB/Fv3KNf1lTvSrz+I5sBV6YNWd3kR8KjsHfWKa/D/VOg=="}]},"_npmUser":{"name":"teddarific","email":"teddy@mirrorful.io"},"directories":{},"maintainers":[{"name":"teddarific","email":"teddy@mirrorful.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/586b6e81_2.8.3_1706562821645_0.7335461767741649"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-29T21:10:01.290Z","2.8.2":"2024-01-29T21:10:01.569Z","modified":"2024-01-29T21:13:41.960Z","2.8.3":"2024-01-29T21:13:41.815Z"},"maintainers":[{"name":"teddarific","email":"teddy@mirrorful.io"}],"description":"Responsive and accessible React UI components built with React and Emotion. A fork of Chakra UI","homepage":"https://chakra-ui.com/","keywords":["react","ui","design-system","react-components","uikit","accessible","components","emotion","library","design-system"],"repository":{"type":"git","url":"git+https://github.com/chakra-ui/chakra-ui.git","directory":"packages/components/react"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"license":"MIT","readme":"# Welcome to Chakra UI ⚡️\n\n[](#contributors-)\n\n- Works out of the box. Chakra UI contains a set of polished React components\n that work out of the box.\n\n- Flexible & composable. Chakra UI components are built on top of a React UI\n Primitive for endless composability.\n\n- Accessible. Chakra UI components follows the WAI-ARIA guidelines\n specifications.\n\n- Dark Mode 😍: All components are dark mode compatible.\n\n## Looking for the documentation?\n\nhttps://chakra-ui.com\n\n## Installing Chakra UI\n\n⚡️Chakra UI is made up of multiple components and tools which you can import\none by one. All you need to do is install the `@chakra-ui/react` package:\n\n```sh\n$ yarn add @chakra-ui/react\n# or\n$ npm install --save @chakra-ui/react\n```\n\n# Getting set up\n\nTo start using the components, please follow these steps:\n\n1. Wrap your application in a `ThemeProvider` provided by **@chakra-ui/react**\n\n```jsx\nimport { ThemeProvider, ColorModeProvider } from \"@chakra-ui/react\";\n\nconst App = ({ children }) => (\n \n {children}\n \n);\n```\n\n`ColorModeProvider` is a context that provides light mode and dark mode values\nto the components. It also comes with a function to toggle between light/dark\nmode.\n\n2. Now you can start using components like so!:\n\n```jsx\nimport { Button } from \"@chakra-ui/react\";\n\nconst App = () => ;\n```\n\n# Contributing\n\nFeel like contributing? That's awesome! We have a\n[contributing guide](../../CONTRIBUTING.md) to help guide you.\n\nThe components to be built come from the\n[Aria Practices Design Patterns and Widgets](https://www.w3.org/TR/wai-aria-practices-1.1).\n\n## Contributors ✨\n\nThanks goes to these wonderful people\n([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\n\n\n
\n\n\n\n\n\n\nThis project follows the\n[all-contributors](https://github.com/all-contributors/all-contributors)\nspecification. Contributions of any kind welcome!\n","readmeFilename":"README.md"}
![\"Segun](\"https://avatars2.githubusercontent.com/u/6916170?v=4\")
![\"Tioluwani](\"https://avatars1.githubusercontent.com/u/11310046?v=4\")